#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:hover{background-color:#eee}[dir] #chat-app .chat__bg{background-color:#dfdbe5}[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%}}.upload-btn-wrapper{position:relative;overflow:hidden;display:inline-block}[dir=ltr] .upload-btn-wrapper,[dir=rtl] .upload-btn-wrapper{margin-left:15px;margin-right:15px}[dir] .upload-btn{cursor:pointer}.upload-btn-wrapper input[type=file]{font-size:100px;position:absolute;top:0;opacity:0}[dir=ltr] .upload-btn-wrapper input[type=file]{left:0}[dir=rtl] .upload-btn-wrapper input[type=file]{right:0}[dir] .ticket-list{padding:10px;background-color:#f9f9f9;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.ticket-item{display:flex;transition:background-color .3s}[dir] .ticket-item{border-bottom:1px solid #ddd;padding:15px;margin-bottom:10px;background-color:#fff;border-radius:4px}[dir] .ticket-item:hover{background-color:#f3f3f3}.ticket-header{display:flex;flex-direction:column;justify-content:space-between;align-items:start;font-size:.9em;color:#444}[dir] .ticket-header{margin-bottom:10px}[dir=ltr] .ticket-header{border-right:2px solid #000}[dir=rtl] .ticket-header{border-left:2px solid #000}.agent-name{color:#333;font-weight:600}[dir] .agent-name{margin-bottom:10px}[dir=ltr] .agent-name{margin-right:15px}[dir=rtl] .agent-name{margin-left:15px}.created-date{color:#666;font-style:italic}.ticket-content{width:80%;display:flex;justify-content:start;align-items:center;color:#121212;font-size:1.5em}[dir] .ticket-content{padding:10px}[dir=ltr] .ticket-content{margin-left:70px}[dir=rtl] .ticket-content{margin-right:70px}