.messageRaw {
}


.mlCardAdmin {
    text-align: right;
    color: blue;
}

.mlCardAdminTitle {
    background-color: lightblue;
    padding: 5px;
    font-size: 12px;
    color: darkblue;
    font-weight: bold;
}

.mlCardUser {
    text-align: left;
    color: green;
}

.mlCardUserTitle {
    background-color: lightgreen;
    padding: 5px;
    font-size: 12px;
    color: darkgreen;
    font-weight: bold;
}

.mlCardSystem {
    text-align: center;
    color: red;    
}

.mlCardSystemTitle {
    text-align: center;
    padding: 5px;
    background-color: lightpink;
    font-size: 12px;
    font-weight:bold;
    color: darkred;
}

.mlCardHeaderMessage {
    font-weight: bold;
    text-overflow: ellipsis;
}

.msgLink:hover {
    background-color: red;
    opacity: 0.5;
}

.mlCardSystemTrans {
    font-style: italic;
    font-size: 12px;
}

.mlCardAdminTrans {
    font-style: italic;
    font-size: 12px;
}

.mlCardUserRaw {
    font-style: italic;
    font-size: 12px;
}

.ChatSessionHeader {
}

.ChatSessionSelected {
   background-color: aqua;
}
.vcmChatSessionList {
    font-size: 12px;
}

.chatCustomerDisconnected {
    color: red;
}

.chatCustomerConnected {
    color: green;
}

.chatConnectionConnected {
    background-color: lightgreen;
}