.chat-page nav {
    display: none !important;
}

.chat-page main {
    margin: auto !important;
    height: 100%;

}
.chat-page {
    height: 100vh;
    display: flex;
    align-items: center;
}
.chat-page .chat-notes{
    max-height: 95vh;
}
.chat-page .chat-notes .card-body{
    overflow-y: auto;
    height: 100%;

}

.chat-page #notes-content .agent .note-body {
    /* text-align: left; */
    float: left !important;
    background-color: var(--primary-hover-color) !important;
}

.chat-page #notes-content .agent .conversation-date {
    color: var(--primary-color) !important;
}

.chat-page #notes-content .support .note-body {
    /* text-align: right; */
    float: right !important;
    background-color: var(--primary-color) !important;
}

.chat-page #notes-content .support .conversation-date {
    color: var(--primary-hover-color) !important;
}