.custom_chatbot_section{margin:0;padding:0;display:block}
.custom_chatbot_section h1,
.custom_chatbot_section h2{color:#fff!important;font-size:50px!important;font-weight:bolder!important;line-height:58px;margin:0 0 20px!important;padding:0;text-align:center}
.custom_chatbot_section h3{text-align:center;font-size:28px;line-height:25px;color:#fff;margin:0 0 40px;padding:0;font-weight:300}
.custom_chatbot_section h3 br{display:none}
.custom_chatbot_section .start_btn{background:#fff;width:20%;height:48px;color:#126389;border:1px solid #fff;line-height:48px;text-align:center;font-size:22px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;text-decoration:none;display:table;margin:0 auto;font-weight:600}
.custom_chatbot_section a.start_btn:hover{background:0 0;color:#fff;text-decoration:none}
.custom_chatbot_section .inner_main_chat_holder{background:#eee;margin:0 auto;display:block;width:50%;padding:15px 15px 0;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;box-sizing:border-box;height:408px;-webkit-box-shadow:0 0 6px 1px rgba(0, 0, 0, .3);-moz-box-shadow:0 0 6px 1px rgba(0, 0, 0, .3);box-shadow:0 0 6px 1px rgba(0, 0, 0, .3)}
#outputarea,
.chatsection,
.rightavt{display:none}
.custom_chatbot_section_inner{background:red}
#chatarea{background:#fff;height:280px;overflow-y:auto;position:relative;padding:18px;box-sizing:border-box;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.commentArea{font-family:'Open Sans', sans-serif;font-size:13px;padding:0 10px 0 0;margin-top:0;margin-bottom:0;color:#000}
.leftavt:before,
.rightavt:before{font-size:20px;font-weight:600;text-align:center}
.bubbledLeft,
.bubbledRight{margin-bottom:10px;padding:0;width:90%;clear:both;border:none}
.leftavttxt,
.rightavttxt{max-width:84%;padding:6px 10px;line-height:20px}
.leftavt,
.rightavt{width:35px;height:35px}
.bubbledLeft{float:left;margin-right:auto;overflow:hidden}
.leftavt{border-radius:50%;background:#ffcb3d;float:left;margin:0 15px 0 0;position:relative}
.leftavt:before{left:11px;top:5px;content:"P";color:#ffffff;position:absolute}
.leftavttxt:before,
.rightavttxt:before{content:"";top:5px}
.leftavttxt{float:left;background:#fff;border-radius:4px 20px 20px 25px;position:relative;border:1px solid #ffcb3d}
.bubbledRight{background:url(../../img/icons/capture.PNG) 100% 0 no-repeat;float:right;margin-right:auto;overflow:hidden}
.rightavttxt{float:right;background:#fff;border-radius:20px 4px 20px 20px;position:relative;border:1px solid #0fbdff;margin-right:51px}
.rightavttxt:before{position:absolute;right:-8px;border-top:7px solid transparent;border-bottom:7px solid transparent}
.rightavt{border-radius:50%;background:#279ACF;float:right;margin:0 15px 0 0;position:relative}
.rightavt:before{left:12px;top:5px;content:"S";color:#fff;position:absolute}
.actionbuttons{background:#fff;display:block;cursor:pointer;width:100%;bottom:40px;text-align:center;padding:0 0 5px;margin:0 0 8px;height:51px;box-sizing:border-box}
.blursubjectarea,
.subjectarea{display:none;position:absolute}
.actnbtn,
p{margin-bottom:8px}
.actnbtn{margin-right:5px;background-color:#FF4F37;border:none;color:#fff;border-radius:5px;font-size:14px;padding:5px 10px}
.actnbtn:hover{background-color:#666;border:none;color:#fff}
.subjectarea{width:70%;left:50%;top:20%;margin-left:-35%;min-height:100px;max-height:180px;background:#fff;overflow-y:auto;z-index:999;border:1px solid #CCC;border-radius:6px;padding:0}
.blursubjectarea{top:0;left:0;width:100%;height:100%;background:#fff;opacity:.7;z-index:99}
.list-group{margin:0;padding:0;display:block}
.list-group a{background:#fff;padding:6px 20px;display:block;margin:0;color:#000;text-decoration:none;font-size:14px;border-bottom:1px solid #ddd}
.list-group a:hover{background:#f5f5f5;color:#FF4F37;text-decoration:none}
.loaderbot{width:64px;height:64px;position:absolute;left:50%;top:50%;margin-left:-32px;margin-top:-32px;display:none;z-index:999}
input.form-control{background-color:#fff;background-image:none;border:1px solid;border-radius:4px;font-family:"Open Sans", sans-serif;color:#000;display:block;font-size:14px;font-weight:300;padding:0 3%;margin-bottom:10px;height:44px;line-height:48px;width:100%}
.chatheight{height:10px}
@media only screen and (min-width:768px) and (max-width:1023px){.custom_chatbot_section .inner_main_chat_holder{width:90%}
.custom_chatbot_section h1{font-size:35px!important}
.custom_chatbot_section h3{font-size:28px}
.custom_chatbot_section .start_btn{width:28%}
}
@media only screen and (min-width:1024px) and (max-width:1200px){.custom_chatbot_section .inner_main_chat_holder{width:70%}
}
@media only screen and (max-width:767px){.custom_chatbot_section .inner_main_chat_holder{width:96%}
.bubbledLeft{width:100%}
.leftavttxt{width:68%}
.leftavt:before{left:11px}
.custom_chatbot_section h1{font-size:24px!important;line-height:34px;margin-bottom:22px}
.custom_chatbot_section h3{font-size:21.5px;line-height:34px;margin-bottom:20px;font-weight:400}
.custom_chatbot_section h3 br{display:block}
.custom_chatbot_section .start_btn{width:200px}
}
.open-chat-popup{position:fixed;bottom:0px;right:2px;background:#ffcb3d;font-size:19px;font-weight:normal;text-align:center;width:220px;height:32px;line-height:50px;color:#ffffff;cursor:pointer;display:inline-block;z-index:99999;border-radius:12px 12px 12px 12px;border:1px solid #1e150d;-webkit-transition:all 500ms ease;transition:all 500ms ease;}
.chat-text{left:50%;top:50%;width:230px;margin-top:-26px;margin-left:-108px;position:absolute;}