/* Conversation users grid related */
.unread-messages {
    background: #e5eeff
}

.read-messages {
    background: #f2f2f2
}

.conversation-grid .x-grid-item {
    border-style: solid;
    border-width: 0px 0px 1px;
    border-color: #d0d0d0;
    opacity: 1;
}

.conversation-grid .x-grid-item.x-grid-item-over {
    border-style: solid;
    border-width: 0px 0px 1px;
    border-color: #d0d0d0;
    opacity: 0.7;
}

.conversation-grid .x-grid-item-focused .x-grid-cell-inner:before {
    border: 0;
}

.conversation-grid .x-grid-cell-inner {
    padding: 0;
}

/* Chat window related */

div.message {
    font-size: 12px;
}

.message.x-view-item-focused {
    outline-width: 0px !important;
}

.my-message {
    position: relative;
    background: #0084FF;
    padding: 10px;
    min-height: 15px;
    margin-bottom: 5px;
    margin-left: 10px;
    border-radius: 5px;
    color: white;
}

.my-message:after {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border: 10px solid;
    border-color: transparent transparent transparent #0084FF;
    right: -15px;
    top: 14px;
}

.their-message {
    position: relative;
    background: #F1F0F0;
    padding: 10px;
    min-height: 15px;
    margin-bottom: 5px;
    margin-right: 10px;
    border-radius: 5px;
}

.their-message:before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border: 10px solid;
    border-color: transparent #F1F0F0 transparent transparent;
    left: -15px;
    top: 14px;
}