.chat-app-window .user-chats {
    background-color: #f2f0f7;
    height: calc(100% - 130px);
    padding: 1rem;
    position: relative
}

.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 {
    background-color: #fff;
    border-bottom: 1px solid #ebe9f1;
    display: flex;
    height: 65px;
    justify-content: space-between;
    padding: 0 1rem
}

.chat-app-window .chats .chat-avatar {
    float: right
}

.chat-app-window .chats .chat-body {
    display: block;
    margin: 10px 30px 0 0;
    overflow: hidden
}

.chat-app-window .chats .chat-body .chat-content {
    background-image: linear-gradient(80deg, #7367f0, #9e95f5);
    border-radius: .357rem;
    box-shadow: 0 4px 8px 0 rgba(34, 41, 47, .12);
    clear: both;
    color: #fff;
    float: right;
    margin: 0 1rem 10px 0;
    max-width: 75%;
    padding: .7rem 1rem
}

.chat-app-window .chats .chat-body .chat-content p {
    margin: 0
}

.chat-app-window .chats .chat-left .chat-avatar {
    float: left
}

.chat-app-window .chats .chat-left .chat-body .chat-content {
    background: none;
    background-color: #fff;
    color: #313131;
    float: left;
    margin: 0 0 10px 1rem
}

.chat-app-window .chat-app-form {
    align-items: center;
    background-color: #fff;
    border-top: 1px solid #ebe9f1;
    display: flex;
    height: 65px;
    padding: 0 1rem
}

.chat-widget .card-header {
    padding-bottom: .8rem;
    padding-top: .8rem
}

.chat-widget .chat-app-window .user-chats {
    background-color: #f8f8f8;
    height: 390px
}

.chat-widget .chat-app-window .chat-app-form {
    border-bottom-left-radius: .357rem;
    border-bottom-right-radius: .357rem;
    border-top: 0;
    height: 56px
}

.chat-widget .chat-app-window .chat-app-form .input-group-text,
.chat-widget .chat-app-window .chat-app-form .message {
    border: 0;
    padding-left: 0
}

.chat-widget .chat-app-window .chat-app-form .input-group:not(.bootstrap-touchspin):focus-within {
    box-shadow: none
}