.open-button{width:60px;height:60px;border-radius:50%;background-color:#39f;color:#fff;border:none;cursor:pointer;position:fixed;bottom:30px;right:30px;z-index:99999}.close-button{width:60px;height:60px;border-radius:50%;background-color:#39f;color:#fff;border:none;cursor:pointer;position:fixed;bottom:30px;right:30px}.chat-popup{display:none;position:fixed;bottom:0;margin-bottom:100px;right:15px;border:3px solid #f1f1f1;z-index:99999}.msg_container_base{background:#e5e5e5;height:250px;margin:0;overflow-y:scroll}.msg_receive{padding-left:0;margin-left:0}.msg_sent{padding-bottom:20px!important;margin-right:0}.messages{display:inline-table;background:#fff;padding:10px;border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,.2);max-width:100%}.messages>p{font-size:13px;margin:0 0 .2rem 0}.messages>time{font-size:10px;color:#884d4d}.msg_container{padding:10px;overflow:hidden;display:flex}img{display:block;width:100%}.avatar{position:relative}.base_receive{display:contents;justify-content:flex-end;align-items:flex-end}.base_receive>.avatar:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border:5px solid #fff;border-left-color:transparent;border-bottom-color:transparent}.base_sent{float:right;justify-content:flex-end;align-items:flex-end}.base_sent>.avatar:after{content:"";position:absolute;bottom:0;left:0;width:0;height:0;border:5px solid #fff;border-right-color:transparent;border-top-color:transparent;box-shadow:1px 1px 2px rgba(black,.2)}// not quite perfect but close .msg_sent>time{float:right}.msg_container_base::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}.msg_container_base::-webkit-scrollbar{width:12px;background-color:#f5f5f5}.msg_container_base::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555}.btn-group.dropup{position:fixed;left:0;bottom:0}.form-popup{width:255px;position:fixed;bottom:90px;right:43px;border:3px solid #f1f1f1;z-index:9;background:#fff;height:225px}.form-container{position:absolute;background-color:#fff}.form-container input[type=password],.form-container input[type=text]{width:100%;padding:15px;margin:5px 0 22px 0;border:none;background:#f1f1f1}.form-container input[type=password]:focus,.form-container input[type=text]:focus{background-color:#ddd;outline:0}.form-container .btn{background-color:#4caf50;color:#fff;padding:16px 20px;border:none;cursor:pointer;width:100%;margin-bottom:10px;opacity:.8}.lc-buttons{display:table-caption}.lc-1utgifp{font-size:1em;-webkit-appearance:none;box-shadow:rgba(32,34,40,.05) 0 .1em .1em 0;font-weight:400;word-break:break-word;background-color:#fff;color:#427fe1;border-width:1px;border-style:solid;transition:box-shadow .1s ease 0s,color .1s ease 0s,border-color .2s ease 0s;margin:.25em;border-radius:1.4em;overflow:hidden;padding:.375em 1em .5em;border-color:#427fe1}.form-container .btn:hover,.open-button:hover{opacity:1}.pd20{display:block;padding:5px}#respond input[type=text],#respond textarea,#test input[type=text],#test textarea{color:#2e2e2e;font-size:13px;font-family:'Open Sans',sans-serif;border:1px solid #eee;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;outline:0;width:100%;padding:7px 14px;display:block;margin-bottom:10px;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}.form-control:focus{border-color:#aaafb5;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(18,19,19,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(18,19,19,.6)}.formFieldsContainer{width:350px;height:auto;position:fixed;bottom:100px;right:20px;margin-bottom:0;background:#fff;border:none;border-radius:5px;-webkit-border-radius:5px;overflow-x:auto;animation:slideFadeIn .25s ease;-webkit-animation:slideFadeIn .25s ease;scrollbar-width:thin;scrollbar-color:#fff #fff;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;-webkit-box-shadow:rgba(250,250,250,.5) 0 5px 2px 0;box-shadow:rgba(250,250,250,.5) 0 5px 2px 0}.chatBoxPanelHeading{background-color:#2e2e2e;width:100%;border-radius:5px 0 0 0;min-height:45px;box-shadow:none;padding:20px}.chatBoxPanelHeading>p{font-size:14px;font-weight:500;line-height:27px;color:#fff}.chatForm{-ms-flex-grow:1;-webkit-flex-grow:1;-moz-flex-grow:1;flex-grow:1;flex-shrink:1;position:relative;-ms-flex:1;border:1px solid #e4e4e4;border-radius:3px;padding:20px}.cstm-center{text-align:center}.startChat{background-color:#39f;width:80%;border-radius:5px;min-height:45px;box-shadow:none;cursor:pointer;font-size:15px;color:#fff;border:0}.agentChatContainer{margin:15px 40px 12px 11px;font-size:14px!important;padding:10px 13px;font-weight:400;border-radius:5px;box-shadow:0 0 1px 0 rgba(0,0,0,.1);background-color:#39f!important;color:#fff!important}.visitorChatContainer{margin:15px 15px 12px 74px;font-size:14px!important;padding:10px 13px;font-weight:400;border-radius:5px;box-shadow:0 0 1px 0 rgba(0,0,0,.1)}#conversejs .chat-head.chat-head-chatbox{background-color:#39f!important}#conversejs.converse-overlayed .toggle-controlbox{display:none!important}#conversejs .chatbox .sendXMPPMessage .chat-toolbar{border-top:4px solid #39f;background-color:#fff;color:#39f}#conversejs .chatbox-title{display:none!important}#conversejs .chatbox-buttons{float:right;margin-left:160px}#dynamic{width:350px;height:auto;position:fixed;bottom:100px;right:20px;margin-bottom:0;background:#fff;border:none;border-radius:5px;-webkit-border-radius:5px;overflow-x:auto;animation:slideFadeIn .25s ease;-webkit-animation:slideFadeIn .25s ease;scrollbar-width:thin;scrollbar-color:#fff #fff;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;-webkit-box-shadow:rgba(250,250,250,.5) 0 5px 2px 0;box-shadow:rgba(250,250,250,.5) 0 5px 2px 0;border:1px solid #e4e4e4;border-radius:3px}#dynamic>h2{background-color:#2e2e2e;width:100%;border-radius:5px 0 0 0;min-height:45px;box-shadow:none;padding:20px;color:#fff;font-size:18px!important}.formChatHeading{background-color:#f6f6f6;width:100%;min-height:45px;box-shadow:none;padding:20px;color:#fff}.formChatHeading>p{color:#444}.txtAreaStyle{padding:20px;display:inline-flex}#textmsg{margin-top:10px;width:60%}#dynamic>label{padding:20px}#dynamic>button{background-color:#39f;width:50%;border-radius:5px;min-height:45px;box-shadow:none;cursor:pointer;font-size:15px;color:#fff;border:0;margin-bottom:20px!important;margin-top:10px!important;display:flex;justify-content:center;margin-left:auto;margin-right:auto}