@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";.messagesContainer{height:calc(100vh - 102px)}.messagesContainer .messagesContainerRow{height:100%}.messagesContainer .messagesInbox,.messagesContainer .messagesInbox .messagesListHeader{padding:20px 20px 0}.messagesContainer .messagesInbox .heading{font-size:32px;font-weight:700;color:#233240}.messagesContainer .messagesInbox .searchButton{height:48px;padding:10px 14px;flex-shrink:0;border-radius:40px;background:#f5f7fa;border:none}.messagesContainer .messagesInbox .messagesList{height:calc(100vh - 102px - 88px);overflow-y:auto;padding:0 20px 20px;scrollbar-width:none}.messagesContainer .messagesInbox .messagesList::-webkit-scrollbar{display:none}.messagesContainer .messagesInbox .messagesList .messagesListFilters{position:-webkit-sticky;position:sticky;top:0;left:0;width:100%;padding:10px 0 20px;z-index:1;background-color:#fff;flex-wrap:nowrap;display:flex;overflow-x:auto;align-items:center;scrollbar-width:none}.messagesContainer .messagesInbox .messagesList .messagesListFilters::-webkit-scrollbar{display:none}.messagesContainer .messagesInbox .messagesList .filterBtn{border:1px solid #d5d9dc;border-radius:40px;height:42px;padding:10px 16px;font-size:14px;font-weight:400;color:#2c3f50;margin:3px}.messagesContainer .messagesInbox .messagesList .selectedBtn{border:1px solid #2c3f50}.messagesContainer .messagesInbox .noMessages{max-width:350px;margin:100px auto 0}.messagesContainer .messagesInbox .noMessages svg{margin:0 0 24px}.messagesContainer .messagesInbox .noMessages svg path{fill:#2c3f50}.messagesContainer .messagesInbox .noMessages h4{font-weight:600;font-size:20px;color:#2c3f50;margin:0 0 12px}.messagesContainer .messagesInbox .noMessages p{font-weight:400;font-size:18px;color:#566573}.messagesContainer .messagesContext{height:100%;border-left:1px solid #d5d9dc}.messages-container{display:flex;color:#2c3f50}.messages-container .messages-sidebar{min-height:100vh;width:320px;border-right:1px solid #d5d9dc;padding:20px}@media(min-width:992px){.messages-container .messages-sidebar{width:400px}}@media(min-width:1200px){.messages-container .messages-sidebar{width:500px;padding:40px 20px 20px 40px}}.messages-container .messages-sidebar .head{display:flex;align-items:center;margin:0 0 10px}@media(min-width:992px){.messages-container .messages-sidebar .head{margin:0 0 20px}}.messages-container .messages-sidebar .head .opensearch{margin-left:auto;width:32px;height:32px;border-radius:50%;background:#f5f7fa;align-content:center;text-align:center}@media(min-width:992px){.messages-container .messages-sidebar .head .opensearch{width:48px;height:48px}}.messages-container .messages-sidebar .head .opensearch:hover{background:#ffb300}.messages-container .messages-sidebar .head .opensearch:hover svg path{fill:#fff}.messages-container .messages-sidebar .head h2{margin:0 10px 0 0;font-size:19px;line-height:26px;font-weight:700;color:#233240}@media(min-width:992px){.messages-container .messages-sidebar .head h2{font-size:23px;line-height:36px}}.messages-container .messages-sidebar .no-message{padding:30px 20px 30px 0;margin:0 auto;max-width:350px;text-align:center;color:#566573;font-size:18px;line-height:21px}@media(min-width:992px){.messages-container .messages-sidebar .no-message{font-size:15px;line-height:19px;padding:50px 20px 50px 0}}.messages-container .messages-sidebar .no-message h3{font-size:18px;line-height:22px;font-weight:600;color:#2c3f50;margin:0 0 8px}@media(min-width:992px){.messages-container .messages-sidebar .no-message h3{font-size:20px;line-height:24px;margin:0 0 12px}}.messages-container .messages-sidebar .no-message svg{margin:0 0 15px}.messages-container .messages-sidebar .filter{display:flex;flex-wrap:wrap;list-style:none;margin:0 -3px 5px}@media(min-width:992px){.messages-container .messages-sidebar .filter{margin:0 -6px 25px}}.messages-container .messages-sidebar .filter li{padding:0 3px 6px}@media(min-width:992px){.messages-container .messages-sidebar .filter li{padding:0 6px 12px}}.messages-container .messages-sidebar .filter li a{display:block;border:1px solid #d5d9dc;border-radius:40px;padding:3px 6px;font-size:11px;line-height:16px;color:#d5d9dc;text-decoration:none}@media(min-width:992px){.messages-container .messages-sidebar .filter li a{padding:6px 8px;font-size:13px}}@media(min-width:1200px){.messages-container .messages-sidebar .filter li a{padding:11px 14px;font-size:14px;line-height:24px}}.messages-container .messages-sidebar .filter li a.active{border-color:#2c3f50;color:#2c3f50}.messages-container .messages-sidebar .messagner-list{list-style:none}.messages-container .messages-sidebar .messagner-list li{margin:0 0 10px}@media(min-width:992px){.messages-container .messages-sidebar .messagner-list li{margin:0 0 20px}}.messages-container .messages-sidebar .messagner-list li a{text-decoration:none;display:flex;padding:10px;align-items:center;border-radius:8px}@media(min-width:992px){.messages-container .messages-sidebar .messagner-list li a{padding:15px 12px}}.messages-container .messages-sidebar .messagner-list li a.active,.messages-container .messages-sidebar .messagner-list li a:hover{background:#f5f7fa}.messages-container .messages-sidebar .messagner-list li .img-holder{width:36px;margin:0 10px 0 0}@media(min-width:992px){.messages-container .messages-sidebar .messagner-list li .img-holder{width:48px;margin:0 15px 0 0}}.messages-container .messages-sidebar .messagner-list li .img-holder img{width:36px;height:36px;border-radius:50%}.messages-container .messages-sidebar .messagner-list li .info{width:calc(100% - 46px)}@media(min-width:992px){.messages-container .messages-sidebar .messagner-list li .info{width:calc(100% - 63px)}}.messages-container .messages-sidebar .messagner-list li .info .detail{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px;line-height:17px;color:#566573}@media(min-width:992px){.messages-container .messages-sidebar .messagner-list li .info .detail{font-size:16px;line-height:19px}}.messages-container .messages-sidebar .messagner-list li .info h3{font-size:16px;line-height:20px;font-weight:600;margin:0 0 3px;color:#2c3f50}@media(min-width:992px){.messages-container .messages-sidebar .messagner-list li .info h3{font-size:20px;line-height:24px;margin:0 0 6px}}.messages-container .messages-sidebar .search-head{padding:0 20px 20px;margin:0 -20px 20px;border-bottom:1px solid #d5d9dc;display:flex;align-items:center}@media(min-width:992px){.messages-container .messages-sidebar .search-head{padding:0 20px 40px 40px;margin:0 -20px 20px -40px}}.messages-container .messages-sidebar .search-form{background:#f5f7fa;border:1px solid #d5d9dc;border-radius:200px;padding:8px 20px;display:flex;width:calc(100% - 57px)}@media(min-width:992px){.messages-container .messages-sidebar .search-form{padding:12px 30px;width:calc(100% - 90px)}}.messages-container .messages-sidebar .search-form button{padding:0;margin:0 10px 0 0;border:none;background:none;cursor:pointer}.messages-container .messages-sidebar .search-form input[type=text]{background:none;font-size:15px;line-height:22px;color:#566573;width:100%;outline:none;border:none}@media(min-width:992px){.messages-container .messages-sidebar .search-form input[type=text]{font-size:18px}}.messages-container .messages-sidebar .cancel-btn{margin:0 0 0 auto;font-weight:700;font-size:14px;line-height:18px;color:#233240;text-decoration:none}@media(min-width:992px){.messages-container .messages-sidebar .cancel-btn{font-size:16px;line-height:20px}}.messages-container .messages-content{width:calc(100% - 320px)}@media(min-width:992px){.messages-container .messages-content{width:calc(100% - 400px)}}@media(min-width:1200px){.messages-container .messages-content{width:calc(100% - 500px)}}.messages-container .messages-content .content-head{min-height:100px;border-bottom:1px solid #d5d9dc;padding:20px;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;align-content:center}@media(min-width:992px){.messages-container .messages-content .content-head{padding:20px 40px;min-height:130px}}.messages-container .messages-content .content-head h2{font-size:20px;line-height:24px;font-weight:600;color:#233240;margin:0 0 6px}@media(min-width:992px){.messages-container .messages-content .content-head h2{font-size:24px;line-height:28px}}.messages-container .messages-content .content-head .time{width:100%;display:block;font-size:14px;line-height:17px;color:#808c96}@media(min-width:992px){.messages-container .messages-content .content-head .time{font-size:16px;line-height:19px}}.messages-container .messages-content .message-content-area{height:calc(100vh - 200px);overflow-y:auto;padding:0 20px}@media(min-width:992px){.messages-container .messages-content .message-content-area{padding:0 35px}}.messages-container .messages-content .message-content-area .date-time{text-align:center;padding:20px 0;display:block;font-size:12px;line-height:14px;color:#2c3f50}@media(min-width:992px){.messages-container .messages-content .message-content-area .date-time{padding:30px 0}}.messages-container .messages-content .message-content-area .mesaage-block{font-size:14px;line-height:18px;font-weight:500;color:#2c3f50}@media(min-width:992px){.messages-container .messages-content .message-content-area .mesaage-block{font-size:18px;line-height:22px}}.messages-container .messages-content .message-content-area .mesaage-block p{margin:0 0 10px}@media(min-width:992px){.messages-container .messages-content .message-content-area .mesaage-block p{margin:0 0 20px}}.messages-container .messages-content .message-content-area .mesaage-block p:last-child{margin:o}.messages-container .messages-content .message-content-area .head{display:flex;align-items:center;margin:0 0 10px}@media(min-width:992px){.messages-container .messages-content .message-content-area .head{margin:0 0 15px}}.messages-container .messages-content .message-content-area .head .img-holder{width:24px;margin:0 15px 0 0}.messages-container .messages-content .message-content-area .head .img-holder img{width:100%;height:auto;display:block;border-radius:50%}.messages-container .messages-content .message-content-area .head h3{font-size:18px;line-height:21px;font-weight:600}.messages-container .messages-content .message-content-area .head .time{padding:0 0 0 10px;font-size:12px;line-height:18px;color:#808c96}@media(min-width:992px){.messages-container .messages-content .message-content-area .head .time{padding:0 0 0 20px}}.messages-container .messages-content .message-content-area .m-content{padding:0 0 20px 39px}.messages-container .messages-content .m-footer{padding:20px;display:flex;align-items:center}@media(min-width:992px){.messages-container .messages-content .m-footer{padding:20px 35px}}.messages-container .messages-content .m-footer .type-form{border:1px solid #d5d9dc;border-radius:200px;padding:8px 20px;display:flex;width:calc(100% - 50px);margin:0 0 0 10px}@media(min-width:992px){.messages-container .messages-content .m-footer .type-form{margin:0 0 0 20px;padding:12px 30px}}.messages-container .messages-content .m-footer .type-form.focus{border-color:#ffb300}.messages-container .messages-content .m-footer .type-form.focus button{background:#ffb300}.messages-container .messages-content .m-footer .type-form button{padding:0;margin:0 0 0 10px;border:none;background:#d5d9dc;min-width:32px;height:32px;border-radius:50%;cursor:pointer}.messages-container .messages-content .m-footer .type-form input[type=text]{background:none;font-size:18px;line-height:22px;color:#566573;width:100%;outline:none;border:none}@media(min-width:992px){.messages-container .messages-content .m-footer .type-form input[type=text]{font-size:15px}}