/*!
 * Start Bootstrap - SB Admin Bootstrap Admin Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Basic Styles */

body{background:#222}


#wrapper, #ft {padding-left: 0;}
#page-wrapper {width: 100%;padding: 0; background-color: #fff;}

.huge {font-size: 50px;line-height: normal;}

@media(min-width:768px) {
    #wrapper {
        padding-right: 0px;
    }
    #ft {
        padding-right: 0px;
    }
}

/* Top Navigation */

.top-nav {padding: 0 15px;}

.top-nav>li {display: inline-block;float: left;}

.top-nav>li>a {padding-top: 15px;padding-bottom: 15px;line-height: 20px;color: #999;}

.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {color: #fff;background-color: #000;}

.top-nav>.open>.dropdown-menu {
    float: left;
    position: absolute;
    margin-top: 0;
    border: 1px solid rgba(0,0,0,.15);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.top-nav>.open>.dropdown-menu>li>a {white-space: normal;}

ul.message-dropdown {padding: 0;max-height: 250px;overflow-x: hidden;overflow-y: auto;}
li.message-preview {width: 275px;border-bottom: 1px solid rgba(0,0,0,.15);}
li.message-preview>a {padding-top: 15px;padding-bottom: 15px;}
li.message-footer {margin: 5px 0;}
ul.alert-dropdown {width: 200px;}

/* Side Navigation */

@media(min-width:768px) {
    .side-nav {
        display: none;
        position: fixed;
        top: 30px;
        right: 0px;
        width: 90px;
        border: none;
        border-radius: 0;
        overflow-y: auto;
        background-color:#222;
        bottom: 0;
        overflow-x: hidden;
    }


/* Flot Chart Containers */

.flot-chart {display:block;height: 400px;}
.flot-chart-content {width: 100%;height: 100%;}




}

@media(max-width:1200px) {
    .top-nav>.open>.dropdown-menu {
        float: left;
        position: absolute;
        margin-top: 0;
        left:-30px!important;
        border: 1px solid rgba(0,0,0,.15);
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        background-color: #fff;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }


}