﻿html, body { font-family:Arial, sans-serif; -webkit-print-color-adjust:exact;/* Chrome hack to print background colors */ } 
table { width:100%; border-spacing:0; /*border-collapse:collapse;*/ }
td { padding:0; }
				
.screenOnly { padding-bottom:4px; border-bottom:1px dotted #777 }
.bold { font-weight:bold; }
.right { text-align:right; }
.center { text-align:center; }
.verticalCenter { vertical-align:middle; }
.clear { clear:both; }
.breakAfterThis { page-break-after:always; }
.floatLeft { float:left; }
.floatRight { float:right; }

.loading { }

.StaleDataWarning { display:none; text-align:center; color:red; font-weight:bold; }
.Report { width:99%; }


/* Press Run Report */

	/*.Report:first-child { page-break-before:avoid !important; }*/
	.reportHeader:first-of-type { page-break-before:avoid !important; }
	.reportHeader { font-size:.9em; page-break-before:always; }
		.reportHeaderSection { float:left; width:33%; }
		.reportTitle { font-size:1.1em; font-weight:bold; }

		.reportHeader table { width:100%; }
		.reportHeader td { width:50%; }

	.runTable { height:7.5em; overflow:visible; margin-top:.3em; page-break-inside:avoid; }
	.runTitle { width:2em; min-height:5em; border:2px solid black; border-top-left-radius:.8em; border-bottom-left-radius:.8em; padding:0; margin:0 0 15px 0; }
		.runTitle nobr { width:2em; display:block; text-indent:-.7em; font-size:1.6em; font-weight:bold; text-transform:uppercase; vertical-align:middle;
						 transform:rotate(270deg); -webkit-transform:rotate(270deg); }
	
	/* Deliveries off*/
	.runTitleSmall { height:1em !important; text-align:right !important; }
		.runTitleSmall nobr { width:1em !important; height:1em !important; }
	.runTableSmall { height:2em !important; margin-top:0 !important; }
	.versionSmall { margin-bottom:0px !important }

	.runSpacer { height:15px; font-size:4pt;} 

	.versionCell { vertical-align:top; }
	.version { border-style:solid; border-color:black; border-width:1px 1px 1px 1px; margin:0 0 15px 0; border-top-right-radius:.4em; }
		.version table { border-collapse:collapse; }
		.versionHeader { display:flex; flex-wrap:wrap; border-bottom:1px solid black; min-height:26px; }
			.versionHeaderName { font-size:1.1em; font-weight:bold; padding:.25em 0 0 .5em; }
			.versionHeaderTotal { flex-grow:1; text-align:right; font-weight:bold; font-size:.9em; padding:.5em .4em 0 0; }
			.versionHeaderChart { }
				.versionHeaderChartData { display:inline-block; text-align:left; width:57px; padding:.25em 0 0 0; margin:0; border-left:1px solid #aaa; height:100% }
					/*.versionHeaderChartNumber { font-size:.6em; line-height:.4em; }
					.versionHeaderChartData { /*font-size:.9em;*/ }*/
			

		.versionTable { font-size:.7em; width:100%; }
			.versionTableHeader { background-color:#fff; font-weight:bold; border-bottom:1px solid #ccc }
			.versionTableRow { background-color:#fff; }
			.versionTableRowAlt { background-color:#ddd !important; }

			.versionTable td, .versionTable th { border-right:1px solid #ccc; padding:0px 5px; }


	.colDestinationName { width:32%; }
	.colContactType { width:13%; }
	.colTotal { width:9%; text-align:right; }
	/*.colFold { width:10%; text-align:center; }*/
	.colCarrier { width:13%; }
	/*.colTruck { width:10%; }*/
	.colSkid { width:9%; }
	.colDate { border-right-width:0px !important; }




/* Skid Report */

	.Skid { width:98%;/*to address a firefox printing issue*/ page-break-after:always; }

		.Skid .plus { font-size:1.2em; }
		.Skid .big { font-weight:bold; font-size:1.2em; }
		.Skid .bigger { font-weight:bold; font-size:1.7em; }
		.Skid .biggest { font-weight:bold; font-size:1.9em; }

		.Skid .fold { text-align:center; font-size:.7em; padding-bottom:2em; }
		.Skid .address { text-align:center; border-radius:1.2em; background-color:#ddd; padding:.2em; margin:.2em 0; }
		.Skid .jobNameHeader { float:left; margin-right:-100px; font-size:1.2em; }
		.Skid .jobName { text-align:center; font-size:1.2em;  }

		.Skid .skidTable { border-collapse:collapse; }
		.Skid .skidTable, .Skid .skidTable th, .Skid .skidTable td { border:1px solid black; }
		.Skid .skidTable td { padding:.2em; }


/* Bundle Report */

	.Bundle { width:98%;/*to address a firefox printing issue*/ page-break-after:always; }
		
		.Bundle .clear { margin-bottom:.4em; }

		.Bundle .top { text-align:right; font-size:1.4em; font-weight:bold; }

		.Bundle .label { float:right; }
		.Bundle .field { height:1em; float:right; width:75%; text-align:center; padding-bottom:.1em; }
		.Bundle .underline { border-bottom:1px solid black; }
		
		.Bundle table { float:right; vertical-align:top; width:85%; border-collapse:collapse; border:1px solid black; }

		.Bundle .bottom { padding:.5em; font-size:2em; font-weight:bold; border:1px solid black; }



/* Box Labels */
	
	.Box { width:48%; height:300px; margin:3% 0 0 0%; text-align:center; float:left; }
	/* Height for the above rule defined in the print media */

		.Box .big { font-weight:bold; font-size:1.2em; }
		.Box .job { font-size:.9em; font-weight:bold; text-decoration:underline; }


/* Check Off */

	.CheckOff { }

/* Truck Delivery */

	.TruckDelivery { }

		.TruckDelivery .bold { font-weight:bold; }

		.TruckDelivery .address { border-radius:1.2em; background-color:#ddd; padding:.2em 2em; margin:.2em 3em; }
		.TruckDelivery .bottomBox { margin-top:3em; float:left; }
		.TruckDelivery .bottomBoxRight { float:right; margin-right:3em; text-align:right; }

		.TruckDelivery table { border-collapse:collapse; margin:1em 0; font-size:.9em; }
			.TruckDelivery table td { border:1px solid #777; padding:.2em; }
