/*
 * 
 * Default CSS für Kalender-App
 * bitte erstellen Sie selbst eine Kopie und binden Sie diese in Ihr templates/header.inc ein
 * dann können Sie jederzeit auf eine korrekte Version zurückkeheren
 * 
 */

body#bidat {
	margin: 0% 5%;
}

#bidat tbody tr:nth-child(odd) {
	background-color: rgba(50, 92, 128, 0.2);
}

#monatname {
	min-width: 200px;
	display: inline;
}

nav.monatbar {
	font-size: 2rem;
	width: 100%;
	text-align: center;
	border-bottom: 2px dotted grey;
	border-top: 2px dotted grey;
	padding: 2px 0px;
}

nav.monatbar a {
	padding: 10px;
	margin: 15px;
	color: white;
	text-decoration: none;
}

nav.monatbar a:hover {
	padding: 10px;
	margin: 5 px;
	color: blue;
}

#bidat article {
	grid-area: content;
	background-color: white;
	border: 1px solid #d36f16;
	border-image: linear-gradient(to top, #d36f16, rgba(211, 111, 22, 0)) 1 100%;
}

#bidat input {
	line-height: 1.5rem;
	padding: 4px 10px;
	width: 300px;
}

#bidat input[type=checkbox] {
	width: 8px;
	margin-top: 0.5em;
}

#bidat .form-check-label {
	padding-left: 2.5rem;
	margin-bottom: 0;
	cursor: pointer;
}

#bidat .was-validated input:valid {
	border-color: green;
}

#bidat .was-validated input:invalid {
	border-color: red;
}

#bidat form .formrow {
	margin-bottom: 1em;
}

#bidat form label {
	line-height: 1.5rem;
	padding-top: 2px;
	display: inline-block;
	min-width: 200px;
	text-align: right;
	font-weight: bold;
	margin-right: 2rem;
}

#bidat form .invalid-feedback {
	display: none;
	padding-left: 250px;
	color: red;
	font-size: 0.8em;
}

#bidat form input:invalid ~ .invalid-feedback {
	display: block;
}

#bidat .form-control {
	margin-top: 20px;
	width: 300px;
	display: inline-block;
}

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

header {
	background-color: #325c80;
	color: white;
	min-height: 3rem;
}
header h1,h2,h3,h4,h5,h6 {
	color: white;
}

header nav div.active {
	border-bottom: 2px solid white;
}

header nav div.inactive {
	color: rgba(255, 255, 255, 0.2);
}

header nav div.col-md-auto {
	padding-left: 1rem;
	padding-right: 1rem;
}

select#sw_nav {
	min-width: 200px;
	line-height: 1.5rem;
	height:2.5rem;
	padding: 4px 10px;
}

body > footer {
	position: fixed;
	border-top: 1px solid #5a90be;
	left: 0px;
	bottom: 0px;
	height: 3rem;
	width: 100%;
	background-color: #24425b;
	color: white;
}

footer .container .row,
header .container .row {
	height: 3rem;
}

.capitalize {
	text-transform: uppercase;
}

main {
	padding-top: 2em;
}

main #bidat_content {
	border-right: 1px dotted gray;
}

.bidat_table .th {
	background-color: #325c80;
	color: white;
	min-height: 3rem;
}

.bidat_table .tr {
	min-height: 2.5em;
}

.bidat_table .tr:nth-child(odd) {
	background-color: rgba(50, 92, 128, 0.7);
}

.var_hidden {
	display: none;
}

@media (min-width: 576px) {}

@media (min-width: 768px) {
	.var_hidden {
		display: block;
	}
}

@media (min-width: 1024px) {
	.var_hidden {
		display: block;
	}
}
/* Add Animation */

@-webkit-keyframes animatetop {
	from {
		top: -300px;
		opacity: 0;
	}
	to {
		top: 0;
		opacity: 1;
	}
}

@keyframes animatetop {
	from {
		top: -300px;
		opacity: 0;
	}
	to {
		top: 0;
		opacity: 1;
	}
}

.bold {
	font-weight: bold;
}