#msg-footer{
    /*position: fixed;*/
    max-width: 100%;
    width: 100%;
    /*bottom: 0px;*/
    background-color: #eee;
    padding: 20px;
    flex: 0 0 auto;
}

#msg-container{
    padding: 20px;
    flex: 1 0 auto;
}

.message-item h4{
    margin-bottom: 0px !important;
}

.nav-link h6{
    margin-bottom: 0px !important;
}

.nav-item-sb{
    border-bottom: 1px solid #4154f1;
}

.msg-div-left, .msg-div-right{
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 10px;
    margin-bottom: 10px;
    width: auto;
}

.msg-div-left {
    margin-right: auto
}

.msg-div-right {
    margin-left: auto
}
.chat-messages {
    display: flex;
    flex-direction: column;
}

.chat-message-left,
.chat-message-right {
    display: flex;
    flex-shrink: 0;
    max-width: 60%;
}

.chat-message-left {
    margin-right: auto;
    background-color: #f7edf0;
}

.chat-message-right {
    flex-direction: row-reverse;
    margin-left: auto;
    background-color: #d8f3dc;
}
.time-div{
    font-size: 10px;
}
@media (max-width: 800px) {
    .chat-message-left, .chat-message-right{
        max-width: 90%;
    }
}
pre{
    margin-bottom: 0px !important;
}
.pre-text{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0px;
    cursor: pointer;
}