*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.cf:before,
.cf:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.cf:after {
	clear: both;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.forceRight {
	float: right !important;
}

.horizontal-scroll {
	overflow-x: auto;
}
.center {
	text-align: center;
}

.table-nonfluid {
	width: auto !important;
}

.table-hover > tbody > tr:hover {
	background-color: lightyellow;
}

select {
	padding: 4px;
}

.red {
	color: #990000;
}

.noLocation {
	background: rgb(255, 216, 0);
}

body {
	margin: 0px;
	background-color: #FBFBFB;
	color: #333;
	font-family: Trebuchet ms, Helvetica, sans-serif;
	font-size: 14px;
}

a, a:visited, a:active, a:hover, .link {
	cursor: pointer;
	color: #990000;
}

td {
	vertical-align: top;
}

	td.cellbottom {
		vertical-align: middle;
	}


input, textarea {
	font-family: Trebuchet ms, Helvetica, sans-serif;
}

.topstrip span {
	float: left;
	font-size: 1.5em;
	font-style: italic;
	font-weight: bold;
	padding-top: 12px;
	padding-right: 12px;
}

.topstrip .username {
	float: right;
	font-size: 1em;
	font-weight: bold;
	padding: 5px;
}

.loginDiv {
	width: 300px;
	font-size: 1.25em;
	margin: 0 auto;
	margin-top: 3em;
	padding: 1em;
	background: #FFF;
	border: solid 2px #DDD;
}

	.loginDiv div {
		margin: .5em 0;
	}


	.loginDiv input[type='text'], .loginDiv input[type='password'] {
		border: solid 2px #DDD;
		width: 100%;
		float: none;
		margin: 0 auto;
		padding: .5em;
		height: 2.5em;
	}

	.loginDiv input[type=submit] {
		display: block;
		width: 50%;
		float: none;
		margin: 0 auto;
		padding: .25em;
		height: 2.5em;
		margin-right: auto;
		margin-left: auto;
		background: #EEE;
		border: solid 2px #999;
	}

.rememberMeDiv {
	text-align: center;
	font-size: .75em;
}

	.rememberMeDiv input {
		margin: 0.5em;
		-moz-transform: translateY(2px);
		-ms-transform: translateY(2px);
		-o-transform: translateY(2px);
		-webkit-transform: translateY(2px);
		transform: translateY(2px);
		display: inline;
	}

#topStatusMessage div {
	border: 2px solid #446E44;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	padding: 10px;
	width: 45%;
	font-size: 16px;
	text-align: center;
}

	#topStatusMessage div.Greenmsg {
		background-color: #D4FFD4;
	}

	#topStatusMessage div.Yellowmsg {
		background-color: #FDFDBB;
		border-color: #CAB51A;
		border-width: 3px;
		font-weight: bold;
	}

	#topStatusMessage div.Redmsg {
		background-color: #FDBBBB;
		border-color: #950505;
		border-width: 3px;
		font-weight: bold;
	}

.divholder > tbody > tr > td {
	border: none;
}

.left {
	float: left;
}

.clear {
	clear: both;
}

.mainDiv {
	margin-left: auto;
	margin-right: auto;
	/*max-width: 1100px;*/
	width: 100%;
	padding: 1em;
}

.navbar-nav, .footerstrip {
	min-height: 49px;
	background-color: #C80606;
	float: left;
	width: 100%;
	clear: both;
}

.footerstrip {
	margin-top: 2em;
}

.nav .mainDiv {
	padding: 0;
}

.title {
	padding-left: .5em;
}


.topstrip {
	text-align: right;
	color: #ffffff;
	;
}

/* GROUP BOXES */
/*Region*/
.groupBox {
	border: 1px solid #CCCCCC;
	margin: 2em .25em;
	padding: 15px 10px 10px;
}

.groupBoxTitle {
	background-color: white;
	color: #c80606;
	display: block;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: -28px;
	padding: 0 5px;
}

.groupBoxTopOptions {
	float: right;
	margin-top: -15px;
}

	.groupBoxTopOptions a {
		border: solid 1px #CCCCCC;
		background-color: #FFFFFF;
		display: block;
		margin-right: 5px;
		padding: 2px;
		position: relative;
		text-decoration: none;
		top: -1px;
		float: left;
	}

		.groupBoxTopOptions a:hover {
			background-color: #CC0000;
			color: #FFFFFF;
		}

/*.label {
	float: left;
	padding: 0;
	width: 33%;
}*/

.btns {
	border: 2px solid #333333;
	background-color: #E4E4E4;
	color: #333333;
	font-weight: bold;
	margin: .5em;
	padding: .5em;
	cursor: pointer;
}

.navbar {
	vertical-align: middle;
	background: #CCE1F0;
	text-align: left;
	padding-left: 20px;
}

.rightmenu {
	float: right;
	width: 180px;
	height: 100%;
	padding: 6px;
	color: Black;
	background: transparent;
	position: relative;
	z-index: 2;
}

.leftmenu a {
	display: block;
	width: 100%;
	padding: .5em;
}

.buffercell {
	height: 10px;
	background: white;
}

.toplinecell {
	border-top: solid 1px #999999;
	background: white;
}

.cornercell {
	background: url("images/topleftcorner.jpg");
	background-repeat: no-repeat;
	background-position: left middle;
	width: 9px;
	height: 10px;
}

.leftline {
	width: 10px;
	border-left: solid 1px #999999;
	background: white;
}

TR.topline {
	border-style: solid none none none;
	border-top-width: 3px;
	border-color: #808080;
}

.contentDiv {
	clear: none;
	float: left;
	padding: 1em;
	width: 100%;
	z-index: 1;
}

.logocell {
	text-align: left;
	vertical-align: middle;
	background: #FFFFFF;
}

.leftfade {
	background: url("images/bgfadeleft.jpg");
	background-repeat: repeat-y;
	background-position: right;
}

.rightfade {
	background: url("images/bgfaderight.jpg");
	background-repeat: repeat-y;
}

.pipe {
	font-size: 24px;
}

.footer {
	text-align: center;
	background: #DFDFDF;
	clear: both;
	width: 100%;
	float: left;
	padding: 1em;
}

.whitecell {
	background: white;
	width: 150px;
}

.midwhitecell {
	width: 10px;
	background: white;
}

A, A:visited, A:active {
	text-decoration: none;
	color: #880000;
	font-weight: bold;
}

	A:hover {
		text-decoration: underline;
	}

.pagestatusdiv {
	font-size: 18px;
	text-align: center;
}

.pagetitle, h1 {
	font-size: 2.5em;
	font-family: Trebuchet ms, Helvetica, sans-serif;
	font-weight: bold;
	color: #3c3c3c;
}

.pagesubtitle {
	font-size: 16px;
	font-family: Trebuchet ms, Helvetica, sans-serif;
	font-weight: bold;
	color: #808080;
}

.undertitlerule {
	border-width: 0px;
	background: #880000;
	height: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.sectiontitle {
	font-weight: bold;
	font-size: 14px;
}

.sectionheadercell {
	padding: 2px 4px 2px 4px;
	background-color: #880000;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}

.listrulemain {
	border-width: 0px;
	background: #880000;
	height: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.thinrule {
	border-style: none;
	height: 1px;
	background-color: #000000;
}

.listrule {
	background: #999999;
	width: 100%;
	height: 1px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-width: 0px;
}

.largenumbers {
	color: #880000;
	font-size: 30px;
	font-weight: bold;
}

.mediumnumbers {
	color: #880000;
	font-size: 16px;
	font-weight: bold;
}

.mediumlabels, .negative, .positive {
	font-size: 16px;
	font-weight: bold;
	color: #808080;
}

.negative {
	color: #900;
}

.positive {
	color: #090;
}

.smalltext {
	font-size: 12px;
}

.altrow {
	background-color: #E6E6E6;
}

/* Vehicles.aspx */
.days {
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
}

.editMainColumn {
	float: left;
	width: 50%;
}

.lblcount {
	font-size: 2em;
}

.groupBox entryFormDiv div {
	padding: 1px;
}

/*Newer setup for filtering controls, 2014+ */
.filterDiv {
	float: left;
	padding: 5px;
	background-color: #F2F2F2;
	border: 1px solid #333333;
	font-size: 14px;
	width: 100%;
	margin-bottom: .5em;
	clear: both;
}

	.filterDiv .filtercolumn {
		margin-right: 20px;
		float: left;
	}


/*#region Grids */
.stdGrid {
	border: 2px solid #E0E0E0;
	font-size: 1em;
	width: 100%;
	float: left;
	display: table;
}

	.stdGrid * {
		transition: background-color 500ms, color 500ms;
	}

	.stdGrid .editColumn {
		width: 25px;
		text-align: center;
	}

	.stdGrid .deleteColumn {
		width: 50px;
		text-align: center;
	}

	.stdGrid .URLCode {
		padding-right: 10px;
	}

	.stdGrid th {
		padding: 10px;
		background-color: #F8F8F8;
		border-left: solid 1px #cccccc;
		white-space: nowrap;
	}

	.stdGrid td, .stdGrid th {
		padding: .5em;
		border-color: #cccccc;
		display: table-cell;
		vertical-align: middle;
	}

	.stdGrid td {
		border: none;
	}

		.stdGrid td > a {
			display: block;
			text-align: center;
			height: 100%;
			width: 100%;
			position: static;
			padding: 0.5em 1em;
			margin: -0.5em auto;
		}

	.stdGrid .fa-microchip {
		color: #900;
		display: block;
		font-size: 24px;
		width: 100%;
		height: 100%;
		text-align: center;
		padding: 0.5em 1em;
		margin: -0.5em auto;
		cursor: help;
	}

		.stdGrid td > a:hover, .stdGrid .fa-microchip:hover {
			background: #900;
			color: white;
			text-decoration: none;
		}

	.stdGrid td input[type="text"] {
		width: 100%;
	}

	.stdGrid tr:nth-of-type(2n+1) {
		background-color: #F5F5F5;
	}

	.stdGrid i:not([class*="far "]):not([class*="fas "]):not([class*="fal "]), .stdGrid em {
		font-size: .8em;
	}


.btnEditContent:before {
	content: "\f31c";
	display: block;
	font-size: 24px;
}

.stdGrid td > a.btnDeleteItem {
	color: #900;
}

	.stdGrid td > a.btnDeleteItem:before {
		content: "\f2ed";
		display: block;
		font-size: 24px;
	}

	.stdGrid td > a.btnDeleteItem:hover {
		background-color: #900;
		color: #FFF;
	}

.stdGrid td > a.btnEditItem:before {
	content: "\f044";
	display: block;
	font-size: 24px;
}

.stdGrid td > a.btnEditContent:before {
	content: "\f31c";
	display: block;
	font-size: 24px;
}

.stdGrid td > a.btnEditUser:before {
	content: "\f4ff";
	display: block;
	font-size: 24px;
}


.stdGrid td > a.btnViewItem {
	color: #AAA;
}

	.stdGrid td > a.btnViewItem:before {
		content: "\f08e";
		display: block;
		font-size: 24px;
	}

	.stdGrid td > a.btnViewItem:hover {
		background-color: #AAA;
		color: #FFF;
	}


.stdGrid td > a.btnView {
	color: #AAA;
}

	.stdGrid td > a.btnView:before {
		content: "\f06e";
		display: block;
		font-size: 24px;
	}

	.stdGrid td > a.btnView:hover {
		background-color: #AAA;
		color: #FFF;
	}

.stdGrid td > a.btnSettings:before {
	content: "\f013";
	display: block;
	font-size: 24px;
	color: #999;
}

.stdGrid td > a.btnSettings:hover {
	background-color: #999;
}

	.stdGrid td > a.btnSettings:hover:before {
		color: #FFF;
	}




.stdGrid td > a.btnSaveItem:before {
	content: "\f0c7";
	display: block;
	font-size: 24px;
	color: #090;
	font-weight: bold;
}

.stdGrid td > a.btnSaveItem:hover {
	background-color: #090;
}

	.stdGrid td > a.btnSaveItem:hover:before {
		color: #FFF;
	}


.stdGrid td > a.btnCancelItem:before {
	content: "\f05e";
	display: block;
	font-size: 24px;
	color: #999;
}

.stdGrid td > a.btnCancelItem:hover {
	background-color: #999;
}

	.stdGrid td > a.btnCancelItem:hover:before {
		color: #FFF;
	}


.stdGrid td > a.btnSearch:before {
	content: "\f002";
	display: block;
	font-size: 24px;
	color: #999;
}

.stdGrid td > a.btnSearch:hover {
	background-color: #999;
}

	.stdGrid td > a.btnSearch:hover:before {
		color: #FFF;
	}


.stdGrid td > a.btnStats:before {
	content: "\f080";
	display: block;
	font-size: 24px;
}

.stdGrid td > a.btnViewDoc:before {
	content: "\f15c";
	display: block;
	font-size: 24px;
}

.stdGrid td > a.btnLinks:before {
	content: "\f0c1";
	display: block;
	font-size: 24px;
}

.stdGrid td > a.btnCategories:before {
	content: "\f07c";
	display: block;
	font-size: 24px;
}

.stdGrid td > a.btnSelectItem:before {
	content: "\f33b";
	display: block;
	font-size: 24px;
}

.stdGrid td > .iconActive:before {
	content: "\f058";
	display: block;
	font-size: 24px;
	font-weight: bold;
	color: #2cb218;
	text-align: center;
	cursor: help;
}

.stdGrid td > .iconInactive:before {
	content: "\f057";
	display: block;
	font-size: 24px;
	font-weight: bold;
	color: #AAA;
	text-align: center;
	cursor: help;
}


.gridInfoIcon {
	text-align: center;
}

	.gridInfoIcon:before {
		font-family: "Font Awesome 5 Pro";
		content: "\f05a";
		font-size: 24px;
		color: #999;
	}

.stdGrid td > .btnTimestamp:before {
	content: "\f34e";
	color: #999;
	font-size: 24px;
}

/*#endregion Grids */

#dropmenudiv {
	position: absolute;
	border: 1px solid black;
	border-bottom-width: 0;
	font: normal 12px Verdana;
	line-height: 18px;
	z-index: 100;
}

	#dropmenudiv a {
		color: #204015;
		font-size: 10px;
		width: 100%;
		display: block;
		text-indent: 3px;
		border-bottom: 1px solid black;
		padding: 1px 0;
		text-decoration: none;
		font-weight: bold;
	}

		#dropmenudiv a:hover { /*hover background color*/
			background-color: #B9D2B2;
			color: #204015;
			text-decoration: none;
		}

.loginlink {
	color: White;
	font-weight: normal;
}

/*Modal Option Popups*/
.FlyoutDiv {
	overflow: scroll;
	padding-right: 4px;
	padding-left: 4px;
	font-size: 12px;
	padding-bottom: 4px;
	width: 300px;
	height: 450px;
	padding-top: 4px;
	background-color: #FBFBFB;
	border: 3px solid #32234C;
}

.modaloptionpane {
	padding-right: 4px;
	padding-left: 4px;
	font-size: 12px;
	padding-bottom: 4px;
	padding-top: 4px;
	z-index: 2000;
	position: fixed;
	*position: absolute;
	top: 75px;
	margin: auto;
	background-color: #FBFBFB;
	border: 3px solid #32234C;
}

.darkenBackground {
	background-color: rgb(0, 0, 0);
	opacity: 0.7; /* Safari, Opera */
	-moz-opacity: 0.70; /* FireFox */
	filter: alpha(opacity: 70); /* IE */
	z-index: 1000;
	background-repeat: repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}

.LocalHostTestMessage {
	padding: 2px;
	background-color: #EEE;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	width: 100%;
	color: #AA0000;
}


.entryformDisclaimer {
	border: 4px solid #688EA8;
	float: right;
	padding: 1em;
	width: 25%;
}

.entryformOuterDiv {
	float: left;
	width: 100%;
}

.entryFormDiv {
	padding: 1em;
	max-width: 600px;
}

.entryformOuterDiv .entryFormDiv {
	width: 50%;
}

.spoof {
	height: 0;
	width: 0;
	opacity: 0;
	overflow: hidden;
}

.entryFormDiv > div > div input[type='text'], .entryFormDiv > div > div select {
	margin: 0 auto;
	width: 100%;
	height: 30px;
	border: solid 2px #CCC;
	padding: .25em;
}


.entryFormDiv > div > div textarea {
	margin: 0 auto;
	width: 100%;
	border: solid 2px #CCC;
	padding: .25em;
}

.entryFormDiv > div > div input[type="checkbox"] {
	width: auto;
	display: inline;
	float: none;
	height: auto;
}

.entryFormDiv > div > div textarea {
	width: 100%;
}

.entryFormDiv div {
	width: 100%;
	float: left;
}

.entryFormDiv > div > div {
	float: left;
	margin-bottom: 5px;
	width: 50%;
}

.entryFormDiv > div.moneyInput > div {
	float: left;
	width: 95%;
	clear: none;
}

	.entryFormDiv > div.moneyInput > div:first-child {
		padding-top: .33em;
		width: 5%;
	}

div.submitDiv {
	padding: 0 .5em;
}

	div.submitDiv, div.submitDiv input, .entryFormDiv textarea {
		width: 100%;
	}

.entryFormDiv textarea {
	min-height: 6em;
}


.entryFormDiv div div.submitDiv input, div.submitDiv input, .submitDivHalf input {
	height: 50px;
	margin-top: 10px;
}

.submitDivHalf input {
	width: 40%;
	margin: 5%;
	float: left;
	clear: none;
}


/* autofill */

.autofillOuterDiv *, .autofillOuterDiv {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.autofillOuterDiv {
	position: relative;
	padding: 2em;
	float: left;
	width: 100%;
}

.autofillLeft, .autofillRight {
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
	float: left;
	padding: 5px 50px 33px;
	position: relative;
}

.autofillLeft {
	border-right: solid 1px #AAA;
	position: relative;
}

.autofillRight {
	position: relative;
}

.autofillLeft input {
	width: 100%;
	padding: 5px;
}

.autofillRight input {
	width: 80%;
	float: left;
	padding: 5px;
}

#btnSearchCustNo {
	padding: 0 .5em;
	font-size: 19px;
	border: solid 2px #AAA;
	color: #AAA;
	float: left;
	cursor: pointer;
	display: none;
}

.suggestionsHolder {
	float: left;
	clear: both;
	width: 100%;
}

.suggestionsDiv {
	display: none;
	width: 100%;
	min-height: 10px;
	position: absolute;
	left: 0;
	background: white;
	border: solid 1px #AAA;
	z-index: 1000;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 300px;
}

	.suggestionsDiv > p {
		padding: .5em;
		margin: 0;
		cursor: pointer;
	}

		.suggestionsDiv > p.hover {
			background-color: #990000;
			color: white;
		}

.loading {
	position: absolute;
	right: 17px;
	top: 6px;
	display: none;
}

.answerDiv {
	float: left;
	width: 100%;
	border-top: solid 1px #AAA;
	margin-top: 2em;
	display: none;
}

	.answerDiv h2 {
		text-align: center;
		width: 100%;
		font-size: 2em;
		color: #333;
		font-weight: bold;
		margin-top: 1em;
	}

/* Menu Style Neccessities - Do No Change*/

/* Main Menu - Basic necessities - Do not change*/

ul.topnav {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
}

	ul.topnav li {
		position: relative;
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		font-size: 19px;
		font-weight: bold;
		text-align: center;
	}

		ul.topnav li a, ul.topnav li span {
			display: block;
			float: none;
			height: 100%;
			width: 100%;
			border: 0;
			text-decoration: none;
			cursor: pointer;
			color: White;
			padding-top: 14px;
			padding-bottom: 14px;
			white-space: nowrap;
		}

		ul.topnav li span {
			cursor: default;
		}

		ul.topnav li a img {
			border: 0;
		}

		/* subnav - Basic necessities - Do not change*/
		ul.topnav li ul.subnav {
			position: absolute;
			left: 0;
			display: none;
			float: left;
			margin: 0;
			padding: 0;
			list-style: none;
			/*--Important - Keeps subnav from affecting main navigation flow--*/
		}

		ul.topnav li:last-child ul.subnav {
			right: 0;
			left: auto;
		}

		ul.topnav li ul.subnav li {
			width: 100%;
			clear: both;
			margin: 0;
			padding: 0;
		}

			ul.topnav li ul.subnav li a {
				width: 100%;
				display: block;
				white-space: nowrap;
				cursor: pointer;
				padding: 10px;
				font-size: .85em;
			}

.downArrow {
	display: none;
}

.hasChildren div.downArrow {
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #FFFFFF;
	height: 0;
	left: 5px;
	margin-top: 50%;
	padding-bottom: 0;
	position: relative;
	top: 16px;
	width: 0;
	display: inline;
}

ul.topnav li span.arrowSpan {
	padding: 0;
}
/*#endregion End Menu Style Neccessities */


/* -- use these styles for customization -- */
/* Main Menu (entire) */
ul.topnav {
	max-width: 650px;
	float: left;
}
	/* Main Menu Items */
	ul.topnav li {
		font-size: 14px;
		width: 14.28571428571429%;
	}
		/* Main Menu Item link */
		ul.topnav li a, ul.topnav li span {
			padding: 1.1em 0;
			color: #ffffff;
		}

		/* Main menu item background color */
		ul.topnav li:hover {
			background-color: #880000;
		}

		/* (entire) submenu  */
		ul.topnav li ul.subnav {
			background: #CCE1F0;
			border: 1px solid #111;
		}

			/* submenu item */
			ul.topnav li ul.subnav li {
				border-bottom: 1px solid #444;
			}

				/* submenu item hover */
				ul.topnav li ul.subnav li:hover {
					background: #C6DCFA;
				}

				/* submenu link */
				ul.topnav li ul.subnav li a {
					color: black;
				}

/* /Menu */


.formDiv > div {
	float: left;
	clear: left;
	width: 100%;
	margin-bottom: 10px;
}

	.formDiv > div > div {
		width: 75%;
		float: left;
	}

		.formDiv > div > div:first-child {
			padding-right: 10px;
			width: 25%;
			float: left;
		}

		.formDiv > div > div > input:not([type='checkbox']), .formDiv > div > div > select, .formDiv > div > div > textarea,
		.autoSuggestContainer input:not([type='checkbox']), .autoSuggestContainer textarea {
			width: 100%;
			max-width: 400px;
			border: solid 2px #DDD;
			padding: .25em;
		}

input[type="checkbox"], input[type="radio"] {
	margin: 4px;
}

.btn-group label {
	cursor: pointer;
	line-height: 0;
}

.itemFormDiv {
	max-width: 400px;
}


/*#region Orders Page */
.orderMapHolderDiv {
	width: 100%;
	height: 350px;
}

.orderLocationMap {
	background-color: #ccc;
	margin-bottom: 10px;
}

.mapLatLngHolder {
	line-height: 20px;
}

	.mapLatLngHolder label {
		-moz-transform: translateY(3px);
		-ms-transform: translateY(3px);
		-o-transform: translateY(3px);
		-webkit-transform: translateY(3px);
		transform: translateY(3px);
	}

	.mapLatLngHolder #txtLatitude, .mapLatLngHolder #txtLongitude {
		-moz-transform: translateY(3px);
		-ms-transform: translateY(3px);
		-o-transform: translateY(3px);
		-webkit-transform: translateY(3px);
		transform: translateY(3px);
		margin-right: 5px;
	}

.locationNotes {
	max-height: 250px;
	overflow-y: auto;
}

.bg-brightyellow {
	background-color: #FFF000 !important;
	color: black !important;
}

.prototype {
	display: none;
}

.loadingLocations {
	display: none;
}

#txtLocationSearch {
	width: 100%;
	max-width: 500px;
	padding: .5em;
	border: solid 2px #DDD;
}

#btnAddMapMarker, #btnMapFromAddress, #btnRemoveMapMarker {
	cursor: pointer;
	margin-top: 5px;
	margin-right: 15px;
	width: 25px;
	height: 25px;
	text-align: center;
	display: block;
	float: left;
	line-height: 25px;
	border: solid 1px #EEE;
	background: #F6F6F6;
	text-shadow: 1px 1px 0px #FFF;
}

#btnRemoveMapMarker {
	line-height: 22px;
}

	#btnAddMapMarker:hover, #btnMapFromAddress:hover, #btnRemoveMapMarker:hover {
		background: #FFF000;
		border: solid 1px #0073B7;
	}

.editingOrderItem .editOrderItem {
	color: #107600;
}

.editingOrderItem .deleteOrderItem {
	color: #999;
}

.editOrderItem, .deleteOrderItem {
	cursor: pointer;
}

.deleteColumn {
	position: relative;
}

	.deleteColumn .loading {
		position: absolute;
		-moz-transform: translateX(30px);
		-ms-transform: translateX(30px);
		-o-transform: translateX(30px);
		-webkit-transform: translateX(30px);
		transform: translateX(30px);
		right: 0;
		display: none;
	}

#hlAddNewOrderItem {
	cursor: pointer;
}

.mapSearchDiv {
	padding: .5em;
}

#txtSearchMap {
	width: 400px;
	padding: .25em;
	-moz-transform: translateY(3px);
	-ms-transform: translateY(3px);
	-o-transform: translateY(3px);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	margin-right: 5px;
}

.listfilters > div {
	float: left;
	margin-right: 25px;
}

	.listfilters > div > label {
		width: 100px;
	}

.listfilters .fullwidth {
	width: 100%;
	margin-bottom: 10px;
}

.statusFilters label {
	margin-bottom: 0px;
}

.txtDateRangePicker {
	width: 150px;
}

.gvOrdersList .fa-sticky-note {
	cursor: help;
}

#pickupGoogleSearch, #dropoffGoogleSearch {
	display: none;
}


/*#endregion /Orders Page */

/*#region Scheduling Page*/

.orderFilter {
	width: 100%;
	border: solid 1px #EEE;
	background: #F6F6F6;
	padding: 1em;
	margin-bottom: 10px;
	clear: both;
	float: left;
}

.scheduleRangePickerDiv {
	padding-top: 5px;
	padding-left: 10px;
}

	.scheduleRangePickerDiv label {
		margin-left: 0.5em;
	}

.scheduleColHolder {
	border: solid 2px #EEE;
}

.calendarDayHeader {
	position: absolute;
	top: 0;
	width: auto;
	left: 0;
	right: 0;
}

.calendarColumn, .unscheduledOrdersHolderDiv {
	padding: 5px;
	float: left;
}

.calendarColumn {
	position: relative;
	padding-top: 60px;
	width: 16.61%;
}

.calendarDiv {
	width: 80%;
	float: left;
	height: 60vh;
	overflow: auto;
}


.singleDay {
	float: left;
}

	.singleDay .calendarColumn {
		width: 100%;
	}

		.singleDay .calendarColumn .calendarDayDiv {
			white-space: nowrap;
			/*overflow-x: auto;*/
			width: 100%;
			height: 100%;
			min-height: 500px;
		}

		.singleDay .calendarColumn .driverDiv {
			width: 200px;
			float: none;
			display: inline-block;
			height: 100%;
			margin: 10px;
			white-space: normal;
		}

.unscheduledOrdersHolderDiv {
	float: left;
	height: 60vh;
	overflow: auto;
	width: 20%;
	border-left: solid 1px #EEE;
}

.calendarDayDiv, .calendarDayHeader, .driverHeading, .driverOrdersHolderDiv, .unscheduledOrdersDiv, .unscheduledOrdersHeader {
	width: 100%;
	float: left;
	padding: .5rem;
}

.driverHeading {
	clear: left;
	position: relative;
}

.unscheduledOrdersDiv {
	min-height: 100px;
	background: #F6F6F6;
}

.driverOrdersHolderDiv {
	padding: .5rem;
	min-height: 300px;
	padding-bottom: 100px;
}

.calendarDayHeader, .unscheduledOrdersHeader {
	text-align: center;
	font-weight: bold;
}

.driverDiv, .orderDiv, .orderDetailsDiv, .productUnitsDiv {
	width: 100%;
	float: left;
}

.driverDiv {
	margin-bottom: .5em;
	position: relative;
}

.driverPaging {
	display: none;
}

.driverHeading {
	font-weight: bold;
	width: 100%;
	float: none;
	margin: 0 auto;
	color: #3c8dbc;
	border-bottom: 2px solid #3c8dbc;
	line-height: 19px;
}

.orderDiv {
	background: #FFF;
	border: solid 1px #CCC;
	padding: .5em;
	margin-bottom: .25em;
	cursor: move;
	position: relative;
}

	.orderDiv.Delivered {
		background: rgb(230, 255, 230);
		border-color: rgb(0, 150, 0);
		cursor: not-allowed;
	}

		.orderDiv.Delivered:after {
			content: "Delivered";
			display: block;
			margin: 5px auto;
			margin-top: 10px;
			width: 80px;
			padding: .1em 0;
			text-align: center;
			clear: both;
			border: solid 1px rgb(0, 60, 0);
			color: rgb(0, 60, 0);
			background: white;
			border-radius: 4px;
			line-height: 16px;
			transform: translateY(7px);
		}

		.orderDiv.Delivered .orderControlsDiv i {
			background: rgb(230, 255, 230);
		}

		.orderDiv.Delivered .btnUnscheduleOrder {
			display: none;
		}

	.orderDiv .orderControlsDiv, .driverDiv .driverControlsDiv {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		height: 30px;
		/*background: rgba(0,0,0,.3);*/
		display: none;
		padding: 2px;
	}

div.cke_chrome {
	border: solid 2px #DDD;
	max-width: 396px;
}

.calendarDayDiv .orderDiv:hover .orderControlsDiv, .driverDiv:hover .driverControlsDiv, .unscheduledOrdersDiv .orderDiv:hover .orderControlsDiv {
	display: block;
}

	.unscheduledOrdersDiv .orderDiv:hover .orderControlsDiv .btnUnscheduleOrder {
		display: none;
	}

	.unscheduledOrdersDiv .orderDiv:hover .orderControlsDiv .hlSingleLoadsheet {
		display: none;
	}

.btnDriverMap, .btnDriverLoadSheet {
	width: 25px;
	height: 25px;
	float: right;
	cursor: pointer;
	font-size: 20px;
	text-align: center;
	line-height: 32px;
}


.orderDiv .fa, .orderDiv a {
	background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
	color: #3c8dbc;
	cursor: pointer;
	float: right;
	font-size: 20px;
	height: 25px;
	padding: 1px;
	text-align: center;
	width: 20px;
}
/*.btnUnscheduleOrder, .orderDiv .btnViewInGoogleMaps*/

.orderDiv p {
	padding-top: 0;
	margin-top: 0;
}

.productNameDiv {
	font-size: 0.8em;
}

	.productNameDiv > span {
		width: 100%;
		display: block;
	}

.dispatchNote {
	float: left;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.orderDiv .dispatchNoteIcon, .dispatchNoteIcon {
	color: red;
	float: none;
}

.dispatchNoteIcon {
	margin-left: 5px;
}

.moveDivPlaceHolder {
	border: dashed 2px #999;
	background: white;
}

.lblStatus {
	cursor: default;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.callDayBefore {
	background-color: #9ec8e0;
	border-radius: 3px;
	color: #fff;
	float: right;
	font-size: 12px;
	padding: 2px 2px 0 0;
}

	.callDayBefore .fa {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		color: #fff;
		float: left;
		font-size: inherit;
		height: inherit;
	}

.reqDeliveryDate {
	clear: right;
}



/*#region Scheduling Map */

.scheduleColHolder.routeMapHolder .btnDriverMap {
	display: none;
}

.scheduleColHolder.routeMapHolder .calendarDiv.singleDay {
	width: 20%;
}

	.scheduleColHolder.routeMapHolder .calendarDiv.singleDay .driverDiv {
		width: 100%;
		margin: 0;
	}

.googleMapHolderDiv {
	width: 60%;
	float: left;
	display: none;
	height: 60vh;
}

#map_canvas {
	height: 100%;
	width: 100%;
}

.scheduleColHolder.routeMapHolder .googleMapHolderDiv {
	display: block;
}

.routeMapHolder .notFoundOnMap {
	border-color: #990000;
	background-color: #FFEEEE;
}

	.routeMapHolder .notFoundOnMap.orderDiv .fa, .routeMapHolder .notFoundOnMap.orderDiv a {
		background-color: #FFEEEE;
	}

.mapPointLetterDiv {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0.15em 0.5em;
	background-color: #6BB62F;
	color: #FFF;
}

.orderDiv:last-of-type .mapPointLetterDiv {
	background-color: #F34840;
}

.routeMapHolder .driverPaging {
	display: block;
	float: left;
	width: 100%;
	padding: 0 .25em;
	border-top: solid 2px #0073B7;
	color: #0073B7;
	height: 27px;
	font-size: 21px;
	position: relative;
	line-height: 25px;
}

.driverPageRight, .driverPageLeft, .driverBackToCalendar {
	cursor: pointer;
	position: absolute;
	top: 0px;
}

.driverPageRight {
	right: 0;
}

.driverPageLeft {
	left: 0;
}

.driverBackToCalendar {
	position: absolute;
	left: 0;
	right: 0;
	width: 21px;
	margin: auto;
}

.driverDiv:first-of-type .driverPageLeft, .driverDiv:last-of-type .driverPageRight {
	display: none;
}

.productsSummary, .stopsSummary, .driveTimeSummary {
	background-color: #F6F6F6;
	font-size: 14px;
	display: none;
}

.routeMapHolder .productsSummary, .routeMapHolder .stopsSummary, .routeMapHolder .driveTimeSummary {
	display: block;
}

.productsSummary > span, .stopsSummary > span, .driveTimeSummary > span {
	width: 100%;
	display: block;
	padding: 0 5px;
}

/*#endregion /Scheduling Map */


/*#endregion /Scheduling Page*/




@media (max-width: 1000px) {
}


@media (max-width: 640px) {
	body {
		font-size: 16px;
	}

	.pagetitle, h1 {
		padding-left: .75em;
		font-size: 1.5em;
	}

	input, textarea {
		font-size: 16px;
	}



	.entryFormDiv div, .entryFormDiv div div, .editMainColumn, .groupBox {
		width: 100%;
		clear: both;
	}

	ul.topnav {
		width: 100%;
	}

	.username {
		font-size: .75em;
	}
}

@media print {
	body {
		background: white;
		font-size: 16pt;
		color: black;
	}

	* {
		color: black !important;
	}

	.noprint, .topstrip, .rightmenu, .screen, .footer, .LocalHostTestMessage {
		display: none;
	}

	.filterDiv {
		background: white;
		font-size: 16pt;
		border: 0;
	}

		.filterDiv input[type="text"], .filterDiv select {
			border: 0;
			font-weight: bold;
			/*padding: .5em;*/
			font-size: 16pt;
		}

		.filterDiv input[type="button"], .btns {
			display: none;
		}

	.icon_Shipped, .negative, .positive, .mediumlabels {
		font-size: 16pt !important;
	}

	.dateRangeTextboxHolder > div.dateTextDiv {
		padding-top: 0 !important;
	}
}



/*#region Gridview Search Control */
.gridviewSearchDiv, .noneFoundDiv {
	margin-top: .5em;
	padding: .75em;
	border: solid 1px #DDD;
	background: #F5F5F5;
	max-width: 100%;
	float: left;
	clear: both;
}

.gridviewSearchDiv {
	border-bottom: 0;
	width: 600px;
}

.noneFoundDiv {
	width: 100%;
	margin-top: 0;
	padding: 3em;
	text-align: center;
	border-left: 0;
	border-right: 0;
}

.gridviewSearchDiv > div {
	width: 50%;
}

.gridviewSearchDiv > div, .gridviewSearchDiv input {
	float: left;
}

.gridviewSearch {
	border: 2px solid #ddd;
	font-size: 1em;
	padding: 0.25em;
	background: white url("/resources/images/icon-filter.png") no-repeat center right .5em / auto 80%;
	width: 100%;
}

.gridviewSearchCount {
	font-size: 0.8em;
	padding: 0.7em 0.5em 0.5em 1em;
}

/*#endregion Gridview Search Control */


/* Customers Page */

.customerLocationsDiv {
	border-top: solid 2px #EEE;
	margin-top: 20px;
	padding-top: 20px;
}



/* /Customers Page */