.view[name='chat'],
.view[name='chat'] > .statusBar {
    background-color: #f8f8f8;
}
.view[name='chat'] > .header,
.view[name='chat'] > .content > .conversationHeaders > .content > .conversationHeader {
    border-bottom: 1px solid #e0e0e0;
}
.view[name='chat'] > .header.profile > .side:last-child > .button {
    color: #0373f3;
}
.view[name='chat'] > .content > .conversationHeaders > .content > .conversationHeader > tbody > .top > .lastMessage,
.view[name='chat'] > .content > .conversationHeaders > .content > .conversationHeader > tbody > .bottom > .name,
.view[name='chat'] > .content > .conversationHeaders > .content > .conversationHeader > tbody > .bottom > .date,
.view[name='chat'] > .content > .conversation > .content > div > .ticket > .fields > .field > .title,
.view[name='chat'] > .content > .conversation > .content > div > table > tbody > .box,
.view[name='chat'] > .content > .conversation > .footer > .sendBox > table > tbody > tr > .text > textarea {
    color: #181818;
}
.view[name='chat'] > .content > .conversation > .content > div > .ticket,
.view[name='chat'] > .content > .conversation > .footer > .sendBox {
    border-top: 1px solid #e0e0e0;
}
.view[name='chat'] > .content > .conversation > .content > div > .ticket {
    border-bottom: 1px solid #e0e0e0;
    background-color: #f1f2f4;
}
.view[name='chat'] > .content > .conversation > .content > div > .ticket > .title {
    color: #7ebaff;
}
.view[name='chat'] > .content > .conversation > .content > div > table > tbody > tr > .profile > div {
    color: #ffffff;
    background-color: #ff0000;
}
.view[name='chat'] > .content > .conversation > .content > div > table > tbody > tr > .time {
    color: #939393;
}
.view[name='chat'] > .content > .conversation > .content > div.right > table > tbody > .box > td {
    background-color: #0373f3;
    color: #ffffff;
}
.view[name='chat'] > .content > .conversation > .content > div.left > table > tbody > .box > td {
    background-color: #e0e0e0;
    color: #181818;
}
.view[name='chat'] > .navigationBar {
    background-color: #ffffff;
}

@media (min-width: 800px) {
    .view[name='chat'] {
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
    }
}