[data-simplebar]{flex-flow:column wrap;place-content:flex-start;align-items:flex-start;position:relative}.simplebar-wrapper{width:inherit;height:inherit;max-width:inherit;max-height:inherit;overflow:hidden}.simplebar-mask{direction:inherit;z-index:0;margin:0;padding:0;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;width:auto!important;height:auto!important}.simplebar-offset{-webkit-overflow-scrolling:touch;margin:0;padding:0;position:absolute;top:0;bottom:0;left:0;right:0;direction:inherit!important;box-sizing:inherit!important;resize:none!important}.simplebar-content-wrapper{direction:inherit;scrollbar-width:none;-ms-overflow-style:none;width:auto;max-width:100%;height:100%;max-height:100%;display:block;position:relative;overflow:auto;box-sizing:border-box!important}.simplebar-content-wrapper::-webkit-scrollbar{width:0;height:0;display:none}.simplebar-hide-scrollbar::-webkit-scrollbar{width:0;height:0;display:none}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{pointer-events:none;width:100%;max-width:100%;max-height:100%}.simplebar-height-auto-observer-wrapper{float:left;z-index:-1;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0;width:100%;max-width:1px;height:100%;max-height:1px;margin:0;padding:0;position:relative;overflow:hidden;box-sizing:inherit!important}.simplebar-height-auto-observer{box-sizing:inherit;opacity:0;pointer-events:none;z-index:-1;width:1000%;min-width:1px;height:1000%;min-height:1px;display:block;position:absolute;top:0;left:0;overflow:hidden}.simplebar-track{z-index:1;pointer-events:none;position:absolute;bottom:0;right:0;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{min-height:10px;position:absolute;left:0;right:0}.simplebar-scrollbar:before{content:"";opacity:0;background:#000;border-radius:7px;transition:opacity .2s linear .5s;position:absolute;left:2px;right:2px}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-duration:0s;transition-delay:0s}.simplebar-track.simplebar-vertical{width:11px;top:0}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{height:11px;left:0}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{width:auto;min-width:10px;min-height:0;top:0;bottom:0;left:0;right:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{left:0;right:auto}.simplebar-dummy-scrollbar-size{opacity:0;visibility:hidden;direction:rtl;width:500px;height:500px;position:fixed;overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{visibility:hidden;scrollbar-width:none;-ms-overflow-style:none;position:fixed;left:0;overflow-y:scroll}
.user-chat{background-color:#262e35;width:100%;height:calc(100dvh - 4rem);transition:all .4s;overflow:hidden;box-shadow:0 2px 4px rgba(15,34,58,.12)}.user-chat_flex{height:100%;display:flex}.user-chat_container{width:100%;position:relative;overflow:hidden}.user-chat_name_img{align-items:center;gap:1rem;display:flex}.message{align-items:flex-end;margin-bottom:1.5rem;display:flex}.message-wrapper{margin-left:1rem}.text-wrap{margin-bottom:10px;display:flex}.text-wrap_content{color:#fff;background-color:#7269ef;border-radius:8px 8px 8px 0;padding:12px 20px;position:relative}.text-wrap_content:before{content:"";border:5px solid transparent;border-top:10px solid #7269ef;border-left-color:#7269ef;position:absolute;bottom:-10px;left:0;right:auto}.chat-time{color:rgba(255,255,255,.5);text-align:right;margin-top:4px;font-size:12px}.clock{vertical-align:middle}.message_time{vertical-align:middle;padding-left:5px}.ellipsis-vertical{margin-left:.25rem;position:relative}.right{float:right;text-align:right}.right .avatar-xs{order:3;margin-left:16px;margin-right:0}.right .ellipsis-vertical{order:1;margin-right:.25rem}.right .text-wrap_content{color:#eff2f7;background-color:#36404a;border-radius:8px 8px 0;order:2}.right .text-wrap_content:before{border-top:10px solid #36404a;border-bottom:5px solid transparent;border-left:5px solid transparent;border-right:5px solid #36404a;left:auto;right:0}@keyframes DropDownSlide{to{transform:translateY(0)}0%{transform:translateY(10px)}}button:not(:disabled){cursor:pointer}.text-muted{color:#abb4d2}.chat-input-section{background-color:#262e35;border-top:1px solid #36404a}.chat-inputs{flex-wrap:wrap;display:flex}.chat-inputs textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#a6b0cf;background-color:#36404a;background-clip:padding-box;border:1px solid #36404a;border-radius:.4rem;width:100%;min-height:calc(1.5em + 1rem + 6px);padding:.5rem 2rem .5rem 1rem;font-size:.875rem;font-weight:400;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block}.chat-inputs textarea:focus{box-shadow:none;outline:0}.chat-inputs>*{margin-top:var(--bs-gutter-y);max-width:100%;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%}.messages .simple-bar{height:calc(100dvh - 240px)}@media screen and (max-width:992px){.user-chat.user-chat-show{visibility:visible;transform:translate(0)}.user-chat{z-index:100;visibility:hidden;height:100%;position:fixed;top:0;left:0;transform:translate(100%)}.messages .simple-bar{height:calc(100dvh - 180px)}}
.tab-pane{background-color:#303841;height:calc(100dvh - 4rem)}.chat-search-box{flex-wrap:wrap;align-items:stretch;width:100%;margin-bottom:1rem;display:flex;position:relative}.search-box{width:1%;min-width:0;box-shadow:none;color:#a6b0cf;background-color:#36404a;background-clip:padding-box;border:0;border-top-left-radius:0;border-bottom-left-radius:0;outline:0;flex:auto;margin-left:-1px;padding:.5rem 1rem;font-size:.875rem;font-weight:400;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block;position:relative}.search-icon{text-align:center;white-space:nowrap;background-color:#36404a;border:1px solid #36404a;border-radius:.25rem;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:400;line-height:1.5;display:flex}.carousel{direction:ltr;width:100%;margin:auto;position:relative}.carousel-stage,.carousel-wrapper{width:100%;position:relative}.carousel-stage{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:flat;white-space:nowrap;height:100%}.carousel-wrapper{height:auto;overflow:hidden}.carousel-stage__item{vertical-align:top;white-space:normal;width:71px;height:100%;margin:0 16px 0 0;padding:0;line-height:0;display:inline-block;position:relative}.carousel-stage__item *{line-height:normal}.user-status-box{text-align:center;background-color:#36404a;border-radius:8px;margin-top:16px;padding:8px;display:block}.user-status-box .chat-user-img{margin-left:auto;margin-right:auto;position:absolute;top:0;left:0;right:0}.user-status-box .chat-user-img img{max-width:100%;height:100%}.chat-user-img .user-status{border:2px solid #262e35;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;left:auto;right:0}.chat-user-img.online-user .user-status{background-color:#06d6a0}.carousel-font_size-name{text-overflow:ellipsis;white-space:nowrap;margin-top:1rem;margin-bottom:.25rem;font-size:13px;overflow:hidden}.chat-recent{color:#eff2f7;padding-left:1rem;padding-right:1rem;font-size:16px}.chat-message_list-section{height:calc(100dvh - 580px);position:relative}.chat-user-img{align-self:center;margin-left:0;position:relative}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.time{font-size:11px}.chat-message_list-section .simple-bar{height:calc(100dvh - 250px - 4rem)}.simple-bar_profile{height:calc(100dvh - 4rem)}@media screen and (max-width:992px){.tab-pane{width:100%}.chat-message_list-section .simple-bar{height:calc(100dvh - 300px - 4rem)}.simple-bar_profile{height:calc(100dvh - 8.5rem)}}@media (min-width:992px){.tab-pane{min-width:380px;max-width:380px}}