/* CSS Schlüsselreservierung */

body { 
	color: #444;
	line-height: 1.714286em !important;
	font-family: "Nunito Sans", "Open Sans", Calibri, Verdana, sans-serif;
	font-style: normal;
	font-size: 14px;
}

input[type=radio] {
	position: relative;
	top: 1px;
	left: -3px;	
}

input[type=checkbox] {
	position: relative;
	top: 0px;
	left: -3px;	
}

label.error {
	margin-left: 196px;
	width: 360px;
	margin-top: -1em;
	font-size: 0.95em;
	color: red;
	font-weight: normal;
	display: block;
}

.horizontal label.error {
	margin-left: inherit;
	width: inherit;
	margin-top: inherit;
	font-size: 0.9em;
	color: red;
	font-weight: normal;
	display: block;
}

.period-input label.error {
	margin-left: inherit;
	margin-top: -0.5em;
	font-size: 0.9em;
	color: red;
	font-weight: normal;
	grid-column: 1 / 3;
}

input.error, select.error {
	border: 1px solid red;
}

.form-row {
	display: grid;
	grid-template-columns: 180px 360px;
	grid-gap: 1em;
	margin-bottom: 1em;
}

.checkbox-form-row {
	margin-bottom: 2em;
	margin-top: 2em;
}

.vertical * {
	display: flex;
	margin-bottom: 0.4em;
}

.horizontal {
	display: grid;
	grid-template-columns: 200px 200px 20px;
}

.period-input {
	display: grid; 
	grid-template-columns: 120px 160px;
	grid-gap: 0.6em
}

.info {
	width: 610px;
}

span.alert {
	color: red;
	font-size: 11px;
	font-weight: bold;
}

label[for='raum'] {
	margin-left: 1em;
}

.add-key-row {
	margin-top: 1em;
	margin-bottom: 3em;
	margin-left: 193px;
}

.add-key-row a {
	font-size: 1em;
	text-decoration: none;
	
}

.remove-key-row {
	
}

.add-key-row img {
	width: 20px;
	height: 20px;
}

.remove-key-row img {
	width: 20px;
	height: 20px;
	float: right;
	position: relative;
	top: 1px;
	left: -5px;
}

.add-key-row img {
	margin-right: 0.5em;
	position: relative;
	top: 5px;
}

/* Admin */
table#podcast-users {
	border: 1px solid #ccc;
	border-collapse: collapse;	
	margin-top: 2em;
}

table#podcast-users th, table#podcast-users td {
	border: 1px solid #ccc;
	padding: 1em;	
}