.c-section-title:after{height:.2em;background:#ec5f71;background:-webkit-gradient(linear,left top,right top,from(#ec5f71),color-stop(20%,#ec5f71),color-stop(20%,#c7cf00),color-stop(40%,#c7cf00),color-stop(40%,#f6a000),color-stop(60%,#f6a000),color-stop(60%,#44bdd2),to(#44bdd2));background:linear-gradient(90deg,#ec5f71 0,#ec5f71 20%,#c7cf00 0,#c7cf00 40%,#f6a000 0,#f6a000 60%,#44bdd2 0,#44bdd2);content:"";display:block;margin:.4em 0 .7em;width:8.5em}.chat-group[data-v-5a7bc5a2]{position:relative;cursor:pointer;border-radius:6px}.active[data-v-5a7bc5a2],.chat-group[data-v-5a7bc5a2]:hover{background-color:var(--primary)}.group-title[data-v-5a7bc5a2]{font-size:11px;padding:0 0 2px 10px;line-height:1;border-bottom-left-radius:2px;position:absolute;right:0;top:0;width:80%}.message[data-v-5a7bc5a2]{color:#fff;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.agency-image[data-v-5a7bc5a2],.people-image[data-v-5a7bc5a2]{-webkit-box-shadow:0 0 2px #888;box-shadow:0 0 2px #888;width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff}.people-image[data-v-5a7bc5a2]{background:#f6a000}.agency-image[data-v-5a7bc5a2]{background:#c7cf00}.unread-message[data-v-5a7bc5a2]{min-height:15px;color:#000;margin-left:12px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.unread-message .dot[data-v-5a7bc5a2]{height:10px;width:10px;background-color:#ec5f71;border-radius:50%;color:#ec5f71}.unread-message .name[data-v-5a7bc5a2]{font-size:12px;color:#ec5f71;text-align:right}.c-title[data-v-5a7bc5a2]{margin:0 20px}.c-title[data-v-5a7bc5a2]:after{height:.2em;width:100%;background:#ec5f71;background:-webkit-gradient(linear,left top,right top,from(#ec5f71),color-stop(20%,#ec5f71),color-stop(20%,#c7cf00),color-stop(40%,#c7cf00),color-stop(40%,#f6a000),color-stop(60%,#f6a000),color-stop(60%,#44bdd2),to(#44bdd2));background:linear-gradient(90deg,#ec5f71 0,#ec5f71 20%,#c7cf00 0,#c7cf00 40%,#f6a000 0,#f6a000 60%,#44bdd2 0,#44bdd2);content:"";display:block;margin:.4em 0 .7em}.header-info[data-v-5a7bc5a2]{min-width:0;word-wrap:break-word;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:11px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:10px 20px}.header-info .title[data-v-5a7bc5a2]{margin-left:12px;font-size:15px;font-weight:700}.header-info.active[data-v-5a7bc5a2]{background-color:#f0f0f0}.header-info[data-v-5a7bc5a2]:hover{cursor:pointer;background-color:#f0f0f0}.time[data-v-5a7bc5a2]{min-height:15px;color:#000;margin-left:auto;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-left:.65rem;padding-right:.1rem;font-size:11px;border-radius:2px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;display:flex}.time .span[data-v-5a7bc5a2]{width:67px}.description[data-v-5a7bc5a2]{min-height:15px;color:#000;margin-left:12px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.description .title[data-v-5a7bc5a2]{font-size:15px;margin:0;font-weight:700}.description .name[data-v-5a7bc5a2]{font-size:15px;font-weight:700}.react-group[data-v-5167e3bf]{text-align:right;margin-bottom:-20px}.react-item[data-v-5167e3bf]{padding:0 5px;background:#fff;border:1px solid #dfdfdf;border-radius:15px;margin:0 1px;color:#0a0a0a;font-size:14px}.is-mine[data-v-6ead8d76]{max-width:67%}.not-mine[data-v-6ead8d76]{max-width:79%}.is-mine .content-box-container[data-v-6ead8d76]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:left}.mine-toolbar[data-v-6ead8d76]{width:29%;position:relative}.content-container[data-v-6ead8d76]{margin:10px 0}.content-container .media-body[data-v-6ead8d76]{width:100%}.content-box[data-v-6ead8d76]{padding:10px;border-radius:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;white-space:pre-wrap;overflow-wrap:break-word;overflow:visible}.my-content[data-v-6ead8d76]{background-color:var(--primary);color:#fff}.other-content[data-v-6ead8d76]{background-color:#ebebeb}.select-option[data-v-6ead8d76]{-ms-flex-item-align:center;align-self:center;margin-right:10px;color:#8d8c8c;font-size:15px;position:absolute;right:10px}.select-option i[data-v-6ead8d76]{margin-left:8px}.deleted-container[data-v-6ead8d76],.deleted-msg[data-v-6ead8d76]{background-color:transparent!important;color:#a0a0a0!important}.deleted-container[data-v-6ead8d76]{padding:5px 15px;border-radius:10px;border:1px solid #a0a0a0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.content-img[data-v-6ead8d76]{width:130px}.pending-img[data-v-6ead8d76]{background-color:#8d8c8c;top:0;left:0;width:calc(100% - 7px);height:100%;opacity:.5;margin-left:7px}.image-spinner[data-v-6ead8d76]{width:30px;height:30px;top:calc(50% - 20px);left:calc(50% - 20px)}.react-group[data-v-6ead8d76]{text-align:right;margin-bottom:-20px}.react-item[data-v-6ead8d76]{padding:0 5px;background:#fff;border:1px solid #dfdfdf;border-radius:15px;margin:0 1px;color:#0a0a0a;font-size:14px}.not-mine-toolbar[data-v-6ead8d76]{color:#4b3a43}.mark-unread-icon[data-v-6ead8d76]{margin-left:5px;margin-right:5px;cursor:pointer;color:#ec5f71}.mark-unread-icon.is-not-mine[data-v-6ead8d76]{margin-right:15px}.mark-unread-icon[data-v-6ead8d76]:hover{color:#ec5f71}.loading[data-v-6ead8d76]{position:relative!important;background-color:#e2e2e2!important;border-radius:5px!important}.loading[data-v-6ead8d76]:after{display:block;content:"";position:absolute;width:100%;height:100%;-webkit-transform:translateX(-100%);transform:translateX(-100%);background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(hsla(0,0%,100%,.6)),to(transparent));background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.6),transparent);-webkit-animation:loading-data-v-6ead8d76 1.5s infinite;animation:loading-data-v-6ead8d76 1.5s infinite}@-webkit-keyframes loading-data-v-6ead8d76{to{-webkit-transform:translateX(100%);transform:translateX(100%);overflow:hidden}}@keyframes loading-data-v-6ead8d76{to{-webkit-transform:translateX(100%);transform:translateX(100%);overflow:hidden}}.chat-text--small[data-v-6ead8d76]{width:auto;height:auto;border-radius:5px}.chat-text--large[data-v-6ead8d76]{width:100%;height:74px;margin-top:5px;border-radius:5px}.react-emoji-box[data-v-3a4f7a4b]{font-size:20px;position:fixed;padding:5px 15px;background:#fff;border-radius:19px;border:1px solid #dfdfdf;top:0;left:0}.react-emoji-box .emoji[data-v-3a4f7a4b]{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;border-radius:100%;line-height:1;height:35px;width:35px}.react-emoji-box .emoji[data-v-3a4f7a4b]:hover{background:#dfdfdf}.react-msg-box[data-v-cd5f75ce]{position:fixed;padding:10px;top:0;left:0;background:#fff;z-index:1000;border:1px solid #dfdfdf}.message-box[data-v-7d57957a]{bottom:15px;width:98%;position:absolute;border-top:1px solid #d3d3d3;padding-top:15px;background:#fff}.message-box .input-group[data-v-7d57957a],.message-box textarea[data-v-7d57957a]{height:45px}.msg-box-toolbar[data-v-7d57957a]{position:absolute;right:120px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:100;border-left:1px solid var(--purple);padding-left:10px}.msg-box-toolbar i[data-v-7d57957a]{margin-left:5px;color:var(--purple)}.message-box textarea[data-v-7d57957a]{padding-right:55px;z-index:0}.preview-slide[data-v-7d57957a]{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:auto}.preview-item[data-v-7d57957a]{position:relative;min-width:120px;width:120px;max-height:120px}.preview-item img[data-v-7d57957a]{width:120px;height:120px;-o-object-fit:cover;object-fit:cover}.close-btn[data-v-7d57957a]{position:absolute;top:5px;right:5px;border-radius:50%;background:#fff}.add-more-file-btn[data-v-7d57957a]{height:120px;width:60px;min-width:60px;position:relative;border:1px dashed #a0a0a0;border-radius:5px;cursor:pointer}.add-more-file-btn[data-v-7d57957a]:hover{background-color:#ececec}.add-more-file-btn i[data-v-7d57957a],.centered-icon[data-v-7d57957a]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.chat-list{width:35%;overflow:auto;background:#fff}.chat-box,.chat-list{height:calc(100vh - 220px)}.chat-box{width:63%;padding:10px;position:relative;overflow-x:hidden}.c-title{margin:0 20px}.c-title:after{height:.2em;width:100%;background:#ec5f71;background:-webkit-gradient(linear,left top,right top,from(#ec5f71),color-stop(20%,#ec5f71),color-stop(20%,#c7cf00),color-stop(40%,#c7cf00),color-stop(40%,#f6a000),color-stop(60%,#f6a000),color-stop(60%,#44bdd2),to(#44bdd2));background:linear-gradient(90deg,#ec5f71 0,#ec5f71 20%,#c7cf00 0,#c7cf00 40%,#f6a000 0,#f6a000 60%,#44bdd2 0,#44bdd2);content:"";display:block;margin:.4em 0 .7em}.chat-content{height:calc(100vh - 380px);overflow-y:auto;overflow-x:hidden;padding:0 10px}.confirm-modal-content{min-width:300px;max-width:450px;min-height:100px;background:#fff;border:1px solid;border-radius:20px;padding:15px;position:fixed;top:35%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:20px}.agency-image,.people-image{-webkit-box-shadow:0 0 2px #888;box-shadow:0 0 2px #888;width:40px;height:40px;border-radius:50%;margin-right:10px;cursor:pointer}.agency-image,.people-image,.unread-message-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.unread-message-container{position:absolute;top:10%;left:0;right:0;margin:auto;text-align:center;width:100%}.unread-message-container .unread-message{background-color:#ec5f71;color:#ebebeb;overflow-wrap:break-word;overflow:visible;font-size:12px;padding:5px;border-radius:5px}.chat-box-title,.unread-message-container .unread-message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.chat-box-title{padding:10px;font-weight:700}.unread-group{background:#ec5f71}.unread-group hr{padding:unset!important}.unread-message{color:#ec5f71}.time-group{position:relative}.time-group .time{position:absolute;top:0;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:#fff;padding:0 30px}.time-group hr{padding:10px 0}.back-btn{display:none}.name-info,.participants{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.name-info{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:700}.participants-number{font-size:14px}@media (max-width:980px){.chat-list{width:100%}.chat-box,.chat-list.hide{display:none}.chat-box{width:100%}.back-btn,.chat-box.show{display:block}.back-btn{cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.room-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-left:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.people-image{background:#f6a000}.agency-image{background:#c7cf00;margin-right:10px}.mark-unread-box{z-index:100;position:fixed;padding:10px;top:0;left:0;cursor:pointer;background:#fff;border:1px solid #dfdfdf;color:#ec5f71}