/* Page layout */
html,
body { height: 100%; }
.navbar-fixed-top { position: absolute!important; }
.sidebar-nav { padding: 60px 0 9px; }
.row-fluid > .sidebar-nav {
	position: relative;
	top: 0;
	left:auto;
	width: 220px;
}
.table th.text-right, .table td.text-right { text-align: right; }
.content { padding-top: 60px; }
.content-mobile { padding-top: 40px; }
.fixed-fluid { margin-left: 260px; }
.left  { float:left;  }
.right { float:right; }

/* Page layout - sticky footer */
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px;
}
#push, #footer { height: 142px; }
footer p { padding-left: 20px; }
#footer p { padding: 20px; }


.pagedisplay { 
	padding: 0 5px 0 5px; 
	width: 50px; 
	text-align: center; 
} 

/* SecureTracs / AgTracs branding */
.stlogo { background-image: url('../img/securetracs-logo.png'); background-repeat: no-repeat; background-position: top right; }    
.footerline {
	height: 5px;
	background-image: linear-gradient(left , #046B28 0%, #FFBE0A 71%, #FFFFFF 100%);
	background-image: -o-linear-gradient(left , #046B28 0%, #FFBE0A 71%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(left , #046B28 0%, #FFBE0A 71%, #FFFFFF 100%);
	background-image: -webkit-linear-gradient(left , #046B28 0%, #FFBE0A 71%, #FFFFFF 100%);
	background-image: -ms-linear-gradient(left , #046B28 0%, #FFBE0A 71%, #FFFFFF 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #046B28), color-stop(0.71, #FFBE0A), color-stop(1, #FFFFFF));
}
#footer {
	background-image: url('../img/corn.png');
	background-repeat: repeat-x;
	background-position: bottom left;	
}


/* Tweaks */
.dashboard-btn { width: 83px; }
.navbar .brand { padding: 10px 25px 10px; }
/* Clearing fixes */
.form-actions::after { clear: none; }
.row::after { clear: none; }
.nav-tabs { height: 37px; }
/* Dropdown fixes */
.dropdown-menu { margin: 3px 0 0 4px; }
.no-padding { padding: 0px; }
/* Dashboard activity */
td.table-user { width: 160px; overflow:hidden; white-space: nowrap; }
td.table-desc { width: auto;  overflow:hidden; white-space: nowrap; }
td.table-date { width: 80px;  overflow:hidden; white-space: nowrap; border-left: 0px; }
.table-fixed { table-layout:fixed; }
/* IE8 fix so tables don't start below the left-nav*/
.no-clear:after { clear: none; }
/* So tables inside widgets don't have giant gaps at the bottom */
.table { margin-bottom: 0px; }
td.center { text-align:center; }
.no-margin { margin:0px; }
/* Location select dropdown on summary reports */
.locationdropdown { width: 193px; }
.daterange { width: 179px; }
.form-horizontal .control-label.tight { width: 90px; }
.form-horizontal .controls.tight { margin-left: 5px; }
.form-horizontal .control-group { margin-bottom: 12px; }
.dataTables_filter label { margin-bottom: 15px; }
.filterbox { text-align: right; }
/* Filter text fields at bottom of table */
th input { width: 100px; }
/* DataTables info */
div.dataTables_info { padding-top: 4px; }
/* Sparkline width & height */
#sparkline { width: 100px; height: 35px; }
p.spark { margin-left: 108px; margin-top: 8px; }



/* Flot formatting */
div.graph {
	width:300px;
	height:200px;
	padding-bottom:5px;
}





/* Mobile Transactions */
.mobile {
	width:201px;
	padding:5px 5px 0px 5px; 
}
.mobile-table {
	padding:5px 5px 5px 5px; 
}
.mobile .help-inline { padding-right:5px; }
.mobile label     { font-weight:bold; }
.mobile .checkbox { font-weight:normal; }
.mobile textarea             { width:187px; }
.mobile .input-prepend select { width:174px; }
.mobile select               { width:201px; }
.mobile .input-prepend input { width:160px; }
.mobile .customer { width:187px; }
.quantity .input-prepend input {
	margin-bottom:5px;
	width:94px;
}
.quantity .input-prepend select {
	margin-left:6px;
	width:60px;
}
.mobile-footer p { padding-left: 5px; }




/* Tablesorter headers */
table.tablesorter thead tr .header {
	background-image: url(../img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	padding-right:13px;
	cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../img/asc.gif);
	padding-right:13px;
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../img/desc.gif);
	padding-right:13px;
}
.table th {
	height: auto;
	font-size: 10px;
	padding: 5px 5px 2px;
	border-bottom: 0;
	color: #666666;
}





/* Widgets */
.widget-box {
	background: none repeat scroll 0 0 #F9F9F9;
	border: 1px solid #CDCDCD;
	clear: both;
	margin-top: 16px;
	margin-bottom: 16px;
	position: relative;
}
.widget-title {
	background-color: #efefef;
	background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#fdfdfd), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
	background-image: -moz-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
	background-image: -ms-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
	background-image: -o-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
	background-image: -linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
	border-bottom: 1px solid #CDCDCD;
	height: 36px;
}
.widget-title .nav-tabs {
	border-bottom: 0 none;
}
.widget-title .nav-tabs li a {
	border-bottom: medium none !important;
	border-left: 1px solid #DDDDDD;
	border-radius: 0 0 0 0;
	border-right: 1px solid #DDDDDD;
	border-top: medium none;
	color: #999999;
	margin: 0;
	outline: medium none;
	padding: 9px 10px 8px;
	font-weight: bold;
	text-shadow: 0 1px 0 #FFFFFF;
}
.widget-title .nav-tabs li:first-child a{
	border-left: medium none !important;
}
.widget-title .nav-tabs li a:hover {
	background-color: transparent !important;
	border-color: #D6D6D6;
	border-width: 0 1px;
	color: #666666;
}
.widget-title .nav-tabs li.active a {
	background-color: #F9F9F9 !important;
	color: #444444;
}
.widget-title span.icon {
	border-right: 1px solid #cdcdcd;
	padding: 9px 10px 7px 11px;
	float: left;
	opacity: .7;
}
.widget-title h5 {
	color: #666666;
	text-shadow: 0 1px 0 #ffffff;
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding: 12px;
	line-height: 12px;
	margin: 0;
}
.widget-title .buttons {
	float: right;
	margin: 8px 10px 0 0;
}
.widget-title .label {
	padding: 3px 5px 2px;
	float: right;
	margin: 9px 15px 0 0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.3) inset, 0 1px 0 #ffffff;
}
.widget-content {
	padding: 12px 15px;
}



.info-btn {
	margin-left: 5px;
}