/*!
 * 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(../fonts/css/font-awesome.min.css);
/* Global Styles 
  
body {
    margin-top: 100px;
    background-color: #222;
}

@media (min-width:768px) {
    body {
        margin-top: 50px;
    }
}
*/
@media (max-width:768px) {
    .headerImage
    {
        margin-top: 0px;
        width: 100%;
        height: 75px;
        /*background-image: url('../images/imgbackground.png');
        background-repeat: no-repeat;
        background-position: 0% 100%;
        background-color: #B4CFD8;*/
    }
    
}


@media (min-width:768px) and (max-width:1199px) { 
    .headerImage
    {
        margin-top: 70px;
        margin-bottom: 0px;
        width: 100%;
        height: 120px;
        background-image: url('../images/imgbackground.png');
        background-repeat: no-repeat;
        background-position: 0% 100%;
        background-color: #B4CFD8;
    }
}
@media (min-width:1199px) { 
    .headerImage
    {
        margin-top: 50px;
        width: 100%;
        height: 280px;
        background-image: url('../images/imgbackground.png');
        background-repeat: no-repeat;
        background-position: 0% 100%;
        background-color: #B4CFD8;
    }
}


/* Flot Chart Containers */

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

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

/* Custom Colored Panels */

.huge {
    font-size: 40px;
}
.card-primary > a {
    color: #337ab7;
}
.card-green {
    border-color: #5cb85c;
}

.card-green > .card-header {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.card-green > a {
    color: #5cb85c;
}

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

.card-red {
    border-color: #d9534f;
}

.card-red > .card-header {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.card-red > a {
    color: #d9534f;
}

.card-red > a:hover {
    color: #b52b27;
}

.card-yellow {
    border-color: #f0ad4e;
}

.card-yellow > .card-header {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.card-yellow > a {
    color: #f0ad4e;
}

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

.side-nav > li > .lnkDown, .side-nav>li>ul>li >.lnkDown{
        width: 10px;
	    display: table-cell;
		cursor:pointer;
    }
	
	
		
	

.inputDark
{
    display: block;
    float: left; /*width: 155px;*/
    margin: 0 5px 0 0;
    padding: 3px;
    color: #FFFFFF;
    background-color: #999999;
    border: 1px solid #343434;
    font-size: 12px;
}


.fl_left
{
    float: left;
}
.fl_right
{
    float: right;
}
.clear{clear:both;}
br.clear{clear:both; margin-top:-15px;}