#chat-app #chat-menu{width:30px;height:30px;display:inline-table;color:#fff;line-height:30px}[dir] #chat-app #chat-menu{background:var(--primarycolor);border-radius:30px;text-align:center;margin-top:10px}#chat-app #sidebar-div{position:relative}@media (max-width:991px){#chat-app #sidebar-div #chat-list-sidebar{position:absolute;height:100%;width:53%;z-index:10;min-width:300px!important;min-height:500px}}#chat-app #sidebar-div .vs-sidebar{max-width:inherit}#chat-app #sidebar-div .vs-sidebar .vs-sidebar--items{height:100%;overflow-y:hidden}[dir] #chat-app #sidebar-div .vs-sidebar .vs-sidebar--items{padding:0}[dir] #chat-app .vs-tabs--content{padding:10px 0}[dir] #chat-app .con-vs-tabs .vs-tabs--ul{padding:15px;padding-bottom:0}#chat-app .con-vs-tabs .vs-tabs--ul .vs-tabs--li span{font-weight:700}#chat-app .chat-contacts{height:509px}#chat-app .chat-contacts .contact-item{position:relative}[dir] #chat-app .chat-contacts .contact-item{border-bottom:1px solid var(--bordercolor)}[dir] #chat-app .chat-contacts .contact-item:last-child{border-bottom:none}#chat-app .chat-contacts .contact-item:first-child:after{opacity:.1}#chat-app .chat-contacts .contact-item:after{content:"";position:absolute;width:100%;height:100%;opacity:0;top:0}[dir] #chat-app .chat-contacts .contact-item:after{background-color:var(--primarycolor)}[dir=ltr] #chat-app .chat-contacts .contact-item:after{left:0}[dir=rtl] #chat-app .chat-contacts .contact-item:after{right:0}#chat-app .chat-contacts .contact-item:hover:after{opacity:.1}#chat-app .chat-contact-list{-webkit-border-radius:5px;-moz-border-radius:5px;transition:all .5s}[dir] #chat-app .chat-contact-list{border-radius:5px;-webkit-transition:all .5s}[dir=ltr] #chat-app .chat-contact-list{-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;border-top-right-radius:0;border-bottom-right-radius:0}[dir=rtl] #chat-app .chat-contact-list{-webkit-border-top-left-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-topleft:0;-moz-border-radius-bottomleft:0;border-top-left-radius:0;border-bottom-left-radius:0}#chat-app .chat-user-profile{-webkit-border-radius:0;-moz-border-radius:0;transition:all .5s}[dir] #chat-app .chat-user-profile{border-radius:0;-webkit-transition:all .5s}[dir=ltr] #chat-app .chat-user-profile{-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;border-top-right-radius:5px;border-bottom-right-radius:5px}[dir=rtl] #chat-app .chat-user-profile{-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;border-top-left-radius:5px;border-bottom-left-radius:5px}[dir] #chat-app .chat-header{background:rgba(var(--vs-primary),.1)}#chat-app .chat-header .call-button a{width:30px;height:30px;color:#fff;display:inline-block;line-height:34px;font-size:20px}[dir] #chat-app .chat-header .call-button a{border-radius:30px;text-align:center}[dir] #chat-app .chat-header .call-button a.call{background:#0abb87}[dir] #chat-app .chat-header .call-button a.video-call{background:#ffb822}#chat-app .chat-window{position:relative;height:calc(100% - 132px)}[dir] #chat-app .chat-window{background-image:url(../img/chat.1f2ddd33.png);background-size:cover;background-position:50%}#chat-app .chat-window .scroll-area-chat-window{max-height:430px}#chat-app .chat-window .speech-bubble{position:relative;color:#fff;z-index:1}[dir] #chat-app .chat-window .speech-bubble{background:rgba(var(--vs-primary),1);border-radius:.4em}#chat-app .chat-window .speech-bubble:after{content:"";position:absolute;bottom:0;width:0;height:0;top:18px;z-index:1}[dir] #chat-app .chat-window .speech-bubble:after{border:20px solid transparent;border-top-color:rgba(var(--vs-primary),1);border-bottom:0}[dir=ltr] #chat-app .chat-window .speech-bubble:after{left:100%;border-left:0;margin-left:0}[dir=rtl] #chat-app .chat-window .speech-bubble:after{right:100%;border-right:0;margin-right:0}#chat-app .chat-window .speech-bubble.alt{color:var(--bodycolor)}[dir] #chat-app .chat-window .speech-bubble.alt{background:transparent}#chat-app .chat-window .speech-bubble.alt:before{content:"";position:absolute;width:100%;height:100%;opacity:.1;top:0;z-index:1}[dir] #chat-app .chat-window .speech-bubble.alt:before{background-color:rgba(var(--vs-primary),1);border-radius:.4em}[dir=ltr] #chat-app .chat-window .speech-bubble.alt:before{left:0}[dir=rtl] #chat-app .chat-window .speech-bubble.alt:before{right:0}#chat-app .chat-window .speech-bubble.alt:after{content:"";position:absolute;bottom:0;width:0;height:0;opacity:.1;top:10px}[dir] #chat-app .chat-window .speech-bubble.alt:after{border:20px solid transparent;border-bottom:0}[dir=ltr] #chat-app .chat-window .speech-bubble.alt:after{left:auto;right:100%;border-right-color:rgba(var(--vs-primary),1);border-left:0;margin-left:0}[dir=rtl] #chat-app .chat-window .speech-bubble.alt:after{right:auto;left:100%;border-left-color:rgba(var(--vs-primary),1);border-right:0;margin-right:0}[dir] #chat-app .chat-form .vs-input--input.normal{background:transparent;border:1px solid var(--bordercolor)!important}#chat-app .chat-form .vs-input--placeholder{color:var(--bodycolor)}[dir] #chat-app .chat-form .vs-button{padding:8px 10px}