:root {
	--background-color: #fafafa;
	--accent-color: #ea1215;
	
	--tabstrip-background-color-1: #000;
	--tabstrip-tab-background-color-1: #000;
	--tabstrip-tab-foreground-color-1: #e6e6e6;
	--tabstrip-tab-active-background-color-1: #000;
	--tabstrip-tab-active-foreground-color-1: #ea1215;
	--tabstrip-tab-hover-background-color-1: #363636;
	--tabstrip-tab-hover-foreground-color-1: #fff;
	--tabstrip-tab-content-background-color-1: #fff;
	
	--tabstrip-background-color-2: #000;
	--tabstrip-tab-background-color-2: #000;
	--tabstrip-tab-foreground-color-2: #e6e6e6;
	--tabstrip-tab-active-background-color-2: #000;
	--tabstrip-tab-active-foreground-color-2: #ea1215;
	--tabstrip-tab-hover-background-color-2: #363636;
	--tabstrip-tab-hover-foreground-color-2: #fff;
	--tabstrip-tab-content-background-color-2: #fff;
}

#branding-header-container { min-height: 60px; }
#branding-header-logo { margin-right:1em; }
#branding-header-logo img { height: 42px; width:123px; }
#branding-header-menu ul.sf-menu { float: right; }
#branding-header-menu ul.sf-menu > li { font-weight: bold; text-transform: uppercase; }
#branding-header-menu ul.sf-menu ul { font-weight: initial; text-transform: initial; }
#branding-header-search { margin-left: 1em; }

@media (max-width: 767px) {
	#branding-header-menu ul.sf-menu { float: initial; }
	#branding-header-search { margin-left: initial; }
	body { padding-left: 0; padding-right: 0;}
}

#master-navigation { margin-bottom: 0px; }
#master-crumb-trail { margin: 0px; }

ul.breadcrumb { border:0; background-color: #ea1215; color:#ffffff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0; padding: 1em; text-transform: uppercase; }
ul.breadcrumb .active { color: #ffffff; }
ul.breadcrumb a { color: #ffffff; }
ul.breadcrumb>li {text-shadow:none;}
ul.breadcrumb>li>.divider { color: #ffffff; }

#master-content { padding:10px; margin:0px; text-transform: uppercase; }
#master-content .btn,
#master-content input, 
#master-content .dropdown-menu,
#master-content select { text-transform: none !important; }

/* Tabstrips */
.tabstrip { border: none; }
.tabstrip a { margin: 0; border: 0; -webkit-border-radius: initial; -moz-border-radius: initial; border-radius: initial;}
.tabstrip a.active { font-weight: bold; }

/* Asset page asset and TCU info */
.asset-card, .tcu-card { background-color: #f5f5f5; padding:5px; border:1px solid #ddd; }

.well { margin-bottom: 10px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 1px solid #dddddd; }

.ei-widget-title { color: #D40202; font-weight: bold; }

/* Widgets containing charts (Analytics) */
.chart-widget { margin-bottom: 16px; padding:5px; background-color:#efefef; }
.chart-widget .ei-widget-title { color: #D40202; font-weight:bold; text-align:left; margin-left:2px; }
.chart-widget .ei-widget-content{ height:200px; }

/* Widgets containing summary tables */
.summary-widget { margin-bottom: 16px; background-color:#efefef; text-transform:uppercase; }
.summary-widget .ei-widget-title { color: #ffffff; background-color: #D40202; padding:5px; font-weight:bold; text-align:left; margin-left:2px; margin-bottom:3px; }
.summary-widget table { font-size:12px;}

/* Widgets containing pie charts */
.pie-widget { padding:5px; background-color:#efefef; text-transform:uppercase; margin-bottom:1em; }
.pie-widget .ei-widget-title { color: #D40202; text-align:center; }

/* Widgets panels */
.ei-widget-content .panel-item {  flex:1;display:flex;margin:3px;background:#e0e0e0;padding:10px;text-transform:uppercase;min-width:160px;min-height:60px; }
.ei-widget-content .panel-item-empty { background:transparent; }
.ei-widget-content .panel-item-data { flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between; }
.ei-widget-content .panel-item-data-value { text-align:center;font-size:28px;line-height:28px; }
.ei-widget-content .panel-item-data-label { font-size:11px;text-align:center;line-height:11px;margin-top:5px; }
.ei-widget-content .panel-item-image { display:flex;align-items:flex-end;min-width:30px;margin-right:5px; }
.ei-widget-content .panel-item-image img { width:36px; height:36px; }

.table-striped-styled th { background-color: #D40202; color: #ffffff;  }


.osk-widget {
	padding: 1em;
	padding-left: 46px;
	border: 1px solid #d0d0d0;
	height: 100%;
	background: #e0e0e0 no-repeat;
	background-position: left 5px bottom 5px;
	background-size: 36px 36px;
	min-height: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.osk-widget-value {
	font-size: 28px;
	line-height: 28px;
	text-transform: uppercase;
	text-align: center;
}

.osk-widget-label {
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
	text-align: center;
	margin-top: 5px;
}

.osk-widget-icon-none { padding-left: 1em; }
.osk-widget-icon-battery { background-image: url("/Content/site/img/pierce/BatteryVoltage.png"); }
.osk-widget-icon-coolant { background-image: url("/Content/site/img/pierce/Coolant.png"); }
.osk-widget-icon-coolantlevel { background-image: url("/Content/site/img/pierce/CoolantLevel.png"); }
.osk-widget-icon-oiltemp { background-image: url("/Content/site/img/pierce/OilTemp.png"); }
.osk-widget-icon-brake { background-image: url("/Content/site/img/pierce/Brake.png"); }
.osk-widget-icon-fuel { background-image: url("/Content/site/img/pierce/Fuel.png"); }
.osk-widget-icon-soot { background-image: url("/Content/site/img/pierce/Soot.png"); }
.osk-widget-icon-def { background-image: url("/Content/site/img/pierce/DEF.png"); }
.osk-widget-icon-ready { background-image: url("/Content/site/img/pierce/Ready.png"); }
.osk-widget-icon-foam { background-image: url("/Content/site/img/pierce/Foam.png"); }
.osk-widget-icon-water { background-image: url("/Content/site/img/pierce/Water.png"); }
.osk-widget-icon-fluid { background-image: url("/Content/site/img/pierce/HydOil.png"); }
.osk-widget-icon-air { background-image: url("/Content/site/img/pierce/BreathingAir.png"); }
.osk-widget-icon-hours { background-image: url("/Content/site/img/pierce/Hours.png"); }
.osk-widget-icon-signal { background-image: url("/Content/site/img/pierce/Telematics.png"); }
.osk-widget-icon-alert { background-image: url("/Content/site/img/pierce/Alert.png"); }
.osk-widget-icon-speed{ background-image: url("/Content/site/img/pierce/Speed.png"); }
.osk-widget-icon-reach{ background-image: url("/Content/site/img/pierce/Reach.png"); }
.osk-widget-icon-hydoiltemp { background-image: url("/Content/site/img/pierce/HydOilTemp.png"); }
.osk-widget-icon-hydoilpressure { background-image: url("/Content/site/img/pierce/HydOilPressure.png"); }
.osk-widget-icon-flame { background-image: url("/Content/site/img/pierce/Flame.png"); }
.osk-widget-icon-sangle { background-image: url("/Content/site/img/pierce/SAngle.png"); }
.osk-widget-icon-rangle { background-image: url("/Content/site/img/pierce/RAngle.png"); }
.osk-widget-icon-gangle { background-image: url("/Content/site/img/pierce/GAngle.png"); }
.osk-widget-icon-determ { background-image: url("/Content/site/img/pierce/Determ.png"); }
.osk-widget-icon-pump { background-image: url("/Content/site/img/pierce/Pump2.png"); }
.osk-widget-icon-date { background-image: url("/Content/site/img/pierce/Date.png"); }