/* ---- GENERAL STYLES ------ */

.smlLogo {
	width: 72px;
}

a#top-co-branding {
  color: white;
  position: absolute;
  z-index: 1000;
  top: 0px;
  left: 5px;
  padding: 10px 12px;
  font-size: 16px;
  text-shadow: none;
  text-decoration: none;
  cursor: pointer;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	a.navbar-brand {
		padding: 1px !important;
	}
}
@media (min-width: 1200px) {
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	a#top-co-branding {
		margin-left: 8.334%;
	}
}
/* ---- END GENERAL STYLES ------ */



/* ---- CUSTOM COLORS ------ */
/*.navbar { background: #1177cc; border-bottom: 2px solid #004499; }*/
.navbar { background: #1177cc; border-bottom: 1px solid #1177cc; box-shadow: 0px 0px 5px 0px #ddccff inset; }
/*a.navbar-brand { min-height: 40px; padding: 1px !important; background: #0066bb; border-bottom: 0px solid #004499; }*/
a.navbar-brand { min-height: 40px; padding: 1px !important; background: #0066bb; border-bottom: 0px solid #004499; box-shadow: 0px 0px 4px 0px #8899cc inset; }
a.navbar-brand.noBg { background: #0066bb; }
a.navbar-brand:hover { background: #0055aa; }

/*.header-nav a.btn:hover { background: #2288dd; }*/
.header-nav a.btn:focus,
.header-nav a.btn:hover { background: #2288dd; box-shadow: 0px 0px 5px 0px #aabbdd inset; }

.navbar a:hover i {
  opacity: inherit !important;
  filter: none !important;
  -ms-filter: "" !important;
}

/*.navbar .nav { margin-top: 5px; }*/ /* space the upper right button bar down some */

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
/*.navbar .nav li.dropdown.open.active > .dropdown-toggle { background-color: #2288dd; }*/
.navbar .nav li.dropdown.open.active > .dropdown-toggle { background-color: #2288dd; box-shadow: 0px 0px 5px 0px #004499 inset; }


.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a { background: #44aaff; }



.sidebar-nav > ul > li > ul,
.sidebar-nav > ul > li > ul > li > ul {
  list-style: none;
  display: none;
  margin: 0px 0px;
}
.nav-tabs.nav-stacked > li > a,
.nav-tabs.nav-stacked > li > ul > li > a,
.nav-tabs.nav-stacked > li > ul > li > ul > li > a {
  padding: 10px 15px;
  color: #fff;
  border: none;
  background: transparent;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  text-decoration: none;
  display: block;
}
.nav-tabs.nav-stacked > li > ul > li > a {
  padding: 10px 20px;
  margin-left: -40px;
}
.nav-tabs.nav-stacked > li > ul > li > ul > li > a {
  padding: 10px 20px;
  margin-left: -70px;
}
.nav-tabs.nav-stacked > li > a > i,
.nav-tabs.nav-stacked > li > ul > li > a > i,
.nav-tabs.nav-stacked > li > ul > li > ul > li > a > i {
  margin-right: 10px;
  width: 20px;
  display: inline-block;
  text-align: center;
}
.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > ul > li > a:hover,
.nav-tabs.nav-stacked > li > ul > li > ul > li > a:hover {
  background: #2d323d;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.nav-tabs.nav-stacked > li.active > a,
.nav-tabs.nav-stacked > li > ul > li.active > a,
.nav-tabs.nav-stacked > li > ul > li > ul > li.active > a {
  background: #2d323d;
}
.nav-tabs.nav-stacked > li.active > a:hover,
.nav-tabs.nav-stacked > li > ul > li.active > a:hover,
.nav-tabs.nav-stacked > li > ul > li > ul > li.active > a:hover {
  border: none;
  color: white;
}
.nav-tabs.nav-stacked > li.active > ul,
.nav-tabs.nav-stacked > li.active > ul > li > ul {
  padding: 5px 0px;
  background: #2d323d;
}


.separateCoMenu {
	border-bottom: 1px solid #555566;
	border-top: 1px solid #222222;
	background-color: #2a303d;
}


/*.box .box-header { background: #3399ee; }
.box .box-header h2 i { background: #2288dd; }
.box .box-header .box-icon { background: #2288dd; }*/
/* WITH LIGHT INNER SHADOW */
.box .box-header { background: #3399ee; border: 1px solid #44aaee; box-shadow: 0px 0px 5px 0px #ddddee inset; }
.box .box-header h2 i { background: #2288dd; border: 0px solid #3399dd; box-shadow: 0px 0px 5px 0px #bbccee inset; }
.box .box-header .box-icon { background: #2288dd; border: 0px solid #3399dd; box-shadow: 0px 0px 5px 0px #bbccee inset; }
/* END WITH LIGHT INNER SHADOW */

.btn-default[disabled] {
	border: 1px solid #bbbbbb;
	background-color: #f8f8f8;
}
.btn-primary {
  color: #ffffff;
  background: #3399ee;
}
.btn-primary:hover,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #1177cc;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #1177cc;
}

.btn-orange,
.btn-orange:active,
.btn-orange:focus,
.btn-orange.active {
	color: #ffffff;
	/* background-color: #ff9955; */
	background-color: #ff9922;
}
.btn-orange:hover {
	color: #ffffff;
	background-color: #ff8814;
}

.btn-dkgreen,
.btn-dkgreen:active,
.btn-dkgreen:focus,
.btn-dkgreen.active {
	color: #ffffff;
	background-color: #44aa44;
}
.btn-dkgreen:hover {
	color: #ffffff;
	background-color: #339933;
}

.btn-dkred,
.btn-dkred:active,
.btn-dkred:focus,
.btn-dkred.active {
	color: #ffffff;
	background-color: #ee3333;
}
.btn-dkred:hover {
	color: #ffffff;
	background-color: #dd2222;
}

.btn-purple,
.btn-purple:active,
.btn-purple:focus,
.btn-purple.active {
	color: #ffffff;
	background-color: #aa22aa;
}
.btn-purple:hover {
	color: #ffffff;
	background-color: #991199;
}

/* ---- END CUSTOM COLORS ------ */


TH.unused {
	background-color: #eeeeee;
}


.tab-menu.nav-tabs li a:hover {
	background-color: #44aaff;
}











/* ---- ACTION REQUESTS ---- */
.requestType {
	font-family: arial;
	color: #666666;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	margin-top: 7px;
	margin-bottom: 12px;
}
.requestCol {
	margin-top: 20px;
}
.standardRequest {
	border: 1px solid #aaaaaa;
	background-color: #eeeeee;
	color: #666666;
	text-shadow: 1px 1px 1px #bbbbbb;
}
.standardRequestName, .standardRequestName a {
	color: #333333;
	font-size: 13px;
	text-shadow: 1px 1px 1px #dddddd;
}
.moverRequest {
	border: 1px solid #dd6622;
	background-color: #f89955;
	color: #ffffff;
	text-shadow: 1px 1px 1px #444444;
}
.moverRequestName, .moverRequestName a {
	color: #dd7733;
	font-size: 13px;
	text-shadow: 1px 1px 1px #dddddd;
}
.helperRequest {
	border: 1px solid #771188;
	/* background-color: #aa44bb; */
	background-color: #9248b8;
	color: #ffffff;
	text-shadow: 1px 1px 1px #444444;
}
.helperRequestName, .helperRequestName a {
	color: #aa44bb;
	font-size: 13px;
	text-shadow: 1px 1px 1px #dddddd;
}
.fsRequest {
	border: 1px solid #222288;
	background-color: #4444dd;
	color: #ffffff;
	text-shadow: 1px 1px 1px #444444;
}
.fsRequestName, .fsRequestName a {
	color: #3333ff;
	font-size: 13px;
	text-shadow: 1px 1px 1px #dddddd;
}
.moverRequest.urgent,
.helperRequest.urgent,
.fsRequest.urgent {
	border: 1px solid #ee5555;
	background-color: #ee6666;
	text-shadow: 1px 1px 1px #444444;
}
.standardRequest.urgent {
	border: 1px solid #ee5555;
	background-color: #ee6666;
	color: #ffffff;
	text-shadow: 1px 1px 1px #444444;
}
.requestTbl {
	border-collapse: collapse;
	width: 100%;
	font-size: 12px;
	/* margin: 0 1% 0 1%; */
	margin: 3px 0;
}

.hahAR {
	border: 1px solid #181;
	background-color: #4c4;
	color: #ffffff;
}
.hahAR.urgent {
	border: 6px solid #e88;
	background-color: #4c4;
	color: #ffffff;
}
/* ---- END ACTION REQUESTS ---- */








/* ---- ADD CC DIALOG ---- */
.addCCDialog .success-body {
	color: #00aa00;
	/* font-weight: bold; */
}

.addCCDialog .ccErrorBox {
	color: #aa0000;
}
/* ---- END ADD CC DIALOG ---- */


/* ---- CHARGE CC ---- */
.transHistoryBox {
	/* background-color: #fff; */
}
.transHistoryBox .transactionRow {
	background-color: #fafafa;
}
.ccErrorBox {
	color: #aa0000;
	margin-top: 15px;
}
.transactionAmount {
	font-weight: bold;
	text-align: right;
}
.failedTrans {
	color: #ff9999;
	font-style: italic;
}
.refundTrans {
	/* color: #44bb44; */
	color: #2288ff;
	/* font-style: italic; */
}
.addlTransInfo {
	font-size: 10px;
	font-style: italic;
}
/* ---- END CHARGE CC ---- */





/* ---- AFFILIATE VIEWER ---- */
.affiliatesView .dd {
	width: 100%;
}

.affiliatesView .dd .affiliatecode {
	color: #999999;
}

.affiliatesView .dd-list .dd-list {
	padding-right: 30px;
	border-left: 1px dashed #cccccc;
	border-right: 1px dashed #cccccc;
}
.affiliatesView .dd-list .dd-list .dd-handle {
	font-weight: normal;
}

.affiliatesView .dd-item > button {
	text-indent: 0;
}

.affiliatesView .dd-item > button:before {
  content: none;
}
.affiliatesView .dd-item > button[data-action="collapse"]:before {
  content: none;
}

.affiliatesView .dd-item .addlInfo {
	color: #999999;
	font-weight: normal;
	font-size: 14px;
}
/* ---- END AFFILIATE VIEWER ---- */





/* ---- ASSIST POP UPS ---- */
#assistBox {
	z-index: 9999;
}

.assistButton {
	/* min-width: 14px; */
	min-width: 16px;
	/* height: 14px; */
	height: 16px;
	/* line-height: 12px; */
	line-height: 14px;
	font-family: arial;
	/* font-size: 12px; */
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	background-color: #EEEEEE;
	display: inline-block;
	padding: 1px;
	margin: 0;
	border: 1px solid;
	border-radius: 3px;
	text-align: center;
	vertical-align: middle;
}
.assistButtonReq {
	color: #6699CC;
	border-color: #6699CC;
}
.assistButtonVerb {
	color: #CC5555;
	border-color: #CC5555;
}
.assistButtonHelp {
	color: #9966CC;
	border-color: #9966CC;
}
.assistButtonGrey {
	color: #555555;
	border-color: #444444;
}
.assistButton.assistIcon {
	color: #888888;
	/* border-color: #444444; */
	background-color: inherit;
	border: none;
	font-size: 17px;
}
.assistPopup {
	position: absolute;
	display: none;
	width: 200px;
	background-color: #FFFFFF;
	color: #000000;
	/* font-family: calibri; */
	box-shadow: 0px 2px 8px 1px #444444;
	border-radius: 3px;
}
.assistReq {
	border: 2px solid #5588BB;
}
.assistVerb {
	border: 2px solid #DD8888;
}

.assistHelp {
	border: 2px solid #8855BB;
}

.assistGrey {
	/* border: 2px solid #9966CC; */
	border: 2px solid #555555;
}
.assistPopup table {
	/*width: 200px;*/
	width: 100%;
	border-collapse: collapse;
}
.assistPopup .assistTitleRow {
	/*border-bottom-style: solid;
	border-bottom-color: #EEEEEE;*/
	box-shadow: 0px 2px 4px #888888;
	color: #ffffff;
	text-shadow: 1px 1px 1px #555555;
}
.assistReq .assistTitleRow {
	background-color: #6699DD;
}
.assistVerb .assistTitleRow {
	background-color: #EE7777;
}

.assistHelp .assistTitleRow {
	background-color: #9966CC;
}

.assistGrey .assistTitleRow {
	/* background-color: #DDDDFF; */
	background-color: #666666;
}
.assistPopup .assistTitle {
	text-align: left;
	cursor: move;
	padding-left: 4px;
}
.assistPopup .assistClose {
	width: 20px;
	text-align: center;
	vertical-align: top;
	line-height: 6px;
	padding-top: 5px;
	cursor: pointer;
	color: #ffffff;
}
/* .assistReq .assistClose {
	color: #6699CC;
}
.assistVerb .assistClose {
	color: #CC5555;
}
.assistHelp .assistClose {
	color: #9966CC;
} */
.assistPopup .assistContents {
	padding: 4px;
}
.requiredText {
	color: #2255AA;
}
.verbatimText {
	color: #CC5555;
}
.helpText {
	/*color: #8855BB;*/
	color: #442266;
}
/* ---- END ASSIST POP UPS ---- */







/* ---- ATTACH FILE DIALOG STYLES ---- */
.attachFileDialog {
	overflow-y: auto;
}
/* ---- END ATTACH FILE DIALOG STYLES ---- */







/* ---- CALENDAR STYLES ---- */
.calendarHeader button {
	margin: 5px 3px 0px 0px;
	padding: 3px 8px;
	background-color: #2288dd;
	text-shadow: 1px 1px 1px #888888;
	box-shadow: 0px 0px 3px 0px #66ccff;
}

.calendarHeader button.active {
	color: #ffffff;
	background-color: #ff9922;
	/* border: 1px solid #dd7700;
	text-shadow: 1px 1px 1px #888888; */
	/* box-shadow: 0px 0px 2px 0px #ffffff; */
	box-shadow: 0px 0px 2px 0px #998877 inset;
}

.outboundTypes div {
	margin-bottom: 3px;
}
.outboundTypes div span {
	display: inline-block;
	border: 1px solid #666666;
	border-radius: 3px;
	padding: 0px 5px;
	line-height: 15px;
	min-width: 80px;
	text-align: center;
}
.outboundGreen	{ color: #119911; border-color: #119911 !important; }
.outboundGold	{ color: #DAA520; border-color: #DAA520 !important; }
.outboundLtBlue	{ color: #5b9bd5; border-color: #5b9bd5 !important; }
.outboundPurple	{ color: #8A2BE2; border-color: #8A2BE2 !important; }
.outboundMagenta{ color: #bb0088; border-color: #bb0088 !important; }
.outboundRed	{ color: #cc0000; border-color: #cc0000 !important; }
.outboundNavyBlue { color: #0000dd; border-color: #0000dd !important; }
.outboundOrange	{ color: #ee7700; border-color: #ee7700 !important; }
.outboundBlue	{ color: #00008B; border-color: #00008B !important; }

/* ---- END CALENDAR STYLES ---- */




/* ---- CLAIMS TAB STYLES ---- */
.claimsFields .row {
	margin-top: 16px;
}

.claimsTab .btn:not(.btn-saveform) {
	height: 24px;
	line-height: 24px;
	padding: 0 5px 0 5px;
	/* margin: 0; */
}

.claimsTab .claimsFields .fa {
	color: #77aaff;
	cursor: pointer;
	margin-left: 10px;
	font-size: 16px;
}

.claimsTab .claimsFields .btn.claimUseJobAddress {
	text-align: center;
	min-width: 200px;
}

.claimsTab .claimsFields .btn.claimUseJobAddress .fa {
	color: #ffffff;
}

.claimsTab .claimsFields .fa.red {
	/* display: none; */
	color: #ff8888;
}
/* ---- END CLAIMS TAB STYLES ---- */








/* ---- COMPACT STYLES ---- */

.compactContents div {
	/*margin: 1px;
	padding: 0;*/
	
}

.compactContents .filterOptions .row {
	margin-bottom: 6px;
}

.compactContents label {
	/*margin: 1px;
	padding: 0;*/
	/*font-size: 12px;*/
}

.compactContents .form-group {
	/*margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;*/
}

.compactContents input,
.compactContents span.input-group-addon,
.compactContents select {
	height: 24px;
	padding: 2px;
}

.compactContents span.input-group-addon {
	min-width: 25px;
}

.compactContents button {
	/*margin: -5px 3px 4px 2px;*/
	margin: 2px 3px 4px 2px;
	padding: 1px 5px 2px 5px;
	height: 24px;
	min-width: 25px;
}

.compactContents th  {
	font-size: 13px;
	padding: 3px 4px !important;
}

.compactContents td {
	font-size: 13px;
	padding: 2px 2px !important;
}


/*-- Below was added to accommodate BD Agents page --*/
.compactContents .box-header {
	height: 24px;
}
.compactContents .box-header h2 {
	height: 24px;
	padding: 3px 2px 0px 3px;
	margin: 0;
	font-size: 14px;
}
.compactContents .box-header .fa {
	width: 28px;
	height: 24px;
	padding: 0;
	margin-left: -3px;
	font-size: 14px;
	line-height: 24px;
}
/*.compactContents .box-icon .fa {*/
.compactContents .box .box-header .box-icon i {
	width: 28px;
	height: 14px;
	padding: 0;
	margin-top: 0px;
	margin-left: 0px;
	font-size: 14px;
	line-height: 14px;
}

/* ---- END COMPACT STYLES ---- */





/* ---- BEGIN CONTACT HISTORY STYLES ---- */
.expandContactHistory {
	cursor: pointer;
	text-align: center;
	color: #aaaaaa;
	font-family: arial;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px #FFF;
}

.contactHistoryBox {
	margin-top: 12px;
	/* background-color: #ffe2c2; */
	border: 1px solid #dddddd;
	border-radius: 3px;
	color: #777777;
	/* box-shadow: 0px 0px 10px 0px #cccccc inset; */
	padding: 10px;
}

.contactHistoryBox table {
	width: 100%;
}

.contactHistoryBox .chHeadings > th {
	font-weight: bold;
	color: #888;
}
/* ---- END CONTACT HISTORY STYLES ---- */




/* ---- BEGIN CORP RELO CUST SERVICE CLASSES ---- */

/* .crCustServiceRow .customername {
	display: inline-block;
	cursor: pointer;
	min-width: 120px;
	padding: 0px 2px;
	border-radius: 3px;
} */

.crCustServiceRow.crcsReturnedSA,		.crCustServiceRow.crcsReturnedSA a		{ color: #ffffff; background-color: #3366ff; }	/* blue */
.crCustServiceRow.crcs4DaysOut,			.crCustServiceRow.crcs4DaysOut a			{ color: #ffffff; background-color: #660099; }	/* purple */
.crCustServiceRow.crcsDayBeforePack,	.crCustServiceRow.crcsDayBeforePack a	{ color: #000000; background-color: #ff99ff; }	/* pink */
.crCustServiceRow.crcsDayOfPack,		.crCustServiceRow.crcsDayOfPack a		{ color: #ffffff; background-color: #996633; }	/* brown */
.crCustServiceRow.crcsDayAfterPack,		.crCustServiceRow.crcsDayAfterPack a		{ color: #000000; background-color: #cccccc; }	/* grey */
.crCustServiceRow.crcsDayBeforeLoad,	.crCustServiceRow.crcsDayBeforeLoad a	{ color: #ffffff; background-color: #cc0000; }	/* red */
.crCustServiceRow.crcsDayOfLoad,		.crCustServiceRow.crcsDayOfLoad a		{ color: #000000; background-color: #ffcc00; }	/* yellow */
.crCustServiceRow.crcsDayAfterLoad,		.crCustServiceRow.crcsDayAfterLoad a		{ color: #000000; background-color: #ffffff; }	/* white */
.crCustServiceRow.crcsDayBeforeUnload,	.crCustServiceRow.crcsDayBeforeUnload a	{ color: #ffffff; background-color: #66ccff; }	/* light blue */
.crCustServiceRow.crcsDayOfUnload,		.crCustServiceRow.crcsDayOfUnload a		{ color: #ffffff; background-color: #006600; }	/* green */
.crCustServiceRow.crcsDayAfterUnload,	.crCustServiceRow.crcsDayAfterUnload a	{ color: #ffffff; background-color: #000000; }	/* black */

/* ---- END CORP RELO CUST SERVICE CLASSES ---- */




/* ---- BASIC FORM ---- */
#BasicOrderForm button {
	margin: -5px 3px 4px 2px;
}

#BasicOrderForm .has-error input {
	background-color: #ffaaaa;
}


#BasicOrderForm .box-header {
	height: 24px;
}
#BasicOrderForm .box-header h2 {
	height: 24px;
	padding: 3px 2px 0px 3px;
	margin: 0;
	font-size: 14px;
}
#BasicOrderForm .box-header .fa {
	width: 28px;
	height: 24px;
	padding: 0;
	margin-left: -3px;
	font-size: 14px;
	line-height: 24px;
}
#BasicOrderForm .box-icon .fa {
	width: 28px;
	height: 14px;
	padding: 0;
	margin-top: 0px;
	margin-left: 0px;
	font-size: 14px;
	line-height: 14px;
}



/*#BasicOrderForm div {
	padding: 0 !important;
	margin: 2px !important;
}
#BasicOrderForm label,
#BasicOrderForm input {
	padding: 0 !important;
	margin: 0 !important;
}*/
#BasicOrderForm fieldset label {
	margin: 1px;
	padding: 0;
	
	font-size: 12px;
}

#BasicOrderForm fieldset .form-group {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

#BasicOrderForm input,
#BasicOrderForm span.input-group-addon,
#BasicOrderForm select {
	height: 24px;
	padding: 2px;
}

#BasicOrderForm span.input-group-addon {
	min-width: 25px;
}

#BasicOrderForm fieldset div {
	/*padding: 3px;*/
}
/* ---- END BASIC FORM ---- */




/* ---- BUSINESS DEVELOPMENT AGENTS ---- */
.busDevAccounts .table { width: auto; min-width: 650px }
.busDevAccounts .table th { text-align: center; font-size: 12px; }
.busDevAccounts .table td { min-width: 100px; }
.busDevAccounts .table .createdon { text-align: center; }
.busDevAccounts .agentTable .title { min-width: 150px; }
.busDevAccounts .table.referralTable { width: auto; min-width: 450px }

.busDevAccounts .options span {
	margin: 0px 0px 0px 5px;
	color: #77aaff;
	cursor: pointer;
	font-size: 13px;
}
/* ---- END BUSINESS DEVELOPMENT AGENTS ---- */




/* ---- BUSINESS DEVELOPMENT AGENT REPORT ---- */
/*.busDevAgentReport .filterOptions .datepicker .dow,
.busDevAgentReport .filterOptions .datepicker .day {
.datepicker .day {
	display: none !important;
}*/

.busDevAgentReport .datatable TH {
	text-align: center;
}

.busDevAgentReport .datatable TFOOT TD {
	padding: 0;
}

.busDevAgentReport .datatable .progress {
	border-radius: 0px !important;
	margin: 0px 0px 0px 0px;
}

th.tier1 { background-color: #ffe8dd !important; }
th.tier2 { background-color: #e2eeff !important; }
th.tier3 { background-color: #eefcdd !important; }

td.tier1 { background-color: #fff2ec !important; }
td.tier2 { background-color: #edf8ff !important; }
td.tier3 { background-color: #f8fce8 !important; }

.progress-bar.tier1 { background-color: #ffb8ad !important; }
.progress-bar.tier2 { background-color: #a2beff !important; }
.progress-bar.tier3 { background-color: #beffad !important; }

.progress.overlay { background-color: inherit; }
.progress.overlay .progress-bar.tier1,
.progress.overlay .progress-bar.tier2,
.progress.overlay .progress-bar.tier3 {
	background-color: #444444 !important;
	opacity: 0.3;
}
/* ---- END BUSINESS DEVELOPMENT AGENT REPORT ---- */





.busDevAffReport .dd {
	width: 100%;
}

.busDevAffReport .dd .affiliatecode {
	color: #999999;
}

.busDevAffReport .dd-list .dd-list {
	padding-right: 30px;
	border-left: 1px dashed #cccccc;
	border-right: 1px dashed #cccccc;
}
.busDevAffReport .dd-list .dd-list .dd-handle {
	font-weight: normal;
}

.busDevAffReport .dd-item > button {
	text-indent: 0;
}

.busDevAffReport .dd-item > button:before {
  content: none;
}
.busDevAffReport .dd-item > button[data-action="collapse"]:before {
  content: none;
}





.numberRight {
	text-align: right;
}

.numberInput {
	text-align: right;
}

label.moneyIn {
	color: #48bb38;
}

label.moneyOut {
	color: #cc4444;
}

input.moneyIn {
	background-color: #eeffdd;
}
input.moneyIn:disabled {
	background-color: #ddffcc;
}

input.moneyOut {
	background-color: #ffdddd;
}
input.moneyOut:disabled {
	background-color: #ffcccc;
}

.hoursRateTotal {
	padding: 0;
	margin: 0;
}
.hoursRateTotal .formSymbol {
	color: #aaaaaa;
	text-align: center;
	margin-top: 20px;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	/*width: 10px;*/
}
.formSymbol .fa {
	margin-top: 6px;
}
.formSymbol .text {
	font-family: arial;
	font-size: 20px;
	font-weight: bold;
}




.laborSearchScrollBox {
	overflow-y: auto;
	height: 75px;
	border: 1px solid #EEEEEE;
}

.laborSearchResults {
	list-style: none;
	font-size: 13px;
	padding: 0;
}

.laborLink {
	color: #1e8fc6;
	cursor: pointer;
}
.laborLink:hover {
	color: #36a9e1
}


/* Customized styles for SML, departing from or supplementing the SimpliQ styles */
.textclock {
	color: #888888;
	font-size: 14px;
	line-height: 16px;
	font-weight: 300;
	margin-top: 6px;
	white-space: nowrap;
}

.textclock .clocktime {
	font-size: 16px;
	font-weight: 400;
}

.step-pane textarea {
	min-height: 100px;
	width: 100%;
}


/* Message block definitions, for example for order form messages/comments */
.msgBlock .msgList {
	list-style: none;
	padding: 0;
}
.msgBlock .msgList li {
	padding: 5px;
}
.msgBlock .msgList .avatar {
	float: left;
	height: 40px;
	width: 40px;
	margin-top: 5px;
	margin-right: 10px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
}
.msgBlock .msgList .name,
.msgBlock .msgList .time {
	color: #444444;
}
.msgBlock .msgList .name {
	font-weight: 600;
}
.msgBlock .msgList .time {
	font-size: 12px;
}



/* ----- "Basic Calendar" customizations ----- */
.basicCalendar .fc-event {
	box-shadow: 0px 0px 3px 0px #dddddd;
	text-shadow: 1px 1px 1px #888888;
}
/* ----- End "Basic Calendar" customizations ----- */


/* ----- Calendar customizations ----- */
.tooltip-calendar-title {
	min-width: 200px;
	color: #666666;
	font-weight: bold;
}

.tooltip-calendar-text {
	min-width: 200px;
	color: #666666;
}

.fc-event {
	box-shadow: 0px 0px 3px 0px #dddddd;
	/* text-shadow: 1px 1px 1px #eeeeee; */
}

.fc-event-inner {
	/*color: #EEEEEE;*/
}

.fc-event-inner:hover {
	/*color: #FFFFFF;*/
	/*color: #FF0000;*/
	color: #4455ee;
}

/*.fc-view-month td {
	vertical-align: top;
}

.fc-view-month td div {
	
	min-height: 120px;
	vertical-align: top;
	border: 1px solid red;
}*/
/*height: 200px;
	overflow: auto;*/

.fc .fc-week-number {
	/*width: 22px;*/
	width:15px;
}

.fc TD.fc-week-number {
	font-size: 8pt;
	vertical-align: middle;
	/* height: 200px; */
	/* cursor: pointer; */
}

.fc TD.fc-week-number span {
	cursor: pointer;
}

/* .fc TD.fc-week-number span::after {
    content: ">";
}  */






/* ----- BEGIN EMPLOYEE MGMT SECTION ----- */



.empSchedCalendarArea > .row {
	margin-left: 0px;
	margin-right: 0px;
}

.empSchedCalendar h2 {
	font-size: 18px;
	font-weight: bold;
}

@media(min-width:768px) {
	.empSchedCalendar .col-lg-1 {
		width: 14.28%;
	}
}

@media(max-width:768px) {
	.empSchedCalendar .col-sm-12 {
		width: 100%;
	}
}

.empSchedCalendar.defaultSchedule > .row {
	padding-left: 5px;
	padding-right: 5px;
}

.empSchedCalendar.defaultSchedule .box {
	margin: 0 0 0 0;
}

.empSchedCalendar.defaultSchedule .box-header {
	background: #aaa;
	border: 1px solid #aaa;
}

.empSchedCalendar.defaultSchedule .weekend .box-header {
	background: #f99;
	border: 1px solid #f99;
}

.empSchedCalendar .weekend .box-header {
	background: #f66;
	border: 1px solid #f66;
}

.empSchedCalendar .dayDiv {
	padding-right: 6px;
	padding-left: 6px; 
}

.empSchedCalendar .row.highlighted {
	background-color: #ff9;
}

.empSchedCalendar .box {
	box-shadow: 1px 1px 6px 1px #ddd;
}

.empSchedCalendar .box-content {
	padding: 10px 10px 0px 10px;
}

.empSchedCalendar .dateSpnTitle {
	float: right;
	font-size: 14px;
	margin-right:3px;
}

.empSchedCalendar .chkboxLabel {
	vertical-align:top;
	display:inline-block;
	margin-top: 5px;
	color: #666;
}

.empSchedCalendar input[type=checkbox]:checked + .chkboxLabel {
	font-weight: bold;
	color: #000;
}

.empSchedCalendar .offDay select,
.empSchedCalendar .offDay label:not(.chkboxLabel) {
	color: #ccc;
}

.empSchedCalendar .copyDefaultSchedule,
.empSchedCalendar .markAbsent {
	float: right;
	margin-top: 8px;
	margin-left: 6px;
	cursor: pointer;
	color: #59e;
	font-size: 18px;
}

.empSchedCalendar .markAbsent.absent {
	color: #ff5454;
}

.taskIconLetters {
	font-family: calibri, arial;
	font-weight: bold;
}

.empMgmt .empOptionIcon {
	padding: 2px 3px;
}

/* ----- END EMPLOYEE MGMT SECTION ----- */



/* ----- BEGIN JOBS READY TO BE CLOSED SECTION ----- */
.closingIcon.notClosed {
	color: #eeeeee;
	font-size: 18px;
	cursor: pointer;
}
.closingIcon.closed {
	color: #44CC44;
	font-size: 18px;
}
/* ----- END JOBS READY TO BE CLOSED SECTION ----- */



/* ----- Order form labor type buttons ----- */

/*.laborTypes .title {
	text-align: center;
	margin: 25px 0px 0px 0px;
}

.btn-labortype {
	color: #FFFFFF;
	background: #CCCCCC;
}

.btn-labortype:hover, .btn-labortype:focus {
	color: #FFFFFF;
}

.btn-labortype-checked {
	background: #FF9933;
}
*/
.laborType {
	border: 1px solid #DDDDDD;
	padding: 5px 20px;
	/*margin: 0px;*/
	background: #ffffff;
}

.laborType-disabled {
	color: #AAAAAA;
	border: 1px solid #EEEEEE;
	/*background: #DDDDDD;*/
}



/* ----- Label color settings -------*/
.label-red,
.label-red[href] {
  background: #ff5454;
}
.label-gold,
.label-gold[href] {
  background: #fabb3d;
}
.label-green,
.label-green[href] {
  background: #78cd51;
}
.label-blue,
.label-blue[href] {
  background: #67c2ef;
}
.label-grey,
.label-grey[href] {
  background: #CCCCCC;
}
.label-pink,
.label-pink[href] {
  background: #E84C8A;
}
.label-teal,
.label-teal[href] {
  background: #00aa88;
}
.label-orange,
.label-orange[href] {
  background: #ff9922;
}
.label-purple,
.label-purple[href] {
  background: #8A2BE2;
}


/* ----- End Label color settings -------*/






/* ----- LABOR READY BILL VIEWER ----- */
.lrBillViewer table,
.lrBillViewer th,
.lrBillViewer td {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	padding: 4px;
	font-size: 13px;
}
.lrBillViewer tr.checked {
	color: #888888;
}
.lrBillViewer .checked td a {
	color: #999999;
}
.lrBillViewer .checked td a:hover,
.lrBillViewer .checked td a:active {
	color: #FF4444;
}
.lrBillViewer th {
	background: #DEDEDE;
	text-align: center;
}
.lrBillViewer td.checkboxarea {
	text-align: center;
	vertical-align: middle;
	padding: 0;
	cursor: pointer;
	width: 30px;
}
.lrBillViewer td.checkboxarea:hover {
	background: #DEDEDE;
}
.lrBillViewer .checked td.checkboxarea:hover {
	background-color: #DEDEDE;
}
.lrBillViewer tr.checked td.checkboxarea {
	background: url("../images/bluecheckmark.png");
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
}
.lrBillViewer td.fileview {
	text-align: center;
	vertical-align: middle;
	min-width: 120px;
	padding: 0;
}
.lrBillViewer a:link,
.lrBillViewer a:hover,
.lrBillViewer a:visited {
	text-decoration: none;
}
.lrBillViewer a:link,
.lrBillViewer a:visited {
	color: #3399FF;
}
.lrBillViewer a:hover,
.lrBillViewer a:active {
	color: #FF4444;
}
.lrBillViewer .checkmark {
	color: #3399FF;
	cursor: pointer;
	width: 20px;
}
.lrBillViewer input[type="text"] {
	color: #444444 !important;
}
/* ----- END LABOR READY BILL VIEWER ----- */












/* ----- LEAD FORM SETTINGS ----- */
.leadForm {
	overflow-y: auto;
}

.leadForm .modal-dialog {
	width: 60%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 50px auto;
}

/* .leadForm .modal-body {
	padding: 10px;
} */

.leadForm .leadFormContainer {
	overflow-y: auto;
}
.leadForm .leadAffName {
	text-align: right;
	color: #33bb33;
}
.leadForm .leadMessage {
	float: right;
}

.leadForm .leadWarning {
	float: right;
	font-weight: bold;
	font-size: 16px;
	color: #dd6666;
}
.leadForm .leadMessage div {
	/* float: right; */
	font-size: 14px;
	white-space: nowrap;
}
.leadForm .leadMessage span.leadMatchName {
	font-size: 16px;
}
.leadForm .leadMessage div a {
	color: #4488ee;
}

.leadForm input,
.leadForm textarea {
	background-color: #eeeeee;
	color: #666666;
}

/* ----- END LEAD FORM SETTINGS ----- */



/* ----- BEGIN LEAD SOURCE COLOR CODING ----- */

/* #deletedLeads td {
	white-space: nowrap;
} */

.leadRow .customername {
	display: inline-block;
	cursor: pointer;
	min-width: 120px;
	padding: 0px 2px;
	border-radius: 3px;
}

.leadRow.carmax							.customername { color: #ff77dd; border: 1px solid #ff77dd; }	/* pink */
.leadRow.onlinebookingform				.customername { color: #5b9bff; border: 1px solid #5b9bff; }	/* light blue */
.leadRow.answeredinterested				.customername { color: #119911; border: 1px solid #119911; }	/* green */
.leadRow.fscorprelo						.customername { color: #ee7700; border: 1px solid #ee7700; }	/* orange */
.leadRow.corprelo						.customername { color: #0000dd; border: 1px solid #0000dd; }	/* blue */
.leadRow.rentalnettoonlinebookingform	.customername { color: #dd1111; border: 1px solid #5b9bff; }	/* red w/ light blue border */
.leadRow.rentalnet						.customername { color: #dd1111; border: 1px solid #dd1111; }	/* red */
.leadRow.erentaltoonlinebookingform		.customername { color: #bb0088; border: 1px solid #5b9bff; }	/* magenta w/ light blue border */
.leadRow.erental						.customername { color: #bb0088; border: 1px solid #bb0088; }	/* magenta */
.leadRow.affiliateleads					.customername { color: #8A2BE2; border: 1px solid #8A2BE2; }	/* purple */
.leadRow.thirdpartycallcenter			.customername { color: #DAA520; border: 1px solid #DAA520; }	/* gold */
.leadRow.affiliateemployee				.customername { color: #8A2BE2; border: 1px solid #8A2BE2; }	/* purple */
.leadRow.rlcempoyee						.customername { color: #0000dd; border: 1px solid #0000dd; }	/* blue */
.leadRow.reloemployee					.customername { color: #00008B; border: 1px solid #00008B; }	/* blue */
.leadRow.other							.customername { color: #5b9bd5; border: 1px solid #5b9bd5; }	/* light blue */
/* .leadRow.other	td { color: #000000; } */


/* if ($data['referral'] == 'PRELO' && ($data['referral2id'] == '11' || $data['reloconame'] == 'CarMax')) {
	// Penske primary, Carmax secondary
	$res["textColor"] = "#ff77dd";		// pink
	$res["borderColor"] = "#ff77dd";			
	
}  elseif ($leadSource == "Online - SpareFoot" || $leadSource == "Online - SML" || $leadSource == "Online - Move Mate") {
	$res["textColor"] = "#5b9bff"; // light blue
	$res["borderColor"] = "#5b9bff";

} elseif ($data['answeredinterested'] == "Y") {
	$res["textColor"] = "#119911";
	$res["borderColor"] = "#119911";
	
} elseif ($data['corprelojob'] == "1" && strtolower($data['service']) == "fullservice") {
	$res["textColor"] = "#ee7700";
	$res["borderColor"] = "#ee7700";
	
} elseif ($data['corprelojob'] == "1") {
	$res["textColor"] = "#0000dd";
	$res["borderColor"] = "#0000dd";
	
} elseif ($leadSource == "RentalNet -> OBF") {
	$res["textColor"] = "#dd1111";
	$res["borderColor"] = "#5b9bff";
	
} elseif ($leadSource == "RentalNet") {
	$res["textColor"] = "#dd1111";		// red
	$res["borderColor"] = "#dd1111";
	
} elseif ($leadSource == "eRental -> OBF") {
	$res["textColor"] = "#bb0088";
	$res["borderColor"] = "#5b9bff";
	
} elseif ($leadSource == "eRental") {
	$res["textColor"] = "#bb0088";		// magenta
	$res["borderColor"] = "#bb0088";
	
} elseif ($leadSource == "affleads") {
	$res["textColor"] = "#8A2BE2";		// purple
	$res["borderColor"] = "#8A2BE2";
	
} elseif ($leadSource == "3rd Party Call Center") {
	$res["textColor"] = "#DAA520";
	$res["borderColor"] = "#DAA520";
	
} elseif ((strpos($data['formname'], "afc-") !== false) || (strpos($data['formname'], "csa-") !== false)){
	$res["textColor"] = "#8A2BE2";
	$res["borderColor"] = "#8A2BE2";
	
} elseif (strpos($data['formname'], "rlc-") !== false) {
	$res["textColor"] = "#0000dd";
	$res["borderColor"] = "#0000dd";
	
} elseif (strpos($data['formname'], "relo-") !== false) {
	$res["textColor"] = "#00008B";
	$res["borderColor"] = "#00008B";
	
} elseif (strpos($data['formname'], "afc-") === false && strpos($data['formname'], "relo-") === false && $data['answeredinterested'] == '') {
	$res["textColor"] = "#5b9bd5";		// light blue
	$res["borderColor"] = "#5b9bd5";
	
} */
/* ----- END LEAD SOURCE COLOR CODING ----- */


/* ----- BEGIN ONLINE OUTBOUND COLOR CODING ----- */
.onlineOutboundRow .customername {
	display: inline-block;
	cursor: pointer;
	min-width: 120px;
	padding: 0px 2px;
	border-radius: 3px;
}

.onlineOutboundRow.standard				.customername { color: #9911bb; border: 1px solid #9911bb; }	/* purple */
.onlineOutboundRow.urgent				.customername { color: #ff1155; border: 1px solid #9911bb; }	/* purple outline with red text */
/* ----- END ONLINE OUTBOUND COLOR CODING ----- */




/* ----- START LOADING OVERLAY SETTINGS ----- */

.loadingOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	/*display: none;*/
}

.loadingOverlay .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-color: #fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.loadingOverlay .loadingOverlayContents {
	position: absolute;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 18%;
	z-index: 1;
	text-align: center;
}

/* ----- END LOADING OVERLAY SETTINGS ----- */










/* ----- MOTD SETTINGS ----- */
.motdSection .motdTitleSpan {
	font-size: 16px;
	font-weight: bold;
}

.motdSection .motdDiv {
	font-size: 15px;
}

.motdSection .avatar {
	height: 20px;
	width: 20px;
	margin-right: 10px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
}
/* ----- END MOTD SETTINGS ----- */








/* ----- NEW PROMO CODE SETTINGS ----- */
#NewPromoForm .addReferral,
#NewPromoForm .delReferral {
	cursor: pointer;
	margin: 6px 10px;
	font-size: 18px;
}

#NewPromoForm .addReferral {
	color: #77aaff;
}

#NewPromoForm .delReferral {
	color: #ff8888;
}

#NewPromoForm .referralEntryRow {
	margin-bottom: 4px;
}
/* ----- END NEW PROMO CODE SETTINGS ----- */





/* ----- NOTIFICATION SETTINGS ----- */

.notificationMenu li a,
.actionRequestMenu li a {
	white-space: nowrap !important;
	overflow-x: hidden;
}

.notificationMenu .message,
.actionRequestMenu .message {
	margin-right: 67px;
}

.top.notification {
	position: absolute;
	top: 3px;
	right: 3px;
	font-size: 10px;
	line-height: 10px;
	height: 10px;
	padding: 2px 4px;
	color: #FFF !important;
	border: 1px solid #ffffff;
	border-radius: 50em;
	box-sizing: content-box;
	box-shadow: 0px 0px 6px 0px #555555;
}

.notification.orange {
	background-color: #ff9922;
}

/* ----- END NOTIFICATION SETTINGS ----- */













/* ----- MAP SETTINGS ----- */
.allMapIcons {
	text-shadow: 3px 3px 5px #666666;
	font-size: 20px;
}
.defaultMapIcon {
	color: #333333;
}
.helperMapIcon {
	color: #91B;
}
.promoverMapIcon {
	color: #f89955;
}
.fullserviceMapIcon {
	color: #46e;
}
/* ----- END MAP SETTINGS ----- */









/* ----- ORDER FORM SETTINGS ----- */
.orderForm .controlsArea {
	margin-bottom: 20px;
	width: 100%;
	/*min-height: 40px;*/
}

.orderForm .controlsArea .tabList {
	display: inline-block;
	list-style-type: none;
}

.orderForm .controlsArea .tabList li {
	display: inline-block;
}

.orderForm .controlsArea .tabList .tab {
	display: inline-block;
	background-color: #f2f2f2;
	border: 1px solid #cccccc;
	border-radius: 3px;
	padding: 3px 7px 3px 7px;
	margin: 5px 2px 5px 2px;
	white-space: nowrap;
	cursor: pointer;
	box-shadow: 2px 2px 2px 0px #cccccc;
}
.orderForm .controlsArea .tabList .tab:hover {
	color: #3399ee;
	border-color: #3399ff;
}

.orderForm .controlsArea .tabList .tab.active {
	color: #ffffff;
	background-color: #ff9922;
	border: 1px solid #dd7700;
	text-shadow: 1px 1px 1px #888888;
}

.orderForm .controlsArea .tabList .tab.disabled {
	color: #bbbbbb;
	background-color: #e8e8e8;
	border: 1px solid #dddddd;
	cursor: not-allowed;
	box-shadow: none;
}

.orderForm:not(.fs1WayOrder) .controlsArea .tabList li.fs1WayOnly,
.orderForm:not(.fs1WayOrder) .controlsArea .tabList li.fs1WayOnly .tab {
	display: none;
}

.promoTag {
	display: inline-block;
	/* margin: 4px 2px 0px 10px; */
	margin-top: 0px;
	margin-left: 14px;
	height:38px;
	color: #aaaaaa;
	font-size: 32px;
	cursor: pointer;
	line-height:12px;
}

.promoTag.hasPromos {
	color: #ff5522;
}

.promoTag .fa {
	margin: -3px 0 0 0;
	position: relative;
	top: 6px;
	text-shadow: 1px 1px #aaaaaa;
}

.promoTag .promoCount {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	font-family: arial;
	position: relative;
	top: -5px;
	left: -18px;
	text-shadow: 1px 1px #888888;
}

.promoBox {
	position: absolute;
	z-index: 999;
	display: none;
	width: 730px;
	padding-bottom: 20px;
	font-size: 16px;
	background-color: #f8f8f8;
	/* border: 1px solid #2288dd; */
	border: 1px solid #dd3300;
	border-radius: 5px;
	box-shadow: 0px 0px 8px 0px #aaaaaa;
	text-align: center;
}

.promoBox h2 {
	display: inline-block;
	margin-top: 0;
	padding: 4px;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	/* background-color: #3399ee; */
	background-color: #ff4411;
	color: #ffffff;
	text-align: center;
	text-shadow: 1px 1px #888888;
}

.promoBox .closeThis {
	float: right;
	cursor: pointer;
}

.promoBox .promoInputGroup {
	text-align: center;
	margin: 10px auto 20px auto;
}

.orderForm:not(.moveDetails) .promoBox .promoInputGroup,
.orderForm:not(.moveDetails) .promoBox .promoOptionsCell .moveUp,
.orderForm:not(.moveDetails) .promoBox .promoOptionsCell .moveDown,
.orderForm:not(.moveDetails) .promoBox .promoCodeRemove,
.orderForm:not(.moveDetails) .promoBox .promoCodeRefresh {
	display: none;
}

.promoBox .promoCodeInput {
	width: 100px;
}

.promoBox .promoCodeInputBtn {
	width: 65px;
	height: 24px;
	padding: 0;
}

.promoBox .promoCodeRecheck,
.promoBox .promoCodeRemove {
	/* width: 74px; */
	height: 20px;
	padding: 0;
}

.promoBox .promoCodeRecheck {
	width: 76px;
}

.promoBox .promoCodeRemove {
	width: 70px;
	background-color: #ff5555;
}
.promoBox .promoCodeRemove:hover {
	background-color: #dd3300;
}

.promoBox .promoTable {
	margin: 0 auto;
}

.promoBox .promoTable th,
.promoBox .promoTable td {
	text-align: center;
}

.promoBox .promoTable th {
	text-decoration: underline;
}

.promoBox .applied {
	color: #78cd51;
}

.promoBox .pending {
	color: #ff9922;
}

.promoBox .expired {
	color: #ff5454;
}

.promoBox  .promoOptionsCell {
	text-align: center;
	color: #77aaff;
}

.promoBox .moveUp,
.promoBox .moveDown {
	cursor: pointer;
}
.promoBox .locked {
	display: none;
}

.promoBox .promoTable .partnerDiscount .moveUp,
.promoBox .promoTable .partnerDiscount .moveDown {
	display: none;
}

.promoBox .promoTable .partnerDiscount .locked {
	display: inline-block;
}

.promoBox .promoCodeRefresh {
	height: 24px;
	padding: 0 6px;
}

.orderForm .controlsArea .actions {
	float: right;
}

.orderForm .stickyTopRight {
	display: none;
	position: fixed;
	top: 38px;
	right: 40px;
	box-shadow: 0px 0px 8px 0px #aaaaaa;
	z-index: 100;
}

.orderForm .addReferral2 {
	color: #77aaff;
	cursor: pointer;
	font-size: 14px;
}

.orderForm .addlTopRow {
	margin-top: 0;
	margin-bottom: 4px;
}

.orderForm h3,
.revBrkdnModal .revBreakdownBox h3 {
	color: #aaaaaa;
	font-family: arial;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
	text-shadow: 1px 1px #ffffff;
}

.orderForm h3.blue {
	color: #88aaee;
}

.orderForm input[placeholder],
.orderForm [placeholder],
.orderForm *[placeholder] {
  color: inherit !important;
}
.orderForm input:-moz-placeholder,
.orderForm textarea:-moz-placeholder {
  color: #000000;
}
.orderForm input:-ms-input-placeholder,
.orderForm textarea:-ms-input-placeholder {
  color: #000000;
}
.orderForm input::-webkit-input-placeholder,
.orderForm textarea::-webkit-input-placeholder {
  color: #000000;
}

.orderForm input,
.orderForm span.input-group-addon,
.orderForm select,
.revBrkdnModal .revBreakdownBox input,
.revBrkdnModal .revBreakdownBox select {
	height: 24px;
	padding: 2px;
	border: 1px solid #cccccc !important;
	border-radius: 2px;
}

.orderForm span.input-group-addon {
	min-width: 25px;
}

/*
.orderForm .jobBlock {
	border: 2px solid #ffcc88;
	border-radius: 5px;
}*/

.orderForm #pack.jobBlock .highlightBlock,
.orderForm .jobBlock[data-jobtype='pack'] .highlightBlock {
	border: 1px solid #ccddff;
	background-color: #fafafa;
	border-radius: 3px;
	box-shadow: 1px 1px 3px 0px #dddddd;
	padding-bottom: 5px;
}

.orderForm .jobBlock[data-jobtype="pack"] .hideForPack {
	display: none;
}

.orderForm .jobBlock.closedJob input,
.orderForm .jobBlock.closedJob select,
.orderForm .jobBlock.closedJob textarea {
	pointer-events: none;
    color: #666;
    background-color: #F5F5F5;
}

.orderForm.vendorTab .jobToggleRow {
	display: none;
}

/*.orderForm .jobDetails label {
	vertical-align: top;
}*/

.orderForm .jobDetails .followToRow {
	background-color: #e0ffe0;
}

.orderForm .jobDetails .followToRow.row1 {
	border-top: 2px solid #ffffff;
}

.orderForm .jobDetails .fa,
.orderForm .vendorOrderNumbers .fa,
.orderForm .fs1wCostsBreakdown .fa {
	color: #77aaff;
	cursor: pointer;
	margin-left: 10px;
	font-size: 16px;
	/*text-shadow: 1px 1px 2px #888888;*/
}

.orderForm .jobDetails .fa.red {
	display: none;
	color: #ff8888;
}

.orderForm .vendorOrderNumbers .fa.red,
.orderForm .fs1wCostsBreakdown .fa.red {
	color: #ff8888;
}

.orderForm .vendorOrderNumbers {
	margin-bottom: 20px;
}

.orderForm .vendorOrderNumRow {
	margin-top: 3px;
}

.orderForm .jobDetails select {
	min-width: 140px;
}

.orderForm .form-group {
	margin: 0;
}

.orderForm label {
	font-weight: normal;
}

.orderForm hr {
	width: 80%;
	border-color: #cccccc;
}

.orderForm .affiliateDisplay {
	display: inline-block;
	background-color: #f8f8f8;
	border: 1px solid #eeeeee;
	border-radius: 3px;
	vertical-align: bottom;
	width: 100%;
	padding: 0px 3px;
	min-height: 24px;
	overflow-x: hidden
}

.orderForm .custInfoArea {
	margin-top: 5px;
	margin-bottom: 5px;
	/*margin-left: auto;
	margin-right: auto;*/
	padding-bottom: 10px;
	/*width: 90%;*/
	background-color: #f2f9ff;
	border: 1px solid #bbccee;
	box-shadow: 2px 2px 2px 0px #cccccc;
	border-radius: 3px;
}

.orderForm .altCustInfoArea {
	margin-top: 0px;
	margin-bottom: 5px;
	/*margin-left: auto;
	margin-right: auto;*/
	padding-bottom: 10px;
	/*width: 90%;*/
	background-color: #f2fff2;
	border: 1px solid #bbeebb;
	box-shadow: 2px 2px 2px 0px #cccccc;
	border-radius: 3px;
}

.orderForm .addAltContact {
	color: #77aaff;
	cursor: pointer;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 16px;
	/*text-shadow: 1px 1px 2px #888888;*/
}

.orderForm .delAltContact {
	color: #ff8888;
	cursor: pointer;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 16px;
}

.orderForm .addAltCorpReloContact {
	color: #ffaa66;
	cursor: pointer;
	font-size: 16px;
}

.orderForm .delAltCorpReloContact {
	color: #ff8888;
	cursor: pointer;
	font-size: 16px;
	margin-top: 2px;
}

.orderForm .fs1wWorksheetInputs {
	/* width: 98%; */
	/* margin: 15px auto; */
	/* padding: 0; */
}

.orderForm .fs1wWorksheetMoveInfoArea,
.orderForm .fs1wWorksheetReloInfoArea {
	/* margin: 2px; */
	padding-bottom: 10px;
	background-color: #f2fff2;
	border: 1px solid #bbddbb;
	border-radius: 3px;
	box-shadow: 2px 2px 2px 0px #cccccc;
}

/* .orderForm .fs1wWorksheetMoveInfoArea {
	width: 80%;
	float:left;
} */

/* .orderForm .fs1wWorksheetReloInfoArea {
	width: 16%;
	float: right;
} */

.orderForm .fs1wWorksheetMoveInfoArea h3,
.orderForm .fs1wWorksheetReloInfoArea h3 {
	color: #88cc88;
}

.orderForm .fs1wWorksheetCarrierDaysArea {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	/*width: 90%;*/
	background-color: #f2fff2;
	border: 1px solid #bbddbb;
	box-shadow: 2px 2px 2px 0px #cccccc;
	border-radius: 3px;
}

.orderForm .fs1wWorksheetCosts .wkshtCostBox {
	border: 1px solid #ddd;
	border-radius: 3px;
	margin-top: 10px;
	width: 99%;
}

.orderForm .fs1wWorksheetCosts .wkshtBoldTotalRow label{
	font-weight: bold;
}

.orderForm .fs1wWorksheetCosts input {
	margin: 1px;
}

.orderForm .allgreyed,
.arDateTimeChange .allgreyed {
	color: #bbbbbb;
}

.orderForm.fsLocalOrder .fslocgreyed,
.orderForm.fsLocalOrder .fsgreyed,
.orderForm.fs1WayOrder .fsgreyed,
.orderForm.laborOnlyOrder .logreyed,
.arDateTimeChange.fsLocalOrder .fslocgreyed,
.arDateTimeChange.fsLocalOrder .fsgreyed,
.arDateTimeChange.fs1WayOrder .fsgreyed {
	color: #bbbbbb;
}

.orderForm .jobBlock.Sunday		.sungreyed,
.orderForm .jobBlock.Monday		.mongreyed,
.orderForm .jobBlock.Tuesday		.tuegreyed,
.orderForm .jobBlock.Wednesday	.wedgreyed,
.orderForm .jobBlock.Thursday	.thugreyed,
.orderForm .jobBlock.Friday		.frigreyed,
.orderForm .jobBlock.Saturday	.satgreyed,
.arDateTimeChange.Sunday		.sungreyed,
.arDateTimeChange.Monday		.mongreyed,
.arDateTimeChange.Tuesday		.tuegreyed,
.arDateTimeChange.Wednesday		.wedgreyed,
.arDateTimeChange.Thursday		.thugreyed,
.arDateTimeChange.Friday		.frigreyed,
.arDateTimeChange.Saturday		.satgreyed {
	color: #bbbbbb;
}


/* --- Update for new 2-hour time windows --- */

/* .orderForm .jobBlock.sameDayJob .jobBestTime option:not(.sameDay, :selected), */
.orderForm .jobBlock.sameDayJob .timeOptionLI:not(.sameDay):not(.selected),
.arDateTimeChange.sameDayJob .timeOptionLI:not(.sameDay):not(.selected) {
	display: none;
}

/* .orderForm .jobBlock.peakTimeJob .jobBestTime option:not(.peakTime, :selected), */
.orderForm .jobBlock.peakTimeJob .timeOptionLI:not(.peakTime):not(.selected),
.arDateTimeChange.peakTimeJob .timeOptionLI:not(.peakTime):not(.selected) {
	display: none;
}

/* .orderForm .jobBlock.offPeakTimeJob .jobBestTime option:not(.offPeakTime, :selected), */
.orderForm .jobBlock.offPeakTimeJob .timeOptionLI:not(.offPeakTime):not(.selected),
.arDateTimeChange.offPeakTimeJob .timeOptionLI:not(.offPeakTime):not(.selected) {
	display: none;
}

.orderForm .jobBlock.noAfternoons .timeOptionLI.afternoon:not(.selected),
.arDateTimeChange.noAfternoons .timeOptionLI.afternoon:not(.selected) {
	display: none;
}

.orderForm .jobBlock.sameDayJob .timeOptionLI.sameDay,
.arDateTimeChange.sameDayJob .timeOptionLI.sameDay {
	display: block !important;
}

/* .orderForm .jobBlock .jobBestTime option.origSavedTime, */
.orderForm .jobBlock.peakTimeJob .timeOptionLI.origSavedTime:not(.peakTime),
.orderForm .jobBlock.offPeakTimeJob .timeOptionLI.origSavedTime:not(.offPeakTime),
.orderForm .jobBlock.sameDayJob .timeOptionLI.origSavedTime:not(.sameDay),
.orderForm .jobBlock .noLongerTimeOpt.origSavedTime {
	display: block;
	color: #eb984e;
}

.orderForm .jobBlock.peakTimeJob .timeOptionLI.selected:not(.peakTime):not(.origSavedTime),
.orderForm .jobBlock.offPeakTimeJob .timeOptionLI.selected:not(.offPeakTime):not(.origSavedTime),
.orderForm .jobBlock.sameDayJob .timeOptionLI.selected:not(.sameDay):not(.origSavedTime),
.arDateTimeChange.peakTimeJob .timeOptionLI.selected:not(.peakTime),
.arDateTimeChange.offPeakTimeJob .timeOptionLI.selected:not(.offPeakTime),
.arDateTimeChange.sameDayJob .timeOptionLI.selected:not(.sameDay) {
	display: block;
	color: #dd0000;
}

/* --- End Update for new 2-hour time windows --- */


.orderForm .laborType {
	border-radius: 3px;
	/*padding-bottom: 15px;*/
	margin-top: 8px;
	margin-bottom: 8px;
}

.orderForm .laborSearchBtn,
.orderForm .laborSearchClearCacheBtn,
.orderForm .assignVendorBtn,
.orderForm .availabilityCheckRptBtn,
.orderForm .availabilityCheckBtn {
	height: 24px;
	line-height: 24px;
	padding: 0 5px 0 5px;
	margin: 0;
}

.orderForm.vendorTab .ispreferred {
	color: #dd4444;
}

.orderForm .isgovtapproved {
	color: #189d01;
}

.orderForm .form-horizontal .control-label {
	padding-top: 3px;
}

.orderForm .revenueBox {
	margin-top: 12px;
	/*margin-bottom: 8px;*/
	background-color: #f2fff2;
	border: 1px solid #bbddbb;
	border-radius: 3px;
}

.orderForm .revenueBox h3.green {
	color: #88cc88;
}

.orderForm .revenueBox .bottomPricing {
	text-align: right;
}

.orderForm .costsBox,
.orderForm .packSuppliesCostsBox,
.orderForm .podsAutoShippingCostsBox,
.orderForm .pods3PICostsBox {
	margin-top: 12px;
	margin-bottom: 8px;
	background-color: #fff2f2;
	border: 1px solid #ddbbbb;
	border-radius: 3px;
}

.orderForm .costsBox h3.red,
.orderForm .packSuppliesCostsBox h3.red,
.orderForm .podsAutoShippingCostsBox h3.red,
.orderForm .pods3PICostsBox h3.red {
	color: #dd8888;
}

.orderForm .jobRevenue,
.orderForm .jobCosts {
	margin: 3px auto;
}

.orderForm .jobRevenue td,
.orderForm .jobCosts td {
	text-align: left;
	padding: 2px;
}

/* .orderForm .revenueBox .totalRevenue {
	border-top: 1px solid #222222;
} */

.orderForm .costsBox .totalCosts {
	text-align: center;
	padding: 10px;
}

.orderForm .revenueBox .totalRevenue span {
	font-weight: bold;
	border-top: 1px solid #888888;
}

.orderForm .costsBox .totalCosts span {
	font-weight: bold;
	margin-left: 5px;
}

/* .orderForm div[data-jobtype='unload'] .revenueBox {
	display: none;
} */

.orderForm .fs1wCostSpan {
	display: inline-block;
	min-width: 70px;
	text-align:right;
}


.orderForm .jobTotalHours {
	margin: 4px;
	width: 45px;
	font-weight: bold;
	border: 2px solid #3399ee !important;
	box-shadow: 0px 0px 3px 0px #bbbbbb inset;
}

.orderForm .applyRates {
	text-align: center;
	margin: 12px 3px 0px 3px;
	padding: 2px 4px;
}

.orderForm .travelFeeAmtLink,
.orderForm .costTravelFeeAmtLink {
	display: inline-block;
	font-weight: bold;
	/* color: #4444ee; */
	color: #3399ee;
	cursor: pointer;
	min-width: 30px;
}

.orderForm .msgBlock {
	/*background-color: #fbfbfb;
	padding-left: 8px;
	padding-right: 8px;
	border: 1px solid #c9c9c9;
	border-radius: 3px;
	box-shadow: 0px 0px 2px 1px #aaaaaa inset;*/
	max-height: 250px;
	min-height: 120px;
	overflow-y: auto;
	color: #606060;
	background-color: #fcfcfc;
	border: 2px solid #eeeeee;
	/* box-shadow: 0px 0px 6px 0px #888888 inset; */
	box-shadow: 1px 1px 6px 0px #aaaaaa inset;
	padding: 3px 4px;
	border-radius: 3px;
}

.orderForm .msgBlock .avatar {
	max-height: 2em;
	max-width: 2em;
}

.orderForm .msgBlock .time {
	color: #999999;
	font-style: italic;
}

.orderForm .notesSection textarea {
	/*background-color: #ffffff;
	border: 1px solid #bbc9ee;
	border-radius: 3px;
	box-shadow: 0px 0px 2px 1px #aaaaaa inset;*/
	color: #606060;
	background-color: #ffffff;
	border: 2px solid #000000;
	/* box-shadow: 0px 0px 6px 0px #999999 inset; */
	box-shadow: 1px 1px 6px 0px #a8a8a8 inset;
	padding: 3px 4px;
	border-radius: 3px;
}

.orderForm .expandNotes,
.orderForm .collapseNotes {
	float: right;
	margin-right: 2px;
	color: #77aaff;
	cursor: pointer;
}

.orderForm .expandNotes.disabled,
.orderForm .collapseNotes.disabled {
	color: #cccccc;
	cursor: default;
}

.orderForm .collapseNotes { display: none; }

.orderForm .corpReloInfoRow > div {
	margin-top: 5px;
	margin-bottom: 5px;
	/*padding-bottom: 10px;*/
	padding-bottom: 3px;
	/*background-color: #f2f9ff;*/
	background-color: #fff2e4;
	border: 1px solid #f8ccbb;
	box-shadow: 2px 2px 2px 0px #cccccc;	
	border-radius: 3px;
}

.orderForm .corpReloInfoRow h3 {
	color: #ffaa66;
}

.switch-completion > .switch-input:not(:checked) ~ .switch-label {
	background: #ff5454;
}
.switch-completion .switch-label:before {
	color: #ffffff;
}

.svcAgmtDialog,
.buyUpAgmtDialog,
.invoiceReceiptDialog,
.orderConfDialog,
.phcEmail1Dialog,
.phcEmail2Dialog,
.fsTeamEmailDialog,
.oaTeamEmailDialog,
.vendorDocsDialog,
.searchCCDialog {
	overflow-y: auto;
}

.svcAgmtDialog.quoteOnly .svcAgmtSendDS {
	display: none;
}

.svcAgmtDialog:not(.quoteOnly) .quoteOnlySpan {
	display: none;
}

.svcAgmtDialog .modal-dialog,
.buyUpAgmtDialog .modal-dialog,
.invoiceReceiptDialog .modal-dialog,
.vendorDocsDialog .modal-dialog {
	width: 75%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 5px auto;
}

.orderConfDialog .modal-dialog,
.phcEmail1Dialog .modal-dialog,
.phcEmail2Dialog .modal-dialog,
.fsTeamEmailDialog .modal-dialog,
.oaTeamEmailDialog .modal-dialog {
	width: 75%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 5px auto;
}

.orderConfDialog .orderConfContainer,
.phcEmail1Dialog .phcEmail1Container,
.phcEmail2Dialog .phcEmail2Container,
.oaTeamEmailDialog .oaTeamEmailContainer,
.fsTeamEmailDialog .fsTeamEmailContainer {
	margin: 0;
	padding: 5px;
	/* height: 400px; */
	overflow-y: auto;
	background-color: #f6f6f6;
	border: 1px solid #d2d2d2;
	box-shadow: 0px 0px 10px 0px #c6c6c6 inset;
}

.svcAgmtDialog .svcAgmtContainer,
.buyUpAgmtDialog .buyUpAgmtContainer {
	margin: 0;
	padding: 5px;
	/* height: 400px; */
	overflow-y: auto;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	box-shadow: 0px 0px 10px 0px #bbbbbb inset;
}

.invoiceReceiptDialog .invRecContainer {
	margin: 0;
	padding: 5px;
	/* height: 400px; */
	overflow-y: auto;
	/* background-color: #f6f6f6; */
	background-color: #fff;
	border: 1px solid #d2d2d2;
	box-shadow: 0px 0px 10px 0px #c6c6c6 inset;
}

.vendorDocsDialog .vendorDocsContainer {
	margin: 0;
	padding: 15px;
	overflow-y: auto;
	background-color: #f6f6f6;
	border: 1px solid #d2d2d2;
	box-shadow: 0px 0px 10px 0px #c6c6c6 inset;
}

.svcAgmtDialog .svcAgmtContainer img,
.buyUpAgmtDialog .buyUpAgmtContainer img {
	display: block;
	/* margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto; */
	margin: 15px auto;
	border-radius: 3px;
	width: 80%;
	border: 1px solid #bbbbbb;
	box-shadow: 0px 0px 10px 0px #aaaaaa;
}

.svcAgmtDialog .corpReloSAOverlay,
.buyUpAgmtDialog .corpReloSAOverlay {
	position: absolute;
	top: 25px;
	left: 25px;
	padding:4px;
	background-color: #fff2e4;
	border: 1px solid #f8ccbb;
	border-radius: 3px;
	z-index: 9999
}

.invoiceReceiptDialog .corpReloInvRcptOverlay {
	position: absolute;
	width: 325px;
	top: 25px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	padding:4px;
	background-color: #fff2e4;
	border: 1px solid #f8ccbb;
	border-radius: 3px;
	z-index: 9999;
	box-shadow: 0px 0px 10px 0px #aaaaaa;
}

.addCCDialog {
	overflow-y: auto;
}

/* .orderForm .btn-saveform {
	min-width: 80px;
}

.orderForm.unsaved .btn-saveform:before {
	font-size: 18px;
	line-height: 14px;
	content: "* ";
} */

.orderForm .actionRequestBox button {
	margin: 1px;
	padding: 2px 7px;
	min-width: 300px;
}

.fileAttachmentsArea h3 {
	text-align: center;
}
.fileAttachmentsArea h3 span {
	cursor: pointer;
	text-align: center;
	color: #aaaaaa;
	font-family: arial;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px #FFF;
}

.fileAttachmentsBox {
	margin-top: 12px;
	/* background-color: #ffe2c2; */
	border: 1px solid #dddddd;
	border-radius: 3px;
	color: #777777;
	/* box-shadow: 0px 0px 10px 0px #cccccc inset; */
}

.fileAttachmentsBox h4 {
	margin: 8px 0px 4px 0px;
	font-weight: bold;
	/* color: #777777; */
}

.fileAttachmentsBox a {
	color: #3399ee;
}

.fileAttachmentsBox .fileoptions .deleteAttachment {
	color: #ff8888;
	cursor: pointer;
}

/* ----- END ORDER FORM SETTINGS ----- */

/* ----- MORE ORDER FORM [OTHER TAB] SETTINGS -----*/

.orderFormTopLabel {
	display: inline-block;
	margin: 8px 0px 0px 10px;
	padding: 4px 16px;
	vertical-align: middle;
	font-weight: normal;
	cursor: default;
	/* border: 1px solid #66a8e2; */
	border-radius: 5px;
	box-shadow: 1px 1px 2px 0px #556699 inset;
}

/* .orderForm .btn-saveform {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
    position: sticky;
	top: 48px;
	z-index: 99;
	box-shadow: 0px 0px 8px 0px #aaaaaa;
} */

.orderFormHeader {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
    position: sticky;
	top: 0px;
	z-index: 99;
}

.orderFormHeader.moveDetailsHeader .orderFormTopLabel.serviceTypeLabel {
	display: none;
}

.orderFormHeader.specialCustomer {
	/* background: #ffc107 ; */			/* gold */
	/* background: #68bd41 ; */			/* green */
	border: 4px solid #ffb736;			/* gold */
	/* border: 1px solid #58ad31; */	/* green */
	text-shadow: 1px 1px #888;
}

.orderFormHeader.specialCustomer h2 .fa {
	/* background: #ffb300; */			/* gold */
	background: #ffc107;			/* gold */
	/* background: #58ad31; */		/* green */
	box-shadow: none;
}
.orderFormHeader  .specialCustomerIndicator {
	display: none;
}

.orderFormHeader.specialCustomer  .specialCustomerIndicator {
	display: inline-block;
	margin-right:10px;
	color: #ffe786;
	font-weight: bold;
}

.orderFormHeader.specialCustomer + .orderForm .custInfoArea {
	border: 3px solid #ffd117;			/* gold */
}

.orderFormTopLabel .fa {
	margin-right: 3px;
}

.orderFormTopLabel a {
	color: #ffffff;
	text-decoration: none;
}

.orderForm .vendorTabOnly,
.orderForm .vendorTabOnlyInlineBlock,
.orderForm:not(.fs1WayOrder) .fs1WayOnly,
.orderForm:not(.fsLocalOrder) .fsLocalOnly,
.orderForm.laborOnlyOrder .fsOnly,
.orderForm:not(.laborOnlyOrder) .laborOnlyOnly,
.orderForm:not(.revBreakdownTab) .costsBox ,
.orderForm:not(.moveDetails) .retailKitHelpButton,
.orderForm:not(.moveDetails) .moveDetailsOnly,
.orderForm .hahOnly,
/* .orderForm:not(.podsOptions) .podsOptionsOnly,
.orderForm:not(.podsOptions) .podsOptionsOnlyTR, */
.orderForm:not(.corpReloOrder) .podsOptionsOnly,
.orderForm:not(.corpReloOrder) .podsOptionsOnlyTR,
.orderForm:not(.vendorTab):not(.revBreakdownTab) .podsAutoShippingCostsRow,
.orderForm:not(.vendorTab):not(.revBreakdownTab) .pods3PICostsRow {
	display: none;
}

/* .orderForm.laborOnlyOrder .laborOnlyOnly { display: inline-block; }
.orderForm.fs1WayOrder .fs1WayOnly { display: inline-block; }
.orderForm.fsLocalOrder .fsLocalOnly { display: inline-block; } */

.orderForm.vendorTab .vendorTabOnly,
.orderForm.vendorTab .costsBox,
.orderForm.hahOrder .hahOnly,
/* .orderForm.podsOptions .podsOptionsOnly, */
.orderForm.laborOnlyOrder.corpReloOrder .podsOptionsOnly,
.orderForm.vendorTab .podsAutoShippingCostsRow,
.orderForm.revBreakdownTab .podsAutoShippingCostsRow,
.orderForm.vendorTab .pods3PICostsRow,
.orderForm.revBreakdownTab .pods3PICostsRow {
	display: block;
}

/* .orderForm.podsOptions .podsOptionsOnlyTR { */
.orderForm.laborOnlyOrder.corpReloOrder .podsOptionsOnlyTR {
	display: table-row;
}

.orderForm.vendorTab .vendorTabOnlyInlineBlock {
	display: inline-block;
}

.orderForm.vendorTab .revenueBox {
/* .orderForm.summaryTab .revenueBox { */
	display: none;
}

.orderForm.vendorTab .fs1wStyleCosts:not(.smlDrivingCosts) .fs1waysml,
.orderForm.vendorTab .fs1wStyleCosts.smlDrivingCosts .fs1waynonsml {
	display: none;
}

.orderForm.fs1wCostsTab .costsBox ,
.orderForm.fs1wCostsTab .revenueBox,
.orderForm.fs1wCostsTab .laborTypes,
.orderForm.fs1wCostsTab .estPenskeExpense,
.orderForm.fs1wCostsTab .specialInstructions {
	display: none;
}

.orderForm.revBreakdownTab .jobToggleRow,
.orderForm.revBreakdownTab .jobDetails,
.orderForm.revBreakdownTab .vendorBranchListRow,
.orderForm.revBreakdownTab .vendorSearchRadRow,
.orderForm.revBreakdownTab .vendorSearchResRow,
.orderForm.revBreakdownTab .vendorContactRow,
.orderForm.revBreakdownTab .laborCostPreview,
.orderForm.revBreakdownTab .suppliesNotesArea,
.orderForm.revBreakdownTab .specialInstructions {
	display: none;
}

.orderForm.revBreakdownTab.laborOnlyOrder .vendorTabOnly.serviceNotesBox {
	display: block;
}

.orderForm.revBreakdownTab.fs1WayOrder:not(.showPack) .jobBlock[data-jobtype=pack],
.orderForm.revBreakdownTab.fs1WayOrder .jobBlock[data-jobtype=unload],
.orderForm.revBreakdownTab.fs1WayOrder .jobBlock .costsBox,
.orderForm.revBreakdownTab.fs1WayOrder .jobBlock .jobControls {
	display: none;
}

.orderForm.revBreakdownTab .negativeVal,
.revBrkdnModal .negativeVal {
	color: #ff0000;
}

.orderForm.vendorTab .smlDriverHeading span {
	margin: 2px 4px;
	font-size: 10px;
}

.orderForm .vendorDocsBtn {
	/* text-align: center; */
	/* margin: 12px 3px 0px 3px; */
	padding: 2px 8px;
}

.orderForm .readyToPayBtn,
.orderForm .readyToPayDriverBtn,
.orderForm .readyToPaySuppliesBtn,
.orderForm .readyToPayJobTipBtn,
.orderForm .vendorAdjustment,
.orderForm .jobScoreOpen,
.orderForm .driverScoreOpen,
.orderForm .slkExpenseBtn,
.orderForm .readyToPayAutoShippingBtn {
	padding: 2px 8px;
}

.custPaymentTab .amountDueHdg {
	display: inline-block;
	text-align: right;
	min-width: 64px;
}

.custPaymentTab .amountDueLink {
	color: #3399ee;
	cursor: pointer;
	display: inline-block;
	text-align: right;
	min-width: 64px;
}
.custPaymentTab .amountDueLink.disabled {
	color: #666666;
	cursor: not-allowed;
}

.orderForm .paymentMethod,
.custPaymentTab .paymentMethod {
	color:#3399ee;
	vertical-align: middle;
	cursor: pointer;
}

.orderForm .paymentOpt:checked + .paymentMethod,
.custPaymentTab .paymentOpt:checked + .paymentMethod {
	font-weight: bold;
}

.searchCCResultLink {
	color: #3399ee;
	font-weight: bold;
	cursor: pointer;
}

.revBreakdownTab .revBreakdownBox,
.summaryTab .revBreakdownBox,
.revBrkdnModal .revBreakdownBox {
	margin-top: 12px;
	margin-bottom: 8px;
	background-color: #f2fff2;
	border: 1px solid #bbddbb;
	border-radius: 3px;
}

.revBreakdownTab .revBreakdownBox h3.green,
.summaryTab .revBreakdownBox h3.green,
.revBrkdnModal .revBreakdownBox h3.green {
	color: #88cc88;
}
.revBreakdownTab .revBreakdownBox .row,
.summaryTab .revBreakdownBox .row,
.revBrkdnModal .revBreakdownBox .row {
	margin-top: 2px;
	margin-bottom: 2px;
}

.revBreakdownTab .revBreakdownBox .labelDiv,
.summaryTab .revBreakdownBox .labelDiv,
.revBrkdnModal .revBreakdownBox .labelDiv {
	text-align: right;
}

.revBreakdownTab .revBreakdownBox .noEntry,
.summaryTab .revBreakdownBox .noEntry,
.revBrkdnModal .revBreakdownBox .noEntry {
	background-color: #fff8dd;
}

.revBreakdownTab .brkdnBalDue,
.summaryTab .brkdnBalDue,
.revBrkdnModal .brkdnBalDue {
	color: #ff0000;
}

.transferAmountsBetweenJobsModal .revBreakdownBox .selectedInputFrom {
	border: 2px solid #88f !important;
}

.transferAmountsBetweenJobsModal .revBreakdownBox .selectedInputTo {
	border: 2px solid orange !important;
}

.transferAmountsBetweenJobsModal .transferOrderRes.selected {
	border: 2px solid orange;
	padding: 2px;
}

.timelineTab .timeslot .avatar {
	max-height: 1.8em;
	max-width: 1.8em;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
}

/* .orderForm.summaryTab .jobToggleRow, */
/* .orderForm.summaryTab .jobDetails, */
/* .orderForm.summaryTab .vendorBranchListRow, */
.orderForm.summaryTab .vendorSearchRadRow,
.orderForm.summaryTab .vendorSearchResRow,
.orderForm.summaryTab .vendorContactRow,
.orderForm.summaryTab .laborCostPreview,
/* .orderForm.summaryTab .vendorAdjustmentRow, */
.orderForm.summaryTab .suppliesNotesArea,
.orderForm.summaryTab .specialInstructions,
.orderForm.summaryTab .assistButton {
	display: none;
}

.orderForm:not(.vendorTab) .vendorAdjustmentRow {
	display: none;
}

.orderForm.vendorTab .vendorAdjustmentRow {
	margin-bottom: 14px;
}

.orderForm.vendorTab .vendorTransRow {
	margin-top: 2px;
}

.orderForm.vendorTab .vendorAdjustmentRow .vtrAmtDue {
	display: inline-block;
	min-width: 56px;
	text-align: right;
}

.orderForm.vendorTab .vendorAdjustmentRow .label {
	display: inline-block;
	margin: 0px 6px;
	min-width: 48px;
}

/* ----- END MORE ORDER FORM [TAB] SETTINGS -----*/








/* ----- OVERIT SETTINGS -----*/

.overIt .darkSurround {
	position: fixed;
	width: 100%;
	height: 100%;
	margin: 0;
	top: 0;
	left: 0;
	background-color: #000000;
	opacity: 0.8;
	z-index: 9998;
}

.overIt .mainBox {
	position: fixed;
	width: 550px;
	height: 260px;
	margin: auto auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	
	background-color: #990000;
	/*background-image: linear-gradient(135deg, #990000, transparent, #990000);*/
	background-image: repeating-linear-gradient(
		135deg,
		#990000,
		#990000 10px,
		#aa0000 10px,
		#aa0000 20px
	);
	/*background-size: 20px 20px;*/
	
	border-radius: 8px;
	border-top: 2px solid #bb0000;
	border-left: 2px solid #bb0000;
	border-right: 2px solid #440000;
	border-bottom: 2px solid #440000;
	box-shadow: 0px 0px 30px 2px #000000;
}

.overIt .mainBox h1 {
	color: #ffffff;
	font-size: 2.6rem;
	text-align: center;
	text-shadow: 1px 1px 2px #000000;
}

.overIt .mainBox p {
	color: #f8f8f8;
	font-size: 1.4rem;
	text-align: center;
	text-shadow: 1px 1px 5px #000000;
}

.overIt .mainBox .btn {
	font-size: 1.4rem;
	margin: 2px 6px;
	text-align: center;
	text-shadow: 1px 1px 3px #000000;
	box-shadow: 2px 2px 2px 0px #222222;
}

.overIt .mainBox .btn.btn-cancel { text-shadow: none; }


/* ----- END OVERIT SETTINGS -----*/








/* ----- PROFILE SETTINGS ---- */
#UserAvatarForm .avatar {
	float: left;
	height: 40px;
	width: 40px;
	margin-top: 5px;
	margin-right: 10px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
}
/* ----- END PROFILE SETTINGS ---- */



/* ----- REPORT SETTINGS ---- */
.reportSpan {
	display: inline-block;
	border-radius: 3px;
	line-height: 14px;
	color: #222222;
	text-shadow: 1px 1px 1px #eeeeee;
	padding: 1px 4px;
}
.reportSpan input {
	height: inherit;
}
.reportSpan.byJobDate {
	background-color: #BBDDFF;
	border: 1px solid #99bbdd;
}
.reportSpan.byClosedDate {
	background-color: #FFCC99;
	border: 1px solid #ddaa77;
}
/* ----- END REPORT SETTINGS ---- */









/* ----- RETAIL SALES SETTINGS ---- */
.kitCustInfo,
.kitOpsInfo,
.buyUpPlanInfo {
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	padding: 5px 20px;
}

.kitCustInfo {
	
}

.kitOpsInfo {
	
}
/* ----- END RETAIL SALES SETTINGS ---- */











/* ----- SELECT REPLACEMENT SETTINGS ---- */
.selectReplacement {
	/*font-family: Arial, Helvetica, Sans-Serif;*/
	font-size: 0.9em;
	cursor: default;
	margin: 0;
	/*min-width: 140px;*/
	width: 140px;
}

.selectReplacement div,
.selectReplacement ul {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

.selectReplacement div.selectList {
	position: relative;
}

.selectReplacement li {
	text-decoration: none;
	outline: none;
	min-height: 0.9rem;
}

/*.selectReplacement dt:hover,
.selectReplacement dt:focus {
	border: 1px solid #333;
}*/

.selectReplacement div.selectBox {
	background: #fff url("../images/arrow.png") no-repeat scroll right center;
	display: block;
	/*padding-right:20px;*/
	border: 1px solid #ccc;
	
	/*width: 100%;*/
	/*min-width: 20px;*/
}

.selectReplacement.disabled div.selectBox {
	cursor: not-allowed;
	background-color: #eee;
}

.selectReplacement div.selectBox span {
	display: block;
	padding: 2px;
	min-height: 22px;
	white-space: nowrap;
	overflow: hidden;
	margin-right: 17px;
}

.selectReplacement div.selectList ul {
	background-color: #fff;
	border: 1px solid #555;
	display: none;
	left: 0px;
	padding: 0px 0px;
	position: absolute;
	top: 2px;
	width: 100%;
	/*min-width: 20px;*/
	list-style: none;
	z-index: 999;
}

.selectReplacement span.value {
	display: none;
}

.selectReplacement ul li {
	padding: 3px;
	display: block;
}

.selectReplacement ul li:hover {
	background-color: #4444dd;
	color: #fff;
}
/* ----- END SELECT REPLACEMENT SETTINGS ---- */








/* ----- MAIN SEARCH DIALOG SETTINGS ---- */
#sidebar-left .searchGroup.searching .search {
	/* width: 80%; */
}

#sidebar-left .searchGroup .fa-spinner {
	display: none;
}

#sidebar-left .searchGroup.searching .fa-spinner {
	display: inline-block;
	position: absolute;
	z-index: 100;
	top: 18px;
	right: 18px;
	color: #ffffff;
	text-shadow: 1px 1px 1px #3399ff;
}

.searchResults {
	overflow-y: auto;
}

.searchResults .modal-dialog {
	width: 60%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 5px auto;
}

.searchResults .srchResultsContainer {
	overflow-y: auto;
}

.searchResults .srchResultsContainer a:link,
.searchResults .srchResultsContainer a:hover,
.searchResults .srchResultsContainer a:active {
	color: #3399ee;
}

.searchResults .srchResultsContainer a:visited {
	color: #1177cc;
}

.searchResults .searchResultsTable th,
.searchResults .searchResultsTable td {
	padding: 5px;
}
/* ----- END MAIN SEARCH DIALOG SETTINGS ---- */










/* ----- TODO LIST SETTINGS ----- */
.todoRow {
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: normal;
	margin: 8px 0px 6px 0px;
	padding-right: 11px;
	border-top: 1px solid #99ccff;
	border-left: 1px solid #99ccff;
	border-right: 1px solid #66aaff;
	border-bottom: 1px solid #66aaff;
	background-color: #f8f8f8;
	/*box-shadow: 0px 0px 1px 0px #888888;*/
	box-shadow: 0px 0px 2px 0px #aaaaaa;
	border-radius: 3px;
	text-shadow: none;
}

/*.todoRow.complete,
.todoRow.complete.topLevel,
.todoRow .todoRow .todoRow.complete {*/
.todoRow.complete,
.complete .todoRow,
.todoRow.complete.topLevel {
	color: #88cc88;
	background-color: #eeffee;
	border-top: 1px solid #99ffcc;
	border-left: 1px solid #99ffcc;
	border-right: 1px solid #66ffaa;
	border-bottom: 1px solid #66ffaa;
}

.todoRow.complete.topLevel > .tasktitle,
.todoRow.complete.topLevel > .hours {
	color: #88dd88;
	font-weight: bold;
	text-shadow: 1px 1px #ffffff;
}

/*.todoRow.topLevel > .todoRow {
	box-shadow: 0px 0px 2px 0px #aaaaaa;
	border-radius: 3px;
}*/
.todoRow .todoRow .todoRow.complete { color: #88cc88; }

.todoRow .todoRow .todoRow {
	font-size: 13px;
	color: #666666;
	border-color: #eeeeee;
	box-shadow: 0px 0px 1px 0px #aaaaaa inset;
	border-radius: 3px;
}

.todoRow .todoRow .todoRow .todoRow {
	font-size: 12px;
}

.todoRow div {
	display: inline-block;
	margin-left: 10px;
	margin-right: 0;
	vertical-align: top;
}

.todoRow.topLevel {
	background-color: #f4f4f4;
	margin-bottom: 40px;
}

.todoRow.topLevel > .tasktitle,
.todoRow.topLevel > .hours {
	font-weight: bold;
	text-shadow: 1px 1px #ccccdd;
}

.todoRow .navIcon {
	font-size: 10px;
	color: #666666;
	vertical-align: middle;
}

.todoRow .todoRow .navIcon { font-size: 9px; }
.todoRow .todoRow .todoRow .navIcon { font-size: 8px; }
.todoRow .todoRow .todoRow .todoRow .navIcon { font-size: 7px; }

.todoRow .priority {
	font-size: 12px;
	color: #888888;
	vertical-align: middle;
	cursor: pointer;
}

.todoRow .assignee {
	font-size: 12px;
	color: #aaaaaa;
	vertical-align: middle;
	cursor: pointer;
}

.todoRow .options span {
	margin: 3px;
	color: #aaccdd;
	cursor: pointer;
	font-size: 12px;
}

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

.todoRow .hours {
	float: right;
	cursor: pointer;
}

.todoRow .progress {
	float: right;
	cursor: pointer;
	width: 150px;
	margin-top: .4rem;
	margin-bottom: .2rem;
	background-color: #ffffff;
	border-radius: 3px !important;
	border: 1px solid #cccccc;
}

.todoRow .progress .progress-bar {
	margin: 0;
	background-color: #99ccff;
}

.todoRow .progress .progress-bar.low		{ background-color: #ff6666; }
.todoRow .progress .progress-bar.medium		{ background-color: #ffddaa; }
.todoRow .progress .progress-bar.high		{ background-color: #99ccff; }
.todoRow .progress .progress-bar.complete	{ background-color: #99ff99; }

/*.todoRow .todoRow .progress { height: 1.2rem; width: +9rem; }
.todoRow .todoRow .todoRow .progress { height: 1.2rem; width: +7.5rem; }*/
.todoRow .todoRow .progress,
.todoRow .todoRow .todoRow .progress,
.todoRow .todoRow .todoRow .todoRow .progress { height: 1.2rem; width: +6rem; }


/* ----- END TODO LIST SETTINGS ----- */




/* ----- MANAGE USERS SETTINGS ----- */
.manageUsers .avatar {
	float: left;
	height: 24px;
	width: 24px;
	margin-top: 0px;
	margin-right: 0px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
}
.manageUsers TR:hover {
	background-color: #f0f8ff;
}
.privsLink {
	margin: 0px 2px;
	font-size: 18px;
	color: #66aaFF;
}
.usrSettingsLink {
	margin: 0px 2px;
	font-size: 18px;
	/*color: #ff8822;*/
	color: #66aaFF;
}
.usrProfileLink {
	margin: 0px 2px;
	font-size: 18px;
	color: #66aaFF;
}
.usrDeleteLink {
	margin: 0px 2px;
	font-size: 18px;
	/*color: #cc6666;*/
	color: #66aaFF;
}
.usrDisableLink {
	margin: 0px 2px;
	font-size: 18px;
	color: #66aaFF;
}
.privsOptnSet {
	margin: 0;
	padding: 0;
	text-align: center;
}
.privsUtilName {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 300px;
	min-height: 55px;
	margin: 3px 4px;
	padding: 2px;
	border: 1px solid #dddddd;
	border-radius: 3px;
	background-color: #f8f8f8;
}
.privsUtilName span {
	line-height: 45px;
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
}

.privPreselectBtns {
	margin: 0 0;
	text-align: center;
}
.privPreselectBtns .preselectBtn {
	margin: 0px 3px 10px 2px;
}
.privsOptn {
	display: inline-block;
	text-align: center;
	min-width: 60px;
	height: 55px;
	margin: 3px 4px;
	padding: 2px;
	border: 1px solid #dddddd;
	border-radius: 3px;
	background-color: #f8f8f8;
}
.privsOptnSet .selected {
	color: #ffffff;
	background-color: #44b8ff;
	border-color: #44b8ff;
	box-shadow: 0px 0px 5px 0px #eeeeff inset;
}
/* ----- END MANAGE USERS SETTINGS ----- */



/* ----- MULTISELECT SETTINGS ----- */
/* My Additions */
.ui-multiselect {
	font-size:0.8em;
	/*width: 140px !important;*/
}
button.ui-multiselect.ui-state-active { color: #ee7700; }
.ui-multiselect-checkboxes label input { margin: 1px 3px 1px 2px !important }
.ui-multiselect-checkboxes label { padding: 0px 1px !important }
/* End My Additions */

.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
/*.ui-multiselect-header ul { font-size:0.9em }*/
.ui-multiselect-header ul { font-size:0.8em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
/*.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }*/
.ui-multiselect-checkboxes li { clear:both; font-size:0.8em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

* html .ui-multiselect-checkboxes label { border:none } /* remove label borders in IE6 because IE6 does not support transparency */
/* ----- END MULTISELECT SETTINGS ----- */




/* ----- VENDOR LIST SETTINGS ----- */
.vendorList .datatable td,
.vendorList .datatable th {
	text-align: center;
}
.vendorList .datatable th {
	font-size: 12px;
}
.vendorList .datatable td {
	padding: 3px;
	font-size: 12px;
}
.vendorList tr:hover {
	background-color: #ecf6ff;
}
/* ----- VENDOR LIST SETTINGS ----- */



/* ----- VENDOR LOG SETTINGS ----- */
.vendorLog .filterOptions {
	text-align: center;
	vertical-align: middle;
}
.vendorLog .completedSymbol {
	color: #44CC44;
	font-size: 18px;
}
.vendorLog .preCompletedSymbol {
	/*color: #eeeeee;*/
	font-size: 18px;
}
.vendorLog LI .highlightSymbol,
.vendorLog TH .highlightSymbol {
	font-size: 16px;
	color: #6699ff;
}
.vendorLog TD.highlightRow {
	color: #eeeeee;
	font-size: 16px;
}
.vendorLog TD.highlightRow:hover {
	color: #6699ff;
}
.vendorLog .removeOrderSymbol {
	color: #ff7777;
	font-size: 18px;
}
.vendorLog TD .removeOrderSymbol {
	color: #eeeeee;
}
.vendorLog TD .removeOrderSymbol:hover {
	color: #ff7777;
}
.vendorLog .addOrderSymbol {
	color: #77bbff;
	font-size: 18px;
}
.vendorLog TD .addOrderSymbol {
	color: #eeeeee;
}
.vendorLog TD .addOrderSymbol:hover {
	color: #77bbff;
}
.vendorLog .editSymbol {
	color: #555555;
	font-size: 15px;
}
.vendorLog .dateCopySymbol {
	color: #77aadd;
	font-size: 16px;
}
.vendorLog TD .dateCopySymbol {
	font-size: 16px;
	float: left;
	margin-top: 6px;
}
.vendorLog TD .dateCopySymbol:hover {
	color: #99ccff;
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg); /* IE 9 */
	-webkit-transform:rotate(-90deg); /* Opera, Chrome, and Safari */
}
.vendorLog .dateDelSymbol {
	color: #bb8888;
}
.vendorLog TD .dateDelSymbol {
	font-size: 13px;
	float: right;
	margin-top: 8px;
}
.vendorLog TD .dateDelSymbol:hover {
	color: #ff9999;
}
.vendorLog .datatable td,
.vendorLog .datatable th {
	text-align: center;
}
.vendorLog .datatable th {
	font-size: 12px;
}
.vendorLog .datatable .negativeVal {
	color: #ff0000;
}
.vendorLog .datatable .custName,
.vendorLog .datatable .payeeName,
.vendorLog .datatable .payeeAddr,
.vendorLog .datatable .payeeCity,
.vendorLog .datatable .payeeState,
.vendorLog .datatable .payeeZip,
.vendorLog .datatable .vlNotes {
	text-align: left;
}
.vendorLog .datatable .vlNotes {
	min-width: 100px;
}
.vendorLog .datatable TR.checked {
	background-color: #CCFFCC;
}
.vendorLog .datatable TR.removedRow {
	background-color: #FFCCCC;
}
.vendorLog .datatable TD.editNotes,
.vendorLog .datatable TD.vendorLogComplete,
.vendorLog .datatable TD.amtPaid,
.vendorLog .datatable TD.datePaid,
.vendorLog .datatable TD.pmtType,
.vendorLog .datatable TD.checkNum,
.vendorLog .datatable TD.removeOrder,
.vendorLog .datatable TD.addOrder,
.vendorLog .datatable TD.highlightRow {
	cursor: pointer;
}
.vendorLog .datatable TD.datePaid {
	padding: 2px;
	vertical-align: middle;
	min-width: 90px;
}
.vendorLog .datatable .dateSpan {
	display: inline-block;
	padding: 0;
	margin: 6px 0 0 0;
	vertical-align: middle;
	min-width: 58px;
	height: 26px;
}
.vendorLog .datatable TD.vendorLogComplete {
	color: #eeeeee;
}
.vendorLog .datatable TD.vendorLogComplete:hover {
	color: #cccccc;
}
.vendorLog .helpList {
	width: 315px;
	list-style-type: circle;
	color: #666666;
	margin: 0 auto;
	padding-left: 20px;
}
.vendorLog .helpList li {
	margin-top: 6px;
}
.vendorLog .noteBoxTitle {
	color: #666666;
	font-size: 14px;
	font-weight: bold;
}
.vendorLog .noteBox {
	width: 90%;
	min-height: 300px;
	color: #606060;
	background-color: #fcfcfc;
	border: 2px solid #000000;
	box-shadow: 0px 0px 6px 0px #888888 inset;
	padding: 3px 4px;
	
	background-image: linear-gradient(#eee .1em, transparent .1em);
	background-size: 100% 20px;
}
.highlightOption {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 3px;
	vertical-align: middle;
	text-align: center;
	font-size: 18px;
	color: #888888;
	cursor: pointer;
	border: 1px solid #888888;
	box-shadow: 1px 1px 1px 0px #cccccc;
}
.btnSaveNotes > .unsaved {
	display: inline-block;
	font-size: 8px;
	vertical-align: top;
}
/* ----- END VENDOR LOG SETTINGS ----- */





/* ----- VENDOR TOOL SETTINGS ----- */
.topControls {
	padding: 5px 10px 10px 10px;
	/* background-color: #f8f8f8; */
	/* border: 2px;
	border-radius: 3px;
	box-shadow: 1px 1px 5px 0px #aaaaaa; */
	
	/* border-top: 2px solid #88bbff;
	border-left: 2px solid #77aaff;
	border-right: 2px solid #5588ee; 
	border-bottom: 2px solid #4477dd; */
}
/* ----- END VENDOR TOOL SETTINGS ----- */





/* ----- VOUCHERS REPORT SETTINGS ----- */
.vouchersReport .filterOptions {
	text-align: center;
}
.vouchersReport .confirmedSymbol {
	color: #44CC44;
	font-size: 18px;
}
.vouchersReport .declinedSymbol {
	color: #CC4444;
	font-size: 18px;
}
.vouchersReport .editSymbol {
	color: #555555;
	font-size: 15px;
}
.vouchersReport .invoiceSymbol {
	color: #55AADD;			/* Blue */
	/*color: #44CC44;*/		/* Green */
	/*color: #FF9966;*/		/* Orange */
	font-size: 17px;
}
.vouchersReport .invoicePaidSymbol {
	/*color: #55AADD;*/			/* Blue */
	/*color: #44CC44;*/		/* Green */
	color: #FF9966;		/* Orange */
	font-size: 17px;
	margin-left: 8px;
	cursor: pointer;
}
.vouchersReport .hiddenSymbol {
	color: #666666;
	font-size: 17px;
}
.vouchersReport .datatable td, .vouchersReport .datatable th {
	text-align: center;
}
.vouchersReport .datatable th {
	font-size: 12px;
}
.vouchersReport .datatable .custName, .vouchersReport .datatable .voucherNotes {
	text-align: left;
}
.vouchersReport .datatable .voucherNotes {
	min-width: 200px;
}
.vouchersReport .datatable TR.checked {
	background-color: #CCFFCC;
}
.vouchersReport .datatable TR.declined {
	background-color: #FFCCCC;
}
.vouchersReport .datatable TR.hiddenrow {
	background-color: #EEEEEE;
	color: #CCCCCC;
}
.vouchersReport .datatable TD.editNotes, .vouchersReport .datatable TD.voucherConfirm, .vouchersReport .datatable TD.voucherDecline, .vouchersReport .datatable TD.voucherHide {
	cursor: pointer;
}

/* ----- END VOUCHERS REPORT SETTINGS ----- */


/*-------- Popup table styling -------*/
.table-orange{
	background-color: #FFD39B;
}

.table-darkorange{
	background-color: #FF8C00;
}

.table-yellow{
	background-color: #FFFCCF;
}

.table-empty{
	background-color: #C2D3D6;
}

.table-periwinkle{
	background-color: #C3E4ED;
}

.table-skyblue{
	background-color: #87CEEB;
}

.table-red{
	background-color: red;
}

.table-purple{
	background-color: #E6B3B3;
}


#rates-tables{
	font-family : Verdana, Helvetica, sans-serif;
	font-size: .7em;
	color: black;
}

.rates-table{
	border-collapse: collapse;
}

.rates-table td{
	border: 1px solid black;
	padding: 2px;
}

.rates-table th{
	border: 1px solid black;
	padding: 2px;
	text-align: center;
}

.center-text{
	text-align: center;
}

.table-heading{
	font-size: 1.4em;
}

/* .table-heading ul{
	list-style-type: none;
	display: inline-table;
	text-align: center;
} */


/* ----- end Popup table styling --------- */