.chat-container[data-v-a7341106]{position:fixed;z-index:1000;bottom:90px;right:20px;width:320px;height:440px;background-color:#fff;border:unset!important;border-radius:15px;overflow:hidden;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#csPage .chat-container[data-v-a7341106]{position:relative;bottom:unset;right:unset;width:100%;border-radius:unset;border-left:0;-webkit-box-shadow:unset;box-shadow:unset}.chat-header[data-v-a7341106]{padding:15px;padding-left:30px;cursor:pointer;background:#6153d7;color:#fff}.category-tabs[data-v-a7341106]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.category-tabs div[data-v-a7341106]{cursor:pointer;padding:12px 10px;border-bottom:1px solid #d1d5db;color:#5f6b7a;font-size:14px}.category-tabs div.active[data-v-a7341106]{border-bottom:2px solid #4a586c;color:#4a586c;font-weight:700}.chat-body[data-v-a7341106]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:10px}.chat-body .avatar[data-v-a7341106]{width:40px;height:40px}.chat-body .caption[data-v-a7341106]{color:#7d8998;font-size:12px;font-weight:400}.chat-body .caption.date span[data-v-a7341106]{padding:0 10px;margin:5px 0}.chat-body .caption.date span[data-v-a7341106]:first-child{border-right:1px solid #d1d5db}.chat-body .caption.active[data-v-a7341106]{color:#67a353}.chat-body .caption.closed[data-v-a7341106]{color:#5f6b7a}.chat-body .total[data-v-a7341106]{background:#d91515;color:#fff;border-radius:50%;width:22px;height:22px;text-align:center}.chat-body-container[data-v-a7341106]{margin:0 15px;-webkit-transform:translateY(-45px);transform:translateY(-45px);background:#fff;height:100%;border-radius:10px;padding:10px}.btn-category[data-v-a7341106]{border-radius:8px;padding:10px;cursor:pointer;font-weight:500;color:#192534;font-size:15px}.btn-category[data-v-a7341106]:hover{background:#6153d7;color:#fff}.conv-block[data-v-a7341106]{border-radius:8px;cursor:pointer}.conv-block[data-v-a7341106]:hover{background:#f4f4f4}.message[data-v-a7341106]{padding:8px;border-radius:8px;position:relative;background:#eee;color:#212121!important}.message.admin[data-v-a7341106]{background:#434b59;color:#fff}.message img[data-v-a7341106]{max-width:150px;display:block;margin:0 auto}.chat-input[data-v-a7341106]{font-size:14px;font-weight:400;border-top:1px solid #d1d5db;color:#5f6b7a}.chat-input #file-input[data-v-a7341106]{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;z-index:10;border:unset!important;outline:unset!important}.chat-input textarea[data-v-a7341106]{-webkit-box-flex:1;-ms-flex:1;flex:1;resize:none;border:unset!important;height:28px;font-size:14px!important;font-weight:400}.chat-input button[data-v-a7341106]{height:35px;padding:0!important;line-height:0!important;width:35px;margin-right:2px;position:relative;border:unset!important;outline:unset!important}.chat-input button.attach[data-v-a7341106]{background:unset!important}.chat-input button i[data-v-a7341106]{position:relative;z-index:0}.floating-chat-button[data-v-a7341106]{position:fixed;z-index:1000;bottom:20px;width:60px;height:60px;font-size:30px;right:20px;background:#6153d7;color:#fff;border:none;border-radius:50%;cursor:pointer;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.2);box-shadow:0 5px 15px rgba(0,0,0,.2);-webkit-transition:background-color .3s,-webkit-transform .3s ease-in-out;transition:background-color .3s,-webkit-transform .3s ease-in-out;transition:background-color .3s,transform .3s ease-in-out;transition:background-color .3s,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.floating-chat-button svg[data-v-a7341106]{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.floating-chat-button i[data-v-a7341106]{-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.floating-chat-button.active i[data-v-a7341106]{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.dot-falling[data-v-a7341106]{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-box-shadow:9999px 0 0 0 #9880ff;box-shadow:9999px 0 0 0 #9880ff;-webkit-animation:dot-falling-a7341106 1s linear infinite;animation:dot-falling-a7341106 1s linear infinite;-webkit-animation-delay:.1s;animation-delay:.1s}.dot-falling[data-v-a7341106]:after,.dot-falling[data-v-a7341106]:before{content:"";display:inline-block;position:absolute;top:0}.dot-falling[data-v-a7341106]:before{-webkit-animation:dot-falling-before-a7341106 1s linear infinite;animation:dot-falling-before-a7341106 1s linear infinite;-webkit-animation-delay:0s;animation-delay:0s}.dot-falling[data-v-a7341106]:after,.dot-falling[data-v-a7341106]:before{width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-falling[data-v-a7341106]:after{-webkit-animation:dot-falling-after-a7341106 1s linear infinite;animation:dot-falling-after-a7341106 1s linear infinite;-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes dot-falling-a7341106{0%{-webkit-box-shadow:9999px -15px 0 0 rgba(152,128,255,0);box-shadow:9999px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{-webkit-box-shadow:9999px 0 0 0 #9880ff;box-shadow:9999px 0 0 0 #9880ff}to{-webkit-box-shadow:9999px 15px 0 0 rgba(152,128,255,0);box-shadow:9999px 15px 0 0 rgba(152,128,255,0)}}@keyframes dot-falling-a7341106{0%{-webkit-box-shadow:9999px -15px 0 0 rgba(152,128,255,0);box-shadow:9999px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{-webkit-box-shadow:9999px 0 0 0 #9880ff;box-shadow:9999px 0 0 0 #9880ff}to{-webkit-box-shadow:9999px 15px 0 0 rgba(152,128,255,0);box-shadow:9999px 15px 0 0 rgba(152,128,255,0)}}@-webkit-keyframes dot-falling-before-a7341106{0%{-webkit-box-shadow:9984px -15px 0 0 rgba(152,128,255,0);box-shadow:9984px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{-webkit-box-shadow:9984px 0 0 0 #9880ff;box-shadow:9984px 0 0 0 #9880ff}to{-webkit-box-shadow:9984px 15px 0 0 rgba(152,128,255,0);box-shadow:9984px 15px 0 0 rgba(152,128,255,0)}}@keyframes dot-falling-before-a7341106{0%{-webkit-box-shadow:9984px -15px 0 0 rgba(152,128,255,0);box-shadow:9984px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{-webkit-box-shadow:9984px 0 0 0 #9880ff;box-shadow:9984px 0 0 0 #9880ff}to{-webkit-box-shadow:9984px 15px 0 0 rgba(152,128,255,0);box-shadow:9984px 15px 0 0 rgba(152,128,255,0)}}@-webkit-keyframes dot-falling-after-a7341106{0%{-webkit-box-shadow:10014px -15px 0 0 rgba(152,128,255,0);box-shadow:10014px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{-webkit-box-shadow:10014px 0 0 0 #9880ff;box-shadow:10014px 0 0 0 #9880ff}to{-webkit-box-shadow:10014px 15px 0 0 rgba(152,128,255,0);box-shadow:10014px 15px 0 0 rgba(152,128,255,0)}}@keyframes dot-falling-after-a7341106{0%{-webkit-box-shadow:10014px -15px 0 0 rgba(152,128,255,0);box-shadow:10014px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{-webkit-box-shadow:10014px 0 0 0 #9880ff;box-shadow:10014px 0 0 0 #9880ff}to{-webkit-box-shadow:10014px 15px 0 0 rgba(152,128,255,0);box-shadow:10014px 15px 0 0 rgba(152,128,255,0)}}.upload-progress[data-v-a7341106]{width:100%;height:6px;background:#eee;border-radius:4px}.upload-bar[data-v-a7341106]{height:100%;background:#4caf50;-webkit-transition:width .3s ease;transition:width .3s ease}