body{background-color:#f4f7f6}.w-90{width:90%!important}.card{background:#fff;transition:.5s;border:0;border-radius:.55rem;position:relative;width:100%;box-shadow:0 1px 2px #0000001a}.chat-app .chat{border-left:1px solid #eaeaea;min-height:523px;height:95vh;position:relative}.chat-app .rooms-list{-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s;min-height:523px;height:95vh;position:relative}.rooms-list .chat-list li{padding:10px 15px;list-style:none;border-radius:3px}.rooms-list .chat-list li:hover{background:#efefef;cursor:pointer}.rooms-list .chat-list li.active{background:#efefef}.rooms-list .chat-list li .name{font-size:15px}.rooms-list .chat-list img{width:45px;border-radius:50%}.rooms-list img{float:left;border-radius:50%}.rooms-list .status{color:#999;font-size:.7rem}.chat .chat-header{padding:15px 20px 10px;border-bottom:2px solid #f4f7f6}.chat .chat-header img{float:left;border-radius:40px;width:40px}.chat .chat-header .chat-about{float:left;padding-left:10px}.chat .chat-history{height:78vh;overflow-y:auto;border-bottom:2px solid #fff}.chat .chat-history ul{padding:0}.chat .chat-history ul li{list-style:none;margin-bottom:30px}.chat .chat-history ul li:last-child{margin-bottom:0}.chat .chat-history .message-data{margin-bottom:15px}.chat .chat-history .message-data img{border-radius:40px;width:40px}.chat .chat-history .message-data-time{position:absolute;right:5px;bottom:-5px;color:#434651;font-size:10px;white-space:nowrap}.chat .chat-history .message-action-data-time{font-size:10px;white-space:nowrap;line-height:10px}.chat .chat-history .message{min-width:120px;color:#444;line-height:26px;font-size:16px;border-radius:7px;display:inline-block;position:relative}.chat .chat-history .message.my-message{padding:2px 20px 20px 8px}.chat .chat-history .message.other-message{padding:2px 8px 20px 20px;max-width:90%;white-space:break-spaces;background:#e8f1f3;text-align:right}.chat .chat-history .other-message:after{bottom:100%;right:20px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:#e8f1f3;border-width:12px;margin-left:-12px}.chat .chat-history .my-message{background:#efefef}.chat .chat-history .my-message:after{top:0%;left:0%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-top-color:#efefef;border-width:12px;margin-left:-12px}.chat-message .form-control:focus+.input-group-text,.chat-message .form-control:focus+.input-group-text+.input-group-text,.search.form-control:focus+.input-group-text{color:#212529;background-color:#f8fafc;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.chat-message .form-control.is-invalid+.input-group-text,.chat-message .form-control.is-invalid+.input-group-text+.input-group-text,.search.form-control.is-invalid+.input-group-text{border-color:#dc3545}.chat-message .form-control.is-invalid+.input-group-text+.input-group-text,.search.form-control.is-invalid+.input-group-text{border-top-right-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.online,.offline,.me{margin-right:2px;font-size:8px;vertical-align:middle}.online{color:#86c541}.offline{color:#e47297}.me{color:#1d8ecd}.float-right{float:right}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}#btn-sidebar-left{position:absolute;border-radius:0 50% 50% 0;left:0;top:50%;z-index:1999}#btn-sidebar-left>span.badge{position:absolute;top:-5px;right:-5px}.btn-xs,.btn-group-xs>.btn{--bs-btn-padding-y: .15rem;--bs-btn-padding-x: .25rem;--bs-btn-font-size: .6rem;--bs-btn-border-radius: .25rem}.btn-close-white{color:FFF}.chats-list{height:85%;overflow-y:auto}.text-separator{display:flex;align-items:center;text-align:center}.text-separator:before,.text-separator:after{content:"";flex:1;border-bottom:1px solid}.text-separator.border-info:before,.text-separator.border-info:after,.text-separator.border-info-subtle:before,.text-separator.border-info-subtle:after{border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))}.text-separator.border-success:before,.text-separator.border-success:after,.text-separator.border-success-subtle:before,.text-separator.border-success-subtle:after{border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))}.text-separator.border-danger:before,.text-separator.border-danger:after,.text-separator.border-danger-subtle:before,.text-separator.border-danger-subtle:after{border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))}.text-separator.border-warning:before,.text-separator.border-warning:after,.text-separator.border-warning-subtle:before,.text-separator.border-warning-subtle:after{border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))}.clearfix.active>.message~.actions{visibility:visible!important}.other-message{transition:background-color 10s ease}.other-message:after{transition:border-bottom-color 10s ease}.other-message.unread{background:var(--bs-warning-border-subtle)!important;transition:none}.other-message.unread:after{border-bottom-color:var(--bs-warning-border-subtle)!important;transition:none}.me-100{margin-right:100%!important}@media only screen and (max-width: 767px){.chat .chat-history{height:65vh}.chat-app .rooms-list:not(.open){left:-800px;position:absolute}.chat-app .rooms-list.open{left:0}.chat-app .chat.closed{left:-800px;position:absolute}.chat-app .chat .chat-header{border-radius:.55rem .55rem 0 0}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){.chat-app .chat-list{height:480px;overflow-x:auto}}