/**
 * Paycards Staging view
 */

/* report form */
body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards {
	margin-bottom: 60px;
}

	/* report form table */
	body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD {

	}
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD:not(:first-of-type) {
			margin-top: 25px;
		}

		/* table title */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD tr.table-title > th {
			padding: 20px 10px 10px 10px;
			text-align: left !important;

			background: white;
			text-transform: none;
			font-family: Open Sans, Calibri, Arial;
			font-size: 25px;

			cursor: pointer;
		}
			/* hover on table title row header */
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD tr.table-title > th:hover {
				background-color: rgba(7,207,226,.35);
			}

			/* counts summary */
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD tr.table-title > th > div.counts-summary {
				margin: 5px 0px 10px 0px;

				font-family: Roboto Mono, Courier New;
				font-size: 14px;
			}

		/* section toggling */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD:not(.show) tr:not(.table-title):not(.empty) {
			display: none;
		}
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD.show tr {
				display: table-row;
			}


		/* reset CRUD styling for cells */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD td {
			border: none;
			padding: 5px;
		}
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD td:first-of-type {
				padding-left: 10px;
			}

		/* reset font */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD td:not(.options) {
			font-family: Roboto Mono, Courier New;
			font-size: 13px;
		}

		/* staff name */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD td.StaffID {
			padding-top: 25px;
			padding-bottom: 10px;
			font-weight: bold;
			border-bottom: 1px solid black;
			background-color: white !important;
		}

		/* cost class */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD td.CostClasses {
			width: 200px;
		}

		/* ShiftDate */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD td.ShiftDate {
			text-align: right;
			width: 125px;
			padding-right: 20px;
		}

		/* ShiftCode */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD td.ShiftTypeID {
			width: 250px;
		}
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD td.ShiftTypeID > select {
				border-bottom: 1px solid black;
			}

		/* max hrs/yr */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD td.PayFactorOption {
			padding-left: 10px;
			width: 175px;
		}

		/*

		/* time */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD td.time {
			width: 75px;
			text-align: right;
		}

			/* time inputs */
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD td.time > input[type="text"],
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD td.time > input[type="text"]:disabled {
				padding: 5px;
				width: calc( 100% - 10px );

				text-align: center;

				background: rgba(0,0,100,.05);
				border-bottom: 1px solid rgba(0,0,0,.5);
			}

		/* modifiers */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD td.modifiers {
			width: 400px;
			text-align: left;
		}
			/* modifiers cell for not release bank tables */
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD > tr:not([view-id="release-bank"]) > td.modifiers {
				width: 550px;
			}

		/* info */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD td.ReleaseBankName {
			width: 150px;
			text-align: left;
			white-space: nowrap;
		}

		/* hours display */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD td.Hours {
			width: 100px;
			padding-left: 20px;
			padding-right: 20px;
			text-align: right;

			font-weight: bold;
			color: rgba(0,0,0,.5);
		}

		/* cell with "empty" placeholder */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD td.empty-val {
			/* text-align: center !important; */
			color: rgba(0,0,0,.35) !important;
		}

		/* check group cells */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD td.options {
			width: 110px;
			/* text-align: center; */
		}

			/* cleared: null/unreveiwed */
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD td.options > input[name="ReleaseCleared"][value-current=""] ~ .fa:before {
				opacity: 1;
				/* fa-hourglass-o */
				content: "\f250";
			}
			/* cleared: reviewed and =0 */
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD td.options > input[name="ReleaseCleared"]:not([value-current=""]):not(:checked) ~ .fa:before {
				opacity: 1;
				/* fa-minus */
				content: "\f068";
			}
			/* cleared: reviewed and =1 */
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD td.options > input[name="ReleaseCleared"]:not([value-current=""]):checked ~ .fa:before {
				opacity: 1;
				/* fa-check */
				content: "\f00c";
			}

			/* approved=1 */
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD td.options > input[name="Approved"]:checked ~ .fa:before {
				/* fa-check-circle */
	  			content: "\f058";
			}
			/* approved=0 */
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD td.options > input[name="Approved"]:not(:checked) ~ .fa:before {
				/* fa-circle-thin */
  				content: "\f1db";
			}

			/* reconciled=1 */
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD td.options > input:is([name="AdjustmentReconciled"],[name="PayRateExceptionReconciled"]):checked ~ .fa:before {
				/* fa-check-square-o */
	  			content: "\f046";
			}
			/* reconciled=0 */
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD td.options > input:is([name="AdjustmentReconciled"],[name="PayRateExceptionReconciled"]):not(:checked) ~ .fa:before {
				/* fa-square-o */
  				content: "\f096";
			}

	/* stat results table cells */
	body#ViewWrapper-Timesheets > main > form#CRUDForm-Shifts-paycards > table.CRUD[resultType^="stat"] tr > td {
		padding: 5px 5px 5px 10px;
	}

	/* exports iframe */
	body#ViewWrapper-Timesheets > iframe.paycards-export {
		display: none;
	}