.chats-navigator{overflow-y:scroll;display:flex;flex-direction:column;width:100%}.chats-navigator::-webkit-scrollbar{width:6px}.chats-navigator::-webkit-scrollbar-thumb{height:106px;border-radius:5px;background-color:#c4c4c4;outline:1px solid #c4c4c4}.chats-navigator .search-bar .v-input{margin-top:0}.chats-navigator .search-bar .v-input .v-input__slot{margin:0}.chats-navigator .search-bar .v-input .v-input__slot:before{border-color:#d8d8d8}.chats-navigator .search-bar .v-input .v-input__slot .icon-search{font-size:18px;padding:4px 22px 13px 4px;color:#888b8d}.chats-navigator .search-bar .v-input .v-input__slot .v-label,.chats-navigator .search-bar .v-input .v-input__slot .v-text-field__slot{font-size:20px;padding-bottom:10px}.chats-navigator .search-bar .v-input .v-input__slot .v-label{color:#c3c5c6}.chats-navigator .search-bar .v-input .v-text-field__details{display:none}.chats-navigator .chats{width:100%;padding-top:0;padding-bottom:0;height:calc(100vh - 220px)}.chats-navigator .chats .chat-box{padding:0 18px;width:100%;height:86px!important;min-height:86px!important;background-color:#fff;border:2px solid #f4f4f4;cursor:pointer}.chats-navigator .chats .chat-box .message-container{font-family:mainFont(Inter);flex-direction:row;overflow:hidden;flex-grow:0;height:auto}.chats-navigator .chats .chat-box .message-container .message,.chats-navigator .chats .chat-box .message-container .sender{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chats-navigator .chats .chat-box .message-container .sender{font-family:mainFont(Inter);font-size:16px;min-height:19px;color:#000;width:100%;text-transform:uppercase}.chats-navigator .chats .chat-box .message-container .message{margin-top:0;font-weight:400;font-size:16px;line-height:20px;color:#888b8d;line-height:19px}.chats-navigator .chats .chat-box .chat-info{align-items:flex-end;display:flex;flex-direction:column}.chats-navigator .chats .chat-box .chat-info .sent-at{color:#888b8d;font-size:15px;max-width:102px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chats-navigator .chats .chat-box .chat-info .unread-message-count{color:#fff;background-color:#888b8d;font-family:mainFont(Inter);font-size:14px;width:34px;height:34px;line-height:34px;text-align:center}.chats-navigator .chats .chat-box.active{background-color:var(--progress-bar-secondary-color);border:2px solid var(--progress-bar-secondary-color)}.chats-navigator .chats .chat-box.active .message,.chats-navigator .chats .chat-box.active .sender,.chats-navigator .chats .chat-box.active .sent-at{color:#fff}.chats-navigator .chats .chat-box.active .unread-message-count{background-color:#fff;color:var(--primary-color);line-height:35px}.chats-navigator div{max-height:inherit}@media only screen and (max-width:1560px){.chat-box{overflow:hidden}.chat-box .message-container{max-width:180px!important}.chat-box .message-container .sent-at{display:flex;width:100%}}.chat .chat-header{height:60px;padding-bottom:12px;border-bottom:1px solid #d8d8d8}.chat .chat-header .user-container{flex-direction:column}.chat .chat-header .user-container .name{color:#000;font-weight:700;line-height:19px;flex-basis:100%}.chat .chat-header .user-container .user-info{font-weight:400;font-size:16px;line-height:20px;color:#888b8d}.chat .chat-body{overflow:auto;height:calc(100vh - 340px)}.chat .chat-body::-webkit-scrollbar{width:6px}.chat .chat-body::-webkit-scrollbar-thumb{border-radius:5px;background-color:#c4c4c4;outline:1px solid #c4c4c4}.chat .chat-body .message-group-date{font-family:mainFont(Inter)!important;font-size:15px;color:#acaeaf}.chat .chat-body .message-container{display:flex;flex-wrap:wrap;justify-content:flex-end;width:95%;margin:auto;font-family:mainFont(Inter)!important}.chat .chat-body .message-container .v-banner{flex-basis:100%;letter-spacing:-.3px;border-radius:8px;color:#fff}.chat .chat-body .message-container .message-time{font-family:mainFont(Inter)!important;font-size:12px;color:#000}.chat .chat-body .message-container.hcp-message-container{float:right}.chat .chat-body .message-container.hcp-message-container .sender-container{flex-direction:row-reverse}.chat .chat-body .message-container.hcp-message-container .v-banner.message{background-color:#fdedcf;border:1px solid #fdedcf;color:#000;margin-right:55px}.chat .chat-body .message-container.hcp-message-container .v-banner .v-banner__wrapper{padding:16px 8px 16px 16px}.chat .chat-body .message-container.hcp-message-container .v-banner .message-time{color:#acaeaf}.chat .chat-body .message-container.patient-message-container{float:left}.chat .chat-body .message-container.patient-message-container .sender-container{flex-direction:row}.chat .chat-body .message-container.patient-message-container .v-banner.message{background:var(--primary-color);border:1px solid var(--primary-color);margin-left:55px}.chat .chat-body .message-container.system-message-container{margin:auto}.chat .chat-body .message-container.system-message-container .v-banner{color:#000}.chat .chat-body .message-container.system-message-container .v-banner.message{background:#d3d3d3;border:1px solid #d3d3d3}.chat .chat-send-message-box .v-input .v-text-field__slot{font-family:mainFont(Inter)!important}.chat .chat-send-message-box .v-input.primary--text,.chat .chat-send-message-box .v-input .v-icon.mdi-send{cursor:pointer;color:var(--primary-color)!important}.chat .v-skeleton-loader>div{background:transparent!important;padding-left:0}.chat div{max-height:inherit;box-sizing:border-box}@media only screen and (min-width:1264px){.messages-container{padding-left:72px}}.emoji-invoker{position:relative;width:1.5rem;height:1.5rem;border-radius:50%;cursor:pointer;transition:all .2s;padding:2px 0 0;margin-right:5px;background:transparent;border:0}.emoji-invoker>svg{fill:#b1c6d0}.emoji-invoker:hover{transform:scale(1.1)}.emoji-picker{position:absolute;bottom:42px;right:45px;z-index:1;font-family:Montserrat;border:1px solid #ccc;width:15rem;height:20rem;overflow:scroll;padding:1rem;box-sizing:border-box;border-radius:.5rem;background:#fff;box-shadow:1px 1px 8px #c7dbe6}.emoji-picker h5{margin-bottom:0;color:#b1b1b1;text-transform:uppercase;font-size:.8rem;cursor:default}.emoji-picker .emojis{display:flex;flex-wrap:wrap;justify-content:space-between}.emoji-picker .emojis span{padding:.2rem;cursor:pointer;border-radius:5px}.emoji-picker .emojis span:hover{background:#ececec;cursor:pointer}.emoji-picker .emojis:after{content:"";flex:auto}.emoji-picker__search{display:flex}.emoji-picker__search>input{flex:1;border-radius:10rem;border:1px solid #ccc;padding:.5rem 1rem;outline:none}.messages[data-v-16f22fcd]{height:calc(100vh - 120px);padding-left:138px;padding-right:167px}.messages .main-title[data-v-16f22fcd]{padding-bottom:9px}.messages .main-title[data-v-16f22fcd] .v-tabs>.v-tabs-bar{background:transparent!important}.messages .main-title[data-v-16f22fcd] .v-tabs>.v-tabs-bar .v-tab{margin:0!important;padding-left:0;font-family:mainFont(Inter);font-weight:700;line-height:24px;text-transform:uppercase;color:#333!important;font-size:20px;pointer-events:none}.messages div[data-v-16f22fcd]{max-height:inherit}.messages .row[data-v-16f22fcd]:nth-child(2){height:calc(100vh - 180px)}@media only screen and (max-width:1264px){.messages[data-v-16f22fcd]{padding-left:90px;padding-right:120px}}