/* 
Author: Start Bootstrap - http://startbootstrap.com
SB Admin HTML Template by Start Bootstrap

All Start Bootstrap themes are licensed under Apache 2.0. 
For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!

ATTN: This is mobile first CSS - to update 786px and up screen width use the media query near the bottom of the document!
*/

/* GLOBAL */
body { margin-top: 50px; }
#wrapper { padding-left: 0; }
#page-wrapper { width: 100%; padding: 5px 15px; }

/* 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: #f5f5f5; }

/* 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: 225px; }
    #page-wrapper { padding: 15px 25px; }

    /* SIDE NAV */
    .side-nav { margin-left: -225px; left: 225px; width: 225px; position: fixed; top: 50px; height: calc(100% - 75px); border-radius: 0; border: none; background-color: #222222; overflow-y: auto; }

    /* Bootstrap default overrides - customized dropdowns for the side nav */
    .side-nav > li.dropdown > ul.dropdown-menu { position: relative; min-width: 225px; 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: #ffffff; background-color: #080808; }
    .side-nav > li > a { }
    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus { background-color: #080808; }

    /* 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; }
}