.home-messages-container {
    width: 100%;
    float: left;
    padding: 0 15px;
    display: block;
}

.home-message {
    display: block;
    width: 100%;
    float: left;
    background-color: white;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 0px 4px 8px -5px #313131;
    -moz-box-shadow: 0px 4px 8px -5px #313131;
    box-shadow: 0px 4px 8px -5px #313131;
}
#message-attachments{
    margin-top: 15px;
    border-top: 1px solid #f4f4f4;
}
.home-message:hover {
    background-color: #f9f9f9;
}

.home-message.message-read {
    border-top: 3px solid #00aa00;
}

.home-message.message-not-read {
    border-top: 3px solid #dd4444;
}

.home-message .message-header, .home-message .message-content {
    display: block;
    width: 100%;
    float: left;
}

.home-message .message-header .message-title {
    width: auto;
    display: block;
    float: left;
}

.home-message .message-header .message-title p {
    font-size: 16px;
    font-weight: bold;
}

.home-message .message-header .message-description {
    width: auto;
    display: block;
    float: right;
}

.home-message .message-header .message-description span {
    display: block;
    float: left;
    margin-right: 8px;
}

.home-message .message-header .message-description i {
    font-size: 20px;
}

.home-message .message-header .message-description i.fa-eye-slash {
    color: #dd4444;
}

.home-message .message-header .message-description i.fa-eye {
    color: #00aa00;
}
#msg-modal .modal-body{
    min-height: 100px;
}