/* cost class <select> */
body#ViewWrapper-Timesheets > main > div#CRUD-controls.Timesheets select {
	width: 225px;
}

	/* toggle shifts lock icon based on state */
	body#ViewWrapper-Timesheets > main > div#CRUD-controls.Timesheets input[type="checkbox"][name="ShiftsLocked"]:checked ~ .fa:before {
		/* fa-lock */
		content: "\f023";
	}
	/* toggle shifts lock icon based on state */
	body#ViewWrapper-Timesheets > main > div#CRUD-controls.Timesheets input[type="checkbox"][name="ShiftsLocked"]:not(:checked) ~ .fa:before {
		/* fa-unlock-alt */
		content: "\f13e";
	}

/* pay date message */
body#ViewWrapper-Timesheets > main button.paydate-stat {
	background-color: rgba(255,255,0,.5) !important;
}
	/* body#ViewWrapper-Timesheets > main button.paydate-stat:hover {
		color: rgb(200,200,255);
	} */

	/* NotesUI: memo has contents: button */
	body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > th input.NotesUI[name="Memo"]:not([value=""]) ~ button[name="Memo"] {
		background-color: rgb(100,125,150);
		color: white;
	}

		/* NotesUI: memo empty: fa-sticky-note-o */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > th input.NotesUI[name="Memo"][value=""] ~ button[name="Memo"] > .fa:before {
			content: "\f24a";
		}
		/* NotesUI: memo has contents: fa-sticky-note */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > th input.NotesUI[name="Memo"]:not([value=""]) ~ button[name="Memo"] > .fa:before {
			content: "\f249";
			color: yellow;
		}

/* timesheets form */
body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets {

}

	/* main timesheet table */
	body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table {
		display: table;
		margin-bottom: 50px;
		vertical-align: top;

		transition: margin 0.1s linear 0s;
	}

		/* main timesheet table when weekly reports expanded */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table.summary-report-expanded {
			margin-bottom: 350px;
		}

		/* buttons with clickable actions */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table button.clickable {
			color: rgba(0,0,100,.75);
			cursor: pointer;
			text-align: center;
		}
			/* hover */
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table button.clickable:hover {
				color: rgba(0,100,150,.75);
			}
			/* click */
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table button.clickable:active {
				color: white;
				text-shadow: 1px 1px 0px rgba(0,0,100,.75);
			}
			/* icon inside */
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table button.clickable > .fa {
				text-align: center;
			}

		/* seperated button */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table button.separate {
			margin-left: 10px;
		}

		/* "dangerous" button */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table button.clickable.danger {
			color: rgba(100,0,0,.75);
			border: 1px solid rgba(100,0,0,.75);
		}
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table button.clickable.danger:hover {
				color: rgba(150,100,0,.75);
			}
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table button.clickable.danger:active {
				color: white;
				text-shadow: 1px 1px 0px rgba(100,0,0,.75);
			}

		/* extra spacing for buttons containing only icons */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table button.icon-only {
			padding: 8px 7px 7px 8px;
		}

		/* hover on button button containing menu */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table button.has-menu:hover {
			border: 1px solid transparent;
			background: rgb(185, 185, 185);
		}
			/* hover on button button containing menu */
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table button.has-menu:hover > .fa {
				color: white;
				text-shadow: 1px 1px 0px rgba(0,0,0,.5);
			}

			/* button menu */
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table button > nav.button-menu {
				position: absolute;
				display: none;
			}
				/* button menu on hover */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table button:hover > nav.button-menu {
					display: block;
					margin: 7px 0px 0px -9px;

					background: white;
					border: 1px solid transparent;
					background: rgb(185, 185, 185);
					/* box-shadow: 2px 2px 3px rgba(0,0,0,.15); */
				}
					/* menu items */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table button:hover > nav.button-menu > item {
						display: block;
						padding: 5px;
						text-align: left;
						white-space: nowrap;
					}
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table button:hover > nav.button-menu > item:hover {
							background: rgba(255,255,255,.75);
							cursor: pointer;
						}

		/* header table needs left offset because ?? */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table.PDCFW3-dynamicTH-header {

		}

			/* cell spinners for header elements waiting to load */
			.Timesheets-loadingSpinner.Timesheets-header-loading {
				text-align: center;
			}
				.Timesheets-loadingSpinner.Timesheets-header-loading > .fa {
					color: rgba(0,0,0,.5);
					font-size: 18px;
					margin-top: 5px;
				}

		/* margin to offset <form> margin */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table.PDCFW3-dynamicTH-data {
			margin-top: -55px;
		}

		/* all header cells */
		/* body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr th {
			padding: 10px 0px 10px 0px;
			text-align: center !important;

			font-family: 'Roboto Mono';
			font-size: 15px;
			color: rgba(75,75,75);
			font-weight: bold;
			text-transform: uppercase;

			background-color: rgb(7,207,226);
		} */

		/* guide headers row */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr#header-guides {

		}
			/* guide cell (blank) */
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table .blank {
				background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJUlEQVQImV3IsQ0AIAwDsP5/Sp40E1DFo0dJYjrw88bLHTAdcABnDV6i1+T2SgAAAABJRU5ErkJggg==) !important;
				font-size: 0px; /* collapse spacing */
			}

			/* guide header */
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr#header-guides > th:not(.blank) {
				background: rgb(205,205,205);
				font-size: 19px;
				color: rgba(0,0,0,.5);
				letter-spacing: 5px;
				line-height: 1.5;
				padding-bottom: 13px;
			}

				/* button container inside guide header */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr#header-guides > th:not(.blank) > .button-container {
					position: absolute;
					margin-left: 10px;
					letter-spacing: normal;
					font-size: 0px; /* collapse spacing */
				}

			/* repeat-options button in header cell */
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table th button {
				display: inline-block;
				margin: 0px 1px 0px 1px;
				padding: 5px 9px 5px 10px;

				background-color: white;
				border: 1px solid rgba(0,0,100,.75);
			}

			/* overtime rules display */
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table th:last-of-type > div#location-details {
				/* font-family: Roboto Mono, Courier New;
				color: black;
				font-weight: bold;
				text-shadow: 1px 1px 0px white; */
			}

		/* field headers row */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr#header-fields {

		}

			/* field headers row cell */
			/* body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr#header-fields > th {
				background: rgb(7,207,226);
				border-top: 1px solid black;
				border-right: 1px solid white;
			} */

		/* day container cell */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.day-container > td {
			vertical-align: middle;
		}

		/* odd day row */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.odd-day:not(.StatDate) td:not(.day-container):not(.hours) {
			background-color: rgb(225,245,255);
		}
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.odd-day:not(.StatDate):hover td:not(.day-container):not(.hours) {
				background-color: rgb(200,225,255);
			}

		/* even day row */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr:not(.odd-day):not(.StatDate) td:not(.day-container):not(.hours) {
			background-color: white;
		}
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr:not(.odd-day):not(.StatDate):hover td:not(.day-container):not(.hours) {
				background-color: rgb(200,235,240);
			}

		/* stat day row */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.StatDate {

		}

			/* stat day cell */
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.StatDate > td {
				padding: 10px 10px 10px 10px;
				vertical-align: top;
				font-size: 0px; /* collapse spacing */
				border-top: 2px solid rgba(0,0,0,.5);
			}

				/* res stat */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.StatDate[CategoryOption="res"] > td {
					background-color: rgba(255,255,0,.1);
				}

				/* res stat */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.StatDate[CategoryOption="com"] > td {
					background-color: rgba(255,128,0,0.25);
				}

				/* faded background text */
				/* body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.StatDate > td:before {
					display: block;
					position: absolute;
					margin-top: 10px;
					right: 25px;
					left: auto;

					font-size: 55px;
					color: rgba(0,0,0,0.1);
					font-family: Arial;
					font-weight: bold;
					text-transform: uppercase;
				} */

				/* faded background text */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.StatDate > td > div.StatCategoryOption {
					display: block;
					position: absolute;
					margin-top: 10px;
					right: 25px;
					left: auto;

					font-size: 55px;
					color: rgba(0,0,0,0.1);
					font-family: Arial;
					font-weight: bold;
					text-transform: uppercase;
				}

				/* inline block containers */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.StatDate > td > div {
					display: inline-block;
					vertical-align: top;
					margin-top: 10px;
				}

				/* date */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.StatDate > td > div.StatDate {
					display: inline-block;
					position: relative;
					margin-right: 20px;
					padding: 5px;
					width: 40px;
					height: 40px;

					text-align: center;
					font-size: 11px;
					line-height: 1.35;

					border: 3px solid rgba(100,100,0,.1);
					background-color: rgba(255,255,0,.25);
				}
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.StatDate > td > div.StatDate > .month {
						text-align: center;
						font-size: 11px;
					}
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.StatDate > td > div.StatDate > .day {
						text-align: center;
						font-size: 16px;
						font-weight: bold;
					}

					/* day */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.StatDate > td > div > div.Name {
						display: block;
						margin-bottom: 7px;

						font-size: 13px;
						font-weight: bold;
					}

					/* pay factor */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.StatDate > td > div > div.PayFactor {
						display: block;

						font-size: 12px;
						font-weight: normal;
						line-height: 1.25;
					}

		/* DST row */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.DST {

		}

			/* DST cell */
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.DST > td,
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.DST > td:hover {
				padding: 5px !important;
				font-size: 13px;
				line-height: 1.5;
				background-color: rgb(180,225,180) !important;
			}

				/* DST info containers */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.DST > td > div {
					text-align: center;
				}

				/* DST indicator */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.DST > td > div.indicator {
					font-weight: bold;
				}


		/* OT bank payout row */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.SOBP {

		}
			/* OT bank payout info */
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.SOBP > td {
				padding: 5px !important;
				vertical-align: middle !important;

				font-size: 11px;
				color: rgba(0,0,0,.85);
				line-height: 1.25;

				background: rgb(235, 235, 235) !important;
				border-top: 2px solid rgba(0,0,0,.5);
			}
				/* containers in embedded table for payout list */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.SOBP > td > div {
					display: inline-block;
					vertical-align: top;
					margin-top: 5px;
					padding: 5px 0px 3px 5px;

					color: rgba(0,0,0,.65);
					border-top: 1px dotted rgba(0,0,0,.75);
				}

				/* containers in embedded table for payout list: Staff */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.SOBP > td > div.Staff {
					width: 250px;
					text-align: right;
					padding-right: 10px;
					text-overflow: ellipsis;
					overflow: hidden;
				}
				/* containers in embedded table for payout list: Hours */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.SOBP > td > div.Hours {
					width: 50px;
					text-align: right;
					font-weight: bold;
				}
				/* containers in embedded table for payout list: Memo */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.SOBP > td > div.Memo {
					width: calc( 100vw - 530px );
					padding-left: 20px;
					text-align: left;

					color: rgba(0,0,0,.5);
					font-weight: normal;
					transition: margin 0.1s linear 0s;
				}
					body#ViewWrapper-Timesheets.header-collapsed > main > form#CRUDForm-Timesheets > table tr.SOBP > td > div.Memo {
						width: calc( 100vw - 400px );
					}

					/* body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.SOBP > td > div.Memo:empty,
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.SOBP > td > div.Memo:blank {
						display: none;
					} */


		/* hilite staff: faded */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.hilite-staff-fade * {
			color: rgba(0,0,0,.25);
		}

		/* hilite staff: epmhasized */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.hilite-staff-emph * {
			color: black;
			text-shadow: 1px 1px 0px rgba(0,0,0,.1);
		}

		/* entry row */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.entry-row {

		}

			/* all cells */
			/* body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table td {
				vertical-align: middle;

				font-family: 'Roboto Mono';
				font-size: 15px;
				color: black;
				font-weight: normal;

				border: 1px solid rgb(190,190,190);
				overflow: hidden;
			} */

				/* no top borders on top-row cells */
				/* body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table > tbody > tr:nth-of-type(1) > td,
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table > tbody > tr:nth-of-type(2) > td {
					border-top: 1px solid transparent !important;
				} */

				/* all flexrow cells with inputs */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td:not(.day) {
					vertical-align: top;
					padding-top: 2px;
				}
					/* non-input cell positioning adjustments */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td.Seniority-EmploymentType,
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td.hours {
						padding-top: 9px;
					}
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td.control-icons:not(.copy),
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td.Notes,
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td.Banked {
						padding-top: 7px;
					}
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td.ReleaseBanks-ReleaseCleared {
						padding-top: 10px !important;
					}

				/* new day cells */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.new-day:not(.day-special-status) > td {
					border-top: 2px solid rgb(50,75,100);
				}

				/* weekend day */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.new-day.weekend > td.day {
					background: rgba(150,160,175,0.75) !important
				}

			/* last row */
			/* body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr:last-of-type > td,
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr#header-fields > th {
				border-bottom: 1px solid black;
			} */

			/* day cells */
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .day {
				width: 40px !important;
				padding: 0px !important;

				text-align: center;

				line-height: 1.35;
				background: rgba(7,207,226,.5) !important;
				/* border-bottom: 1px solid black !important; */
				border-left: 1px solid rgb(7,207,226) !important;
			}

				/* day cells when day = today */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.today > .day {
					background: rgba(7,207,226,1) !important;
				}

				/* day/date container */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr td.day > div.day-date {
					position: relative;
					width: 100%;
					height: calc( 100% - 30px );
				}

					/* day */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr td.day > div.day-date > div.day {
						font-size: 15px;
						font-weight: bold;
					}
						/* icons in day cell */
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr td.day > .fa {
							display: inline-block;
							margin: 3px;
							text-align: center;
						}

						/* rendering adjustment for "adjustment" icon */
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr td.day > .fa.adjustment-add {
							font-size: 19px;
							margin-bottom: 6px;
							margin-left: 2px;
						}

					/* date */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr td.day > div.day-date > div.date {
						font-size: 13px;
						color: rgba(0,0,0,.75);
						word-spacing: -5px;
					}


				/* hilite binding with summary report */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row.summaryReportsUI-bindHilite,
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row.summaryReportsUI-bindHilite > td,
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row.summaryReportsUI-bindHilite > td *:not(.fa) {
					background: rgb(50,75,150) !important;
					background-color: rgb(50,75,150) !important;
					color: white !important;
				}
					/* hide icons while hiliting */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row.summaryReportsUI-bindHilite > td .fa {
						visibility: none !important;
						opacity: 0 !important;
					}

				/* tech flag */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row.tech-flag > td {
					/* background-color: rgba(122,122,122,.5) !important; */
					background: rgb(255,235,200) !important;
				}

				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .control-icons.one-icon {
					width: 30px;
					font-size: 17px !important;
					text-align: center;
				}

				/* reset styling for adjustment shifts */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.AdjustmentShift td.ShiftDesignation,
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.AdjustmentShift td[class*="Scheduled"],
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.AdjustmentShift td.Position,
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.AdjustmentShift td.VacantPositions,
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.AdjustmentShift td.Banked {
					background: rgb(235,235,235) !important;
					/* border-left: 0px !important; */
					/* border-right: 0px !important;
					border-top: 0px !important; */
				}

					/* hide inside elements for adjustment shifts */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.AdjustmentShift td.ShiftDesignation *,
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.AdjustmentShift td[class*="Scheduled"] *,
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.AdjustmentShift td.Position *,
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.AdjustmentShift td.VacantPositions *,
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.AdjustmentShift td.Banked * {
						display: none !important;
					}

					/* psuedo element to indicate adjustment */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.AdjustmentShift td.ShiftDesignation:before {
						position: absolute;
						margin-top: 5px;
						width: 70px;

						text-align: center;
						font-family: Roboto Mono;
						font-size: 14px;
						color: rgba(0,0,0,.5);
						letter-spacing: 1px;

						content: 'ADJUST';
					}

				/* th & td for holding specific fields & data */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr .ShiftDesignation {
					width: 72px !important;
					/* padding: 0px !important; */
				}
					/* shift designation <select> */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr .ShiftDesignation select[name*="ShiftDesignation"],
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr .ShiftDesignation select[name*="ShiftDesignation"] option {
						text-align: right;
					}
					
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr .AltCostClassID {
					width: 75px;
				}
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr .AltCostClassID select option {
						text-align: center;
					}
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr .AltCostClassID select > option:first-child {
						color: rgba(0,0,0,.5);
					}

				/* StaffID select with timeoff req */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr select[name*="StaffID"].TimeOffRequests {
					color: rgb(200,125,0);
					font-weight: bold;
				}

				/* StaffID select with timeoff req */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr select[name*="StaffID"].TimeOffRequestReplacementStaff {
					color: blue;
					font-weight: bold;
				}

				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td.Position {
					width: 50px;
				}

				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .VacantPositions {
					width: 60px;
					text-align: center;
				}

					/* set icon state for Vacant=1 */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row input[name*="[is_vacant]"]:checked ~ label:before {
						/* fa-user-circle */
						content: "\f2bd";
					}

					/* set icon state for Vacant=0 */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row input[name*="[is_vacant]"]:not(:checked) ~ label:before {
						/* fa-user-circle-o */
						content: "\f2be";
						opacity: 0.25;
					}

					/* copy forward icon */
					body#ViewWrapper-Timesheets .Position-apply-forward {
						opacity: 0.75;
						margin-left: 5px;
						transform: rotate(90deg);
					}

				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td.Seniority-EmploymentType {
					width: 30px;

					text-align: center;
					font-family: Roboto Mono, Courier New;
					font-size: 13px !important;
					font-weight: normal;
					color: rgba(0,0,0,.75);
					background: rgb(235,235,235) !important;
				}

				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .StaffID {
					width: 155px;
				}
					/* shift deviation togglng cell */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td.Deviation {
						text-align: center;
						width: 25px;
					}
						/* icon when deviation mode disabled */
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr:not(.Deviation) > td.Deviation > .fa {
							color: rgba(0,0,0,.35);
						}

					/* row containing deviation to display */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.Deviation {
						height: 61px;
						vertical-align: top;
					}

						/* deviation cell when deviation enabled */
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.Deviation > td.Deviation {
							background: rgb(255, 244, 239) !important;
						}

							/* deviation icon when deviation enabled */
							body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.Deviation > td.Deviation > .fa {
								position: absolute;
								width: 24px;
								height: 26px;
								z-index: 4;
								margin: -7px -9px 0px -13px;
								padding: 7px 0px 0px 1px;

								border: 0px;
								background: rgb(255, 244, 239);
								border-bottom: 0px;
							}

						/* shift deviation elements container */
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td > div.Deviation {
							display: none;
						}
							/* shift deviation elements container (when shift row in deviation mode) */
							body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.Deviation > td > div.Deviation {
								display: block;
								position: absolute;
								margin-top: 30px;
								width: 594px;

								border: 1px solid rgba(0,0,0,.25);
								border-left: 0px;
								background: rgb(255, 244, 239);
							}
								body#ViewWrapper-Timesheets.is-browser-chrome > main > form#CRUDForm-Timesheets > table tr.Deviation > td > div.Deviation {
									margin-top: 28px;
								}

							/* separator icon */
							body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.Deviation > td > div.Deviation > .fa.separator {
								vertical-align: top;
								margin: 5px 0px 0px 5px;
								color: rgba(0,0,100,.25);
								cursor: default;
								font-size: 17px;
							}

						/* deviation input elements */
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td > div.Deviation > * {
							vertical-align: top;
						}

						/* deviation select menu (staff) */
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td > div.Deviation > select {
							width: 175px;
							/* border-right: 1px solid rgba(0,0,0,.1); */
						}
						/* deviation text input */
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td > div.Deviation > input[type="text"] {
							width: calc( 100% - 179px*3 );
						}

				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .time {
					width: 75px;
				}
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .time > input {
						text-align: center;
					}

				/* PendingConflictResolution */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > [class*="PendingConflictResolution"] {
					width: 10px;
				}

				/* shift is assigned as overtime */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.overtime_assigned > td {
					background-color: rgba(0,150,0,.5) !important;
				}

				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .hours {
					width: 55px;
				}

					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td.hours {
						text-align: center;
						font-family: Roboto Mono, Courier New;
						font-size: 13px !important;
						font-weight: bold;
						color: rgba(0,0,0,.5);
						background: rgb(235,235,235);
					}

				/* set icon state for ScheduledException=1 */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td.ScheduledException > input[type="checkbox"][name*="ScheduledException"]:checked ~ .fa {
					opacity: 1;
				}
				/* set icon state for ScheduledException=0 */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td.ScheduledException > input[type="checkbox"][name*="ScheduledException"]:not(:checked) ~ .fa:before {
					opacity: 0.25;
				}

				/* copy cell */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .copy {
					width: 30px;
				}

					/* copy cell when AdjustmentShift=1 */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row.AdjustmentShift > td.copy {
						text-align: center;
						font-weight: bold;
					}

					/* hide copy button for AdjustmentShift=1 */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row.AdjustmentShift > .copy > button.copy {
						display: none;
					}

					/* arrow icon */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td.copy > button > .arrow {
						position: absolute;
						margin: 2px 0px 0px 8px !important;
						color: rgb(4,90,163 !important);
						font-size: 16px !important;
					}

					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .copy.copy-shift {
						text-align: center;
					}


				/* hide AdjustmentMode cell for AdjustmentShift=0 */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row:not(.AdjustmentShift) > .copy > label {
					display: none;
				}

					/* font adjustment for AdjustmentMode icon */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td.copy > label.AdjustmentMode {
						margin-top: 4px;
					}

					/* AdjustmentMode=1 */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td > input[name*="[AdjustmentMode]"][type="checkbox"]:checked ~ label.fa:before {
						/* fa-plus-square */
						content: "\f0fe";
						color: rgba(100,100,255,.85);
					}
					/* AdjustmentMode=0 */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td > input[name*="[AdjustmentMode]"]:not(:checked) ~ label.fa:before {
						/* fa-minus-square */
						content: "\f146";
						color: rgba(255,100,100,.85);
					}

				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .ShiftTypeID {
					width: 75px;
				}

				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .UnpaidBreakOption {
					width: 39px;
				}

				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .PayFactorOption.PayRateException {
					width: 55px;
					text-align: center;
				}

					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .PayFactorOption.PayRateException > .fa {
						margin: auto 3px auto 3px;
					}

					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td.PayFactorOption > input[name*="[overtime]"]:not(:checked) ~ .fa {
						opacity: .35;
					}
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td.PayFactorOption > input[name*="[overtime]"]:checked ~ .fa {
						opacity: 1;
					}
						/* overtime when unavailable */
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td.PayFactorOption > input[name*="[overtime]"] ~ .fa.hide {
							visibility: hidden;
						}

					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td.PayRateException > input[name*="[PayRateException]"][value=""] ~ .fa {
						opacity: .35;
					}
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td.PayRateException > input[name*="[PayRateException]"]:not([value=""]) ~ .fa {
						opacity: 1;
					}

				/* save button cells */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .save {
					width: 30px;
					text-align: center;
				}

				/* release cleared */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .ReleaseBanks-ReleaseCleared {
					width: 35px;
					text-align: center;
				}

					/* release shift or bank selected */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .ReleaseBanks-ReleaseCleared.selectedReleaseBank:not(.WithdrawalDenied),
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .ReleaseBanks-ReleaseCleared.isReleaseShiftType:not(.WithdrawalDenied) {
						background-color: yellow !important;
					}

					/* release shift or bank selected (withdrawal denied) */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .ReleaseBanks-ReleaseCleared.selectedReleaseBank.WithdrawalDenied,
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .ReleaseBanks-ReleaseCleared.isReleaseShiftType.WithdrawalDenied {
						background-color: red !important;
						color: white !important;
					}

					/* release banks icon */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td.ReleaseBanks-ReleaseCleared > .ReleaseBanks {
						margin-top: -2px;
						transform: scaleX(-1) rotate(-90deg);
					}

					/* release banks icon when bank selected (display as ReleaseBankAbbr) */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td.ReleaseBanks-ReleaseCleared > .ReleaseBanks:not(.fa) {
						text-transform: uppercase;
						font-family: Roboto Mono;
						font-size: 12px;
						cursor: pointer;
					}
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td.ReleaseBanks-ReleaseCleared > .ReleaseBanks:not(.fa):before {
							display: none;
						}

					/* ReleaseCleared: hide when not release shift type */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td.ReleaseBanks-ReleaseCleared:not(.isReleaseShiftType) > .ReleaseCleared.fa {
						display: none;
					}
					/* ReleaseBank: show when not release shift type */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > td.ReleaseBanks-ReleaseCleared.isReleaseShiftType > .ReleaseBanks {
						display: none;
					}

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

				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .SILPayPeriodAllotments.hours {
					width: 125px;
				}

				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .Workzone {
					width: 35px;
					text-align: center;
				}

				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .Notes {
					width: 55px;
					text-align: center;
				}

					/* note icons */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr .Notes > span > .fa {
						font-size: 18px;
						margin: 0px 2px 0px 2px;
					}
						/* when disabled */
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr .Notes > span > .fa[disabled],
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr .Notes > span > .fa[disabled].subicon-embed > .fa {
							cursor: default;
						}

					/* note icon when empty */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr .NotesUI-container input[type="hidden"][name*="Notes"][value=""] ~ .fa {

					}
						/* note icon when empty: fa-sticky-note-o */
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr .NotesUI-container input[type="hidden"][name*="Notes"][value=""] ~ .fa:before {
							content: "\f24a";
						}

					/* note icon when has contents */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr .NotesUI-container input[type="hidden"][name*="Notes"]:not([value=""]) ~ .fa {
						color: rgb(100,125,150);
					}
						/* note icon when has contents: fa-sticky-note */
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr .NotesUI-container input[type="hidden"][name*="Notes"]:not([value=""]) ~ .fa:before {
							content: "\f249";
						}

						/* padlock icon inside private note icon, when note empty */
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .Notes input[type="hidden"][value=""] ~ .fa.subicon-embed > .fa {
							color: black !important;
						}
						/* padlock icon inside private note icon, when note entered */
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .Notes input[type="hidden"]:not([value=""]) ~ .fa.subicon-embed > .fa {
							color: white !important;
						}

				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .Banked {
					width: 125px;
					/* text-align: left; */
				}

					/* bank when flagged */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .Banked.flag {
						background-color: rgb(255,200,100) !important;
					}
						/* bank displayed but disabled to user */
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .Banked[disabled],
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .Banked label[disabled] * {
							color: rgba(0,0,0,.25) !important;
						}

					/* hide Banked display by default */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .Banked > div {
						display: none;
					}

					/* banking unavailable */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .Banked > .unavailable.show {
						display: block;
						text-align: center;

						font-family: Open Sans, Calibri, Arial;
						font-size: 12px;
						color: rgba(0,0,0,.5);
					}

						/* unavailable icon */
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .Banked > .unavailable > .fa {
							margin-right: 10px;
							font-size: 15px;
							color: rgba(0,0,0,.25);
						}

					/* bank option inputs container */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .Banked > .available.show {
						display: block;
						text-align: center;
					}

						/* bank action input labels (hide by default) */
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .Banked > .available.show label:not([role="Banked-none"]) {
							display: none;
						}
							/* when shown */
							body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .Banked > .available.show label:not([role="Banked-none"]).show {
								display: inline-block;
							}

						/* bank balance */
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr > .Banked > .available.show > span.balance {
							display: inline-block;
							margin-left: 10px;

							font-family: Roboto Mono, Courier New;
							font-size: 12px;
							color: black;
						}

				/* inputs on rows with pending conflicts */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row.PendingConflictResolutionScheduled > td > [name*="Scheduled"],
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row.PendingConflictResolutionActual > td > [name*="Actual"] {
					color: white;
					background-color: rgb(255,50,50);
				}

					/* conflicts icon when PendingConflictResolution=1 */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row.PendingConflictResolutionScheduled > td.PendingConflictResolutionScheduled > .fa,
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row.PendingConflictResolutionActual > td.PendingConflictResolutionActual > .fa {
						color: red;
						text-shadow: 1px 1px 0px white;
					}
						/* conflicts icon when PendingConflictResolution=1 */
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row.PendingConflictResolutionScheduled > td.PendingConflictResolutionScheduled > .fa:hover,
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row.PendingConflictResolutionActual > td.PendingConflictResolutionActual > .fa:hover {
							color: rgb(200,0,0);
							text-shadow: 1px 1px 0px white;
						}
						/* conflicts icon when PendingConflictResolution=1 */
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row.PendingConflictResolutionScheduled > td.PendingConflictResolutionScheduled > .fa:active,
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row.PendingConflictResolutionActual > td.PendingConflictResolutionActual > .fa:active {
							color: rgb(125,0,0);
							text-shadow: -1px -1px 0px white;
						}

					/* conflicts icon when PendingConflictResolution=0 */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row:not(.PendingConflictResolutionScheduled) > td.PendingConflictResolutionScheduled > .fa,
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row:not(.PendingConflictResolutionActual) > td.PendingConflictResolutionActual > .fa {
						color: rgba(0,0,0,.15);
					}

			/* incomplete shift */
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.incomplete > td,
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.incomplete > td > input,
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.incomplete > td > select {
				background: rgb(255,235,200) !important;
				background-color: rgb(255,235,200) !important;
			}

			/* iconified buttons */
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.entry-row td button.control-icons {
				padding: 0px;
				height: 25px;
				width: 25px;

				border: 0px;
				cursor: pointer;
			}
				/* button icons */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.entry-row td button.control-icons > .fa,
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.entry-row td button.control-icons > .fa:hover,
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.entry-row td button.control-icons > .fa:active {
					margin: 0px;
					padding: 8px 0px 10px 0px;
					width: auto;
					font-size: 15px;
					color: rgb(0,50,75);
					text-shadow: none;
				}

					/* button icons when button hovered */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.entry-row td button.control-icons:hover > .fa {
						color: rgb(125,125,125) !important;
					}

					/* button icons when button clicked */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.entry-row td button.control-icons:active > .fa {
						color: white !important;
						text-shadow: -1px -1px 0px rgba(0,0,0,.5) !important;
					}

				/* Approved cell */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row > .Approved {
					width: 25px;
					text-align: center;
				}

					/* set icon state for Approved=1 */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row > td.Approved > input[name*="[Approved]"]:checked ~ label:before {
						/* fa-check-circle */
						content: "\f058";
					}

					/* set icon state for Approved=0 */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row > td.Approved > input[name*="[Approved]"]:not(:checked) ~ label:before {
						/* fa-circle-thin */
						content: "\f1db";
					}


				/* Locked cell */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row > .Locked {
					width: 25px;
					text-align: center;
				}

					/* set icon state for Locked=1 */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row > td.Locked > input[name*="[Locked]"]:checked ~ label:before {
						/* fa-lock */
						content: "\f023";
						color: black;
						text-shadow: 1px 1px 0px white;
					}

					/* set icon state for Locked=0 */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row > td.Locked > input[name*="[Locked]"]:not(:checked) ~ label:before {
						/* fa-unlock-alt */
						content: "\f13e";
						opacity: 0.35;
					}

				/* options cell */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row > .options {
					width: auto;
					min-width: 35px;
					text-align: right;
				}
					/* option menu button */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row > td.options > .fa {
						margin-right: 10px;
					}

					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row > td.options:hover ~ td.flexrows-ctrls {
						display: block;
					}

				/* flexrow controls cell for non-adjustment shift */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row:not(.AdjustmentShift) > td.flexrows-ctrls {
					position: absolute;
					display: none;
					width: 85px;
					margin-left: -110px;
					text-align: center !important;
					border: 1px solid rgba(0,0,0,.5);
					/* border-left: 1px solid rgb(190,190,190) !important; */
					font-size: 0px;
					padding: 10px;
					background-color: white !important;
					box-shadow: 3px 3px 0px rgba(0,0,0,.05), 0px 0px 20px transparent;
					z-index: 99;
				}

					/* display controls for non-adjustment shift */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row:not(.AdjustmentShift) > td.flexrows-ctrls:hover {
						display: block;
					}

					/* flexrow controls for adjustment shift */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row.AdjustmentShift > td.flexrows-ctrls {
						text-align: right;
						padding-right: 7px;
					}

						/* hide add/copy flexrow actions for adjustment shift rows */
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row.AdjustmentShift > td.flexrows-ctrls > :is([role="add"], [role="clone"]) {
							display: none;
						}

					/* cells adjustment for stat days */
					/* body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row.is-stat.odd-day > td,
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row.is-stat:not(.odd-day) > td {
						background-color: rgb(255,255,225);
					}
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row.is-stat.odd-day:hover > td,
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row.is-stat:not(.odd-day):hover > td {
							background-color: rgb(255,255,200);
						}
						 */
					/* flexrows controls cell with no-delete option */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row.auto-split:not(.AdjustmentShift) > .flexrows-ctrls > :is([role="del"],[role="clone"],[role="copy"]) {
						display: none;
						visibility: hidden;
						opacity: 0;
						z-index: -999;
					}

					/* icon as label containing checkbox */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row > td.flexrows-ctrls > label.has-checkbox {
						color: rgba(0,50,75,.25);
					}

						/* when checked */
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row > td.flexrows-ctrls > label.has-checkbox.checked {
							color: rgb(0,50,75) !important;
						}

						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row > td.flexrows-ctrls > label.has-checkbox > input[type="checkbox"] {
							display: none;
						}

						/* hide StatWorked for non-stat days (lazy spacing) */
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.flexrows-row:not(.is-stat) > td.flexrows-ctrls > label.StatWorked {
							visibility: hidden;
							opacity: 0;
							z-index: -999;
						}

		/* daily live reports row */
		body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.live-reports-daily {
			/* hide by default */
			display: none;
		}

			/* show when summary report opened */
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table.summary-report-expanded tr.live-reports-daily {
				display: table-row;
			}

			/* daily live reports cell */
			body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.live-reports-daily > td {
				vertical-align: top;

				font-family: Roboto Mono;
				font-size: 11px;
				color: black;
				background: rgb(235,235,235) !important;

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

				/* non-emph report cells */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.live-reports-daily > td:not([class*="emph-"]) {
					border-left: none;
					border-right: none;
				}

				/* data containers */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.live-reports-daily > td > data {
					display: inline-block;
					padding: 5px;

					font-family: Roboto Mono, Courier New;
					font-size: 13px !important;
					font-weight: bold;
					color: rgba(0,0,0,.5);
					line-height: 1.5;
				}

				/* staff hours */
				body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.live-reports-daily > td.list {
					text-align: right;
				}
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.live-reports-daily > td.list-names > data {
						padding-right: 10px;
					}

					/* total hours in day */
					body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.live-reports-daily > td.total {
						text-align: center;
					}

						/* total day hours data container */
						body#ViewWrapper-Timesheets > main > form#CRUDForm-Timesheets > table tr.live-reports-daily > td.total > data {
							color: black;
						}


/* NotesUI dialog form for pay rate exception */
#TimesheetsApp-dialog-NotesUI > form#Timesheets-dialogForm-PayRateException {

}

	/* label & input container */
	#TimesheetsApp-dialog-NotesUI > form#Timesheets-dialogForm-PayRateException > div {
		display: block;
		vertical-align: top;
		margin-bottom: 5px;
	}

		/* label */
		#TimesheetsApp-dialog-NotesUI > form#Timesheets-dialogForm-PayRateException label {
			position: relative;
			display: inline-block;
			width: 200px;
			height: 100%;
			padding: 7px 10px 9px 0px;
			display: inline-block;
			text-align: right;
			vertical-align: top;

			font-family: 'Roboto Mono';
			font-size: 15px;
			font-weight: normal;
			color: rgba(0,0,0,.75);
			text-transform: uppercase;

			background: rgb(7,207,226);
		}

		/* inputs */
		#TimesheetsApp-dialog-NotesUI > form#Timesheets-dialogForm-PayRateException input {
			display: inline-block;
			position: relative;
			width: calc( 100% - 225px );
			vertical-align: top;
		}

		/* amount input */
		#TimesheetsApp-dialog-NotesUI > form#Timesheets-dialogForm-PayRateException input[name="PayRateException"] {
			width: 75px;
		}

		/* notes */
		#TimesheetsApp-dialog-NotesUI > form#Timesheets-dialogForm-PayRateException textarea[name="PayRateExceptionNotes"] {
			height: 300px;
		}


/* dialog for release bank selection */
#TimesheetsApp-dialogReleaseBanks {
	font-family: Open Sans, Calibri, Arial;
	font-size: 13px;
}

	[aria-describedby="TimesheetsApp-dialogReleaseBanks"] .ui-dialog-titlebar {
		display: none;
	}

	/* adjust primary button set containers */
	#TimesheetsApp-dialogReleaseBanks ~ .ui-dialog-buttonpane,
	#TimesheetsApp-dialogReleaseBanks ~ .ui-dialog-buttonpane > .ui-dialog-buttonset {
		float: none !important;
		text-align: center !important;
	}

	/* main release bank table */
	#TimesheetsApp-dialogReleaseBanks table {
		width: 100%;
	}

		/* header cells */
		#TimesheetsApp-dialogReleaseBanks table tr > th:not(:empty) {
			font-weight: bold;
			padding-bottom: 12px !important;
			border-bottom: 1px solid rgba(0,0,0,.5);
		}

		/* all cells */
		#TimesheetsApp-dialogReleaseBanks table tr > * {
			padding-top: 3px;
			padding-bottom: 3px;
			height: 19px;
			vertical-align: top;
		}
		
			/* release bank name cell */
			#TimesheetsApp-dialogReleaseBanks table tr > td.ReleaseBankName {
				
			}
			
				/* release bank name text */
				#TimesheetsApp-dialogReleaseBanks table tr > td.ReleaseBankName > div.ReleaseBankName {
					font-weight: bold;
					color: rgba(0,0,0,.6);
				}
				/* release bank reset text */
				#TimesheetsApp-dialogReleaseBanks table tr > td.ReleaseBankName > div.YearStarts {
					margin-top: -4px;
					font-size: 12px;
				}
				
			/* hours and buttons cells */
			#TimesheetsApp-dialogReleaseBanks table tr > td:is(.Hours,.buttons) {
				vertical-align: middle;
			}

		/* number cell */
		#TimesheetsApp-dialogReleaseBanks table tr > .number {
			font-family: Roboto Mono;
			font-size: 13px;
			font-weight: bold;
		}

		/* first cells in row */
		#TimesheetsApp-dialogReleaseBanks table tr > :first-of-type {
			text-align: left;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		/* right-align not-first cells */
		#TimesheetsApp-dialogReleaseBanks table tr > :not(:first-of-type) {
			text-align: right;
			padding: auto 10px auto 10px;
		}

			/* selection buttons */
			#TimesheetsApp-dialogReleaseBanks table tr > td > button.select {
				margin: 0px !important;
				padding: 7px 5px 5px 5px;
				height: auto;
				width: 130px;
				text-align: left;
			}
				/* button icon */
				#TimesheetsApp-dialogReleaseBanks table tr > td > button.select > .fa {
					margin: auto 5px auto 5px;
					width: 15px;
					text-align: center;
				}

				/* selection button containing only icon (no text) */
				#TimesheetsApp-dialogReleaseBanks table tr > td > button.select.icon-only {
					display: inline-block;
					width: 63px;
					text-align: center;
				}
					/* icon-only button when not selected */
					#TimesheetsApp-dialogReleaseBanks table tr > td > button.select.icon-only:not(.selected) > .fa {
						opacity: .5;
					}
					/* icon-only button when selected */
					#TimesheetsApp-dialogReleaseBanks table tr > td > button.select.icon-only.selected > .fa  {
						opacity: 1;
					}

			/* notice text */
			#TimesheetsApp-dialogReleaseBanks .notice {
				text-align: center;
				margin-top: 20px;
				font-style: italic;
			}