.chat{position:relative;width:100%;height:calc(100% - 15px);max-height:500px;z-index:10;overflow:hidden;background:transparent;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;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:15px;padding-bottom:5px;background-color:#fff;text-transform:uppercase;text-align:center}.chat-title h1,.chat-title h2{font-weight:normal;font-size:14px;margin:0;padding:0}.chat-title h2{font-size:11px;letter-spacing:1px}.chat-title .avatar{position:absolute;z-index:1;top:8px;left:9px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;width:60px;height:60px;overflow:hidden;margin:0;padding:0;border:1px solid #fff}.chat-title .avatar img{width:100%;height:auto}.messages{flex:1 1 auto;overflow:auto;position:relative;width:100%}.messages .messages-content{position:absolute;top:0;left:0;width:100%;overflow:auto}.messages .message{clear:both;float:left;padding:6px 10px 7px;-webkit-border-radius:20px 20px 20px 0;-moz-border-radius:20px 20px 20px 0;border-radius:20px 20px 20px 0;background:#eee;margin:8px 0;font-size:14px;line-height:1.4;margin-left:35px;position:relative;border:1px solid #ccc}.messages .message .timestamp{position:absolute;bottom:-15px;font-size:10px;color:#555;right:6px}.messages .message .checkmark-sent-delivered{position:absolute;bottom:-15px;right:10px;font-size:12px;color:#999}.messages .message .checkmark-read{color:blue;position:absolute;bottom:-15px;right:16px;font-size:12px}.messages .message::before{}.messages .message .avatar{position:absolute;z-index:1;bottom:-15px;left:-35px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;width:30px;height:30px;overflow:hidden;margin:0;padding:0;border:2px solid rgba(255,255,255,0.5)}.messages .message .avatar img{width:100%;height:auto}.messages .message.message-personal{float:right;text-align:right;background:#fff;border:1px solid #ccc;-webkit-border-radius:20px 20px 0 20px;-moz-border-radius:20px 20px 0 20px;border-radius:20px 20px 0 20px}.messages .message.message-personal::before{}.messages .message:last-child{margin-bottom:30px}.messages .message.new{transform:scale(0);transform-origin:0 0;animation:bounce 500ms linear both}.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 0.45s cubic-bezier(0,0,0.15,1) alternate infinite;border:none;animation-delay:0.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 0.45s cubic-bezier(0,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 0.45s cubic-bezier(0,0,0.15,1) alternate infinite;margin-left:7px;animation-delay:0.3s}.message-box{flex:0 1 42px;width:90%;background:#fff;margin:2px auto;padding:10px;position:relative;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;border:1px solid #ccc}.message-box .message-input{background:none;border:none;outline:none !important;resize:none;font-size:15px;height:24px;margin:0;padding-right:40px;width:350px;color:#444}.message-box textarea:focus:-webkit-placeholder{color:transparent}.message-box .message-submit{position:absolute;z-index:1;top:9px;right:10px;font-size:12px;text-transform:uppercase;line-height:1;padding:6px 10px;border-radius:5px;outline:none !important;transition:background 0.2s ease;cursor:pointer}.mCSB_scrollTools{margin:1px -3px 1px 0;opacity:0}.mCSB_inside>.mCSB_container{margin-right:0px;padding:0 10px}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(0,0,0,0.5) !important}@keyframes bounce{0%{transform:matrix3d(0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,1)}4.7%{transform:matrix3d(0.45,0,0,0,0,0.45,0,0,0,0,1,0,0,0,0,1)}9.41%{transform:matrix3d(0.883,0,0,0,0,0.883,0,0,0,0,1,0,0,0,0,1)}14.11%{transform:matrix3d(1.141,0,0,0,0,1.141,0,0,0,0,1,0,0,0,0,1)}18.72%{transform:matrix3d(1.212,0,0,0,0,1.212,0,0,0,0,1,0,0,0,0,1)}24.32%{transform:matrix3d(1.151,0,0,0,0,1.151,0,0,0,0,1,0,0,0,0,1)}29.93%{transform:matrix3d(1.048,0,0,0,0,1.048,0,0,0,0,1,0,0,0,0,1)}35.54%{transform:matrix3d(0.979,0,0,0,0,0.979,0,0,0,0,1,0,0,0,0,1)}41.04%{transform:matrix3d(0.961,0,0,0,0,0.961,0,0,0,0,1,0,0,0,0,1)}52.15%{transform:matrix3d(0.991,0,0,0,0,0.991,0,0,0,0,1,0,0,0,0,1)}63.26%{transform:matrix3d(1.007,0,0,0,0,1.007,0,0,0,0,1,0,0,0,0,1)}85.49%{transform:matrix3d(0.999,0,0,0,0,0.999,0,0,0,0,1,0,0,0,0,1)}100%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}}@keyframes ball{from{transform:translateY(0) scaleY(0.8)}to{transform:translateY(-10px)}}.avenue-messenger.showWindow{opacity:1;z-index:2147483001}.avenue-messenger{opacity:0;z-index:-1;transition:opacity 0.6s linear;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;height:calc(100% - 60px) !important;max-height:480px !important;min-height:220px !important;width:450px;background:rgb(255,255,255);position:fixed;right:100px;bottom:20px;margin:auto;box-shadow:2px 10px 40px rgba(22,20,19,0.4);-webkit-transition:0.3s all ease-out 0.1s,transform 0.2s ease-in;-moz-transition:0.3s all ease-out 0.1s,transform 0.2s ease-in}.avenue-messenger div.agent-face{position:absolute;left:0;top:-50px;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:0.5}.close:hover{opacity:0.9}.circle{display:block;width:80px;height:80px;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;border:2px solid #fff}.contact-icon .circle:hover{box-shadow:0 3px 7px rgba(0,0,0,0.3);-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);transition:0.2s all ease-out 0.2s;-webkit-transition:0.2s all ease-out 0.2s;-moz-transition:0.2s all ease-out 0.2s}.arrow_box:after{border-color:rgba(255,255,255,0);border-left-color:#fff;border-width:5px;margin-top:-5px}.arrow_box{position:relative;background:#fff;border:1px solid #4a90e2}.arrow_box:after,.arrow_box:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.menu div.items{}.menu .items span{color:#111;z-index:12;font-size:14px;text-align:center;position:absolute;right:0;top:40px;height:86px;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:0.3s all ease-in-out;-webkit-transition:0.3s all ease-in-out;-moz-transition:0.3s all ease-in-out}.menu .button{font-size:24px;z-index:12;text-align:right;color:#333;display:block;width:48px;line-height:25px;height:40px;border-top-right-radius:20px;position:absolute;right:0;top:5px;padding-right:10px;cursor:pointer;transition:0.3s all ease-in-out;-webkit-transition:0.3s all ease-in-out;-moz-transition:0.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}@media only screen and (max-device-width:667px),screen and (max-width:450px){.avenue-messenger{z-index:2147483001 !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{top:-10px !important}.chat{-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important;max-height:initial !important}.chat-title{padding:20px 20px 15px 10px !important;text-align:left}.circle{width:80px;height:80px;border:1px solid #fff}.menu .button{border-top-right-radius:0}}@media only screen and (min-device-width:667px){div.half{margin:auto;width:80px;height:40px;background-color:#fff;border-top-left-radius:60px;border-top-right-radius:60px;border-bottom:0;box-shadow:1px 4px 20px rgba(22,20,19,0.6);-webkit-box-shadow:1px 4px 20px rgba(22,20,19,0.6);-moz-box-shadow:1px 4px 20px rgba(22,20,19,0.6)}}.floatChatBotBtn{position:fixed;background-image:url(../themes/docnuals-kactus-elements/assets/images/MET.png);background-size:contain;width:60px;height:60px;bottom:20px;right:20px;background-color:#fff;color:#FFF;border-radius:50px;text-align:center;box-shadow:0px 4px 5px #999;cursor:pointer}.message{display:flex;align-items:center;margin:10px 0}.message .timestamp{margin-left:-30px;font-size:12px;color:gray}.message.typing .timestamp{display:none}.typing-dots{display:inline-block;width:20px;text-align:left}.typing-dots::after{content:'...';animation:blink 1s steps(1) infinite}@keyframes blink{0%{visibility:hidden}50%{visibility:visible}100%{visibility:hidden}}