.chat-app-window .user-chats{position:relative;height:calc(100% - 130px)}[dir] .chat-app-window .user-chats{background-color:#f2f0f7;padding:1rem}[dir] .chat-app-window .user-chats .avatar img{border:2px solid #fff}.chat-app-window .active-chat{height:inherit}.chat-app-window .active-chat .chat-header{display:flex;justify-content:space-between;height:65px}[dir] .chat-app-window .active-chat .chat-header{background-color:#fff;padding:0 1rem;border-bottom:1px solid #ebe9f1}[dir=ltr] .chat-app-window .chats .chat-avatar{float:right}[dir=rtl] .chat-app-window .chats .chat-avatar{float:left}.chat-app-window .chats .chat-body{display:block;overflow:hidden}[dir=ltr] .chat-app-window .chats .chat-body{margin:10px 30px 0 0}[dir=rtl] .chat-app-window .chats .chat-body{margin:10px 0 0 30px}.chat-app-window .chats .chat-body .chat-content{color:#fff;max-width:75%}[dir] .chat-app-window .chats .chat-body .chat-content{padding:.7rem 1rem;clear:both;background-repeat:repeat-x;border-radius:.357rem;box-shadow:0 4px 8px 0 rgba(34,41,47,.12)}[dir=ltr] .chat-app-window .chats .chat-body .chat-content{float:right;margin:0 1rem 10px 0;background-image:linear-gradient(80deg,#ffb638,#ffc96b)}[dir=rtl] .chat-app-window .chats .chat-body .chat-content{float:left;margin:0 0 10px 1rem;background-image:linear-gradient(-80deg,#ffb638,#ffc96b)}[dir] .chat-app-window .chats .chat-body .chat-content p{margin:0}[dir=ltr] .chat-app-window .chats .chat-left .chat-avatar{float:left}[dir=rtl] .chat-app-window .chats .chat-left .chat-avatar{float:right}.chat-app-window .chats .chat-left .chat-body .chat-content{color:#4b4b4b}[dir] .chat-app-window .chats .chat-left .chat-body .chat-content{background:none;background-color:#fff}[dir=ltr] .chat-app-window .chats .chat-left .chat-body .chat-content{float:left;margin:0 0 10px 1rem}[dir=rtl] .chat-app-window .chats .chat-left .chat-body .chat-content{float:right;margin:0 1rem 10px 0}.chat-app-window .chat-app-form{height:65px;display:flex;align-items:center}[dir] .chat-app-window .chat-app-form{padding:0 1rem;background-color:#fff;border-top:1px solid #ebe9f1}[dir] .chat-widget .card-header{padding-top:.8rem;padding-bottom:.8rem}.chat-widget .chat-app-window .user-chats{height:390px}[dir] .chat-widget .chat-app-window .user-chats{background-color:#fff2e2}.chat-widget .chat-app-window .chat-app-form{height:56px}[dir] .chat-widget .chat-app-window .chat-app-form{border-top:0}[dir=ltr] .chat-widget .chat-app-window .chat-app-form,[dir=rtl] .chat-widget .chat-app-window .chat-app-form{border-bottom-left-radius:.357rem;border-bottom-right-radius:.357rem}[dir] .chat-widget .chat-app-window .chat-app-form .input-group-text,[dir] .chat-widget .chat-app-window .chat-app-form .message{border:0}[dir=ltr] .chat-widget .chat-app-window .chat-app-form .input-group-text,[dir=ltr] .chat-widget .chat-app-window .chat-app-form .message{padding-left:0}[dir=rtl] .chat-widget .chat-app-window .chat-app-form .input-group-text,[dir=rtl] .chat-widget .chat-app-window .chat-app-form .message{padding-right:0}[dir] .chat-widget .chat-app-window .chat-app-form .input-group:not(.bootstrap-touchspin):focus-within{box-shadow:none}