/*------------------------------------------------------------------
Bootstrap Admin Template by EGrappler.com
------------------------------------------------------------------*/



/*------------------------------------------------------------------
[6. Widget / .widget]
*/

.widget-dep {
	
	position: relative;
	clear: both;
	
	width: auto;
	
	margin-bottom: 0px !important;
	margin-top: 0px !important;	
	overflow: hidden;
}
	
.widget-dep-header {
	
	position: relative;
	
	height: auto;
	line-height: 40px;
	
	
	/*background:-moz-linear-gradient(top, #f9f6f1 0%, #f2efea 100%); /* FF3.6+ */
	/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f6f1), color-stop(100%,#f2efea)); /* Chrome,Safari4+ */
	/*background:-webkit-linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* Chrome10+,Safari5.1+ */
	/*background:-o-linear-gradient(top, #f9f6f1 0%,#f2efea 100%);  Opera11.10+ 
	background:-ms-linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* IE10+ */
	/*background:linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f6f1', endColorstr='#f2efea');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f6f1', endColorstr='#f2efea')";*/
	
	
	border: 1px solid #d6d6d6;
	text-align: center;
	padding: 0 !important;
	-webkit-background-clip: padding-box;
}	
	
	.widget-dep-header h3 {
		
		position: relative;
		top: 2px;
		left: 10px;
		
		display: inline-block;
		margin-right: 3em;
		
		font-size: 14px;
		font-weight: 500;
		color: #ffffff;
		line-height: 18px;
		
	}
	
		.widget-dep-header [class^="icon-"], .widget-dep-header [class*=" icon-"] {
			
			display: inline-block;
			margin-left: 13px;
			margin-right: -2px;
			
			font-size: 16px;
			color: #555;
			vertical-align: middle;
			
			
			
		}




.widget-dep-content {
	padding: 20px 15px 15px;
	
	background: #FFF;
	
	
	border: 1px solid #D5D5D5;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.widget-dep-header+.widget-dep-content {
	border-top: none;
	
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.widget-dep-nopad .widget-dep-content {
	padding: 0;
}

/* widget-dep Content Clearfix */	
.widget-dep-content:before,
.widget-dep-content:after {
    content:"";
    display:table;
}

.widget-dep-content:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.widget-dep-content {
    zoom:1;
}

/* widget-dep Table */

.widget-dep-table .widget-dep-content {
	padding: 0;
}

.widget-dep-table .table {
	margin-bottom: 0;
	
	border: none;
}

.widget-dep-table .table tr td:first-child {
	border-left: none;
}

.widget-dep-table .table tr th:first-child {
	border-left: none;
}


/* widget-dep Plain */

.widget-dep-plain {
	
	background: transparent;
	
	border: none;
}

.widget-dep-plain .widget-dep-content {
	padding: 0;
	
	background: transparent;
	
	border: none;
}


/* widget-dep Box */

.widget-dep-box {	
	
}

.widget-dep-box .widget-dep-content {	
	background: #E3E3E3;	
	background: #FFF;
}





/*------------------------------------------------------------------
[8. Miscellaneous]
*/

.chart-holder {
	width: 100%;
	height: 250px;
}



.accordion-heading { background:#e5e5e5;  }
.accordion-heading a { color:#545454; text-decoration:none; font-weight:bold; }


/* ## ACCORDION ################ Toggle ############### */

span.acc-toggle, span.acc-toggle-active, .second-thead span.acc-toggle, .second-thead span.acc-toggle-active {
	display: block;
	width: 97%;
	height: 100%;
	background: url(../img/acc-open.png) no-repeat right 10px;
	cursor: pointer;

}

.second-thead span.acc-toggle, .second-thead span.acc-toggle-active { /* for darker backgrounds */
	background-image: url(../img/acc-open-b.png);
}

span.acc-toggle:hover, .second-thead:hover span.acc-toggle {
	background-position: right -15px;
}

span.acc-toggle-active, .second-thead span.acc-toggle-active {
	background-position: right -40px;
}

span.acc-toggle-active:hover, .second-thead:hover span.acc-toggle-active  {
	background-position: right -65px;
}

.toggle-in {
	position: relative;
	width: 100%;
	height: 27px;
}

.toggle-in a, .toggle-in.acc-toggle-active a {
	display: block;
	height: 27px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}



/*------------------------------------------------------------------
[1. Max Width: 480px]
*/

@media (max-width: 480px) {
	
	.error-container h1 {
		font-size: 72px;
	}
	
}





/*------------------------------------------------------------------
[1. Max Width: 767px]
*/

@media (max-width: 767px) {
    	
	#main {
		padding: 0 10px;
		margin-right: -20px;
		margin-left: -20px;	
	}
	
	
	.subnavbar {
		margin-left: -20px;
		margin-right: -20px;	
	}
	
	
	.subnavbar-inner {
		height: auto;
	}
	
	.subnavbar .container > ul {
		width: 100%;
		height: auto;
		
		border: none;
	}
	
	.subnavbar .container > ul > li {
		width: 33%;
		height: 70px;
		margin-bottom: 0;
		
		border: none;
	}
	
    
    
    .subnavbar .container > ul > li.active > a {
		font-size: 11px;
    	background: transparent;
    }
	
	.subnavbar .container > ul > li > a > i {	
		display: inline-block;	
		margin-bottom: 0;
		
		font-size: 20px;
	}
	
	
	.subnavbar-open-right .dropdown-menu {
		left: auto;
		right: 0;
	}
	
	.subnavbar-open-right .dropdown-menu:before {
		left: auto;
		right: 12px;
	}
	.subnavbar-open-right .dropdown-menu:after {
		left: auto;
		right: 13px;
	}
	
	.extra {
		margin-right: -20px;
		margin-left: -20px;
	}
	
	.extra .container {
		padding: 0 20px;
	}
	
	.footer {
		margin-right: -20px;
		margin-left: -20px;
	}
	
	.footer .container {
		padding: 0 20px;
	}
	
	.footer .footer-terms {
		text-align: left;
	}
	
	.footer .footer-terms a {
		margin-left: 0;
		margin-right: 1em;
	}

}
    




/*------------------------------------------------------------------
[3. Max Width: 979px]
*/

@media (max-width: 979px) {
	
	.navbar-fixed-top {
		position: static;
		
		margin-bottom: 0;
	}
	
	.subnavbar {
	}
	
	.subnavbar .container {		
		width: auto;
	}
}






/*------------------------------------------------------------------
[2. Max Width: 1200px]
*/

@media (min-width: 1200px) {
	.navbar .search-query {
		width: 200px;
	}
	
}