#content {
	padding-top: 10px;
	padding-bottom: 30px;
}
#menu-container .card {
	margin-top: 30px;
}

h2 {
	font-size: 110%;
	margin-top: 0em;
}

input.form-control,
select.form-control,
textarea.form-control,
input.form-control:focus,
select.form-control:focus,
textarea.form-control:focus,
.select2-container--default .select2-selection--single {
	background: #ffffdb;
}
input.form-control,
select.form-control,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: calc(2.25rem + 2px);
	height: calc(2.25rem + 2px);
}

select[required="required"],
select[required="required"] + .select2-container--default .select2-selection--single,
input[required="required"] {
	border-color: #ff7f7f;
	border-width: 2px;
}
input[type="file"].form-control {
	height: auto;
}

.error input,
.error select,
.error textarea {
	background: #ffd6d6;
}

.error-message {
	background: #ffff7f;
	color: #ff7f7f;
	border-radius: 2px;
	margin-top: 2px;
	padding: 2px 5px;
}

form label {
	font-weight: bold;
	font-size: 90%;
	margin-bottom: 0.2em;
}

.form-group {
}

.form-group label {
	display: block;
}

.form-control.with-unit {
	display: inline-block;
	width: calc(100% - 2.1em);
	margin-right: 0.1em;
}

.card-body {
	padding: 0.5rem;
}

.table th {
	white-space: nowrap;
}
.table td {
	white-space: nowrap;
	vertical-align: middle;
}
td.last-month-counter {
	background: #eee;
	color: #888;
}

.color_legend li {
	padding: 2px 5px;
	border-radius: 3px;
}

#authMessage.message {
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 20px;
	margin-bottom: 20px;
}

.flash_message {
	position: absolute;
	top: 80px;
	left: 20%;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 20px;
	margin-bottom: 20px;
	cursor: pointer;
	z-index: 10;
}
.flash_message.failure {
	color: red;
	background: pink;
}

#loginform {
	width: 80%;
	max-width: 600px;
	margin: auto;
}

th a:hover {
	text-decoration: none;
}

th a.asc:after {
	content: '\f160';
	margin-left: 0.5em;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}
th a.desc:after {
	content: '\f161';
	margin-left: 0.5em;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}
tr.invalid {
	background: #ddd;
}

.pagination {
}
.pagination span {
	border-style: solid;
	border-width: 1px 0px 1px 1px;
	border-color: #ddd;
}
.pagination span.current,
.pagination span.disabled,
.pagination span > a {
	padding: 5px;
	display: inline-block;
}
.pagination span.disabled {
	color: #ccc;
}
.pagination span:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.pagination span:last-child {
	border-right-width: 1px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}