/*------------------------------------------------------------------

[Layout Stylesheet]

	Project:		Base Admin
	Version:		1.0
	Last change:	05/21/2012
	Assigned to:	Rod Howard (rh)


[Table of contents]

	1. Global
	2. Navbar / .navbar
	3. Subnavbar / .subnavbar
	4. Main / .main
	5. Footer / .footer
	6. Widget / .widget
	7. Error / .error-container
	8. Miscellaneous

-------------------------------------------------------------------*/



/*------------------------------------------------------------------
[1. Global]
*/

body {
	background: #E9E9E9 url(../img/body-bg.png) repeat 0 0;
	font: 13px/1.7em 'Open Sans';
}
    
p { 
	font: 13px/1.7em 'Open Sans'; 	
}
    
input,
button,
select,
textarea {
  font-family: 'Open Sans';
}

.dropdown .dropdown-menu {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.btn-icon-only {
	padding-right: 3px;
	padding-left: 3px;
}

.table td {
	vertical-align: middle;
}

.table-bordered th {
	background: #E9E9E9;
	background:-moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#E9E9E9)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* IE10+ */
	background:linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
	
	font-size: 10px;
	color: #444;
	text-transform: uppercase;
}







/*------------------------------------------------------------------
[2. Navbar / .navbar]
*/

.navbar .container {
	position: relative;
}

.navbar-inner {	
	background: #FFF;
	
	border-bottom: 1px solid #246795;	
	
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.navbar-fixed-top {
	position: static;
}

.navbar .nav a {
	font-size: 11px;
}

.navbar .brand {
	font-weight: 600;
	position: relative;
	top: 2px;
}

.navbar .search-query {
	background-color: #FFF;
	width: 150px;
	font-size: 11px;
	font-weight: bold;
}

.navbar .search-query::-webkit-input-placeholder {
    color: #666;
}

.navbar .search-query:-moz-placeholder {
    color: #666;
}
/*------------------------------------------------------------------
[3. Subnavbar / .subnavbar]
*/

.subnavbar {margin-bottom: 1.5em; border-bottom:1px #0072bc solid;}
    
.subnavbar-inner {
	height: 40px;
	background: #1580c7;
	background: -webkit-gradient(linear, left top, left bottom, from(#1580c8), to(#1581ca)); background: -moz-linear-gradient(top, #1580c8, #1581ca);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#414141', endColorstr='#323232', GradientType=0);
	border-bottom: 1px solid #0072bc;
	box-shadow: 0 2px 3px #ccc;
}

.subnavbar .container > ul {
	display: inline-block;	
	height: 35px;
	padding: 0;
	margin: 5px 0 0 0;
}

.subnavbar .container > ul > li {
	float: left;
	min-width: 90px;
	height: 34px;
	text-align: center;
	list-style: none;
	line-height:34px;
	outline:0;
}

.subnavbar .container > ul > li > a {
	display: block;
	height: 100%;
	padding: 0 15px;
	font-size: 14px;
	font-weight: bold;
	color: #EEE;
	text-shadow: 1px 1px 1px rgba(0,0,0,.2); line-height:30px;
}

.subnavbar .container > ul > li > a:hover {
	color: #1a89c8;
	text-decoration: none;
	background:#f3f7ff; border:1px #d2d2d2 solid; border-bottom:0;
	padding: 0 14px;
}

.subnavbar .container > ul > li > a > i {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-top: 10px;
	margin-bottom: .10em;
	font-size: 28px;
	
}

.subnavbar .container > ul > li > a > span {
	display: block;
}


.subnavbar .container > ul > li.active > a {
	background: #f3f7ff;
	color: #ff9900;
}
    

.subnavbar .dropdown .dropdown-menu a {
	font-size: 12px;
}

    
.subnavbar .dropdown .dropdown-menu {
text-align: left;
-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;
}
    
    
    
.subnavbar .dropdown-menu::before {
	content: '';
	display: none;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #CCC;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: -7px;
	left: 9px;
}

.subnavbar .dropdown-menu::after {
	content: '';
	display: none;
	position: absolute;
	top: -6px;
	left: 10px;
}


.subnavbar .caret {
	margin-top: 0px;
	
	border-top-color: white;
	border-bottom-color: white;
}

.subnavbar .dropdown.open .caret {
	display: none;
}

/*------------------------------------------------------------------
[4. Main / .main]
*/

.main {

}



/*------------------------------------------------------------------
[5. Extra / .extra]
*/

.extra {

	border-top: 1px solid #5ca0ca;
	border-bottom: 1px solid #005894;

}

.extra-inner {
	padding: 20px 0;
	
	font-size: 11px;
	color: #BBB;
	
	background: #1c75b1;
}

.extra a {
	color: #f6f6f6;
}

.extra h4 {
	margin-bottom: 1em;
	
	font-weight: 400;
}

.extra ul {
	padding: 0;
	margin: 0;
}

.extra li {
	margin-bottom: .6em;
	
	list-style: none;
}




/*------------------------------------------------------------------
[6. Footer/ .footer]
*/

.footer { margin-top: 15px; font-size:12px; color:#444;}
.footer-l{ float:left;}
.footer-l a{ color:#444; padding:0 5px;}
.footer-l a:hover{ color:#444;}
.footer-r{ float:right; color:#999;}
.footer-inner {
	padding: 15px 0;
	
	font-size: 12px;
	background: #18689e;
	color: #999;
}

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

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




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

.widget-header+.widget-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-nopad .widget-content {
	padding: 0;
}

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

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

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

/* Widget Table */

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

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

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

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


/* Widget Plain */

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

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


/* Widget Box */

.widget-box {	
	
}

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




/*------------------------------------------------------------------
[7. Error / .error-container]
*/

.error-container {
	margin-top: 4em;
	margin-bottom: 4em;
	text-align: center;
}

.error-container h1 {
	margin-bottom: .5em;
	
	font-size: 120px;
	line-height: 1em;
}

.error-container h2 {
	margin-bottom: .75em;
	font-size: 28px;
}

.error-container .error-details {
	margin-bottom: 1.5em;
	
	font-size: 16px;
}

.error-container .error-actions a {
	margin: 0 .5em;
}





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

.chart-holder {
	width: 100%;
	height: 250px;
}
.datesubiz{ position:relative; width:100%; float:right; text-align:right;}
.bgsubmenu{ position:relative; float:left; width:100%; background-color:#dfdfdf; border-bottom:1px #cbcbcb solid; padding:5px 0; margin-bottom:1em;}
.bgsubmenuin{ width: 1170px; margin:0 auto;}
.table tr.top{background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#eaeaea)); background: -moz-linear-gradient(top, #f8f8f8, #eaeaea); border-top:1px #d5d5d5 solid;}
.table{ position:relative;}
.line{ background:url(img/dota.gif) repeat-y right center;}
#linkhis{ position:relative; z-index:10; cursor:pointer;}
#detailhis{ display:none; position:absolute; width:56%; height:85%; overflow:hidden; float:left; top:62px; right:15px; z-index:9999;background:#FFF; border:1px #ccc solid; padding:20px;}
.topdetails{ position:relative; float:left; width:100%; border-bottom:1px #dddddd solid; padding-bottom:8px;}
.contenthis{ float:left; width:100%; padding:12px 0; line-height:18px; border-bottom:1px #dddddd dotted;}
.btnclose{ position:absolute; float:left; width:20px; height:20px; right:0;}
.contenthis .time{ font-size:11px; color:#888;}
.settingcode{ float:left; width:100%; line-height:18px;}
.settingcode h2{ font-size:14px; font-weight:bold; border-bottom:1px #dddddd dotted;}
.settingbt{ float:left; width:100%; margin:12px 0 0 0; line-height:18px; border-top:1px #dddddd dotted; padding-top:8px;}
.package{ float:right; padding:10px 0 0 20px; font-size:11px;}
.package a{ color:#FF9900;}

.onoffswitch {
position: relative; width: 90px;
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
display: none;
}
.onoffswitch-label {
display: block; overflow: hidden; cursor: pointer;
border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
width: 200%; margin-left: -100%;
-moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
-o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch-inner:before {
content: "ON";
padding-left: 10px;
background-color: #2FCCFF; color: #FFFFFF;
}
.onoffswitch-inner:after {
content: "OFF";
padding-right: 10px;
background-color: #EEEEEE; color: #999999;
text-align: right;
}
.onoffswitch-switch {
width: 18px; margin: 6px;
background: #FFFFFF;
border: 2px solid #999999; border-radius: 20px;
position: absolute; top: 0; bottom: 0; right: 56px;
-moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
-o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 0px;
}
.getstart{ position:relative; float:left; width:1100px; border:1px #dde2e8 solid; background:#FFF url(../img/getstart.png) no-repeat right center; padding:40px 38px 70px 30px;}
.getstart h1{ font-size:26px; font-weight:normal; color:#444; line-height:normal;}
.liststart{ float:left; width:490px; list-style:none; margin:0; padding:0;}
.liststart li{ float:left; width:100%; margin:15px 0 0 0; font-size:16px; color:#6e6d6d;}
.liststart li .bullet{ float:left; background:url(../img/bullet.png) no-repeat; background-position:0px 0px; width:24px; height:23px; text-align:center; line-height:23px; font-size:14px; font-weight:bold; color:#2292d0; margin-right:12px; display:inline;}
.liststart li.active{ color:#2292d0; font-weight:bold; line-height:30px;}
.liststart li.active .bullet{ background:url(../img/bullet.png) no-repeat; background-position:0px -24px; width:24px; height:27px; text-indent:-9999px;}
.liststart li span{ float:left;}
#tabhome{ position:relative; float:left; margin:0; padding:0; list-style:none;}
#tabhome li{ position:relative; float:left; height:37px; background:#FFF; border:1px #dde2e8 solid; border-top-left-radius:3px; border-top-right-radius:3px; line-height:37px; padding:0 22px; margin-right:4px; display:inline;}
#tabhome li a{ color:#444;}
#tabhome li.active{ background:#2fb5ff; border:0; height:39px;}
#tabhome li.active a{ color:#FFF;}
.arrow{ position:absolute; width:14px; height:8px; background:url(../img/arrow.png) no-repeat; bottom:-8px; left:45%; z-index:9;}
.dashboard{ position:relative; float:left; width:1138px; background:#FFF; border:1px #dde2e8 solid; padding:5px 0px 70px 30px;}
.dashboard h1{ font-size:26px; font-weight:normal; color:#444; margin:0; padding:0; line-height:normal;}
.dashboard-l{ float:left; width:100%;}
.stastics{ float:left; width:100%; margin:10px 0 0 0; font-size:14px; line-height:22px;}
.stastics label{ float:left; padding-left:5px;}
.number{ float:left; padding:0px 8px; border-radius:3px; background:#d3e9f6; color:#017592; font-size:13px; font-weight:bold;}
.marginleft{ margin-left:30px; display:inline;}
.tablestic{ float:left; width:97%; border:1px #ebebeb solid; margin:15px 0 0 0;}
.toptable{ float:left; width:100%; height:40px; background:#eeeeee; margin:1px; display:inline;}
.toptable label{ float:left; margin:6px; line-height:34px; padding:0 12px; font-size:14px; font-weight:bold; color:#444;}
.tabletabs{ float:left; width:80%; margin:6px 0 0 0; padding:0; list-style:none;}
.tabletabs li{ float:left; height:34px; line-height:34px; font-size:14px; font-weight:normal; margin:0 20px 0 0; display:inline;}
.tabletabs li a{ color:#444; padding:0 20px;}
.tabletabs li.current{ background:#FFF; border-top-left-radius:3px;border-top-right-radius:3px;}
.dashboard-r{ float:right; width:350px; background:url(../img/bgdash.png) no-repeat left center; min-height:486px!Important; margin:0 18px 0 0; display:inline; padding-left:22px;}
.topreport{ float:left; width:345px; border-bottom:1px #c5c5c5 dotted; padding-bottom:5px; margin:40px 0 0 0;}
.topreport label{ float:left; line-height:30px; font-size:20px; font-weight:normal;}
.reportdetails{ float:left; width:100%; margin:0; padding:0; list-style:none;}
.reportdetails li{ float:left; width:100%; margin:10px 0 0 0; border-bottom:1px #c5c5c5 dotted; padding-bottom:5px; font-size:14px;}
.reportdetails li span.left{ float:left; width:210px;border-right:1px #c5c5c5 dotted; padding:8px 0;}
.reportdetails li span.left h1{ font-size:24px; font-weight:bold; padding:12px 0;}
.reportdetails li span.right{ float:left; padding:45px 0 0 8px;}
.reportdetails li.end{ border-bottom:0;}