/*!
 * 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.
 */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600);
/* Global Styles */

/* body {
    margin-top: 100px;
    background-color: #2a4074;
}
 */
@media(max-width:568px) {
	#wrapper {
	    padding: 0px;
		margin-top:90px;
	}
	.container{margin:0px !important; padding:0px;}
}
@media(max-width:768px) {
	#wrapper {
	    padding: 0px 10px;
	}
}


#page-wrapper {
    width: 100%;
    padding: 0;
    background-color: #fff;
    margin-top: 50px;
}

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

@media(min-width:1200px) {
    #wrapper {
        padding-left: 190px;
    }

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

/* Top Navigation */

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

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

.top-nav>li>a {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    line-height: 20px;
}

.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: #3E3029 !important;
    background-color: #F9F2DE !important;
}

.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;
    border-radius: 10px;
    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;
}
/*.navbar-fixed-top { top: 160px!important;} */
.navbar-inverse .navbar-brand{color: #e8e8e8 !important;}
.navbar-inverse .navbar-brand:hover{color:#2a4074;}

/* Side Navigation */

@media(min-width:768px) {
    .side-nav {
        position: fixed;
        top: 70px;
        /* top: 211px; */
        left: 192px;
        width: 190px;
        margin-left: -190px !important;
        border: none;
        border-radius: 10px;
        overflow-y: auto;
        background-color: #f3f3f3;
        /* bottom: 0; */
        overflow-x: hidden;
        /* padding-bottom: 40px; */
    }

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

    .side-nav li a:hover,
    .side-nav li a:focus {
        outline: none;
        background-color: #e4ebff !important;
    }
}

.side-nav>li>ul {
    padding: 0;
    list-style: none;
}

.side-nav>li>ul>li>a {
    display: block;
    padding: 10px 15px 10px 38px;
    text-decoration: none;

}

.side-nav>li>ul>li>a:hover {
    color: #fff !important;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {background-color: #C6C7D9 !important;}
.navbar-inverse {background:#276DB3 !important;  border-bottom:0px !important;}
/* Flot Chart Containers */

.flot-chart {
    display: block;
    height: 400px;
}

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

/* Custom Colored Panels */
#login .panel-black{ border-color:#333;}
#login .panel-black > .panel-heading {background-color:#333; color:#fff;}
#login .panel-black .input-group-addon {background-color:#333; color:#fff;}

#login .panel-heading {color:#FBCE33; font-family: 'Open Sans', sans-serif;}
#login .input-group-addon {background-color:#337AB7; color:#FBCE33;}

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green > a {
    color:  #333;
	font-family: 'Open Sans', sans-serif;
}

.panel-green > a:hover {
    color: #3d8b3d;
}

.panel-dkgreen {
    border-color: #187D18 !important;
}
.panel-dkgreen > .panel-heading {
    border-color: #187D18;
    color: #fff;
    background-color: #187D18;
}

.panel-dkgreen > a {
    color: #333;
	font-family: 'Open Sans', sans-serif;
}

.panel-dkgreen > a:hover {
    color: #187D18 !important;
}
.panel-red {
    border-color: #A52D29 !important;
}

.panel-red > .panel-heading {
    border-color: #A52D29 !important;
    color: #fff;
    background-color: #A52D29;
}

.panel-red > a {
    color: #333;
	font-family: 'Open Sans', sans-serif;
}

.panel-red > a:hover {
    color: #A52D29 !important;
}

.panel-ltred {
    border-color:  #EA4335 !important;
}

.panel-ltred > .panel-heading {
    border-color:  #EA4335;
    color: #fff;
    background-color:  #EA4335;
}

.panel-ltred > a {
    color: #333;
	font-family: 'Open Sans', sans-serif;
}

.panel-ltred > a:hover {
    color:  #EA4335 !important;
}
.panel-pink {
    border-color:  #ff5555 !important;
}

.panel-pink > .panel-heading {
    border-color:  #ff8080;
    color: #fff;
    background-color:  #ff8080;
}

.panel-pink > a {
    color: #333;
	font-family: 'Open Sans', sans-serif;
}

.panel-pink > a:hover {
    color:  #ff8080 !important;
}
.panel-orange {
    border-color:  #FF9D0E !important;
}

.panel-orange > .panel-heading {
    border-color:  #FF9D0E;
    color: #fff;
    background-color:  #FF9D0E;
}

.panel-orange > a {
    color: #333;
	font-family: 'Open Sans', sans-serif;
}

.panel-orange > a:hover {
    color:  #FF9D0E;
}
.panel-purple {
    border-color: #85279C !important;
}

.panel-purple > .panel-heading {
    border-color: #85279C;
    color: #fff;
    background-color: #85279C;
}

.panel-purple > a {
    color: #333;
	font-family: 'Open Sans', sans-serif;
}

.panel-purple > a:hover {
    color: #85279C ;
}

.panel-yellow {
    border-color: #f0ad4e !important;
}

.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow > a {
    color: #333;
	font-family: 'Open Sans', sans-serif;
}

.panel-yellow > a:hover {
    color: #df8a13;
}


.panel-dkblue {
    border-color: #002E62 !important;
}

.panel-dkblue > .panel-heading {
    border-color: #002E62;
    color: #fff;
    background-color: #002E62;
}

.panel-dkblue > a {
    color: #333;
	font-family: 'Open Sans', sans-serif;
}

.panel-dkblue > a:hover {
    color: #002E62;
}
.panel-ltblue {
    border-color: #5BC0DE !important;
}

.panel-ltblue > .panel-heading {
    border-color: #5BC0DE;
    color: #fff;
    background-color: #5BC0DE;
}

.panel-ltblue > a {
    color: #333;
	font-family: 'Open Sans', sans-serif;
}

.panel-ltblue > a:hover {
    color: #5BC0DE;
}

.panel-maize {
    border-color: #FBCE33 !important;

}

.panel-maize > .panel-heading {
    border-color: #FBCE33;
    color: #fff;
    background-color: #FBCE33;
}

.panel-maize > a {
    color: #333;
	font-family: 'Open Sans', sans-serif;
}

.panel-maize > a:hover {
    color: #FBCE33;
}

.panel-primary > a {
    color: #333 ;
	font-family: 'Open Sans', sans-serif;

}
.panel-primary > a:hover {
    color: #428BCA ;
}