.chatbot-shortcode-template-00 {   font-family:"quicksandregular", "Helvetica Neue", Helvetica, Aria;   height:auto;   max-width:1100px;   margin:0 auto;   position:relative;   box-sizing:border-box;   border-radius:5px;   box-shadow:0 5px 40px rgba(0, 0, 0, .10);   background:#ffffff;   display:table; }  .chatbot-shortcode-row {   display:table-row; }  .chatbot-shortcode-template-00 .wp-chatbot-container, .chatbot-shortcode-template-00 .chatbot-sidebar {   display:table-cell;   vertical-align:top;   box-sizing:border-box; }  .chatbot-shortcode-template-00 .chatbot-sidebar {   width:30%;   padding:15px;   font-size:14px;   line-height:1.8; }  .chatbot-shortcode-template-00 .wp-chatbot-container {   width:40%;   background-color:#f6f6fc; }   .wp-chatbot-header {   height:auto; }  .wp-chatbot-header h3 {   color:#999999; }  .wp-chatbot-content { }  ul.wp-chatbot-messages-container li {   font-size:14px; }  ul.wp-chatbot-messages-container > li.wp-chatbot-msg {   padding-left:50px; }  ul.wp-chatbot-messages-container > li.wp-chat-user-msg {   padding-right:50px; }  ul.wp-chatbot-messages-container > li .wp-chatbot-avatar, .wp-chatbot-agent-profile .wp-chatbot-widget-avatar {   position:absolute;   top:0;   width:40px;   height:40px;   overflow:hidden;   border-radius:50%; }  ul.wp-chatbot-messages-container > li.wp-chatbot-msg .wp-chatbot-avatar, .wp-chatbot-agent-profile .wp-chatbot-widget-avatar {   left:0; }  ul.wp-chatbot-messages-container > li.wp-chat-user-msg .wp-chatbot-avatar {   right:0; }  ul.wp-chatbot-messages-container > li > .wp-chatbot-paragraph, .wp-chatbot-agent-profile .wp-chatbot-bubble {   padding:8px 15px;   max-width:90%;   box-shadow:0 2px 8px #bfbfbf;   line-height:150%; }  ul.wp-chatbot-messages-container > li.wp-chat-user-msg .wp-chatbot-paragraph {   text-align:right;   float:right; }  ul.wp-chatbot-messages-container > li.wp-chat-user-msg .wp-chatbot-paragraph {   background-color:#eaf1f6;   color:#494949;   margin-left:10%;   border-radius:10px 10px 0 10px; }  ul.wp-chatbot-messages-container > li.wp-chatbot-msg .wp-chatbot-paragraph, .wp-chatbot-agent-profile .wp-chatbot-bubble {   background-color:#1f8ceb;   color:#ffffff;   border-radius:0 10px 10px 10px; }  ul.wp-chatbot-messages-container li:first-child.wp-chatbot-msg .wp-chatbot-paragraph {   background-color:transparent; }  ul.wp-chatbot-messages-container > li .wp-chatbot-paragraph img.wp-chatbot-comment-loader {   background-color:#fff;   padding:1px;   border-radius:5px;   margin:0 auto;   display:block; }  .wp-chatbot-footer {   border-radius:5px;   background:rgba(70, 70, 70, 0.5); }  .wp-chatbot-editor-area {   border-top:1px solid #deebe9;   border-radius:0 0 5px 5px;   margin:0;   padding:6px 15px; }  .wp-chatbot-editor-area input {   display:inline-block;   border:none;   height:50px;   font-family:'Montserrat', sans-serif;   width:80%;   background-color:transparent;   color:#FFF;   font-size:14px;   margin:0;   padding:0; }  .wp-chatbot-editor-area input:focus {   outline:none;   border:none;   box-shadow:none;   background:none; } input.wp-chatbot-editor::placeholder {   color:#ffffff; } .wp-chatbot-editor-area input::-webkit-input-placeholder, .wp-chatbot-editor-area input::-moz-placeholder, .wp-chatbot-editor-area input:-ms-input-placeholder, .wp-chatbot-editor-area input:-moz-placeholder {   color:#ffffff; }  .wp-chatbot-editor-area button {   display:inline-block;   height:50px;   background:transparent url("/wp-content/uploads/w3-webp/plugins/chatbot/images/send-button.png.webp") no-repeat center;   color:transparent;   width:20%;   cursor:pointer;   margin:0 0 0 -8px;   padding:0;   border:none;   outline:none; }  .wp-chatbot-editor-area button:hover {   background:transparent url("/wp-content/uploads/w3-webp/plugins/chatbot/images/send-button.png.webp") no-repeat center; }  .wp-chatbot-editor-area button:focus {   outline:none;   border:none;   box-shadow:none;   background:transparent url("/wp-content/uploads/w3-webp/plugins/chatbot/images/send-button.png.webp") no-repeat center; } .wp-chatbot-agent-profile {   position:relative;   padding-left:50px;   box-sizing:border-box;   word-wrap:break-word;   list-style:none;   display:block;   clear:both;   line-height:150%;   min-height:50px;   margin:0 0 10px 0; }   .wp-chatbot-cart-header {   background-color:#F5F5F5; }  .wp-chatbot-cart-single {   background-color:rgba(245, 245, 245, 0.1);   border-bottom:1px solid #dddddd; }  .wp-chatbot-cart-single:nth-child(2n+1) {   background-color:rgba(245, 245, 245, 0.5); }  .wp-chatbot-cart-footer div a {   text-decoration:none;   background:#1f8ceb;   color:#ffffff !important; }  .wp-chatbot-cart-footer div a:hover, .wp-chatbot-cart-footer div:last-child a {   background:#1e97f9 !important; }   .wp-chatbot-product-details {   box-shadow:0 0 10px #ccc;   background-color:#f5f5f5; }  .wp-chatbot-product-cart-button input[type="button"], #wp-chatbot-loadmore {   border:1px solid #6dcbe3;   background:#6dcbe3;   color:#ffffff;   box-shadow:0 0 2px #999; }  .wp-chatbot-product-cart-button input[type="button"]:hover, #wp-chatbot-loadmore:hover {   background:#559db0;   color:#ffffff; }  #wp-chatbot-shortcode-template-container a.wp-chatbot-product-close {   position:absolute;   top:0;   right:0;   background:#6dcbe3 url("/wp-content/uploads/w3-webp/plugins/chatbot/images/wp-boat-product-close-icon.png.webp") no-repeat center;   background-size:27px;   width:50px;   height:50px; }  #wp-chatbot-shortcode-template-container a.wp-chatbot-product-close:hover {   background-color:red; }  #wp-chatbot-shortcode-template-container .wp-chatbot-product-details {   box-shadow:none; }  #wp-chatbot-shortcode-template-container h2#wp-chatbot-product-title {   margin:0 0 10px !important;   color:#999999;   padding:0 0 5px;   font-size:18px;   font-weight:700;   line-height:1.2;   letter-spacing:1px; }   .wp-chatbot-rtl {   text-align:right;   direction:RTL; }  .wp-chatbot-rtl ul.wp-chatbot-messages-container > li.wp-chatbot-msg, .wp-chatbot-rtl .wp-chatbot-agent-profile {   padding:0 50px 0 0; }  .wp-chatbot-rtl ul.wp-chatbot-messages-container > li.wp-chatbot-msg.wp-chatbot-msg-flat {   padding:0; }  .wp-chatbot-rtl ul.wp-chatbot-messages-container > li.wp-chatbot-msg > .wp-chatbot-paragraph {   display:table;   max-width:90%;   float:right;   text-align:right; }  .wp-chatbot-rtl ul.wp-chatbot-messages-container > li.wp-chatbot-msg .wp-chatbot-avatar, .wp-chatbot-rtl .wp-chatbot-agent-profile .wp-chatbot-widget-avatar {   right:0;   left:auto; }  .wp-chatbot-rtl ul.wp-chatbot-messages-container > li.wp-chat-user-msg {   padding:0 0 0 50px; }  .wp-chatbot-rtl ul.wp-chatbot-messages-container > li.wp-chat-user-msg .wp-chatbot-avatar {   left:0;   right:auto; }  .wp-chatbot-rtl ul.wp-chatbot-messages-container > li.wp-chat-user-msg > .wp-chatbot-paragraph {   display:table;   max-width:90%;   float:left;   text-align:left; }  .wp-chatbot-rtl ul.wp-chatbot-messages-container > li.wp-chat-user-msg .wp-chatbot-paragraph {   margin-left:0; }  .wp-chatbot-rtl .wp-chatbot-editor-container input {   text-align:right;   direction:RTL; }  .wp-chatbot-rtl .wp-chatbot-products-area ul li:nth-child(2n+2) {   margin:auto; }  .wp-chatbot-rtl .wp-chatbot-products-area ul li {   margin:1%;   vertical-align:middle; }   @media screen and (max-width:1024px) {   .chatbot-left-sidebar {  display:none !important;   } }  @media screen and (max-width:767px) {   .chatbot-shortcode-template-01 {  display:block;   } .chatbot-shortcode-template-01 .chatbot-shortcode-row {  display:block;   } .chatbot-shortcode-template-01 .wp-chatbot-container {  display:block !important;  width:100% !important;  margin-bottom:30px;   } }