*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:linear-gradient(135deg,#044f48,#345093);background-size:cover;background:#fff;font-family:Roboto,Open Sans,sans-serif;font-size:14px;line-height:1.3;overflow:hidden}#idLoadMore{cursor:pointer;color:#4a90e2}#idLoadMore:hover{color:#333}.chat{position:relative;width:100%;height:100%;z-index:10;overflow:hidden;box-shadow:0 5px 30px #0003;background:rgb(216 216 216 / 50%);display:flex;justify-content:space-between;flex-direction:column}.chat-title{flex:0 1 45px;position:relative;z-index:2;width:100%;border-bottom:1px solid #ccc;color:#777;padding-top:20px;padding-bottom:5px;background-color:#fff;text-transform:uppercase;text-align:center}.chat-title h1,.chat-title h2{font-weight:400;font-size:14px;margin:0;padding:0}.chat-title h2{font-size:11px;letter-spacing:1px}.messages{flex:1 1 auto;overflow:hidden;position:relative;width:100%}.messages .messages-content{position:absolute;top:0;left:0;height:101%;width:100%;overflow:scroll;overflow-x:hidden}.messages .message{display:flex;clear:both;float:left;width:100%;padding:6px 10px 7px;background:#eee;font-size:14px;line-height:1.4;position:relative}.messages .message .timestamp{font-size:10px;color:#555;flex:0 1 10%}.messages .message .checkmark-sent-delivered{position:absolute;bottom:-15px;right:10px;font-size:12px;color:#999}.messages .message .checkmark-read{color:#00f;position:absolute;bottom:-15px;right:16px;font-size:12px}.messages .admin .avatar{color:#daa520}.avatar,.user-avatar,.chat-avatar,.globalchat-avatar{min-width:30px;z-index:1;flex-grow:1!important;flex:0 1 10%;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;max-width:30px;max-height:30px;height:30px;overflow:hidden;margin:0;padding:0;border:1px solid;display:flex;align-items:center;justify-content:center}.messages .message .avatar img{width:100%;height:auto}.messages .message .text{display:flex;flex:0 1 60%;flex-direction:row;flex-wrap:wrap;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;word-break:break-word}.message .name{color:#a9a9a9;margin-left:5px;margin-right:5px}.messages .message.message-personal{float:right;text-align:right}.messages .message:last-child{margin-bottom:10px}.messages .message.loading:before{position:relative;content:"";display:block;width:5px;height:5px;border-radius:50%;background:#888;z-index:2;margin-top:4px;animation:ball .45s cubic-bezier(0,0,.15,1) alternate infinite;border:none;animation-delay:.15s}.messages .message.loading span{display:block;font-size:0;width:20px;height:10px;position:relative}.messages .message.loading span:before{position:relative;content:"";display:block;width:5px;height:5px;border-radius:50%;background:#888;z-index:2;margin-top:4px;animation:ball .45s cubic-bezier(0,0,.15,1) alternate infinite;margin-left:-7px}.messages .message.loading span:after{position:relative;content:"";display:block;width:5px;height:5px;border-radius:50%;background:#888;z-index:2;margin-top:4px;animation:ball .45s cubic-bezier(0,0,.15,1) alternate infinite;margin-left:7px;animation-delay:.3s}.message-box{flex:0 1 75px;flex-direction:column;width:100%;background:#fff;margin:2px auto;padding:10px;position:relative;height:100%;display:flex;justify-content:space-between;align-items:center}.message-box .message-input{background-color:#eeee;border:none;outline:none!important;overflow:auto;font-size:15px;height:45px;margin:0;padding-right:20px;width:70%;color:#444}.message-box textarea:focus:-webkit-placeholder{color:transparent}.message-box .message-submit:hover{background:#fff;color:#333}.message-box .message-submit{position:absolute;z-index:1;right:10px;color:#4a90e2;border:none;background:#fff;font-size:12px;text-transform:uppercase;line-height:1;padding:6px 10px;border-radius:5px;outline:none!important;transition:background .2s ease;cursor:pointer}.mCSB_scrollTools{margin:1px -3px 1px 0;opacity:0}.mCSB_inside>.mCSB_container{margin-right:0;padding:0 10px}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#00000080!important}.avenue-messenger{z-index:20!important;width:100%!important;height:100%!important;max-height:none!important;top:0!important;left:0!important;right:0!important;bottom:0!important;-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important;background:#fff}.avenue-messenger div.agent-face{position:absolute;left:0;top:-50px;right:0;margin:auto;width:101px;height:50px;background:transparent;z-index:12}.avenue-messenger div{font-size:14px;color:#232323}.close{display:block;width:100px;height:100px;margin:1em auto;background-size:cover;background-repeat:no-repeat;background-position:center center;-webkit-border-radius:99em;-moz-border-radius:99em;border-radius:99em;opacity:.5}.close:hover{opacity:.9}.menu .items span{color:#111;z-index:12;font-size:14px;text-align:center;position:absolute;right:0;top:40px;line-height:40px;background:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;width:48px;opacity:0;border-bottom-left-radius:20px;border-bottom-right-radius:20px;transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out}.minimize{border:none;background:transparent;cursor:pointer}.menu .button{font-size:30px;z-index:12;text-align:right;color:#333;content:"...";display:block;width:48px;line-height:25px;height:40px;border-top-right-radius:20px;position:absolute;right:0;padding-right:10px;cursor:pointer;transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out}.menu .button.active{background:#ccc}.menu .items span.active{opacity:1}.menu .items a{color:#111;text-decoration:none}.menu .items a:hover{color:#777}.splitv{display:flex;flex:0 1 100%;flex-direction:column}.splitv .text{margin-left:5px}.split{display:flex;flex-direction:column}.dropdown-content{display:flex;align-items:center;justify-content:space-evenly;min-width:90px;z-index:91}.dropdown-content svg{color:#1b0101}.dropdown-content svg:hover{color:red}.tooltip .tooltiptext{visibility:hidden;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px;z-index:1;word-break:keep-all}.tooltip .tooltiptext:after{content:"";position:absolute;top:100%;left:23%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent transparent}.tooltip:hover .tooltiptext{visibility:visible}em-emoji-picker{width:100%}.allemoji{width:320px;max-height:80vh;overflow-y:scroll;display:flex;visibility:hidden;justify-content:space-between;background:white;flex-wrap:wrap;position:absolute;bottom:50px;left:0px;border-radius:16px;padding:4px;z-index:26}.emoji{flex:0 1 10%;cursor:pointer}.allemoji span{cursor:pointer}.list-users,.global-chat,.list-chat{display:none}.dot{height:5px;width:5px;background-color:red;border-radius:50%;display:none}.hidden{display:none}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:none;background-color:#0000001a;z-index:25}.newMessage{width:100%;display:none;position:absolute;bottom:0;justify-content:center}.newMessage>button{border:none;background-color:transparent;cursor:pointer;color:#4a90e2}.newMessage>button:hover{color:#333}.loader{border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid #3498db;width:120px;height:120px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin:0 auto}.ml-auto{margin-left:auto}.d-flex{display:flex}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}