.chat-application .chat-content .chat-body {
    overflow: hidden;
    margin: 0.67rem 2rem 0 0;
}
.chat-application .chat-content .chat-body .chat-message {
    position: relative;
    float: right;
    text-align: right;
    padding: 0.75rem 1rem;
    margin: 0 1.33rem 1.33rem 0.3rem;
    clear: both;
    word-break: break-word;
    color: #fff;
    background: #5a8dee;
    border-radius: 0.267rem;
    box-shadow: 0 2px 4px 0 rgba(90, 141, 238, 0.6);
}
.chat-application .chat-content .chat-body .chat-message p {
    margin-bottom: 0;
}
.chat-application .chat-content .chat-body .chat-message .chat-time {
    position: absolute;
    bottom: -20px;
    right: 0;
    color: #828d99;
    font-size: 0.8rem;
    white-space: nowrap;
}
.chat-application .chat-content .chat-avatar {
    float: right;
}
.chat-application .chat-content .chat-left .chat-avatar {
    float: left;
}
.chat-application .chat-content .chat-left .chat-message {
    text-align: left;
    float: left;
    margin: 0 0.3rem 1.8rem 1.3rem;
    color: #727e8c;
    background-color: #fafbfb;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}
.chat-application .chat-content .badge {
    background-color: #f3f8fd;
}
.chat-application .chat-profile {
    height: calc(100vh - 9.15rem);
    width: 290px;
    border-radius: 0 0.25rem 0.25rem 0;
    background-color: #fff;
    position: fixed;
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 3;
    right: 3.8rem;
    bottom: 4rem;
    opacity: 0;
}
.chat-application .chat-profile.show {
    opacity: 1;
    -webkit-transform: translateX(8%);
    -ms-transform: translateX(8%);
    transform: translateX(8%);
}
.chat-application .chat-profile .chat-profile-header .chat-profile-close {
    position: absolute;
    top: 14px;
    right: 13px;
    cursor: pointer;
}
.chat-application .chat-profile .chat-profile-content {
    position: relative;
    height: calc(100vh - 22.5rem);
}
@media (max-width: 575.98px) {
    .chat-profile,
    .chat-sidebar,
    .chat-sidebar .chat-sidebar-list-wrapper,
    .chat-sidebar .chat-sidebar-search,
    .chat-user-profile {
        width: 260px !important;
    }
    .chat-sidebar {
        left: -14px !important;
    }
    .chat-profile {
        right: 2.6rem !important;
    }
}
@media (max-width: 991.98px) {
    .content-right {
        width: 100%;
    }
    .chat-application .chat-sidebar {
        -webkit-transform: translateX(-110%);
        -ms-transform: translateX(-110%);
        transform: translateX(-110%);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        position: fixed;
        z-index: 5;
        left: -2px;
    }
    .chat-application .chat-sidebar.show {
        -webkit-transform: translateX(12.4%);
        -ms-transform: translateX(12.4%);
        transform: translateX(12.4%);
    }
    .chat-application .chat-sidebar .chat-sidebar-close {
        visibility: visible !important;
    }
}
@media (max-width: 349.98px) {
    .chat-application .chat-sidebar {
        width: 230px !important;
        left: -10px !important;
    }
    .chat-application .chat-sidebar .chat-sidebar-list-wrapper,
    .chat-application .chat-sidebar .chat-sidebar-search,
    .chat-application .chat-user-profile {
        width: 230px !important;
    }
    .chat-application .chat-profile {
        width: 230px !important;
        right: 2.5rem !important;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .chat-sidebar-list-wrapper .chat-sidebar-list .d-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}
@supports (-ms-ime-align: auto) {
    .chat-sidebar-list-wrapper .chat-sidebar-list .d-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}