.ctl-chat-viewer-messages-container{
    overflow-y: auto;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-bottom: 1rem;
}

.ctl-chat-viewer-messages-group{
    display: flex;
    flex-direction: column;
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
}

.ctl-chat-viewer-messages-group-current-user{
    align-items: flex-end;
}

.ctl-chat-viewer-messages-group:not(.ctl-chat-viewer-messages-group-current-user){
    align-items: flex-start;
}

.ctl-chat-viewer-message{
    background: white;
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    padding: 10px;
    border-radius: 10px;
    max-width: 80%;
}

.ctl-chat-viewer-messages-group-current-user .ctl-chat-viewer-message{
    background-color: #007bff;
}

.ctl-chat-viewer-messages-group-current-user .ctl-chat-viewer-message:first-child{
    border-top-right-radius: 0px;
}

.ctl-chat-viewer-messages-group:not(.ctl-chat-viewer-messages-group-current-user) .ctl-chat-viewer-message:first-child{
    border-top-left-radius: 0px;
}

.ctl-chat-viewer-message-content{
    word-break: break-word;
}

.ctl-chat-viewer-message-time{
    float: right;
    padding-left: 10px;
}

.ctl-chat-viewer-send-message-container{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.ctl-chat-viewer-send-message-input-field{
    width: 100%;
    margin-right: 1rem;
}

.ctl-chat-viewer-send-message-input-field textarea{
	min-height: calc(1.5em + .75rem + 2px);
    height: calc(1.5em + .75rem + 2px);
    max-height: 10vh;
    max-height: 10dvh;
	overflow-y: auto;
}

.ctl-chat-viewer-day-separator{
    text-align: center;
}