/* ==========================================
   Message Center
========================================== */

.message-center .sidebar-nav .compose-btn {
    margin: 5px 0;
    width: 96%;
}

.message-center .sidebar-nav .navbar {
    background-color: transparent;
    padding: 0;
}

.message-center .sidebar-nav .navbar-nav > li {
    border-left: 5px solid transparent;
    margin-left: 0;
    padding-bottom: 0;
}

.message-center .sidebar-nav .navbar-nav > li.active { border-left: 5px solid #5987DD; }

.message-center .sidebar-nav .navbar-nav > li a { color: #8A95A7; }

.message-center .sidebar-nav .navbar-nav > li.active > a,
.message-center .sidebar-nav .navbar-nav > li:hover > a {
    background-color: transparent;
    color: #5987DD;
}


.message-center .sidebar-nav .navbar-nav > li a span.badge {
    background-color: #8a95a7;
    margin-left: 5px;
}

/* make sidebar nav vertical */

@media (min-width: 768px) {
    .message-center .sidebar-nav .navbar .navbar-collapse {
        max-height: none;
        padding: 0;
    }

    .message-center .sidebar-nav .navbar ul { float: none; }

    .message-center .sidebar-nav .navbar li {
        display: block;
        float: none;
    }

    .message-center .sidebar-nav .navbar li a {
        padding-bottom: 12px;
        padding-top: 12px;
    }
}

.message-center .message-list {
    background-color: #FFFFFF;
    padding: 10px;
}

.message-center .message-list > table > tbody > tr { cursor: pointer; }

.message-center #messageForm:not(.ng-submitted) tags-input .tags {
	/* if form is not submitted, don't show validation styles */
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	border: 1px solid #ccc;
}

.message-center tags-input .tags .tag-item {
    background-color: #DDDDDD;
    border: none;
    border-radius: 0;
    color: #3a4153;
}

#message-center-content {
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 5px;
}

#message-details { margin: 10px; }

#message-details .dl-horizontal dt { width: 75px; }

#message-details .dl-horizontal dd { margin-left: 85px; }