*, ::after, ::before {
	box-sizing: border-box;
}
.chatUserInputHeading{font-size: 14px;font-family: 'Roboto', sans-serif;padding: 4px 4px 4px 2px;background-color: #fff;
  border-radius: 10px 10px 0 0px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.10);}
#chatUserInputHeading{display:none;}
.snippet-chat {
  background-color: #F1F3F4;
  padding:15px 23px 10px 10px;
  display: inline-block;
  width: 100%; 
  text-align: center;
  margin: 0 auto;
  border-radius: 12px 12px 12px 0px;
}
.dot-elastic {
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background-color: #000;
  color: #000;
  animation: dot-elastic 1s infinite linear;
  margin-left:15px;
}
.dot-elastic::before, .dot-elastic::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}
.dot-elastic::before {
  left: -15px;
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background-color: #000;
  color: #000;
  animation: dot-elastic-before 1s infinite linear;
}
.dot-elastic::after {
  left: 15px;
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background-color: #000;
  color: #000;
  animation: dot-elastic-after 1s infinite linear;
}

@keyframes dot-elastic-before {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1.5);
  }
  50% {
    transform: scale(1, 0.67);
  }
  75% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes dot-elastic {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 1.5);
  }
  75% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}

@keyframes dot-elastic-after {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 0.67);
  }
  75% {
    transform: scale(1, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
.containerWrap {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
 @media (min-width:576px) {
.containerWrap {
	max-width: 540px
}
}
 @media (min-width:768px) {
.containerWrap {
	max-width: 720px
}
}
 @media (min-width:992px) {
.containerWrap {
	max-width: 960px
}
}
 @media (min-width:1200px) {
.containerWrap {
	max-width: 1140px
}
}
.chat-row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.chat-col, .chat-col-1, .chat-col-10, .chat-col-11, .chat-col-12, .chat-col-2, .chat-col-3, .chat-col-4, .chat-col-5, .chat-col-6, .chat-col-7, .chat-col-8, .chat-col-9, .chat-col-auto, .chat-col-lg, .chat-col-lg-1, .chat-col-lg-10, .chat-col-lg-11, .chat-col-lg-12, .chat-col-lg-2, .chat-col-lg-3, .chat-col-lg-4, .chat-col-lg-5, .chat-col-lg-6, .chat-col-lg-7, .chat-col-lg-8, .chat-col-lg-9, .chat-col-lg-auto, .chat-col-md, .chat-col-md-1, .chat-col-md-10, .chat-col-md-11, .chat-col-md-12, .chat-col-md-2, .chat-col-md-3, .chat-col-md-4, .chat-col-md-5, .chat-col-md-6, .chat-col-md-7, .chat-col-md-8, .chat-col-md-9, .chat-col-md-auto, .chat-col-sm, .chat-col-sm-1, .chat-col-sm-10, .chat-col-sm-11, .chat-col-sm-12, .chat-col-sm-2, .chat-col-sm-3, .chat-col-sm-4, .chat-col-sm-5, .chat-col-sm-6, .chat-col-sm-7, .chat-col-sm-8, .chat-col-sm-9, .chat-col-sm-auto, .chat-col-xl, .chat-col-xl-1, .chat-col-xl-10, .chat-col-xl-11, .chat-col-xl-12, .chat-col-xl-2, .chat-col-xl-3, .chat-col-xl-4, .chat-col-xl-5, .chat-col-xl-6, .chat-col-xl-7, .chat-col-xl-8, .chat-col-xl-9, .chat-col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
.flex-column {
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}
.chat_d_flex {
	display: -ms-flexbox;
	display: flex;
}
.align-items-center {
	-ms-flex-align: center !important;
	align-items: center !important;
}
.p-0 {
	padding: 0 !important;
}
.mb-3, .my-3 {
	margin-bottom: 1rem;
}
.img-fluid {
	max-width: 100%;
	height: auto;
}
.chat-col-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}
#loading.text-primary {
	color: #007bff !important;
}
@media (min-width: 576px) {
.chat-col-sm-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}
}
 @media (min-width: 576px) {
.chat-col-sm-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}
}
 @media (min-width: 576px) {
.chat-col-sm-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}
}
 @media (min-width: 576px) {
.chat-col-sm-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
}
#chat-container .text-center {
	text-align: center;
}
.chat-btn {
	display: inline-block;
	font-weight: 400;
	color: #212529;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
 padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
 border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	cursor: pointer;
	outline: none;
	text-transform: capitalize;
	font-family: 'Roboto', sans-serif;;
	box-shadow:none;
}
.chat-btn.btn-custom{padding: 2px 6px;margin-left: 4px;}
#chat-header .chat-btn {
	background: none;
	box-shadow: none;
	transition: none;
	outline:none;
}
#chat-header .chat-btn:hover {
	background: none;
	box-shadow: none;
	transition: none;
	outline:none;
}
#chat-close {
	line-height: 1px;
}
#product-container {
	position: relative;
	height: 175px;
	background-color: rgba(255, 255, 255, 0.6);
	/* Semi-transparent white background */
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	/* Box shadow to create a frame effect */
	border-radius: 10px;/* Rounded corners */
}
#carousel-control-prev, #carousel-control-next {
	width: 5px;
	background-color: transparent !important;
	/* Make the controls background transparent */
	border: none !important;/* Remove any borders */
}
#carousel-control-prev i, #carousel-control-next i {
	color: rgba(0, 0, 0, 0.3) !important;/* Make the arrow icons lightly visible */
}
#chat-button, #chat-bottom-button{
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 2;
	width:100%;
	max-width: 250px;
	height: 50px;
	border-radius: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 18px;
	background-color: #fff;
	padding: 0 0 0 0;
	/* overflow: hidden; */
	cursor: pointer;
	border:1px solid #000;
	color: #fff;
	line-height: 0;
	box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.15); 
	background-color: #fff;
}
#chat-button-float {
	position:relative;
	width:50px;
	height: 50px;
	border-radius: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 18px;
	background-color: #fff;
	padding: 0 0 0 0;
	/* overflow: hidden; */
	cursor: pointer;
	border:2px solid #000;
	color: #fff;
	line-height: 0;
	box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.15); 
	background-color: #000;
}
.chatSvgIcon {
	background-color: #fff;
	padding:2px;
	display: flex;
	overflow: hidden;
	margin:auto;
	border-radius: 5px;
  }
.chatSvgIcon:after {
	content: '';
	position: absolute;
	top: 79%;
	left: 30%;
	width: 0;
	height: 0;
	border-left: 2px solid transparent;
	border-right: 10px solid transparent;
	border-top: 8px solid #fff;
  }

.chatInfo {
	color: #000;
	font-family: 'Roboto', sans-serif;;
	font-size: 18px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.28px;
	padding: 0 15px 0 15px;
	z-index: -1;
	white-space: nowrap;
}

#loading {
	align-self: flex-start;
	margin-right: auto;
	margin-left: 5px;
	display: none;
}
#chat-container {
	position: revert;
	bottom: 30px;
	right:0%;
	width: 100%;
	max-width: 700px;
	height: 90%;
/*	display: none;*/
	flex-direction: column;
	/*box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.30);*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
	/* scrollbar-width: thin;
    scrollbar-color: rgba(155, 155, 155, 0.5) transparent; */
	border-radius: 15px;
	z-index:123456789999 !important;
	padding-top: 5px;
	padding-bottom: 5px;
	-webkit-transform: translateX(-0%);
	transform: translate(-0%);
	transition: all .4s cubic-bezier(.46, .01, .32, 1);
	background-color: #fff;
	justify-content:start;
	padding-bottom:34px;
}
[dir="ltr"] .chatDrawerOpen#chat-container {
	right: 60px;
	animation: all;
}
.chatDrawerOpen#chat-container {
	-webkit-transform: translateX(0);
	transform: translate(0);
	right: 60px;
}
#conversecart_bottom {
	position: fixed;
	bottom:0px;
	right: -110%;
	width: 100%;
	max-width: 700px;
	height: 100%;
	display: none;
	flex-direction: column;
	box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.30);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
	border-radius: 0px;
	z-index: 123456789999 !important;
	padding-top: 5px;
	padding-bottom: 5px;
	-webkit-transform: translateX(-0%);
	transform: translate(-0%);
	transition: all .4s cubic-bezier(.46, .01, .32, 1);
	background-color: #fff;
	justify-content: space-between;
}
[dir="ltr"] .chatBottomDrawerOpen#conversecart_bottom {
	right:0px;
	animation: all;
}
.chatBottomDrawerOpen#conversecart_bottom {
	-webkit-transform: translateX(0);
	transform: translate(0);
	right: 0px;	
}
.bottom_overlay_bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #141517cc;transition: visibility .4s linear,opacity .4s cubic-bezier(.4,0,.2,1);-webkit-transform: translateZ(0);transform: translateZ(0);z-index: 92;}
#conversecart_bottom #chat-container{margin-top: 51px;padding-top: 51px;z-index: revert !important;padding-bottom: 0;border-radius: 0;}
#conversecart_bottom #chat-header{position: absolute;
	z-index: 1;
	width: 100%;
	margin-top: 0px;
	padding: 10px;
	text-align: center;
	font-size: 25px;
	color: #000;
	font-weight: bold;
	border-radius:0px;}
#conversecart_bottom .searchAssiHead{width: 80%;}
#conversecart_bottom #chat-section{padding-bottom: 0px;
	border-radius: 0px;
	width: 100%;height: 100%;
	margin-top: 51px;
	margin-bottom: 0px;
	overflow-y: auto;}
#conversecart_bottom #chatbox{position: relative;
	flex-grow: 1;
	margin-top: 5px;
	padding: 10px;
	border-radius: 0px;
	scrollbar-width: thin;
	scrollbar-color: rgba(155, 155, 155, 0.5) transparent;
	scrollbar-width: thin;
	scrollbar-color: rgba(155, 155, 155, 0.7) transparent;overflow-x: hidden;}
#conversecart_bottom .bot-message-container{align-items: self-start;}
#conversecart_bottom .bot-message {border-radius:0px 12px 12px 12px;}
#conversecart_bottom .timestamp{align-self: center;}
.searchAssiHead {
	color: #333;
	text-align: left;
	font-family: 'Roboto', sans-serif;;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.44px;
	width:100%;
}
.groupActionBtn {
}
.newChatText {
	color: #333;
	text-align: right;
	font-family: 'Roboto', sans-serif;;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing:normal;
	margin-right:0px;
}
#chat-section {
	padding-bottom:0px;
	border-radius: 15px;
	width: 100%;
	margin-top: 0;
	margin-bottom:0px;
	overflow-y: auto;
}
.circular-image {
	height: 40px;
	width: 40px;
}
#chatbox {
	position: relative;
	flex-grow: 1;
	margin-top: 5px;
	padding: 10px;
	border-radius: 15px;
	scrollbar-width: thin;
	scrollbar-color: rgba(155, 155, 155, 0.5) transparent;
	scrollbar-width: thin;
	/* For Firefox */
	scrollbar-color: rgba(155, 155, 155, 0.7) transparent;/* For Firefox */
}

::-webkit-scrollbar {
 width: 8px;
	/* For Chrome, Safari and Edge */
	border-radius: 15px;
}

::-webkit-scrollbar-track {
 background: transparent;
	/* For Chrome, Safari and Edge */
	border-radius: 15px;
}

::-webkit-scrollbar-thumb {
 background-color: rgba(155, 155, 155, 0.7);
	/* For Chrome, Safari and Edge */
	border-radius: 20px;
 border: 2px solid transparent;
}
#clearChatBtn {
	position: absolute;
	right: 0;
	margin-top: 10px;
	margin-right: 5px;
	border-radius: 5px;
	border: 1px solid rgba(198, 198, 198);
	background-color: rgba(255, 255, 255);
	-webkit-box-shadow: 0px 15px 39px -12px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 15px 39px -12px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 15px 39px -12px rgba(0, 0, 0, 0.75);
	padding: 10px;
}
#imgRecommendation {
	object-fit: cover;
}
#send-btn {
	background-color:#477BE1;
	border-color:transparent;	
	width:auto;	
	height: 40px;	
	color:#fff;
	white-space: nowrap;
	color: #fff;
	border-radius: 6px;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: normal;
}
#start-conversation-btn {
	background-color:#477BE1;
	border-color:transparent;	
	width:auto;	
	height: 40px;	
	color:#fff;
	white-space: nowrap;
	color: #fff;
	border-radius: 6px;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: normal;
}
#send-btn img {
	padding: 0px 0 0;
	margin: 0px 0px 0 0px;
}
#send-btn i {
	font-size: 20px;
}
#clear-btn {
	background-color: black;
	border-radius: 0px 0px 15px 0px;
}
#clear-btn i {
	font-size: 20px;
}
#chat-header {
	position: absolute;
	z-index: 1;
	width: 100%;
	margin-top:0px;
	padding: 10px;
	text-align: center;
	font-size: 25px;
	color: #000;
	font-weight: bold;
	border-radius: 15px 15px 0px 0px;
}
.message-container {
	display: flex;
	flex-direction: column;
	margin-bottom: 5px;
}
.user-message-container {
	align-items: flex-end;
}
.chatUserInput .form-control {
	border-radius: 0px 0px 0px 15px;
	height: 50px;
}
.chat-message {
	color: #333;
	font-family: 'Roboto', sans-serif;;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.32px;
}
#user-input {
	z-index: 1;
	width: 100%;
	padding: 0;
	margin: 2px;
	position: relative;
	/* Fix position */
	bottom: 2px;
	/* Align to bottom */
	left:0px;
	/* Align to left */
	right:0px;
	/* Align to right */
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.poweredBy {
	color: #333;
	text-align: center;
	font-size:12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing:normal;
	width: 100%;
	font-family: 'Roboto', sans-serif;;
	padding-bottom:0px;
  	margin-top: 0px;
	padding-right:15px;
}
.poweredBy img {
	vertical-align: middle;
	border-style: none;
}
.userInputBoxWrapper{position:relative;width: 100%;display: flex;justify-items: center;align-content: center;align-items: center;border-bottom: 1px solid #dee2e6;padding: 3px 20px;}
.chatUserInput {
	width: 100%;
	padding:0;
	background: #fff;
	border-radius:0px;
}
.input-group-append {
	/*position: absolute;
	right:15px;
	bottom: 0;*/
}
.chatUserInput .form-control {
	border: none;
	border-radius: 0;
	width: 100%;
	/*margin-bottom: 7px;*/
	outline: none;
	display: block;
    padding: .375rem .75rem;
	font-size: 18px;
	/*padding-left: 22px;*/
	font-weight: 400;
	line-height: 1.5;	
	background-color: #fff;
	background-clip: padding-box;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	font-family: "Open Sans",Helvetica,Arial !important;color: #7d7d7d;
}
.chatUserInput .form-control::placeholder{color: #6c757d;opacity:1;}
.chatUserInput .form-control::-webkit-input-placeholder{color: #6c757d;opacity:1;}
.chatUserInput .form-control::-moz-placeholder{color: #6c757d;opacity:.5;}
.chatUserInput .form-control:-moz-placeholder{color: #6c757d;opacity:.5;}
.chatUserInput .form-control::-ms-input-placeholder{color: #6c757d;opacity:.5;}   
.chatUserInput .form-control:focus {
	box-shadow: none;
}
.bot-message-container {
	align-items:flex-end;
	flex-direction: initial;
}
.timestamp {
	display: block;
	color: gray;
	text-align: right;
	font-family: 'Roboto', sans-serif;
}
.user-message {
	background: #E8EFFB;
	margin-left: 5px;
	border-radius: 12px 12px 0px 12px;
}
.bot-message {
	background-color: #fff;
	margin-right: 5px;
	border-radius:12px 12px 12px 0px;
}
.spinner-border-no{border-radius:12px 12px 12px 0px;background-color: #F1F3F4;margin-bottom: 5px;
	padding: 10px 10px;
	margin-right: 5px;
	word-wrap: break-word;
	overflow-wrap: break-word;
	color: #333;
	font-family: 'Roboto', sans-serif;;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.32px;}
.chat-message {
	max-width: 80%;
	margin-bottom: 5px;
	padding: 10px 10px;
	margin-right: 5px;
	word-wrap: break-word;
	overflow-wrap: break-word;
	color: #333;
	font-family: 'Roboto', sans-serif;;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.32px;
	background-color:#F1F3F4;
}
.message-container.bot-message-container .chat-message.bot-message.productListWrap{width: 100%;max-width: 100%;padding: 0;margin-left: 0;margin-right: 0;}
.message-container.bot-message-container .chat-message.bot-message.productListWrap .containerWrap{padding:0px;}
.chat-message.user-message{border: 1px solid #000;background-color: #fff;}
.productName {padding-left: 10px;height:25px;overflow: hidden;padding-top: 6px;padding-right: 10px;}
.productListWrap .productName{border-top: 1px solid #000;}
.productName .product-name-link{font-family: 'Roboto', sans-serif;color: #333;text-decoration:none;font-size:16px;}
.chat-message-icon::before {
	width: 40px;
	height: 40px;
	margin-right: 10px;
	content: "";
	background-image: url("assets/unclereco-favicon.ico");
	display: inherit;
	background-repeat: no-repeat;
	background-color: #eee;
	border-radius: 40px;	
	background-position: center;
}
.productListWrap {
	background-color: transparent;
	border: none;
}
.productListWrap .chat-col-6{margin-bottom: 15px;}
.productListWrap .image-container{
	display: flex;
	align-content: center;
	justify-content: end;
	margin: auto;	
	flex-direction: column;
	height: 100%;	
	border: 1px #000 solid;
	background: #fff;
	border-radius: 12px;
	text-decoration: none;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.10); 
	background-color:#fff;
	color: #333;	
	overflow:hidden;
}
.productListWrap .image-container .product-link, .product-name-link, .product-buy-link{display:inline-block;}
.productListWrap .image-container > .product_image {
  display: flex;
  margin: auto;
}
.productListWrap .image-container p {
	color: #000;
	font-family: 'Roboto', sans-serif;;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: -0.32px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 0px 10px 0px 10px;
}
.actionGroup{
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	justify-content: space-between;
  padding: 0px 10px 10px 10px;	
}
.productListWrap .product_image img {
	margin-bottom: 0px;
}
.productListWrap .chat-btn-primary {
	background-color: #333;
	border-color: #333;
	border-radius: 50px;
	font-family: 'Roboto', sans-serif;;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.28px;
	color: #fff;
	cursor: pointer;display: flex;
  margin: 0 auto;
}
#product-carousel {
	display: flex;
	overflow-x: auto;
	scrollbar-width: thin;
	scrollbar-color: rgba(155, 155, 155, 0.5) transparent;
}
 #product-carousel::-webkit-scrollbar {
 height: 8px;
}
 #product-carousel::-webkit-scrollbar-track {
 background: transparent;
}
 #product-carousel::-webkit-scrollbar-thumb {
 background-color: rgba(155, 155, 155, 0.5);
 border-radius: 20px;
 border: transparent;
}
.justifyContent{justify-content: space-between;}
.flexRowCtm{width: 100%;display: flex;justify-content: center;position: relative;}
 @-webkit-keyframes spinner-border {
to {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes spinner-border {
to {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.spinner-border {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: text-bottom;
	border: .25em solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	-webkit-animation: spinner-border .75s linear infinite;
	animation: spinner-border .75s linear infinite
}
.spinner-border-sm {
	width: 1rem;
	height: 1rem;
	border-width: .2em
}
#loading .sr-only{display: none;}
.productListWrap a .ask_more img {
  border-bottom: 0;
}

.chat_buy_now {
  margin: 0 0 0 auto;
}
.chat_buy_now .product-buy-link, .ask_more{
  font-size: 12px;
  background-color: #f8f9fa;
  color: #000;
  padding: 4px 8px;
  border-radius: 10px; 
  line-height: 10px;
  margin: 0 0 0 auto;
  display:inline-block;
  text-decoration:none;
  font-weight: 600;
  text-decoration:none;cursor:pointer;
  border: 1px solid #D5D9D9;
}
.ask_more{margin:0;display: flex;}
.ask_more{background-color:#f8f9fa;}
.chat_buy_now .product-buy-link:hover{background-color: #e2e6ea;}
.ask_more:hover {background-color: #e2e6ea;}
.productWrap .img-fluid {
  border: 1px #000 solid;
  border-radius: 10px;
}
.chat-message.bot-message.AskMore{background-color:transparent;}

.chatUserInput {
    position: relative;
    display: inline-block;
}
.selected_img_wrap {
  display: flex;
  margin-top: 8px;
}
.image_wrap {
  position: relative;
  border: 1px #ccc solid; 
  border-radius: 5px;
  background-color:#fff;
  height: 53px;
}
.chatUserInput .input-image {
    height: 50px; 
    width: 50px; 
	border-radius: 5px;   
}
.chatUserInput .remove-icon {
cursor: pointer;top: -5px;position: absolute;right: -5px;font-size: 11px;background-color: #8e8ea0;width: 16px;height: 16px;text-align: center;line-height: 16px;border-radius: 11px;color: #fff;font-weight: bold;}
.askmore_title{font-family: 'Roboto', sans-serif;font-size: 16px;margin: auto 0px auto 8px;}
.chatboxScrollBox{overflow-y:scroll;}
.see_more_products {
  font-size: 15px;
  background-color: #f8f9fa;
  border-radius: 50px;
  text-align: center;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  line-height: 29px;
  border: 1px solid #D5D9D9;
  width: 100%;
  max-width: 183px;
  margin: 5px auto;
  cursor: pointer;
  color: #000;
  white-space: nowrap;
  font-weight:600;
}
.see_more_products:hover{background-color: #e2e6ea;}
.product-link, .product-name-link, .product-buy-link{cursor:pointer;}
#user_chat_input.no-placeholder::placeholder{color: transparent;}
#search_input.no-placeholder::placeholder{color: transparent;}
.loading_see_more_products{width: auto;margin:10px auto auto 10px;}
.searchDrawerOpener .go-btn .anm-search-l{color: #999999;}
@media only screen and (max-width: 991px) {
.message-container.bot-message-container .chat-message.bot-message.productListWrap .containerWrap{padding:10px;}	
[dir="ltr"] .chatDrawerOpen#chat-container {
	right: 0;
	animation: all;
}
.chatDrawerOpen#chat-container {
	right: 0;
	animation: all;
}
#chat-container {
	width: 100%;
	right: -110%;
	top: 0;
	border-radius: 0px;
	box-shadow: none;
	height: 100%;
}
.chatUserInput {
	width: 100%;
}
.input-group-append {
	right: 0;
}
.chat-message {
	max-width: 100%;
}
.productListWrap {
	background-color: transparent;
	border: none;
}
.productListWrap a {
	display:inline-block;
}
.chat-message.user-message {
	background-color: #000;
	color: #fff;
}
.productName {padding-left: 3px;padding-right: 3px;}
.productListWrap a p {
	margin-top:10px;
	font-size: 14px;
	padding-right: 3px;
    padding-left: 3px;
}
.productListWrap a .ask_more img{margin-bottom:0px;}
}
@media only screen and (max-width: 600px) {
.mobileHide {
	display: none;
}
.chat-col, .chat-col-1, .chat-col-10, .chat-col-11, .chat-col-12, .chat-col-2, .chat-col-3, .chat-col-4, .chat-col-5, .chat-col-6, .chat-col-7, .chat-col-8, .chat-col-9, .chat-col-auto, .chat-col-lg, .chat-col-lg-1, .chat-col-lg-10, .chat-col-lg-11, .chat-col-lg-12, .chat-col-lg-2, .chat-col-lg-3, .chat-col-lg-4, .chat-col-lg-5, .chat-col-lg-6, .chat-col-lg-7, .chat-col-lg-8, .chat-col-lg-9, .chat-col-lg-auto, .chat-col-md, .chat-col-md-1, .chat-col-md-10, .chat-col-md-11, .chat-col-md-12, .chat-col-md-2, .chat-col-md-3, .chat-col-md-4, .chat-col-md-5, .chat-col-md-6, .chat-col-md-7, .chat-col-md-8, .chat-col-md-9, .chat-col-md-auto, .chat-col-sm, .chat-col-sm-1, .chat-col-sm-10, .chat-col-sm-11, .chat-col-sm-12, .chat-col-sm-2, .chat-col-sm-3, .chat-col-sm-4, .chat-col-sm-5, .chat-col-sm-6, .chat-col-sm-7, .chat-col-sm-8, .chat-col-sm-9, .chat-col-sm-auto, .chat-col-xl, .chat-col-xl-1, .chat-col-xl-10, .chat-col-xl-11, .chat-col-xl-12, .chat-col-xl-2, .chat-col-xl-3, .chat-col-xl-4, .chat-col-xl-5, .chat-col-xl-6, .chat-col-xl-7, .chat-col-xl-8, .chat-col-xl-9, .chat-col-xl-auto{padding-right: 5px;padding-left: 5px;}
.productListWrap .chat-col-6 {
  margin-bottom: 10px;
} 
.see_more_products {max-width: 143px;}
#chatbox{height: calc(100vh - 175px);}
.chatUserInput .form-control::placeholder{color: #6c757d;opacity:1;}
.chatUserInput .form-control::-webkit-input-placeholder{color: #6c757d;opacity:1;}
.chatUserInput .form-control::-moz-placeholder{color: #6c757d;opacity:.9;}
.chatUserInput .form-control:-moz-placeholder{color: #6c757d;opacity:.9;}
.chatUserInput .form-control::-ms-input-placeholder{color: #6c757d;opacity:.9;} 
.chatUserInput #user_chat_input::placeholder{font-size: 10px;font-family: "Open Sans",Helvetica,Arial !important;color: #6c757d;opacity:.9;}
#conversecart_bottom .chatUserInput #user_chat_input::placeholder{font-size: 12px;font-family: "Open Sans",Helvetica,Arial !important;color: #6c757d;opacity:.9;}  
#send-btn span, #start-conversation-btn span{display: none;}
.userInputBoxWrapper{padding: 3px 10px;}
.chatUserInput .form-control{padding-left: 10px;}
#chat_desktop_icon{
  display: none;
}
#chat_mobile_icon{
  display: block !important;
}
#chat-bottom-button{width: revert;max-width: revert;z-index: 123456789;bottom: 110px;}
.chatSvgIcon:after {top: 77%;}
#conversecart_bottom .searchAssiHead{width: 66%;}
#chat-bottom-button .chatInfo{display: none;}
}
@media only screen and (max-width:400px) {  
 /*.chat_buy_now{font-size:9px;padding: 4px 5px;}*/
 .productPrice{width: 100%;}
 .chat_buy_now{margin:0 0 0 auto;text-align: center;}
 .productListWrap a p{margin-bottom: 0;}
 .productListWrap .image-container p{padding: 0px 5px 0px 5px;}
 .actionGroup{padding: 0px 5px 5px 5px;white-space: nowrap;}
 #chatbox{height: calc(100vh - 220px);}
 .see_more_products{max-width:117px;font-size: 12.5px;}
 .chatUserInput #user_chat_input::placeholder{font-size: 10px;font-family: "Open Sans",Helvetica,Arial !important;color: #6c757d;opacity:.9;}
 .chatUserInput .form-control{padding-left: 10px;}
}
@media only screen and (max-width: 360px) {
.searchDrawerOpener{max-width: 310px;}
}
.image-container {
    position: relative;
}

.button-group {
    position: absolute;
    right: 0;
    top: 75%;
    transform: translateY(-100%);
    /* Align buttons in a column */
    display: flex;
    flex-direction: column;
    align-items: center;
}


.products_warning_wrap{font-family: 'Roboto', sans-serif;color: #856404;background-color: #fff3cd;border-color: #ffeeba;padding:10px 10px;border-radius:5px;font-size:17px;margin-top: 5px;}
.user-image .added_user_image{
  background-color: #fff;
  height: 53px;
  width:53px;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-right: 2px;
}  
.added_user_image:last-child {
  margin-right: 0;
}
.hide_chat_search_result#chat-container{
  display: none;
}