.app-chat{position:relative;height:calc(100vh - 11.7rem)}.layout-navbar-hidden .app-chat{height:calc(100vh - 7.8rem)}@media(min-width: 1200px){.layout-horizontal .app-chat{height:calc(100vh - 11.7rem - 4.2rem)}}@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;top:1.25rem;right:1.25rem}.app-chat .app-sidebar .sidebar-header .chat-sidebar-avatar{width:84px;height:84px}.app-chat .app-sidebar .sidebar-header .chat-sidebar-avatar::after{bottom:6px;width:16.8px;height:16.8px}.app-chat .app-chat-contacts{position:absolute;left:calc(-21rem - 1rem);height:calc(100vh - 11.7rem);width:21rem;flex-basis:21rem;transition:all .25s ease}.layout-navbar-hidden .app-chat .app-chat-contacts{height:calc(100vh - 7.8rem)}@media(min-width: 1200px){.layout-horizontal .app-chat .app-chat-contacts{height:calc(100vh - 11.7rem - 4.2rem)}}@media(min-width: 992px){.app-chat .app-chat-contacts{position:static}}.app-chat .app-chat-contacts.show{left:0rem}.app-chat .app-chat-contacts .sidebar-body{height:calc(calc(100vh - 11.7rem) - 4rem)}.layout-navbar-hidden .app-chat .app-chat-contacts .sidebar-body{height:calc(calc(100vh - 7.8rem) - 4.5rem)}@media(min-width: 1200px){.layout-horizontal .app-chat .app-chat-contacts .sidebar-body{height:calc(calc(100vh - 11.7rem) - 3.5rem - 4.2rem)}}.app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.chat-contact-list-item{display:flex;justify-content:space-between;margin:.25rem .75rem;padding:.5rem .75rem;cursor:pointer;border-radius:.5rem}.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 .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-contacts .sidebar-body .chat-contact-list li.chat-contact-list-item-title{padding:.5rem 1rem .25rem}.app-chat .app-chat-sidebar-left{position:absolute;top:0;left:calc(-21rem - 1rem);width:21rem;height:calc(100vh - 11.7rem);opacity:0;z-index:5;transition:all .25s ease}.layout-navbar-hidden .app-chat .app-chat-sidebar-left{height:calc(100vh - 7.8rem)}@media(min-width: 1200px){.layout-horizontal .app-chat .app-chat-sidebar-left{height:calc(100vh - 11.7rem - 4.2rem)}}.app-chat .app-chat-sidebar-left.show{left:0;opacity:1}.app-chat .app-chat-sidebar-left .sidebar-body{height:calc(calc(100vh - 11.7rem) - 12.5rem)}.layout-navbar-hidden .app-chat .app-chat-sidebar-left .sidebar-body{height:calc(calc(100vh - 7.8rem) - 12.5rem)}@media(min-width: 1200px){.layout-horizontal .app-chat .app-chat-sidebar-left .sidebar-body{height:calc(calc(100vh - 11.7rem) - 12.3rem - 4.2rem)}}.app-chat .app-chat-history{position:relative;height:calc(100vh - 11.7rem);transition:all .25s ease}.layout-navbar-hidden .app-chat .app-chat-history{height:calc(100vh - 7.8rem)}@media(min-width: 1200px){.layout-horizontal .app-chat .app-chat-history{height:calc(100vh - 11.7rem - 4.2rem)}}.app-chat .app-chat-history .chat-history-header{padding:1rem 1.25rem;margin-top:-1px}.app-chat .app-chat-history .chat-history-body{height:calc(100vh - 22.35rem);padding:1.25rem 1.25rem;overflow:hidden}.layout-navbar-hidden .app-chat .app-chat-history .chat-history-body{height:calc(100vh - 18.4rem)}@media(min-width: 1200px){.layout-horizontal .app-chat .app-chat-history .chat-history-body{height:calc(100vh - 22.35rem - 4.2rem)}}.app-chat .app-chat-history .chat-history-body .chat-history .chat-message{display:flex;justify-content:flex-start}.app-chat .app-chat-history .chat-history-body .chat-history .chat-message .chat-message-wrapper i::before{font-size:1rem}.app-chat .app-chat-history .chat-history-body .chat-history .chat-message .chat-message-wrapper .chat-message-text{border-radius:.5rem;padding:.543rem 1rem}.app-chat .app-chat-history .chat-history-body .chat-history .chat-message.chat-message-right{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-right:0rem;margin-left: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 .thumbnail{cursor:zoom-in}.app-chat .app-chat-history .chat-history-body .chat-history .chat-message:not(:last-child){margin-bottom:2.5rem}.app-chat .app-chat-history .chat-history-footer{padding:.1875rem .5rem .1875rem 1rem;margin:1.25rem;border-radius:.5rem}.app-chat .app-chat-history .chat-history-footer .form-control{border-color:rgba(0,0,0,0)}.app-chat .app-chat-history .chat-history-footer .form-control:hover,.app-chat .app-chat-history .chat-history-footer .form-control:focus{border-color:rgba(0,0,0,0) !important}.app-chat .app-chat-sidebar-right{position:absolute;top:0;right:calc(-21rem - 1rem);width:21rem;height:calc(100vh - 11.7rem);opacity:0;z-index:5;transition:all .25s ease}.layout-navbar-hidden .app-chat .app-chat-sidebar-right{height:calc(100vh - 7.8rem)}@media(min-width: 1200px){.layout-horizontal .app-chat .app-chat-sidebar-right{height:calc(100vh - 11.7rem - 4.2rem)}}.app-chat .app-chat-sidebar-right.show{opacity:1;right:0}.app-chat .app-chat-sidebar-right .sidebar-body{height:calc(calc(100vh - 11.7rem) - 13.6rem)}.layout-navbar-hidden .app-chat .app-chat-sidebar-right .sidebar-body{height:calc(calc(100vh - 7.8rem) - 13.6rem)}@media(min-width: 1200px){.layout-horizontal .app-chat .app-chat-sidebar-right .sidebar-body{height:calc(calc(100vh - 11.7rem) - 11.1rem - 4.2rem)}}@media(max-width: 576px){.app-chat .app-chat-sidebar-right.show,.app-chat .app-chat-sidebar-left.show,.app-chat .app-chat-contacts.show{width:100%}}.light-style .app-chat .app-sidebar .sidebar-header .chat-sidebar-avatar::after{box-shadow:0 0 0 4px #fff}.light-style .app-chat .app-chat-contacts,.light-style .app-chat .app-chat-sidebar-left{background-color:#fff}.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:#f7f7f9}.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;box-shadow:0 .125rem .375rem 0 rgba(38,43,67,.14)}.light-style .app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.active h6,.light-style .app-chat .app-chat-contacts .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,.light-style .app-chat .app-chat-sidebar-left .sidebar-body .chat-contact-list li.active .text-muted{color:#fff !important}.light-style .app-chat .app-chat-history{background-color:#f7f6fa}.light-style .app-chat .app-chat-history .chat-history-wrapper{background-color:#f7f6fa}.light-style .app-chat .app-chat-history .chat-history-footer{background-color:#fff;box-shadow:0 .125rem .375rem 0 rgba(38,43,67,.14)}.light-style .app-chat .app-chat-history .chat-history-body .chat-history .chat-message .chat-message-text{background-color:#fff;box-shadow:0 .125rem .375rem 0 rgba(38,43,67,.14)}.light-style .app-chat .app-chat-history .chat-history-body .chat-history .chat-message.chat-message-right{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(38,43,67,.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-sidebar .sidebar-header .chat-sidebar-avatar::after{box-shadow:0 0 0 4px #30334e}.dark-style .app-chat .app-chat-contacts,.dark-style .app-chat .app-chat-sidebar-left{background-color:#30334e}.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:#282a42}.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;box-shadow:0 .125rem .375rem 0 rgba(16,17,33,.2)}.dark-style .app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.active h6,.dark-style .app-chat .app-chat-contacts .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,.dark-style .app-chat .app-chat-sidebar-left .sidebar-body .chat-contact-list li.active .text-muted{color:#fff !important}.dark-style .app-chat .app-chat-history{background-color:#343752}.dark-style .app-chat .app-chat-history .chat-history-wrapper{background-color:#343752}.dark-style .app-chat .app-chat-history .chat-history-footer{background-color:#30334e;box-shadow:0 .125rem .375rem 0 rgba(16,17,33,.2)}.dark-style .app-chat .app-chat-history .chat-history-body .chat-history .chat-message .chat-message-text{background-color:#30334e;box-shadow:0 .125rem .375rem 0 rgba(16,17,33,.2)}.dark-style .app-chat .app-chat-history .chat-history-body .chat-history .chat-message.chat-message-right{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:#30334e}[dir=rtl] .app-chat .app-chat-sidebar-left,[dir=rtl] .app-chat .app-chat-contacts{right:calc(-21rem - 1rem);left:auto}[dir=rtl] .app-chat .app-chat-sidebar-left.show,[dir=rtl] .app-chat .app-chat-contacts.show{left:auto;right:0}[dir=rtl] .app-chat .app-chat-sidebar-right{left:calc(-21rem - 1rem);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-right-radius:0 !important;border-top-left-radius:.5rem !important}[dir=rtl] .app-chat .app-chat-history .chat-message.chat-message-right .chat-message-text{border-top-left-radius:0 !important;border-top-right-radius:.5rem !important}[dir=rtl] .app-chat .ps--active-y>.ps__rail-y{right:inherit !important}