.search-bar[data-v-393eef79]{padding-top:20px;padding-bottom:20px;position:sticky;top:-15;z-index:1;background:white}.timestamp[data-v-393eef79]{display:flex;align-items:center;color:#888}.unread-timestamp[data-v-393eef79]{color:#7863df;font-weight:600}.search-bar input[data-v-393eef79]{margin-right:10px}.unread-chat[data-v-393eef79]{background:#F5F7FF!important}.room-item[data-v-393eef79]{background-color:#fff;border-right:1px solid rgba(0,0,0,.1);height:80vh;padding-left:0;padding-right:0}.list-group-item[data-v-393eef79]:first-child{padding-left:10px;padding-right:10px}.search-box[data-v-393eef79]{border-radius:8px;height:40px}.chat-list-item[data-v-393eef79]{display:flex;align-items:center;padding:10px;border:none;border-bottom:1px solid rgba(0,0,0,.1)}.chat-list-item[data-v-393eef79]:last-child{border-bottom:none}.profile-container[data-v-393eef79]{flex:15%;margin-right:5px}.profile-image[data-v-393eef79]{border-radius:100%;width:90%;border-color:#cbcbcb;border-width:1px;border-style:solid;margin-right:5px}.content-container[data-v-393eef79]{flex:80%}.chat-window-list[data-v-393eef79]{background:white}.header[data-v-393eef79]{display:flex;justify-content:space-between;align-items:center}.message[data-v-393eef79]{font-size:14px;display:inline;color:#888}.channel-image[data-v-393eef79]{display:inline;margin-right:8px;width:15px}.channel-image-chat[data-v-393eef79]{width:15px;margin-right:5px}.profile-container[data-v-393eef79]{position:relative;flex:15%;margin-right:5px}.channel-image-chat[data-v-393eef79]{position:absolute;bottom:0;left:0;width:15px;margin-right:5px}.message-container[data-v-393eef79]{display:flex;justify-content:space-between;align-items:center}.message-text[data-v-393eef79]{flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.agent-name[data-v-393eef79]{flex-shrink:0;margin-left:10px;font-size:.8em;color:#594f4f63;font-weight:700;border:1px #a8a8a863 solid;padding-left:5px;padding-right:5px;border-radius:25px}.input-group-prepend .btn[data-v-393eef79]{border-top-right-radius:0;border-bottom-right-radius:0}.search-box[data-v-393eef79]{border-top-left-radius:0;border-bottom-left-radius:0;margin-right:0!important}.input-group .search-box[data-v-393eef79],.input-group .btn[data-v-393eef79]{height:40px}.filter-button[data-v-393eef79]{margin-left:10px;border-radius:0!important}.modal-content[data-v-faf73c07]{padding:20px;border-radius:5px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.modal-header[data-v-faf73c07]{display:flex;justify-content:space-between;align-items:center}.modal-body[data-v-faf73c07]{padding-left:40px}.btn-secondary[data-v-faf73c07]{background-color:#fff;color:#007bff;border:1px solid #007bff;padding:10px 20px;border-radius:8px;cursor:pointer}.btn-primary[data-v-faf73c07]{background-color:#4b49ac;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer}.close[data-v-faf73c07]{font-size:1.5rem;color:#000}.close[data-v-faf73c07]:hover{color:red}.chat-window[data-v-9cb21523]{padding-left:0;padding-right:0}.chat-screen[data-v-9cb21523]{height:85vh;padding:20px;background:white}.no-fade[data-v-9cb21523]{opacity:1!important}.chat-screen h3[data-v-9cb21523]{margin-left:13px}.chat-message[data-v-9cb21523]{display:block;margin-bottom:10px;padding:10px;border-radius:10px;max-width:50%}.message-attachment img[data-v-9cb21523]{width:100%;opacity:.5;border-radius:10px}.chat-title .chat-name[data-v-9cb21523]{flex:1;border:none;color:#000}.incoming-message[data-v-9cb21523]{background-color:#fff;align-self:flex-start;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.disable-send[data-v-9cb21523]{background-color:#d3d3d3!important;color:#a9a9a9!important;cursor:not-allowed;pointer-events:none}.outgoing-message[data-v-9cb21523]{background-color:#4b49ac;color:#fff;align-self:flex-end;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.outgoing-message b[data-v-9cb21523]{color:#fff!important}.chat-message b[data-v-9cb21523]{font-size:9px}.chat-title[data-v-9cb21523]{padding-bottom:20px;font-size:18px;display:flex}.chat-title .channel-name[data-v-9cb21523]{border:none;font-size:13px;position:relative;top:5px;margin-top:15px}.failed-message[data-v-9cb21523]{background-color:#ced4da;color:#000;align-self:flex-end;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.message-input[data-v-9cb21523]{border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;width:100%;padding:10px;border-radius:5px;margin-top:10px;margin-bottom:5px}.message-input-container[data-v-9cb21523]{position:relative;display:flex;align-items:center;justify-content:flex-start}.message-input[data-v-9cb21523]{width:100%;padding-right:50px;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;border-radius:5px;margin-top:10px;margin-bottom:5px}.send-button[data-v-9cb21523]{position:absolute;top:15%;right:10px;background-color:#4b49ac;color:#fff;border:none;padding:10px 20px;border-radius:8px}.profile-image[data-v-9cb21523]{border-radius:100%;width:90%;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;margin-right:5px}.customer-window[data-v-ec09383b]{padding-left:0;padding-right:0;background:white;border-left-color:#cbcbcb;border-left-width:1px;border-left-style:solid;display:flex;flex-direction:column}.customer-info[data-v-ec09383b]{display:flex;flex-direction:column;align-items:center;padding:20px;border-bottom:1px solid #cbcbcb}.profile-image[data-v-ec09383b]{border-radius:50%;object-fit:cover;margin-right:15px}.profile-image img[data-v-ec09383b]{border-radius:100%;width:110%}.customer-name[data-v-ec09383b]{margin:0 0 5px;font-size:1.2em;font-weight:700}.channel-info[data-v-ec09383b]{display:flex;align-items:center}.channel-image[data-v-ec09383b]{width:15px;margin-right:5px}.channel-text[data-v-ec09383b]{font-size:14px}.user-information[data-v-ec09383b]{margin-top:20px}.detail-label[data-v-ec09383b]{font-weight:700;font-size:14px}.detail-value[data-v-ec09383b]{margin-top:5px;font-size:14px;color:#888}.user-information .row[data-v-ec09383b]{margin-bottom:10px}.channel-window[data-v-98dee4a0]{background-color:#fff;height:80vh;padding-top:30px}.channel-name[data-v-98dee4a0]{color:gray;font-size:15px;margin-top:0;margin-bottom:10px}.add-page-button[data-v-98dee4a0]{position:absolute;top:0;right:0;margin:30px}.connected-pages[data-v-98dee4a0]{margin-top:30px}.list-group-item[data-v-98dee4a0]{border:none;border-bottom:1px solid rgba(0,0,0,.1);cursor:pointer}.card-shadow[data-v-98dee4a0]{padding:20px;border-radius:3px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.active[data-v-98dee4a0]{background:#f6f6f6!important;color:#000!important}.left-list[data-v-98dee4a0]{border-right:1px solid rgba(0,0,0,.1)}.title[data-v-98dee4a0]{color:gray;font-size:15px}.title-icon-container[data-v-98dee4a0]{margin-bottom:20px}.inline[data-v-98dee4a0]{display:inline}.channel-panel[data-v-98dee4a0]{background:white;height:80vh;padding:30px}li.active[data-v-5958a5e8]{background:#7863DF;text-align:left}li[data-v-5958a5e8]{border-radius:8px}.chat-screen h3[data-v-9b0d76bf]{margin-left:0}.modal[data-v-74b03a6a]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.dataTables_wrapper .dataTables_filter[data-v-74b03a6a]{float:none;text-align:center}.modal-content[data-v-74b03a6a]{background:#fff;padding:20px;border-radius:8px}.dataTables_filter input[data-v-74b03a6a]{border-radius:8px!important;border:none!important}.dataTables_wrapper table.dataTable tbody th[data-v-74b03a6a],.dataTables_wrapper table.dataTable tbody td[data-v-74b03a6a]{font-size:17px}.profile-image-drop[data-v-3604e5e6]{width:200px;height:200px;border-radius:50%;border:2px dashed #ccc;display:flex;justify-content:center;align-items:center;overflow:hidden}.modal[data-v-3604e5e6]{display:block!important;position:fixed;z-index:1050}.modal-backdrop[data-v-3604e5e6]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1040}.chat-window[data-v-5b3b6c29]{padding-left:0;padding-right:0}.chat-screen[data-v-5b3b6c29]{height:85vh;padding:20px;background:white}.chat-screen h3[data-v-5b3b6c29]{margin-left:13px}.chat-message[data-v-5b3b6c29]{display:block;margin-bottom:10px;padding:10px;border-radius:10px;max-width:70%}.chat-title .chat-name[data-v-5b3b6c29]{flex:1;border:none;color:#000}.incoming-message[data-v-5b3b6c29]{background-color:#fff;align-self:flex-start;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.outgoing-message[data-v-5b3b6c29]{background-color:#4b49ac;color:#fff;align-self:flex-end;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.outgoing-message b[data-v-5b3b6c29]{color:#fff!important}.chat-message b[data-v-5b3b6c29]{font-size:9px}.chat-title[data-v-5b3b6c29]{padding-bottom:20px;font-size:18px;border-bottom-color:#cbcbcb;border-bottom-width:1px;border-bottom-style:solid;display:flex}.chat-title .channel-name[data-v-5b3b6c29]{border:none;font-size:13px;position:relative;top:5px;margin-top:15px}.failed-message[data-v-5b3b6c29]{background-color:#ced4da;color:#000;align-self:flex-end;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.message-input[data-v-5b3b6c29]{border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;width:100%;padding:10px;border-radius:5px;margin-top:10px}.send-button[data-v-5b3b6c29]{background-color:#4b49ac;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;margin-top:10px}.profile-image[data-v-5b3b6c29]{border-radius:100%;width:90%;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;margin-right:5px}.centered-loading{display:flex;align-items:center;justify-content:center;height:80vh}.loading-image{max-width:100px}.chat-window-list{background-color:#fff;border-right:1px solid rgba(0,0,0,.1);height:85vh;padding-left:0;padding-right:0}.chat-container{display:flex;flex-direction:column-reverse;height:55vh;border-radius:5px!important;overflow-y:auto;padding:10px}.chat-container::-webkit-scrollbar{width:0px}.chat-container::-webkit-scrollbar-track{background:transparent}.center-container{display:flex;justify-content:center;align-items:center;height:100%}#filterModal .modal-body{padding-left:40px}.chat-window-list::-webkit-scrollbar-thumb{background-color:#cbcbcb;border-radius:4px}.chat-window-list::-webkit-scrollbar-track{background-color:transparent}.chat-window-list::-webkit-scrollbar{width:0px}.chat-window-list{overflow:auto;padding:10px;scrollbar-width:thin;scrollbar-color:transparent transparent}.image-container,.text-container{display:block;text-align:center}.chat-container::-webkit-scrollbar-thumb{background:#cbcbcb;border-radius:5px}.chat-screen{height:85vh;padding:20px;background:white}.chat-screen h3{margin-left:13px}.chat-message{display:block;margin-bottom:10px;padding:10px;border-radius:10px;max-width:70%}.incoming-message{background-color:#fff;align-self:flex-start;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.outgoing-message{background-color:#7863df;color:#fff;align-self:flex-end;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.outgoing-message b{color:#fff!important}.chat-message b{font-size:9px}.failed-message{background-color:#ced4da;color:#000;align-self:flex-end;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.message-input{border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;width:100%;padding:10px;border-radius:5px;margin-top:10px}.chat-window{padding-left:0;padding-right:0}.send-button{background-color:#4b49ac;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;margin-top:10px}.profile-image{border-radius:100%;width:90%;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;margin-right:5px}.list-group-item{border:none;border-bottom:1px solid rgba(0,0,0,.1)}.list-group-item:first-child{padding-left:10px;padding-right:10px}.list-group-item:first-child input{margin-right:10px}.chat-list-item:hover{cursor:pointer;background:#f8f8f8}.search-box{border-radius:8px;height:40px}.chat-list-item{display:flex;align-items:center;padding:10px}.profile-container{flex:20%;margin-right:5px}.content-container{flex:80%}.header{display:flex;justify-content:space-between;align-items:center}.timestamp{font-size:12px;color:#888}.message{font-size:14px;display:inline;color:#888}.channel-image{display:inline;margin-right:8px;width:15px}.loading-indicator img{width:50px}.row[data-v-5393b10a]{border-radius-left:20px}.centered-loading[data-v-9daa017c]{display:flex;align-items:center;justify-content:center;height:80vh}.loading-image[data-v-9daa017c]{max-width:100px}.chat-window-list[data-v-9daa017c]{background-color:#fff;border-right:1px solid rgba(0,0,0,.1);height:80vh;padding-left:0;padding-right:0}.chat-container[data-v-9daa017c]{display:flex;flex-direction:column-reverse;height:50vh;border-radius:5px!important;overflow-y:auto;padding:10px}.chat-container[data-v-9daa017c]::-webkit-scrollbar{width:5px}.chat-container[data-v-9daa017c]::-webkit-scrollbar-track{background:transparent}.center-container[data-v-9daa017c]{display:flex;justify-content:center;align-items:center;height:100%}#filterModal .modal-body[data-v-9daa017c]{padding-left:40px}.chat-window-list[data-v-9daa017c]::-webkit-scrollbar-thumb{background-color:#0006;border-radius:4px}.chat-window-list[data-v-9daa017c]::-webkit-scrollbar-track{background-color:transparent}.chat-window-list[data-v-9daa017c]::-webkit-scrollbar{width:6px}.chat-window-list[data-v-9daa017c]{overflow:auto;padding:10px;scrollbar-width:thin;scrollbar-color:transparent transparent}.image-container[data-v-9daa017c],.text-container[data-v-9daa017c]{display:block;text-align:center}.chat-container[data-v-9daa017c]::-webkit-scrollbar-thumb{background:rgba(0,0,0,.5);border-radius:5px}.chat-screen[data-v-9daa017c]{height:85vh;padding:20px;background:white}.chat-screen h3[data-v-9daa017c]{margin-left:13px}.chat-message[data-v-9daa017c]{display:block;margin-bottom:10px;padding:10px;border-radius:10px;max-width:70%}.incoming-message[data-v-9daa017c]{background-color:#fff;align-self:flex-start;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.outgoing-message[data-v-9daa017c]{background-color:#4b49ac;color:#fff;align-self:flex-end;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.outgoing-message b[data-v-9daa017c]{color:#fff!important}.chat-message b[data-v-9daa017c]{font-size:9px}.failed-message[data-v-9daa017c]{background-color:#ced4da;color:#000;align-self:flex-end;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.message-input[data-v-9daa017c]{border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;width:100%;padding:10px;border-radius:5px;margin-top:10px}.chat-window[data-v-9daa017c]{padding-left:0;padding-right:0}.send-button[data-v-9daa017c]{background-color:#4b49ac;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;margin-top:10px}.profile-image[data-v-9daa017c]{border-radius:100%;width:90%;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;margin-right:5px}.list-group-item[data-v-9daa017c]{border:none;border-bottom:1px solid rgba(0,0,0,.1)}.list-group-item[data-v-9daa017c]:first-child{padding-left:10px;padding-right:10px}.list-group-item:first-child input[data-v-9daa017c]{margin-right:10px}.chat-list-item[data-v-9daa017c]:hover{cursor:pointer;background:#f8f8f8}.search-box[data-v-9daa017c]{border-radius:8px;height:40px}.chat-list-item[data-v-9daa017c]{display:flex;align-items:center;padding:10px}.profile-container[data-v-9daa017c]{flex:20%;margin-right:5px}.content-container[data-v-9daa017c]{flex:80%}.header[data-v-9daa017c]{display:flex;justify-content:space-between;align-items:center}.timestamp[data-v-9daa017c]{font-size:12px;color:#888}.message[data-v-9daa017c]{font-size:14px;display:inline;color:#888}.channel-image[data-v-9daa017c]{display:inline;margin-right:8px;width:15px}.loading-indicator img[data-v-9daa017c]{width:50px}.card[data-v-9daa017c]{border-radius:0}