.message-widget {
    border: 1px solid #ccc;
    padding:10px 0px;
    margin:0px;
    margin-bottom:10px;

    }
.message-widget h3 {
    margin-top:2px;
    font-size: 16px;
    font-weight:bold;
    }

.message-widget .kv-editable, 
.message-widget .kv-editable-value {
    width:100%;
    }

.messages-header {
    padding:5px 0px;
    }
.messages-header .new-message {
    float:left;
    }
.messages-header ul.pagination {
    float:left;
    margin:0px;
    }
.messages-header .summary {
    font-size:12px;
    color: #888;
    margin-top:19px;
    text-align:right;
    }

.new-message > button {
    padding: 7px 10px;
    border: 1px solid #ccc;
    color: #333;
    }
.new-message > button:hover {
    background-color: #f8f8f8;
    border-color: #a6a6a6;
    color: #333;
    }
    
.messages-footer {
    padding:5px 0px;
    border-top:1px solid #ddd;
    }
.messages-footer ul.pagination {
    margin:0px;
    }

.message-details {
    color: #777;
    }
.message-details .send-time {
    }

.message-details span.sender-wrap {
    display:block;
    }
.message-details span.sender-wrap span.sender {
    font-weight:bold;
    }

.messages-list div.empty {
    padding:10px;
    background-color: #f8f8f8;
    margin-top:10px;
    }
.messages-list div.empty p {
    margin:0px;
    font-style:italic;
    }

.kv-editable-button.btn-sm, button.kv-editable-button[disabled] {
    float:right;
    }

.message-star-unread { color: orange; }
.message-star-read { color: #ccc; }

.unread-button {
    cursor: pointer;
    }
.unread-button:hover {
    opacity: 0.8;
    }

.message-details span.label.label-warning.unread-button.read {
    background-color:white;
    color: #f0ad4e;
    border:1px solid #f0ad4e;
    }

.message-content span.message-btn {
    float:right;
    border:1px solid #ccc;
    border-radius: 3px;
    display:inline-block;
    padding:2px 7px;
    text-align:center;
    font-size:15px;
    cursor:pointer;
    }
.message-content span.message-btn i {
    color: #ccc;
    }
.message-content span.message-btn:hover {
    border-color: #F96565;
    }
.message-content span.message-btn:hover i {
    color: #F96565;
    }
.message-content span.message-delete {
    margin-left:3px;
}