[dir=ltr] .right{float:right}[dir=ltr] .left,[dir=rtl] .right{float:left}[dir=rtl] .left{float:right}#chat-app .vs-sidebar--background{position:absolute;z-index:40000}#chat-app #chat-list-sidebar .vs-sidebar,#chat-app #chat-profile-sidebar .vs-sidebar{max-width:400px}#chat-app #chat-list-sidebar .chat-scroll-area{position:relative;width:100%;height:calc(100% - 70px)}[dir] #chat-app #chat-list-sidebar .chat-scroll-area{margin:auto}#chat-app #chat-list-sidebar .chat-scroll-area .chat__contact{transition:background-color .1s}[dir] #chat-app #chat-list-sidebar .chat-scroll-area .chat__contact{-webkit-transition:background-color .1s}[dir] #chat-app #chat-list-sidebar .chat-scroll-area .chat__contact:hover{background-color:#eee}[dir] #chat-app .chat__bg{background-color:#dfdbe5;background-image:url(../img/vuexy-login-bg.04351a33.jpg)}#chat-app .chat__log .msg-time .vs-divider--text{-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}[dir] #chat-app .chat__log .msg-time .vs-divider--text{border-radius:.3rem;box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}#chat-app .chat-content-area{position:relative}#chat-app .chat-content-area .chat-content-scroll-area{position:relative;width:100%;height:calc(100% - 134px)}[dir] #chat-app .chat-content-area .chat-content-scroll-area{margin:auto}#chat-app .chat-content-area .chat-content-scroll-area .chat__input{position:absolute;bottom:0;width:100%}@media (min-width:576px){#chat-app .user-profile-container .vs-sidebar{width:100%}}@media (min-width:768px){#chat-app .user-profile-container .vs-sidebar{width:33.33333%}}