body {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 75%;
	font-variant: normal;
	text-transform: none;
	text-align: center;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	border: 0px;
	margin: 0px;
}
input, button, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
select {
    max-width:200px;
}
form {
	margin: 0px;
}
.c {
	text-align: center;
}
.r{
	text-align: right;
}
.l {
	text-align: left;
}
.t {
	vertical-align: top;
}
.tt {
	vertical-align: text-top;
}
.m,.header{
	vertical-align: middle;
}
.b {
	vertical-align: bottom;
}
.tableinfo, .rpt_table, .tablenarrow {
	background-repeat: repeat;
	margin-left: auto;
	margin-right: auto;
}
.tableinfo {
	border-width: 2px;
	border-style: solid;
	width: 100%;
}
.gridtable {
    border-spacing: 1px;
    border-width: 2px;
    border-style: solid;
    width: 100%;
}
.gridtable td,.gridtable th
{
    padding: 2px;
}
.filtertable,.dataTableWrapper
{
    border-spacing: 1px;
	border-width: 2px;
	border-style: solid;
	width: 100%;
}
.dataTableWrapper .dataTable {
    border-top-width: 2px;
    border-top-style: solid;
}
.dataTables_length,.dataTables_filter,.dataTables_info,.dataTables_paginate {
    white-space: nowrap;
    display: table-cell;
}
.tableToolbar {
    display: table-cell;
    width: 100%;
}
.dataTableHeader {
    display: flex;
}
.dataTableWrapper {
	padding: 2px;
	box-sizing: border-box;
	/* important for the 'loading' div */
	position: relative;
}
.filtertable tr {
	border: 0;
}

.filtertable td,.filtertable th
{
    padding: 1px;
	border: 0px;
}

.rpt_table {
	border-width: 1px;
	border-style: solid;
	width: 100%;
}
.tablenarrow {
	border-width: 2px;
	border-style: solid;
}
.background {
	background-repeat: repeat;
	border: 0px;
	margin-left: auto;
	margin-right: auto;
}
.tableblank {
	background-repeat: repeat;
	border: 0px;
	margin-left: auto;
	margin-right: auto;
}
.datetable {
	background-repeat: repeat;
	border: 0px;
}
.innertable{
	background-repeat: repeat;
	border: 0px;
    border-spacing: 0px;
}
.innertable td,.innertable th
{
    padding: 2px;
}
.slimtable{
    background-repeat: repeat;
    border: 0px;
    border-spacing: 0px;
    width: 100%;
}
.slimtable td,.slimtable th
{
    padding: 0px;
}

.mainmenu{
	font-size: 133%; 
}
.nocollapse {
	border-collapse: separate;
}
.submenu{
}
.header {
    height: 25px;
}
.tableinfoHeader, .rpt_thead, .header {
	font-size: 115%;
	font-weight: bold;
	font-variant: small-caps;
}
.pager_footer A:link {
	border: 0px;
	TEXT-DECORATION: none;
}
.pager_footer A:visited {
	TEXT-DECORATION: none;
	border: 0px;
}
.pager_footer A:hover {
	text-decoration: underline;
	border: 0px;
}
.pager_footer A:active {
	border: 0px;
}
.NormalRed{
	font-weight: bold;
}
.NormalGreen{
	font-weight: bold;
}
.NormalOrange{
	font-weight: bold;
}
.ErrorMessage{
	font-weight: bold;
}
div.ErrorMessage{
	margin:5px;
}
.WarningMessage{
	font-weight: bold;
}
.bold{
	font-weight: bold;
}
a:link, a:visited, a:active, .link {
	TEXT-DECORATION: none;
}
a:hover, .hover {
	text-decoration: underline;
    cursor: pointer;
}
A.menu_highlight_link:link, A.menu_highlight_link:visited, A.menu_highlight_link:active {
	text-decoration: none;
	font-weight: bold;
	padding: 2px;
	display: block;
}
A.menu_highlight_link:hover {
	text-decoration: underline;
	font-weight: bold;
	padding: 2px;
}
.prop { 
	float: left;
	width: 1px;
} 
.clear { 
	clear:both; 
	height:1px; 
	overflow:hidden; 
} 
.min500px { 
	height:500px; 
}
A.none {
	TEXT-DECORATION: none;
}
.SortAsc a {
	padding-right: 10px;
	background: url(../../utils/upsimple.png) right no-repeat; 
}
.SortDesc a {
	padding-right: 10px;
	background: url(../../utils/downsimple.png) right no-repeat; 
}
.FloatLeft 
{
	float: left;
}
.FloatRight
{
	float: right;
}
.ClearLeft
{
	clear: left;
}
.helper
{
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 0px;
	white-space: nowrap;
}
.nowrap
{
	white-space: nowrap;
}
.nopadding
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#TreeView img
{
 display:block;
 float:left;
}

div#TreeView div
{
 display:inline-block;
 
}
table {
	font-size: 1em;
	font-style: inherit;
	font-variant: inherit;
	font-weight: inherit;
}

.helperFontClass {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

.darkHandle 
{
	background-image: url(../../images/darkHandle.png);
	background-position: left,center;
	background-repeat: no-repeat;
}
.lightHandle 
{
	background-image: url(../../images/lightHandle.png);
	background-position: left,center;
	background-repeat: no-repeat;
}

.noimage
{
	background-image: none;
}
.modalPopup 
{
	border-width:1px;
	border-style:solid;
	padding:1em 6px;
	vertical-align :top;
}

.modalBackground 
{
	filter:alpha(opacity=70);
	opacity:0.7;
}
.resizeHandle
{
	width:16px;
	height:16px;
	background-image:url(../../images/HandleGrip.png);
	overflow:hidden;
	cursor:se-resize;
	border:solid 1px transparent;
	float: right!important;
}
.buttonUp 
{
	background:transparent url(../../images/uparrow.png) no-repeat center center; 
	width:22px;
	height:22px;
}
.buttonDown
{
	background:transparent url(../../images/downarrow.png) no-repeat center center; 
	width:22px;
	height:22px;
}
.vehicleClass60 div {
	font-size: 11pt !important;
	cursor: pointer !important;
}
.vehicleClass50 div {
	font-size: 10pt !important;
	cursor: pointer !important;
}
.vehicleClass40 div {
	font-size: 9pt !important;
	cursor: pointer !important;
}
.vehicleClass30 div {
	font-size: 8pt !important;
	cursor: pointer !important;
}
.vehicleClass {
	font-size:11px !important;
	cursor: pointer !important;
}
.popupClass {
	font-size:11px;
}
.dragableClass {
	cursor: pointer !important;
}
.MicrosoftMap .NavBar {
	width: 35% !important;
	text-align: left !important;
	vertical-align: top !important;
}
td.Op
{
	padding-top: 3px;
	padding-bottom: 3px;
	border-width: 2px;
	border-style: outset;
	text-align: center;
	cursor: pointer;
	width: 5%;
	vertical-align: middle;
	font-size: 1.3em;
}

.CollapsibleHeader
{
	width:100%;
	text-align:left;
	cursor:pointer;
	font-weight:900;
	font-size:1.1em;
	vertical-align: middle;
}

.HelpLabel
{
	font-size:1.0em;
	font-family:Arial;
}

.insertedTable
{
	background-repeat: repeat;
	border-width: 2px;
	border-style: solid;
	margin-left: auto;
	margin-right: auto;
	border-collapse: separate;
}
.status {
	border-width: 4px;
	border-style: inset;
}
.blankborder {
	border-style: solid;
	border-width: 5px;
}
.uploadProgressBar {
    border-style: solid;
    border-width: 1px;
    height: 16px;
    font-family: Arial, Helvetica, sans-serif;
}
.tabbedMenu {
	font-family: Verdana;
	font-size: 1em;
}
.tabbedMenuDynamicSelected {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.tabbedMenuStaticSelected {
	border-style: solid;
	border-width: 1px;
}
.tabbedMenuStatic {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-style: dotted;
	border-width: 1px;
}
.resizeWrapper
{
	display: table;
	width: 100%;
}
.bottomButton {
    margin-top: 5px;
    margin-bottom: 5px;
}

.leftMargin
{
	margin-left: 5px;
}

.rightMargin
{
	margin-right: 5px;
}
		
/* Configure tables to not inherhit parent coloring. Should override. */
.nestedTable > tbody tr:nth-child(odd), .nestedTable > tbody > tr:nth-child(even)
{
	background-color: Transparent;
}

/* Handles all screens larger than 1024 pixels */
@media (min-width: 1024px) 
{
	div.background {
		width: 90%;
	}
}
/* Handles all screens smaller than 1024 pixels */
@media (max-width: 1023px) 
{
	div.background {
		width: 99%;
	}
}


/* THIS HAS TO BE SET LIKE THIS. Apparently min-width will override max-width, so the two part conditional will force the correct behaviors. */
@media (min-width: 0px and max-width: 909px)
{
	.UserDetails 
	{

	}	
}

@media (min-width: 910px) 
{
	.UserDetails 
	{
		float: left;
	}	
}


.FleetFavoriteShown
{
	width:200px; 
	position: absolute;
	z-index:11000;
}

.FleetFavoriteHidden
{
	width:0px; 
	position: absolute;
	margin-left: -20px;
	z-index:-11000;
    display:none;
}

.IndentConfigTeir1
{
	padding-left: 30px; 
}

.IndentConfigTeir2
{
	padding-left: 60px; 
}

.IndentConfigTeir3
{
	padding-left: 90px; 
}

.IndentConfigTeir4
{
	padding-left: 120px; 
}

.helpSectionIndent 
{
	margin-left: 5em;
    display: block;
}
.FavoriteGroup
{
	display: inline-flex;
}
.popupDiv {
    position:relative;
    _z-index:1;
}
.contextMenuClass
{
    position: absolute;
    min-width: 300px;
    z-index: 60;
    max-width: 600px;
}
.contextMenuClass tbody tr
{ 
    background-color: #FFFFFF;
}
.contextMenuClass thead tr
{ 
    background-color: #cccccc;
}
.contextMenuClass
{ 
    background-color: #FFFFFF;
}
.contextMenuClass tr:active 
{
    background-color: #FFFFFF;
}
.contextMenuClass tbody tr:hover 
{
    background-color: #eeeeee; 
}
.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 70;
}

.resetCSS {
    all: revert;
}


#flash_notice {
	width:400px;
	padding:10px;
	background:#FFD4CA;
	color:#663300;
	height:60px;
	line-height:30px;
	border:1px solid #663300;
	font-family:arial, helvetica, sans-serif;
	font-size:12pt;
	margin-top:30px;
}
.CondenseCell 
{
	width: 1% !important;
}

.NonDefaultFilter input[type="text"], 
.NonDefaultFilter input[type="search"], 
.NonDefaultFilter label,
.NonDefaultFilter span, 
.NonDefaultFilter select, 
.NonDefaultFilter input[type="checkbox"],
.NonDefaultFilter option:checked,
.HighlightRow {
  font-weight: bold;
  background-color:#fafad2;
}

.FilterClear 
{
	margin-right: 20px;
}
div.slider {
    display: inline-block;
    width: 80%;
    margin-left: 5px;
    margin-right: 10px;
}
.downloadDropdown { position:relative; display:inline-block; vertical-align:text-top; }
.downloadContent { display:none; position:absolute; right:0; z-index:10000; background-color: #f1f1f1; border: 1px solid black; padding: 0px }
.downloadContent li { text-decoration:none; display: block; padding: 6px 12px; color: black; white-space: nowrap; text-align: left; font-weight: normal; } 
.downloadContent li:hover { background-color: #ddd; cursor:pointer; }
button.downloadFile { height: 20px; vertical-align:text-top; }
.downloadSelect { height: 20px; padding: 0px; }
.downloadSelect i { font-size: 150%; }
/*.downloadDropdown:hover .downloadContent { display: block; }*/

.material-icons.md-18 { font-size: 18px; }
.material-icons.error { color: #E00000; }
.material-icons.warning { color: #E0E000; }
.material-icons.success { color: #00C000; }
.material-icons 
{
    text-rendering: optimizeLegibility;
    font-feature-settings: 'liga';
}
div.loading {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:0;
    background-image:url('/images/loading-buffering.gif');
    background-size: 50px;
    background-repeat:no-repeat;
    background-position:center;
    background-color:rgba(128,128,128,0.4);
    z-index:10000000;
}
div.sDashboardWidget div.loading {
    margin:0 12px 12px 0;
}
div.sDashboardWidgetContainerMaximized div.loading {
    margin:0;
}
#preview{
    position:absolute;
    border:3px solid #ccc;
    background:#0c18f1;
    padding:5px;
    display:none;
    color:#000;
    box-shadow: 4px 4px 3px rgba(103, 115, 130, 1);
    z-index: 80;
}