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

.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;
    background-color: #fff;
    padding: 0 1rem;
    border-bottom: 1px solid #ebe9f1;
}

.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 {
    float: right;
    padding: 0.7rem 1rem;
    margin: 0 1rem 10px 0;
    clear: both;
    color: #fff;
    background-image: linear-gradient(80deg, var(--gold), var(--gold));
    background-repeat: repeat-x;
    border-radius: 0.357rem;
    box-shadow: 0 4px 8px 0 rgba(34, 41, 47, 0.12);
    max-width: 75%;
    white-space: pre-wrap;    
    word-wrap: break-word;     
    overflow-wrap: anywhere; 
}

.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 {
    float: left;
    margin: 0 0 10px 1rem;
    color: #6e6b7b;
    background: none;
    background-color: white;
}

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

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

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

.chat-widget .chat-app-window .chat-app-form {
    border-top: 0;
    border-bottom-left-radius: 0.357rem;
    border-bottom-right-radius: 0.357rem;
    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;
}