.open-button{width:60px;height:60px;border-radius:50%;background-color:#e8282c;color:white;border:0;cursor:pointer;position:fixed;bottom:30px;right:30px;z-index:99999}.close-button{width:60px;height:60px;border-radius:50%;background-color:#e8282c;color:white;border:0;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:white;padding:10px;border-radius:2px;box-shadow:0 1px 2px rgba(0,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{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:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0)}.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 white;border-right-color:transparent;border-top-color:transparent;box-shadow:1px 1px 2px rgba(black,0.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,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:white;height:225px}.form-container{position:absolute;background-color:white}.form-container input[type=text],.form-container input[type=password]{width:100%;padding:15px;margin:5px 0 22px 0;border:0;background:#f1f1f1}.form-container input[type=text]:focus,.form-container input[type=password]:focus{background-color:#ddd;outline:0}.form-container .btn{background-color:#4caf50;color:white;padding:16px 20px;border:0;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,0.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}#test input[type="text"],#test textarea,#respond input[type="text"],#respond 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,0.075),0 0 8px rgba(18,19,19,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(18,19,19,0.6)}.formFieldsContainer{width:350px;height:auto;position:fixed;bottom:100px;right:20px;margin-bottom:0;background:#fff;border:0;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:#e8282c;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,0.1);background-color:#e8282c!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,0.1)}#conversejs .chat-head.chat-head-chatbox{background-color:#e8282c!important}#conversejs.converse-overlayed .toggle-controlbox{display:none!important}#conversejs .chatbox .sendXMPPMessage .chat-toolbar{border-top:4px solid #e8282c;background-color:#fff;color:#e8282c}#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:0;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:#e8282c;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} box{background:#fff;color:#fff;overflow:hidden;box-shadow:0 0 3px rgba(0,0,0,0.3);position:relative;transition:all .3s ease-out 0s}.box img{width:100%;height:auto;opacity:1;transition:all .3s ease-out 0s}.box:hover img{opacity:.2;transform:scale(1.1)}.box .box-content{background-color:rgba(255,255,255,0);overflow:hidden;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;transform:rotate(0deg);transition:all .3s ease-out 0s;width:262.5px!important}.box:hover .box-content{background-color:rgba(255,255,255,0.3)}.box .icon{padding:0;margin:0;list-style:none;transition:all .3s ease-out 0s}.box .icon li{display:inline-block}.box .icon li a{display:block;width:87.5px;line-height:45px;background:#696161;border-right:2px solid #fff;font-size:20px;color:#fff;text-align:center;position:absolute;transition:all .2s ease 0s}.box .icon li a.left{bottom:0;left:0;transform:translate(-100%,100%)}.box .icon li a.bottom{bottom:0;left:87.5px;transform:translate(100%,100%)}.box .icon li a.right{top:0;right:0;transform:translate(100%,-100%)}.box .icon li a:hover{background:#2b74c1}.box:hover .box-content .icon li a{transform:translate(0%,0%);transition-delay:.35s}.box .icon li a i{transform:rotate(-45deg)}.box .box-content:before,.box .box-content:after,.box .box-content .icon:before,.box .box-content .icon:after{content:"";display:block;background:#fff;position:absolute;transition:all .4s ease-in-out 0s}.box .box-content:before,.box .box-content:after{width:0;height:2px}.box .box-content .icon:before,.box .box-content .icon:after{width:2px;height:0}.box .box-content:before,.box .box-content .icon:before{top:0;left:0}.box .box-content:after,.box .box-content .icon:after{bottom:0;right:0}.box:hover .box-content:before,.box:hover .box-content:after{width:100%}.box:hover .box-content .icon:before,.box:hover .box-content .icon:after{height:100%}@media only screen and (max-width:990px){.box{margin-bottom:20px}} #controlbox{ display: none!important;}.show-user-details-modal{ display: none!important;}.modal-backdrop{z-index: 1000!important}.modal-dialog.modal-md .modal-content{margin-top:25%!important;}#conversejs .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-picker{box-sizing: content-box;width: 215px;/* background: #eee; */ /* border: solid #ddd 1px; */ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-moz-box-wrap: wrap;-webkit-box-wrap: wrap;-webkit-flex-wrap: wrap; -ms-flexbox-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}#conversejs.converse-overlayed .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar{width: 231px;overflow-x: scroll;}