/**
 * CSS for Timesheets CRUD indexes
 */

/* empty view */
body#ViewWrapper-Timesheets > main > .empty {
 	margin-top: 100px;
	padding: 25px;

 	font-family: Open Sans, Calibri, Arial;
 	font-size: 18px;
 	text-align: center;

	line-height: 1.5;
}

/* table */
body#ViewWrapper-Timesheets > main > table.CRUDIndex {
	margin-top: 69px;

	width: 100%;
	font-family: 'Roboto Mono';
	font-size: 0px; /* collapse spacing */
	border-top: 1px solid white;

	table-layout: fixed;
}

	/* header row */
	body#ViewWrapper-Timesheets > main > table.CRUDIndex tr#header {

	}

		/* header cells */
		body#ViewWrapper-Timesheets > main > table.CRUDIndex tr#header > th {
			padding: 10px;
			text-align: center;

			font-size: 15px;
			color: rgba(0,0,0,.75);
			font-weight: bold;

			background: rgba(7,207,226,.9);

			border-right: 1px solid white;
		}

			/* master checkbox inside header cell */
			body#ViewWrapper-Timesheets > main > table.CRUDIndex tr#header > th > input[type="checkbox"].master-check {
				float: left;
				margin: 1px 0px 0px 4px;
			}

			/* sortable cells */
			body#ViewWrapper-Timesheets > main > table.CRUDIndex tr#header > th[sort] {
				cursor: pointer;
			}
				/* hover sortable cells */
				body#ViewWrapper-Timesheets > main > table.CRUDIndex tr#header > th[sort]:hover {
					background: rgba(7,225,255,.9);
				}
				/* click sortable cells */
				body#ViewWrapper-Timesheets > main > table.CRUDIndex tr#header > th[sort]:active {
					background: rgba(7,150,180,.9);
				}
				/* sorted cell */
				body#ViewWrapper-Timesheets > main > table.CRUDIndex tr#header > th[sortdir] {
					background: rgba(7,180,210,.9);
				}

			/* sortable cells */
			body#ViewWrapper-Timesheets > main > table.CRUDIndex tr#header > th:not([sort]) {
				cursor: not-allowed;
			}

			/* header cell when sorted */
			body#ViewWrapper-Timesheets > main > table.CRUDIndex tr#header > th[sortdir]:not(.nosymbol):after {
				display: inline-block;
				margin-left: 15px;
				position: absolute;
				font-family: 'FontAwesome';
				color: black;
				font-size: 15px;
			}
				/* sort ASC */
				body#ViewWrapper-Timesheets > main > table.CRUDIndex tr#header > th[sortdir="asc"]:not(.nosymbol):after {
					content: "\f0d8";
				}

				/* sort DESC */
				body#ViewWrapper-Timesheets > main > table.CRUDIndex tr#header > th[sortdir="desc"]:not(.nosymbol):after {
					content: "\f0d7";
				}

	/* data rows */
	body#ViewWrapper-Timesheets > main > table.CRUDIndex tr.data {

	}

		/* data row in "reduced visibility" state */
		body#ViewWrapper-Timesheets > main > table.CRUDIndex tr.data.record-state-reduced > td {
			color: rgba(0,0,0,.35);
			font-style: italic;
		}
			body#ViewWrapper-Timesheets > main > table.CRUDIndex tr.data.record-state-reduced > td * {
				color: rgba(0,0,0,.35) !important;
			}

		/* data cells */
		body#ViewWrapper-Timesheets > main > table.CRUDIndex tr.data > td {
			padding: 6px 10px 6px 10px;
			vertical-align: top;

			color: black;
			font-size: 12px;
			line-height: 1.35;

			border-top: 1px solid transparent;
			border-bottom: 1px solid transparent;
			border-right: 1px solid white;

			cursor: default;
		}

			/* alternate backgrounds as visual aid */
			body#ViewWrapper-Timesheets > main > table.CRUDIndex tr.data:nth-of-type(even) > td {
				background-color: white;
			}
			body#ViewWrapper-Timesheets > main > table.CRUDIndex tr.data:nth-of-type(odd) > td {
				background-color: rgb(226,246,247);
			}
			body#ViewWrapper-Timesheets > main > table.CRUDIndex tr.data:hover > td {
				background-color: rgba(0,0,35,.15);
				/* border-bottom: 1px solid rgba(0,0,50,.35); */
			}

			/* cell containing number to align right */
			body#ViewWrapper-Timesheets > main > table.CRUDIndex tr.data > td.number {
				text-align: right;
			}

			/* cell with asynchronous data loading */
			body#ViewWrapper-Timesheets > main > table.CRUDIndex tr.data > td .fa.cell-loading {
				margin-top: 2px;
				font-size: 15px !important;
				color: rgba(0,0,0,.1) !important;
			}

			/* cell with multiple lines */
			body#ViewWrapper-Timesheets > main > table.CRUDIndex tr.data > td.multiline-split > div:not(:first-of-type) {
				margin-top: 10px;
			}

				body#ViewWrapper-Timesheets > main > table.CRUDIndex tr.data > td.multiline-split > div {
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}

		/* flags cells */
		body#ViewWrapper-Timesheets > main > table.CRUDIndex tr.data > td.flags {
			text-align: center;
			line-height: 1;
		}
			/*

			/* icons */
			/* body#ViewWrapper-Timesheets > main > table.CRUDIndex tr.data > td.flags > .fa {
				font-size: 16px;
			} */

		/* multiline cells */
		body#ViewWrapper-Timesheets > main > table.CRUDIndex tr.data > td.multiline {

		}

		/* full-width colspanned cells for notes */
		body#ViewWrapper-Timesheets > main > table.CRUDIndex tr.data > td.notes-fullrow {
			color: rgb(100,100,100);
			font-style: italic;
		}

		/* cell containin field/value sets */
		body#ViewWrapper-Timesheets > main > table.CRUDIndex tr.data > td.fields-values-list {

		}

			body#ViewWrapper-Timesheets > main > table.CRUDIndex tr.data > td.fields-values-list > table.field-value-sets {
				width: 100%;
			}

				/* body#ViewWrapper-Timesheets > main > table.CRUDIndex tr.data > td.fields-values-list > table.field-value-sets > div.summary:not(:empty) {
					display: block;
					margin-bottom: 10px;
				} */

				body#ViewWrapper-Timesheets > main > table.CRUDIndex tr.data > td.fields-values-list > table.field-value-sets td.field {
					width: 75px;
					vertical-align: top;
					padding-right: 5px;
					text-align: right;
					font-weight: bold;
					color: rgba(0,0,0,.35);
				}

				body#ViewWrapper-Timesheets > main > table.CRUDIndex tr.data > td.fields-values-list > table.field-value-sets tr.set-block > td {
					padding-top: 10px;
				}

				body#ViewWrapper-Timesheets > main > table.CRUDIndex tr.data > td.fields-values-list > table.field-value-sets td.value {
					vertical-align: top;
				}

					body#ViewWrapper-Timesheets > main > table.CRUDIndex tr.data > td.fields-values-list > table.field-value-sets td.value.empty {
						color: rgba(0,0,0,.25);
					}