/* Print.css: Defines print layout. Included from ~\Views\Shared\MasterCss.ascx with media="print" */
@media print
{
	body
	{
		font-size: .75em;
		font-family: Arial, Helvetica, Sans-Serif;
		padding: 0;
		color: #000;
	}

	h1
	{
		font-weight: bold;
		padding: 0 5px;
		font-size: 1.2em;
	}

	table { border-collapse: collapse; margin: 10px 0; }
	table td { padding: 5px; text-align: left; }
	table th { padding: 6px 5px; text-align: left; } /* background: Black; color: White} */

	.outerscrolltable thead tr 
	{
		position:absolute;
		left:0;
		top:-28px;
		background:#5c87b2;
		color:#fff;
	}

	#google_map
	{
		width:800px; 
		height:600px;
	}

	.rowtotals td { font-weight: bold; }

	/* Risk assessment map */
	.popup     
	{
		top: 0px !important;
		left: 0px !important;
		margin-left: 0px !important;
		margin-top: 0px !important;
	}

	/* not used !? */
	.gmnoprint  { display: none; }
	
	#mapDetails
	{
		float:none !important;
	}

	/* Add this class to suppress print */
	.hideOnPrint
	{
		display:none !important;
	}

	.google_mapRiskAssessment
	{
		width: 800px;
		height:600px;
		margin: 0px 5px;
	}

	/* Suppress Greenergy header */
	#header
	{
		display: none;
	}

	/* Suppress specific items in driver schedule (!?) */	
	#schedulePanel #driverSchedule, #schedulePanel #driverScheduleLegend, #schedulePanel .ui-toolbar, .ui-datepicker
	{
		display: none;
	}

	/*
	#DriverScheduleTable tbody td
	{
		color: #000;
	}
	*/
	
	/* Always print using landscape - ignored on most browsers. Let the user specify landscape in print dialog 
	@page {size: landscape}
	*/
	
	#DriverScheduleTable
	{
		width: 1000px;
		position: relative;
	}

	/* Suppress calendar buttons in driver schedule (!?) */	
	#DriverScheduleTable tbody td.Buttons
	{
		display: none;
	}

	table 
	{ 
		page-break-after:auto; /* Page breaks should be neither forced nor prevented after the table's box*/
		-webkit-column-break-after: always; /* A column break is always inserted after the element (Safari 3.0 iOS 2.0) */
		overflow-x:hidden;
	}


	tr    
	{ 
		page-break-inside:avoid; /* Avoid inserting a page break inside a single table row block */
		page-break-after:auto; /* Insert a page break after table row block if necessary */
	}

	td     
	{
		page-break-inside:avoid; /* Avoid inserting a page break inside a single cell */
		page-break-after:auto;
	}

	thead 
	{ 
		/* Like 'table-row-group', but for visual formatting */
		/* the row group is always displayed before all other rows and row groups and after any top captions */
		/* Print user agents may repeat header rows on each page spanned by a table	*/
		display:table-header-group;
	}

	tfoot 
	{ 
		display:table-footer-group; /* Same idea as header group */ 
	}

	/* shift manager print */
	#ShiftManagerPanel td
	{ 
		text-align: center;
		border-color: #EEEEEE; 
		border-collapse: collapse;
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		min-width: 29px;
	}

	/* shift manager print */
	#ShiftManagerPanel .Empty
	{ 
		text-align: center;
		border-color: #EEEEEE; 
		border-collapse: collapse;
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		min-width: 29px;
	}

	#ShiftManagerPanel th
	{
		text-align: center;
		border-collapse: collapse;
		border-top-width: 1px ;
		border-left-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 2px; /* NB: sometimes, a pixel short (?) */
		border-style: solid;
		border-color: #EEEEEE; 
		min-width: 29px;
	}

	#ShiftManagerPanel .Count
	{
		text-align: center;
		border-collapse: collapse;
		border-top-width: 1px ;
		border-left-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 2px; /* NB: sometimes, a pixel short (?) */
		border-style: solid;
		border-color: #EEEEEE; 
		min-width: 29px;
	}

	#ShiftManagerPanel th .Header
	{
		font-weight: bold;
		color: Gray;
	}

	#ShiftManagerPanel .DateHeaderCell
	{
		text-align: center;
		border-collapse: collapse;
		border-top-width: 1px ;
		border-left-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 2px;
		border-style: solid;
		border-top-color: #EEEEEE; 
		border-left-color: #EEEEEE; 
		border-right-color: #EEEEEE; 
		border-bottom-color: black; 
		font-weight: bold;
		color: Gray;
		min-width: 29px;
	}

	/* Shift manager table layout */
	#ShiftManagerPanel table
	{
		text-align: left;
		border-collapse: collapse;
		border-width: 2px 2px 2px 2px; 
		border-style: solid;
		border-color: #EEEEEE;
		overflow-x: hidden;
	}
 
	/* AM/PM column in Totals lines */
	#ShiftManagerPanel td .Type
	{
		min-width: 20px;
		border-right-style: solid;
		border-right-width: 1px;
		font-weight: bold;
		color: Gray;
	}

	/* Headline column in Totals lines */
	#ShiftManagerPanel .Header
	{
		min-width: 118px;
		text-align: left;
		padding-left: 6px;
		padding-right: 6px;
	}

	/* Headline column in Totals lines */
	#ShiftManagerPanel .Count
	{
		min-width: 29px;
		text-align: center;
	}

	/* Drivername column header */ 
	#ShiftManagerPanel #ShiftManagerFigures td.Driver  
	{
		min-width: 150px;
		white-space: nowrap;
		text-align: left;
		padding-left: 6px;
		padding-right: 6px;
	}
	
	.DriverShifts
	{
		page-break-after: always;
	}
	
	.ScreenOnly,
	#Filter,
	#ShiftManagerFilterTable,
	#ShiftManagerPanel .dataTables_wrapper,
	.top,
	.dataTables_filter,
	#ShiftEditDialog,
	#AddExceptionView,
	.offPeriodView,
	#AddFullDayOffView
	{
		display: none !important;
	}

	.DateHeader .Driver,
	.sorting_asc
	{
		text-align:left !important;	
	}
	
	#ShiftManagerPanel #ShiftManagerFigures span.Left { float:left; text-align: left;}
	#ShiftManagerPanel #ShiftManagerFigures span.Right { float: right; text-align: right;}

	#ShiftManagerPanel .TopFooterCell
	{
		border-top-width: 2px !important;
		border-top-color: black !important; 
	}

	#ShiftManagerPanel .Break .Count,
	#ShiftManagerPanel .Break .Header
	{
		border-left-width: 2px !important;
		border-left-color: white !important; 
		border-right-width: 2px !important;
		border-right-color: white !important; 
	}
	
	#ShiftManagerPanel .Count
	{
		font-weight: normal !important;
		color: black !important;
	}
	
	#ShiftManagerPanel .Header,
	#ShiftManagerPanel .MonthHeaderCell
	{
		font-weight: bold !important;
		color: gray !important;
	}
}