.chat-messages
{
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    padding: 8px 16px;
}

.chat-messages .message
{
    padding: 8px;
    border-radius: 8px;
    width: 50%;
    margin-bottom: 8px;
    background-color: #eee;
    font-size: 13px;
    color: #888;
}

.chat-messages .message.internal
{
    align-self: start;
    justify-content: flex-start;
    background-color: #99D1AF;
    color: #fff;
}

.chat-messages .message.external
{
    justify-content: flex-end;
    align-self: end;
}

.chat-messages .message .message-time
{
    font-size: 11px;
    display: flex;
    justify-content: end;
    margin-top: 5px;
}