body {
    margin-top: 75px;
}

#wrapper {
    padding-left: 0;
}

#page-wrapper {
    width: 100%;
    padding: 10px 10px;
}

/* Nav Messages */
.messages-dropdown .dropdown-menu .message-preview .avatar,
.messages-dropdown .dropdown-menu .message-preview .name,
.messages-dropdown .dropdown-menu .message-preview .message,
.messages-dropdown .dropdown-menu .message-preview .time {
    display: block;
}

.messages-dropdown .dropdown-menu .message-preview .avatar {
    float: left;
    margin-right: 15px;
}

.messages-dropdown .dropdown-menu .message-preview .name {
    font-weight: bold;
}

.messages-dropdown .dropdown-menu .message-preview .message {
    font-size: 12px;
}

.messages-dropdown .dropdown-menu .message-preview .time {
    font-size: 12px;
}

/* Nav Announcements */
.announcement-heading {
    font-size: 50px;
    margin: 0;
}

.announcement-text {
    margin: 0;
}

/* Table Headers */
table.tablesorter thead {
    cursor: pointer;
}

table.tablesorter thead tr th:hover {
    background-color: rgba(20, 170, 70, 0.2);
    color: #000;
}

/* Flot Chart Containers */
.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

/* Edit Below to Customize Widths > 768px */
@media (min-width:768px) {

    /* Wrappers */
    #wrapper {
        padding-left: 175px;
    }

    #page-wrapper {
        padding: 5px 5px;
    }

    /* Side Nav */
    .side-nav {
        margin-left: -14px;	
        width: 170px;
        position: fixed;
        top: 75px;
        height: 89%;
        border-radius: 0;
        border: none;
        background-color: #093145;
        overflow-y: auto;
        overflow-x: hidden;      
    }

    #scrollbar::-webkit-scrollbar {
        width: 8px;
    }

    /**  STYLE 10 */
    #scrollbar::-webkit-scrollbar-thumb {
        border-radius: 8px;
        background: linear-gradient(left, #96a6bf, #63738c);
        box-shadow: inset 0 0 1px 1px #5c6670;
    }

    #scrollbar::-webkit-scrollbar-track {
        background: #eee;
        box-shadow: 0 0 1px 1px #bbb, inset 0 0 7px rgba(0, 0, 0, 0.3);
    }

    #scrollbar::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(left, #8391a6, #536175);
    }


    /* Bootstrap Default Overrides - Customized Dropdowns for the Side Nav */
    .side-nav>li.dropdown>ul.dropdown-menu {
        position: relative;
        min-width: 190px;
        margin: 0;
        padding: 0;
        border: none;
        border-radius: 0;
        background-color: transparent;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .side-nav>li.dropdown>ul.dropdown-menu>li>a {
        color: #999999;
        padding: 15px 15px 15px 25px;
    }

    .side-nav>li.dropdown>ul.dropdown-menu>li>a:hover,
    .side-nav>li.dropdown>ul.dropdown-menu>li>a.active,
    .side-nav>li.dropdown>ul.dropdown-menu>li>a:focus {
        color: #fff;
        background-color: #080808;
    }

    .side-nav>li>a {
        width: 190px;
    }

    .navbar-inverse .navbar-nav>li>a:hover,
    .navbar-inverse .navbar-nav>li>a:focus {
        background-color: #0A7864;
        color: #fff;
    }

    /* Nav Messages */
    .messages-dropdown .dropdown-menu {
        min-width: 300px;
    }

    .messages-dropdown .dropdown-menu li a {
        white-space: normal;
    }

    .navbar-collapse {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

}

table td { 
    display: table-cell;
    vertical-align: top; 
}

.box_head{
    background: #f5f5f5;
    color: #0A7864;
}