.chat-nav{height:50px;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #ebeef5;position:sticky;z-index:1;background-color:#fff;top:0}.chat-nav-tab{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;cursor:pointer;color:#546e7a;border-bottom:1px solid transparent;transition:all .2s ease}.chat-nav-tab.active{border-bottom-color:var(--fexspace-blue);color:var(--fexspace-blue)}.chat-nav-tab svg{height:23px;width:23px}.chat-nav-tab-title{font-size:11px;font-weight:200}.typing{color:var(--fexspace-blue)!important}.noti{width:16px;height:16px;background-image:linear-gradient(#409eff,var(--fexspace-blue));color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px}.chat-filter{height:40px;padding:0 1em}.chat-filter .toggle{display:inline-flex;height:100%;width:fit-content}.approval-tag{height:30px;padding:0 1em;display:inline-flex;align-items:center;border-radius:5px}.approval-tag.unapproved{color:#e6a23c}.approval-tag.declined{color:#f56c6c}.icon[data-v-311ea398]{height:20px;width:20px;fill:currentColor}.text-danger[data-v-311ea398]{color:#f56c6c}[data-v-311ea398]:root{--hover-blue:rgba(0,113,224,0.05);--input-bgc:rgba(0,113,224,0.05)}.chat-search[data-v-311ea398]{position:absolute;width:100%;height:100%;background-color:#fff;top:0;z-index:1}.chat-search .search-bar input[data-v-311ea398]{padding:0 5px;height:100%}.chat-search .search-bar .s-b-icon[data-v-311ea398]{width:30px;height:100%;display:flex;align-items:center;cursor:pointer}.loading svg[data-v-311ea398]{animation:ak-spin-311ea398 1s linear infinite}@keyframes ak-spin-311ea398{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.label[data-v-311ea398]{padding:1em;font-size:16px;color:#c0c4cc}.chat-lists-top>.chat-search-container .chat-more .plus-icon>svg,.icon{height:20px;width:20px;fill:currentColor}.chat-lists{background-color:inherit;height:calc(100% - 100px);overflow-y:auto}.chat-lists-top{height:100px;width:100%;padding:10px 0}.chat-lists-top>.chat-search-container{padding:0 10px;display:grid;height:35px;width:100%;margin-bottom:10px;grid-template-columns:auto 40px;grid-template-rows:100%;grid-column-gap:10px}.chat-lists-top>.chat-search-container.is-search{grid-template-columns:100%}.chat-lists-top>.chat-search-container .chat-more{border-radius:5px;background-color:#f3f7f9}.chat-lists-down{height:calc(100% - 70px);background-color:inherit}.chat-lists-down .chat-lists{height:calc(100% - 50px);overflow-y:auto;position:relative;padding:2px 0}.tab-nav{display:flex;height:40px;border-top:1px solid #f8f8f8;border-bottom:1px solid #f8f8f8}.tab-nav>*{height:100%;display:flex;justify-content:center;align-items:center;text-transform:uppercase;flex:1;border-bottom:1px solid transparent}.tab-nav>.active{border-bottom-color:var(--fexspace-blue);color:var(--fexspace-blue)}.noti-off{margin-left:auto;color:#9babb4}.mute-chat{padding:1em}.mute-chat li{list-style-type:none;padding:5px 0}.mute-chat li label{width:100%;height:100%;display:block}.chat-home{display:flex;height:100%;width:100%;justify-content:center;align-items:center;flex-direction:column;background-color:#fafafa}.start-chat{border-radius:2pc;text-transform:uppercase}.icon[data-v-1a4fbaef]{height:20px;width:20px;fill:currentColor}.text-danger[data-v-1a4fbaef]{color:#f56c6c}[data-v-1a4fbaef]:root{--hover-blue:rgba(0,113,224,0.05);--input-bgc:rgba(0,113,224,0.05)}.user-select[data-v-1a4fbaef]{display:flex}.slide-enter[data-v-1a4fbaef],.slide-leave-active[data-v-1a4fbaef]{opacity:0}.modal-stacks[data-v-1a4fbaef]{transition:all .5s cubic-bezier(.25,.46,.45,.94)}.input-field-plain[data-v-1a4fbaef]{max-width:350px;margin:auto}.decline-feedback label[data-v-1a4fbaef]{padding:5px 0;font-size:16px;font-weight:500;margin-bottom:10px}.decline-feedback textarea[data-v-1a4fbaef]{width:100%;border-color:#ebeef5;resize:none;padding:8px 10px;border-radius:3px}.icon[data-v-1bde4ce2]{height:20px;width:20px;fill:currentColor}.text-danger[data-v-1bde4ce2]{color:#f56c6c}[data-v-1bde4ce2]:root{--hover-blue:rgba(0,113,224,0.05);--input-bgc:rgba(0,113,224,0.05)}.user-photo[data-v-1bde4ce2]{position:relative}.user-photo .mask[data-v-1bde4ce2]{position:absolute;height:100%;width:100%;color:#70818a;border-radius:50%;transition:all .4s ease}.user-photo .mask[data-v-1bde4ce2]:not(.is-trans){background-color:rgba(155,171,180,.7)}.user-photo .mask[data-v-1bde4ce2]:hover{background-color:rgba(155,171,180,.9)}.user-photo .mask:hover.is-trans[data-v-1bde4ce2]{opacity:1}.user-photo .mask:hover .icon[data-v-1bde4ce2]{transition:transform .3s cubic-bezier(.075,.82,.165,1);transform:rotate(1turn) scale(1.5)}.user-photo .mask.is-trans[data-v-1bde4ce2]{opacity:0}input.file[data-v-1bde4ce2]{position:absolute;opacity:0;width:100%;height:100%}.user-select{display:flex}.slide-enter,.slide-leave-active{opacity:0}.modal-stacks{transition:all .5s cubic-bezier(.25,.46,.45,.94)}.input-field-plain{max-width:350px;margin:auto}.text-bold{font-size:18px;font-weight:700;color:#000;line-height:30px}.divider{width:100%;height:1px;margin:10px 0;background-color:#f2f6fc}.button-text{background-color:inherit;border:none;padding:0 6px;height:30px;display:flex;justify-content:center;align-items:center}.button-text:focus{outline:none}.chat-display{display:flex;grid-area:display;flex-direction:column}.chat-display>header{border-bottom:1px solid #ebeef5;height:70px;padding:0 1.5em}.chat-display>header.open{height:105px}.chat-display>main{flex:1;overflow-y:auto;outline:none}@media(max-width:750px){.chat .bar-right,.chat .chat-main{right:-100%}.chat .bar-right.open,.chat .chat-main.open{right:0}.chat .bar-left{left:-100%}.chat .bar-left.open{left:0}.chat>:not(:empty){position:absolute;width:100%;height:100%}}.chat.mini{overflow:hidden}.chat.mini .bar-right,.chat.mini .chat-main{right:-100%}.chat.mini .bar-right.open,.chat.mini .chat-main.open{right:0}.chat.mini .bar-left{left:-100%}.chat.mini .bar-left.open{left:0}.chat.mini>:not(.modal-boot){position:absolute;width:100%;height:100%}.status-indicator{position:absolute;width:13px;height:13px;border:2px solid #fff;border-radius:50%;bottom:38%;right:86%;background-color:#ccc}.status-indicator.online{background-color:#38c172}.status-indicator.offline{display:none}.enter{transition:all .2s}.icon{height:20px;width:20px;fill:currentColor}.text-danger{color:#f56c6c}:root{--hover-blue:rgba(0,113,224,0.05);--input-bgc:rgba(0,113,224,0.05)}aside>header{height:50px;border-bottom:1px solid #ebeef5}aside>main{height:calc(100% - 50px)}