/**
 * Master Schedule form
 */

/* button */
div#CRUD-controls.Overtime > #filters > button#Staff {
	width: 300px;
	text-align: left;
	background-color: rgba(255,255,255,.7) !important;
}


/* menu container */
div#CRUD-controls.Overtime > #filters > #Staff-custom-menu {
	display: none;
}

	/* menu container when shown */
	div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open {
		display: block;
		width: 930px;
		height: 650px;
		position: absolute;
		margin: -1px 0px 0px 211px;
		
		background-color: rgb(4,90,163);
		padding: 5px;
	}
	
		/* adjustment for chrome */
		body.is-browser-chrome div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open {
			margin-left: 221px;
		}
	
		/* menu filters container */
		div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open > #menu-filters {
			
		}
	
			/* text filter search input */
			div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open > #menu-filters input[name="filter-text"] {
				display: block;
				position: relative;
				/* default padding is 5px */
				width: calc( 100% - 12px );
				margin-bottom: 10px;
				background-color: rgba(255,255,255,.7);
				border: 1px solid rgba(0,0,0,.35);
			}
			
			/* toggling filter group */
			div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open > #menu-filters > .filter-group.toggles {
				display: block;
				height: 32px;
			}
				/* filter name */
				div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open > #menu-filters > .filter-group.toggles > .filter-name {
					display: inline-block;
					margin-right: 10px;
					
					text-align: right;
					font-family: Roboto Mono;
					font-size: 12px;
					color: white;
				}
		
		/* header table */
		div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open > table#menu-head {
			width: 875px;
		}
		
		/* all tables */
		div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open table {
			
		}
		
			/* styling for header guides */
			div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open table th {
				font-weight: normal;
				text-align: center;
				font-family: Roboto Mono;
				font-size: 15px;
				background-color: rgba(255,255,255,.7);
				padding: 5px 0px 5px 0px;
				text-transform: uppercase;
				color: black;
			}
				/* guide header */
				div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open table th.header-guide {
					font-size: 15px;
					border-bottom: 1px solid rgba(0,0,0,.25);
				}
				
				/* staff header (empty) */
				div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open table#menu-head th.Staff {
					width: 330px;
					padding: 0px;
					background: transparent;
				}
				
				/* data-changed notification */
				div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open table#menu-head th.data-changed {
					width: 30px;
				}
				
				/* staff header (empty) */
				div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open table#menu-head th.state {
					width: 70px;
					padding: 0px;
				}
				
				/* staff header (empty) */
				div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open table#menu-head th.state.split {
					background: transparent;
					width: 30px;
				}
			
			/* general header */
			div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open table th {
				font-weight: normal;
				text-align: center;
				font-family: Roboto Mono;
				font-size: 13px;
				background-color: rgba(255,255,255,.7);
				padding: 5px 0px 5px 0px;
				text-transform: uppercase;
				color: black;
			}
		
			/* styling for week1/week2 cells (th/td) */
			div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open table .week1 {
				border-left: 1px solid rgba(0,0,0,.25);
				border-right: 1px solid rgba(0,0,0,.25);
			}
			div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open table .week2 {
				border-right: 1px solid rgba(0,0,0,.25);
				border-right: 1px solid rgba(0,0,0,.25);
			}
			
			/* staff cols */
			div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open table .Staff {
				width: 320px;
				text-align: left;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			
			/* delegate cells */
			div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open table .DelegateStaffID {
				width: 235px;
				border-left: 0px;
			}
			/* delegate content cells */
			div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open > #menu-contents > table tr[StaffID] > td.DelegateStaffID {
				padding-top: 0px;
				padding-bottom: 0px;
			}
				/* delegate <select> */
				div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open table .DelegateStaffID > select {
					position: relative;
					width: 100%;
					font-size: 12px;
				}
				
				
			/* state icons */
			div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open table tr > td > .fa {
				font-size: 21px;
				color: rgba(0,0,0,.6);
				height: 11px;
				margin-top: -9px;
			}
				/* state icons faded */
				div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open table tr > td > .fa.fade {
					color: rgba(0,0,0,.15);
				}
			
			/* when data changed since finalization */
			div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open table tr.data-changed {
				background-color: rgba(255,200,100,.5);
			}
				div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open table tr.data-changed:hover {
					background-color: rgba(255,200,100,.75) !important;
				}
			
				/* data changed notification cells */
				div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open table .data-changed {
					width: 28px;
					text-align: center;
				}
				
				/* icon style when data changed */
				div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open table tr.data-changed .data-changed > .fa {					
					color: red;
					opacity: .75;
				}
					/* icon when data changed */
					div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open table tr.data-changed .data-changed > .fa:before {
						/* fa-exclamation-circle */
	  					content: "\f06a";
					}
			
			/* status cells */
			div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open table .state {
				width: 70px;
				text-align: center;
			}
				/* split status cells */
				div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open table .state.split {
					width: 30px;
				}
		
		/* menu contents container */
		div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open > #menu-contents {
			display: block;
			width: 905px;
			padding: 0px 10px 10px 10px;
			height: calc( 650px - 33px - 38px - 20px - 39px );
			overflow-y: scroll;
			overflow-x: hidden;
			background-color: rgba(255,255,255,.7);
		}
		
			/* menu contents header cell */
			div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open > #menu-contents > table tr > th {
				display: block;
				padding: 15px 0px 5px 0px;
				
				text-align: left;
				font-family: Open Sans, Calibri, Arial;
				font-size: 16px;
				color: black;
				font-weight: bold;
				text-transform: uppercase;
				
				background: transparent;
				border-bottom: 1px solid rgba(0,0,0,.25);
			}
			
			/* menu contents table */
			div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open > #menu-contents > table {
				width: 895px;
			}
				
				/* dummy spacer row */
				div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open > #menu-contents > table tr.spacing-dummy > td {
					height: 0px;
					padding: 0px;
					border-bottom: 0px;
					border-top: 0px;
				}
				
				/* data row */
				div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open > #menu-contents > table tr {
					display: table-row;
				}
				/* data row hidden by filter */
				div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open > #menu-contents > table tr.filter-hide {
					display: none;
				}
			
					/* data cell */
					div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open > #menu-contents > table tr > td {
						padding: 8px 0px 8px 0px;
						vertical-align: middle;
						
						font-family: Roboto Mono;
						font-size: 12px;
						color: rgba(0,0,0,.8);
						
						border-bottom: 1px solid rgba(0,0,0,.25);
					}
			
			/* empty state cell */
			div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open > #menu-contents > table tr[StaffID] > td.state:empty:before {
				content: 'loading';
				display: 'inline';
				color: rgba(0,0,0,.25);
			}
			
			/* color-coded states */
			div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open > #menu-contents > table td.state[state="pending"] {
				background-color: rgb(255,200,100) !important;
			}
			div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open > #menu-contents > table td.state[state="final"] {
				background-color: rgb(0,100,200) !important;
				color: white;
			}
			
			/* hover content row */
			div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open > #menu-contents > table tr:not(.contents-header):hover {
				background: rgba(255,255,255,.25);
				filter: contrast(1.5);
			}
				div#CRUD-controls.Overtime > #filters > #Staff-custom-menu.open > #menu-contents > table tr:not(.contents-header):hover > td:not(.DelegateStaffID) {
					cursor: pointer;
				}