*,*::before,*::after{box-sizing:border-box}body{font-family:"Avenir","Open Sans",sans-serif;font-size:14px;line-height:1.3}.bot__timestamps{position:absolute;top:10px;left:10px}.chat{position:relative;width:100%;max-height:500px;z-index:10;overflow:hidden;background:rgba(0,0,0,0);border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;display:flex;justify-content:space-between;flex-direction:column}.edit-btn{font-size:20px;position:absolute;z-index:3;right:10px;top:10px;color:#a9a9a9}.chat-title{flex:0 1 45px;position:relative;z-index:2;width:100%;border-bottom:1px solid #ccc;color:#777;padding-top:50px;padding-bottom:5px;background-color:#fff;text-align:center;margin-bottom:5px}.chat-title h1{text-transform:uppercase}.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;min-height:320px;overflow-y:auto;overflow-x:hidden;position:relative}.messages .messages-content{display:flex;flex-direction:column;position:absolute;top:0;left:0;height:100%;width:100%;padding:0 10px}.messages .audio-message{position:relative;margin:5px 0}.messages .audio-message .avatar{left:unset;bottom:-5px}.messages .audio-message.message-personal audio{margin-left:auto;display:block}.messages .audio-message.message-bot audio{filter:brightness(90%);margin-left:30px}.messages .audio-message audio{height:40px;width:70%}.messages .audio-message audio::-webkit-media-controls-volume-slider,.messages .audio-message audio::-webkit-media-controls-mute-button,.messages .audio-message audio::-webkit-media-controls-volume-control-container,.messages .audio-message audio::-webkit-media-controls-time-remaining-display{display:none !important}.messages .avatar{display:flex;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 hsla(0,0%,100%,.5)}.messages .avatar img{width:100%;height:auto}.messages .message{clear:both;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:12px 0;font-size:14px;line-height:1.4;margin-left:35px;position:relative;border:1px solid #ccc}.messages .message-text{white-space:pre-wrap}.messages .message .timestamp{position:absolute;bottom:-15px;font-size:10px;color:#555;right:30px}.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.message-personal{align-self:end;width:fit-content;max-width:70%;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:last-child{margin-bottom:30px}.messages .message.new{transform:scale(0);transform-origin:0 0;animation:bounce 500ms linear both}.messages .message.loading{align-self:start}.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, 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, 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, 0.15, 1) alternate infinite;margin-left:7px;animation-delay:.3s}.message-box{flex:0 1 42px;width:90%;background:#fff;margin:10px 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:40px;margin:0;padding-right:50px;color:#444}.message-box textarea:focus:-webkit-placeholder{color:rgba(0,0,0,0)}.message-box .message-submit{position:absolute;z-index:1;top:6px;right:10px;color:#4a90e2;border:none;background:#fff;font-size:16px;text-transform:uppercase;line-height:1;padding:6px 10px;border-radius:5px;outline:none !important;transition:background .2s ease;cursor:pointer}.message-box .message-submit:hover{background:#fff;color:#333}.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,.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{opacity:1;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;min-height:220px !important;width:320px;background:hsla(0,0%,100%,.9);position:relative;z-index:10;box-shadow:2px 10px 40px rgba(22,20,19,.4);-webkit-transition:.3s all ease-out .1s,transform .2s ease-in;-moz-transition:.3s all ease-out .1s,transform .2s ease-in}.avenue-messenger div.agent-face{position:absolute;left:0;top:-50px;right:0;margin:auto;width:101px;height:50px;background:rgba(0,0,0,0);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}.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,.3);-webkit-box-shadow:0 3px 7px rgba(0,0,0,.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,.3);transition:.2s all ease-out .2s;-webkit-transition:.2s all ease-out .2s;-moz-transition:.2s all ease-out .2s}.arrow_box:after{border-color:hsla(0,0%,100%,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 rgba(0,0,0,0);content:" ";height:0;width:0;position:absolute;pointer-events:none}.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:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out}.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}@media(max-device-width: 667px){#bot-show,.bot{height:100%}.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{height:100%;-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;margin-bottom:5px}.circle{width:80px;height:80px;border:1px solid #fff}.menu .button{border-top-right-radius:0}}@media(min-device-width: 667px){#bot-show .bot{padding:15px 40px}.avenue-messenger{margin-top:40px}div.half{margin:auto;width:80px;height:80px;background-color:#fff;border-radius:60px;border-bottom:0;box-shadow:1px -4px 20px rgba(22,20,19,.6)}}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{width:100%;padding:.5rem .75rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:.375rem;font-size:1rem;box-sizing:border-box}label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}:is(input,button)[type=submit],.btn{background-color:#3b82f6;color:#fff;padding:.5rem 1rem;border:none;border-radius:.375rem;font-weight:600;cursor:pointer;display:inline-block}:is(input,button)[type=submit]:hover,.btn:hover{background-color:#2563eb}.btn-danger{background-color:#dc3545}.fieldset{padding:20px}.nested-fields.nested-fields{margin:0}.bot-form{max-width:500px;margin:auto;padding:3rem}.bot-form:has(.bot_delete_image input:checked) .bot_image{display:none}.conversations{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.conversations__totals{display:flex;flex-direction:column;gap:10px;padding:10px}.conversations__info{display:block;text-align:center;background-color:#d3d3d3;margin:10px 0}.conversations__date{font-size:1.5rem}.conversations__filter form{display:flex;align-items:center;gap:30px;margin:1rem}.conversations__filter .check_boxes{margin-right:3px}.conversations__filter__actions{display:flex;gap:10px;flex-direction:column;align-items:center}.flash{position:fixed;bottom:1rem;right:1rem;max-width:320px;padding:.75rem 1rem;border-radius:.25rem;background:#323232;color:#fff;font-size:.875rem;display:flex;gap:.75rem;align-items:center;box-shadow:0 2px 6px rgba(0,0,0,.3);z-index:9999}.flash.notice{background:#2d8fdd}.flash.alert{background:#d9534f}.flash__btn{cursor:pointer}.flash__btn i{pointer-events:none}.flash__close:checked+.flash{display:none}.quick-replies{margin:5px 0}.quick-reply{background-color:#d3d3d3;border-radius:15px;padding:10px;cursor:pointer}.quick-reply__label{font-size:1rem}.quick-reply__description{display:block;color:#555;font-size:.75rem}.quick-reply-groups{display:flex;flex-direction:column;gap:30px;margin:10px}.quick-reply-groups .quick-reply-group-form__name-save{display:flex;align-items:center;gap:10px}.quick-reply-groups .quick-reply-group-form__quick-replies{display:flex;gap:20px}.quick-reply-groups .quick-reply-group-form__quick-reply{background-color:#eee;padding:10px;border-radius:10px}*{margin:0;padding:0;box-sizing:border-box}html{min-height:100%}body{height:100%;min-height:100vh}body{background:rgba(0,0,0,0)}a{text-decoration:none}ul{list-style:none}.voice-record-btn,.cancel-voice-record-btn{background:none;border:none;cursor:pointer;position:absolute;right:55px;top:12px;z-index:2}.cancel-voice-record-btn{animation:recording 1s ease-in-out infinite}.nested-fields{margin-left:30px}.quick-replies-form{margin-left:-30px}@keyframes recording{0%,100%{color:#000}50%{color:red}}nav{z-index:15;top:0;position:sticky;background-color:#d3d3d3;padding:20px}nav ul{display:flex;gap:50px;justify-content:right;padding-right:50px}