html,
body,
body > div.block-content {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

body > ul.nav {
	margin-top: 1em;
	margin-bottom: 2em;
}

body > div.block-content {
	padding: 0 1em;
}

.alert > pre {
	margin-bottom: 0;
}

table .col-center {
	text-align: center;
}

h1, h2, h3, h4, h5, h6 {
	color: #003898;
}

svg.help-icon {
	height: .9em;
	cursor: help;
}

svg.help-icon path {
	fill: #bfbfbf;
}

svg:hover.help-icon path {
	fill: #007bff;
}

/* Auth */
body.auth.action-in > div.block-content {
	display: flex;
}

body.auth div.sign-in-form {
	background-color: rgba(255, 255, 255, 0.75);
	padding: 1em 2em;
	border: 1px solid rgba(0, 0, 0, 0.75);
	border-radius: .25em;
	width: 40em;
	margin: auto;
	text-align: center;
}


/* Attendance */
.attendance table.time-sheet {
	padding: .5em 3em 1em;
	margin-bottom: 2em;
	width: 520px;
}

.attendance table.time-sheet thead tr th {
	text-align: left;
}

.attendance table.time-sheet thead tr td {
	text-align: right;
}


/* Personal */
.personal h4 {
	padding-top: 2em;
}

.personal h5 {
	padding-top: 1em;
}


/* Grid */
table.grid td input[type=text] {
	width: 100%;
}

td.grid-col-actions {
	white-space: nowrap;
	width: 1em;
}