.app-chat{height:calc(100vh - 11rem);position:relative}.layout-navbar-hidden .app-chat{height:calc(100vh - 7rem)}@media(min-width:1200px){.layout-horizontal .app-chat{height:calc(100vh - 13rem)}}@media(max-width:992px){.app-chat .app-sidebar{z-index:4}}.app-chat .app-sidebar .sidebar-header{position:relative}.app-chat .app-sidebar .sidebar-header .close-sidebar{position:absolute;right:.95rem;top:.5rem}.app-chat .app-chat-contacts{-ms-flex-preferred-size:21rem;flex-basis:21rem;height:calc(100vh - 11rem);left:-22rem;position:absolute;transition:all .25s ease;width:21rem}.layout-navbar-hidden .app-chat .app-chat-contacts{height:calc(100vh - 7rem)}@media(min-width:1200px){.layout-horizontal .app-chat .app-chat-contacts{height:calc(100vh - 13rem)}}@media(min-width:992px){.app-chat .app-chat-contacts{position:static}}.app-chat .app-chat-contacts.show{left:0}.app-chat .app-chat-contacts .sidebar-body{height:calc(100vh - 15.49rem)}.layout-navbar-hidden .app-chat .app-chat-contacts .sidebar-body{height:calc(100vh - 12rem)}@media(min-width:1200px){.layout-horizontal .app-chat .app-chat-contacts .sidebar-body{height:calc(100vh - 17.49rem)}}.app-chat .app-chat-contacts .sidebar-body .chat-contact-list .chat-contact-list-item-title{padding-bottom:0!important}.app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.chat-contact-list-item{-ms-flex-pack:justify;border-left:2px solid transparent;border-radius:.375rem;cursor:pointer;display:-ms-flexbox;display:flex;justify-content:space-between;margin:.5rem .75rem;padding:.518rem .75rem}.app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.chat-contact-list-item a{width:100%}.app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.chat-contact-list-item .avatar{border:2px solid transparent;border-radius:50%}.app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.chat-contact-list-item .chat-contact-info{min-width:0}.app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.chat-contact-list-item .chat-contact-info .chat-contact-name{line-height:1.5}.app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.chat-contact-list-item small{white-space:nowrap}.app-chat .app-chat-sidebar-left{height:calc(100vh - 11rem);left:-22rem;opacity:0;position:absolute;top:0;transition:all .25s ease;width:21rem;z-index:5}.layout-navbar-hidden .app-chat .app-chat-sidebar-left{height:calc(100vh - 7rem)}@media(min-width:1200px){.layout-horizontal .app-chat .app-chat-sidebar-left{height:calc(100vh - 13rem)}}.app-chat .app-chat-sidebar-left.show{left:0;opacity:1}.app-chat .app-chat-sidebar-left .sidebar-body{height:calc(100vh - 22.7rem)}.layout-navbar-hidden .app-chat .app-chat-sidebar-left .sidebar-body{height:calc(100vh - 18rem)}@media(min-width:1200px){.layout-horizontal .app-chat .app-chat-sidebar-left .sidebar-body{height:calc(100vh - 24.7rem)}}.app-chat .app-chat-history{height:calc(100vh - 11rem);position:relative;transition:all .25s ease}.layout-navbar-hidden .app-chat .app-chat-history{height:calc(100vh - 7rem)}@media(min-width:1200px){.layout-horizontal .app-chat .app-chat-history{height:calc(100vh - 13rem)}}.app-chat .app-chat-history .chat-history-header{padding:1rem}.app-chat .app-chat-history .chat-history-header .user-status{margin-bottom:.1rem}.app-chat .app-chat-history .chat-history-body{height:calc(100vh - 20.8rem);overflow:hidden;padding:1.25rem}.layout-navbar-hidden .app-chat .app-chat-history .chat-history-body{height:calc(100vh - 16.7rem)}@media(min-width:1200px){.layout-horizontal .app-chat .app-chat-history .chat-history-body{height:calc(100vh - 22.8rem)}}.app-chat .app-chat-history .chat-history-body .chat-history .chat-message{-ms-flex-pack:start;display:-ms-flexbox;display:flex;justify-content:flex-start}.app-chat .app-chat-history .chat-history-body .chat-history .chat-message .chat-message-text{border-radius:.375rem;padding:.75rem 1rem}.app-chat .app-chat-history .chat-history-body .chat-history .chat-message:not(.chat-message-right) .chat-message-text{border-top-left-radius:0}.app-chat .app-chat-history .chat-history-body .chat-history .chat-message.chat-message-right{-ms-flex-pack:end;justify-content:flex-end}.app-chat .app-chat-history .chat-history-body .chat-history .chat-message.chat-message-right .chat-message-text{border-top-right-radius:0}.app-chat .app-chat-history .chat-history-body .chat-history .chat-message.chat-message-right .user-avatar{margin-left:1rem;margin-right:0}.app-chat .app-chat-history .chat-history-body .chat-history .chat-message .thumbnail{cursor:zoom-in}.app-chat .app-chat-history .chat-history-body .chat-history .chat-message:not(:last-child){margin-bottom:1rem}.app-chat .app-chat-history .chat-history-footer{border-radius:.375rem;margin:0 1.5rem;padding:.5rem}.app-chat .app-chat-sidebar-right{height:calc(100vh - 11rem);opacity:0;position:absolute;right:-22rem;top:0;transition:all .25s ease;width:21rem;z-index:5}.layout-navbar-hidden .app-chat .app-chat-sidebar-right{height:calc(100vh - 7rem)}@media(min-width:1200px){.layout-horizontal .app-chat .app-chat-sidebar-right{height:calc(100vh - 13rem)}}.app-chat .app-chat-sidebar-right.show{opacity:1;right:0}.app-chat .app-chat-sidebar-right .sidebar-body{height:calc(100vh - 22.5rem)}.layout-navbar-hidden .app-chat .app-chat-sidebar-right .sidebar-body{height:calc(100vh - 18.19rem)}@media(min-width:1200px){.layout-horizontal .app-chat .app-chat-sidebar-right .sidebar-body{height:calc(100vh - 24.5rem)}}@media(max-width:576px){.app-chat .app-chat-contacts.show,.app-chat .app-chat-sidebar-left.show,.app-chat .app-chat-sidebar-right.show{width:100%}}.light-style .app-chat .app-chat-contacts,.light-style .app-chat .app-chat-sidebar-left{background-color:#fff;box-shadow:0 0 0 1px rgba(67,89,113,.075)}.light-style .app-chat .app-chat-contacts .chat-actions .chat-search-input,.light-style .app-chat .app-chat-sidebar-left .chat-actions .chat-search-input{background-color:#f5f5f9}.light-style .app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.active,.light-style .app-chat .app-chat-sidebar-left .sidebar-body .chat-contact-list li.active{color:#fff}.light-style .app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.active .text-muted,.light-style .app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.active h6,.light-style .app-chat .app-chat-sidebar-left .sidebar-body .chat-contact-list li.active .text-muted,.light-style .app-chat .app-chat-sidebar-left .sidebar-body .chat-contact-list li.active h6{color:#fff!important}.light-style .app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.active .avatar,.light-style .app-chat .app-chat-sidebar-left .sidebar-body .chat-contact-list li.active .avatar{border-color:#fff}.light-style .app-chat .app-chat-history{background-color:#f5f5f9}.light-style .app-chat .app-chat-history .chat-history-wrapper .chat-history-header{background-color:#fff}.light-style .app-chat .app-chat-history .chat-history-body .chat-history .chat-message .chat-message-text,.light-style .app-chat .app-chat-history .chat-history-footer{background-color:#fff;box-shadow:0 .125rem .25rem rgba(161,172,184,.4)}.light-style .app-chat .app-chat-history .chat-history-body .chat-history .chat-message.chat-message-right{-ms-flex-pack:end;justify-content:flex-end}.light-style .app-chat .app-chat-history .chat-history-body .chat-history .chat-message.chat-message-right .chat-message-text{color:#fff}.light-style .app-chat .app-chat-sidebar-right{background-color:#fff;box-shadow:16px 1px 45px 3px rgba(67,89,113,.5)}@media(max-width:992px){.light-style .app-chat .app-chat-contacts .chat-actions .chat-search-input{background-color:#fff}}.dark-style .app-chat .app-chat-contacts,.dark-style .app-chat .app-chat-sidebar-left{background-color:#2b2c40}.dark-style .app-chat .app-chat-contacts .chat-actions .chat-search-input,.dark-style .app-chat .app-chat-sidebar-left .chat-actions .chat-search-input{background-color:#232333}.dark-style .app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.active,.dark-style .app-chat .app-chat-sidebar-left .sidebar-body .chat-contact-list li.active{color:#fff}.dark-style .app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.active .text-muted,.dark-style .app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.active h6,.dark-style .app-chat .app-chat-sidebar-left .sidebar-body .chat-contact-list li.active .text-muted,.dark-style .app-chat .app-chat-sidebar-left .sidebar-body .chat-contact-list li.active h6{color:#fff!important}.dark-style .app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.active .avatar,.dark-style .app-chat .app-chat-sidebar-left .sidebar-body .chat-contact-list li.active .avatar{border-color:#2b2c40}.dark-style .app-chat .app-chat-history{background-color:#232333}.dark-style .app-chat .app-chat-history .chat-history-wrapper .chat-history-header{background-color:#2b2c40}.dark-style .app-chat .app-chat-history .chat-history-body .chat-history .chat-message .chat-message-text,.dark-style .app-chat .app-chat-history .chat-history-footer{background-color:#2b2c40;box-shadow:0 .125rem .25rem rgba(0,0,0,.25)}.dark-style .app-chat .app-chat-history .chat-history-body .chat-history .chat-message.chat-message-right{-ms-flex-pack:end;justify-content:flex-end}.dark-style .app-chat .app-chat-history .chat-history-body .chat-history .chat-message.chat-message-right .chat-message-text{color:#fff}.dark-style .app-chat .app-chat-sidebar-right{background-color:#2b2c40}[dir=rtl] .app-chat .app-chat-contacts,[dir=rtl] .app-chat .app-chat-sidebar-left{left:auto;right:-22rem}[dir=rtl] .app-chat .app-chat-contacts.show,[dir=rtl] .app-chat .app-chat-sidebar-left.show{left:auto;right:0}[dir=rtl] .app-chat .app-chat-sidebar-right{left:-22rem;right:auto}[dir=rtl] .app-chat .app-chat-sidebar-right.show{left:0;right:auto}[dir=rtl] .app-chat .app-chat-history .chat-history-body .chat-history .chat .user-avatar{margin-left:1rem;margin-right:0}[dir=rtl] .app-chat .app-chat-history .chat-message:not(.chat-message-right) .chat-message-text{border-top-left-radius:.375rem!important;border-top-right-radius:0}[dir=rtl] .app-chat .app-chat-history .chat-message.chat-message-right .chat-message-text{border-top-left-radius:0;border-top-right-radius:.375rem!important}