/* General */

.header { height: 170px !important; }
.header { padding-top: 139px !important; }

#logo {
    border-radius: 1.5em 0 0;
    display: inline-block;
    height: 60px;
    left: 40px;
    position: absolute;
    top: 45px;
}

#logo img {
	height: 60px;
}

@media only screen and (max-width: 1023px) {
	#wrapper {
		width: 100%;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1071px) {
	#admin #wrapper {
		width: 1024px;
		margin: 0 auto;
	}
}

@media only screen and (min-width: 1072px) {
	#admin #wrapper {
		width: 90%;
		max-width: none;
	}
}

.help-block {
    display: block;
}

.help-block::before {
	content: '▲';
	display: inline-block;
	padding-right: 2px;
}

textarea {
    height: 150px;
}

textarea.mceEditor {
    height: 400px;
}

#modulinfo {
    position: absolute;
    right: 10px;
    top: 0;
}

#infotext { top: 176px !important; display: none; }
#subnav { top: 176px !important; }
#logininfo { top: 176px !important; }


/* Nav */

@media only screen and (max-width: 799px) {
}

@media only screen and (min-width: 800px) {
}

@media only screen and (max-width: 1023px) {
	#nav ul {
		padding: 0 7px;
	}
	
	#nav a {
		font-size: 9px;
		padding: 0 5px;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1139px) {
	#nav ul {
		padding: 0 10px;
	}
	
	#nav a {
		font-size: 10px;
		padding: 0 7px;
	}
}


/* Main */

#admincolumn {
	overflow: hidden;
	margin: 5%;
	width: 90%;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
	background: rgba(255,255,255,0.8);
	padding: 20px;
}

@media only screen and (max-width: 1023px) {
	#admincolumn {
		margin: 5% 0;
		width: 100%;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1071px) {
	#admincolumn {
		margin: 5% 0;
		width: 100%;
	}
}

.split-left {
}

.split-right {
}

@media only screen and (max-width: 799px) {
	.split-left {
	}
	
	.split-right {
		margin-top: 20px;
	}
}

@media only screen and (min-width: 800px) {
	.split-left {
		float: left;
		width: 45%;
	}
	
	.split-right {
		float: left;
		width: 45%;
		margin-left: 10%;
	}
}

.module {
	margin: 80px 2.5%;
}

.modulenotice {
	color: #ff0000;
	font-weight: bold;
	padding: 0 2.5% 20px;
}

.moduletable {
	display: table;
	width: 100%;
}

.modul {
	display: table-cell;
	width: 20%;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
	background: rgba(255,255,255,0.8);
	padding: 20px 20px 100px;
	position: relative;
}

.modulspace {
	display: table-cell;
	width: 2.5%;
}

.modulbuttons {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
}

.modul .button {
	display: block !important;
	float: left;
	width: auto;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	clear: both;
}

.modul .button + .button {
	margin-top: 10px;
}

.modultitel {
	margin: 40px 20% 0;
	font-size: 16px;
	font-weight: bold;
	padding: 20px;
}

.moduleabschliessen {
	 margin: 40px 2.5% 0;
	 text-align: right;
}

.modulinfo {
	overflow: hidden;
	margin: 0 20% 80px;
	width: 60%;
	float: left;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
	background: rgba(255,255,255,0.8);
	padding: 20px;
	position: relative;
}

.modulinfo-links {
	float: left;
	width: 60%;
	margin-right: 5%;
}

.modulinfo-rechts {
	position: absolute;
	width: 30%;
	padding-left: 5%;
	border-left: 1px solid #000;
	right: 20px;
	top: 20px;
	bottom: 20px;
}

.modulinfo-buttons {
	position: absolute;
	width: 100%;
	bottom: 0;
}

.modulinfo .button {
	width: auto;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

.moderator {
	position: relative;
	overflow: hidden;
	margin: 80px 1.5%;
	width: 17%;
	float: left;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
	background: rgba(255,255,255,0.8);
	padding: 20px 20px 80px;
	min-height: 450px;
}

.moderator .bild {
	height: 200px;
	text-align: center;
}

.moderator img {
	max-width: 100%;
	max-height: 200px;
}

.moderatorbuttons {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
}

.moderator .button,.moderator .button2 {
	display: block;
	width: auto;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

.moderatorinfo {
	overflow: hidden;
	margin: 80px 20% 80px;
	width: 60%;
	float: left;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
	background: rgba(255,255,255,0.8);
	padding: 20px;
}

.moderatorinfo img {
	max-width: 100%;
}

.moderatorinfo-links {
	float: left;
	width: 25%;
	margin-right: 5%;
}

.moderatorinfo-rechts {
	float: right;
	width: 70%;
}

.moderatorinfo .button {
	width: auto;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}


/* Messages */

#admin #messages {
    border: 1px #000000 solid;
    background: #dddddd;
    padding: 10px;
    list-style: none;
    margin: 10px 0;
}

#admin #messages li {
    padding: 0 5px;
}


/* General */

#admin .button {
	background: #001aac;
	border: 1px solid #001aac;
	color: #fff;
	padding: 3px 6px;
	cursor: pointer;
    font-size: 12px;
    line-height: 12px;
    text-decoration: none;
    height: 26px;
}

#admin a.button {
	/* padding: 5px 9px; */
	display: inline-block;
	vertical-align: top;
    line-height: 19px;
}
  
#admin .button2 {
	background: #aaa;
	border: 1px solid #aaa;
	color: #000;
}


/* List */

.admin-list {
	background: #001aac;
	border: 1px solid #001aac;
	width: 100%;
	margin-top: 10px;
}

.admin-list thead tr {
	background: #001aac;
}

.admin-list thead th {
	border-bottom: 1px solid #001aac;
}

.admin-list thead th {
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

.admin-list-views {
	text-align: right;
	padding: 3px 6px;
}

.admin-list tbody td {
	padding: 3px 5px;
}

.admin-list tbody tr:nth-child(odd) {
	background: #f2f2f2;
}

.admin-list tbody tr:nth-child(even) {
	background: #e6e6e6;
}

.admin-list tbody td .status {
}

.admin-list tbody td .status.inactive {
	opacity: 0.4;
}

.admin-list tr.past {
	color: #888;
}


/* List Filter */

.admin-list .filter td {
    background: #aaaaaa;
    padding: 5px 5px;
    border-bottom: #bbb 1px solid;
}

.admin-list .filter input[type="text"],.admin-list .filter select  {
    width: 100%;
	min-width: 50px;
	padding: 2px 4px !important;
}


/* Form */

#admin .form {
    margin: 10px 0;
}

#admin .form > form > table {
    width: 100%;
    border: #c61d18 1px solid;
}

#admin .form > form > table > tbody > tr > th,#admin .form td {
    padding: 5px 10px;
    vertical-align: top;
}

#admin .form > form > table > tbody > tr > th {
	font-weight: bold;
    width: 25%;
}

#admin .form > form > table > tbody > tr > td {
    width: 75%;
}

#admin .form input,#admin .form textarea,#admin .form select {
	vertical-align: top;
}

#admin .form input[type="text"],#admin .form textarea,#admin .form select {
	width: 100%;
}

#admin .form input[type="text"].small {
	max-width: 100px;
}


/* Ablauf */

#admin .form .ablauf {
	display: table;
	width: 100%;
	table-layout: fixed;
}

#admin .form .ablauf > div:first-child {
	display: table-header-group;
}

#admin .form .ablauf > div:first-child > div {
	font-weight: bold;
	font-size: 12px;
	padding: 0 3px;
}
 
#admin .form .ablauf > div:nth-child(2) {
	display: table-row-group;
}

#admin .form .ablauf > div > div {
	display: table-row;
}
 
#admin .form .ablauf > div > div > div {
	display: table-cell;
}
 
#admin .form .ablauf > div > div > div.zeit {
	width: 80px;
	padding-right: 10px;
}
 
#admin .form .ablauf > div > div > div.dauer {
	width: 50px;
	padding-right: 10px;
	text-align: right;
}
 
#admin .form .ablauf > div > div > div.text {
	width: 100%;
	padding-right: 10px;
}
 
#admin .form .ablauf > div > div > div.loeschen {
	width: 20px;
}
 
#admin .form .ablauf input {
    vertical-align: inherit;
}


/* Login */

#loginform td,#forgotpasswordform td {
	padding: 7px 0;
}


/* Icons */

.icon-ok .fa-circle-o {
	color: #000;
}

.icon-ok .fa-circle {
	color: #0f0;
}

.icon-ok .fa-check {
	color: #fff;
}

.icon-info .fa-circle {
	color: #00f;
}

.icon-info .fa-info {
	color: #fff;
}

.icon-notice .fa-exclamation-triangle {
	color: #ff0;
}

.icon-notice .fa-exclamation {
	color: #fff;
}

.icon-warning .fa-circle {
	color: #f00;
}

.icon-warning .fa-recycle {
	color: #fff;
}


/* Calendar */

.calendar {
	width: 174px;
	height: 176px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}

.calendar.calendarweeks {
	width: 203px;
}

.calendar.calendarweekbuttons {
	width: 203px;
}

.calendar.calendarweeks.calendarweekbuttons {
	width: 232px;
}

.calendar.calendarweekinfos {
	width: 324px;
}

.calendar.calendarweekinfos.calendarweekinfoswide {
	width: 724px;
}

.calendar.calendarweeks.calendarweekinfos {
	width: 353px;
}

.calendar.calendarweeks.calendarweekinfos.calendarweekinfoswide {
	width: 753px;
}

.calendar.calendarweekbuttons.calendarweekinfos {
	width: 353px;
}

.calendar.calendarweekbuttons.calendarweekinfos.calendarweekinfoswide {
	width: 753px;
}

.calendar.calendarweeks.calendarweekbuttons.calendarweekinfos {
	width: 382px;
}

.calendar.calendarweeks.calendarweekbuttons.calendarweekinfos.calendarweekinfoswide {
	width: 782px;
}

.calendartop {
	position: relative;
	height: 37px;
	background-color: #c61d18;
	font-weight: bold;
}

.calendarprev {
	position: absolute;
	left: 6px;
	top: 3px;
	width: 23px;
	text-align: center;
}

.calendarweeks .calendarprev {
	left: 35px;
}

.calendarnext {
	position: absolute;
	right: 7px;
	top: 3px;
	width: 23px;
	text-align: center;
}

.calendarweekbuttons .calendarnext {
	right: 36px;
}

.calendarweekinfos .calendarnext {
	right: 157px;
}

.calendarweekinfos.calendarweekinfoswide .calendarnext {
	right: 557px;
}

.calendarweekbuttons.calendarweekinfos .calendarnext {
	right: 186px;
}

.calendarweekbuttons.calendarweekinfos.calendarweekinfoswide .calendarnext {
	right: 586px;
}

.calendarmonth {
	position: absolute;
	left: 29px;
	right: 30px;
	top: 3px;
	text-align: center;
}

.calendarweeks .calendarmonth {
	left: 58px;
}

.calendarweekbuttons .calendarmonth {
	right: 58px;
}

.calendarweekinfos .calendarmonth {
	right: 179px;
}

.calendarweekinfos.calendarweekinfoswide .calendarmonth {
	right: 579px;
}

.calendarweekbuttons.calendarweekinfos .calendarmonth {
	right: 208px;
}

.calendarweekbuttons.calendarweekinfos.calendarweekinfoswide .calendarmonth {
	right: 608px;
}

.calendarlabels {
	position: absolute;
	left: 6px;
	right: 7px;
	top: 20px;
}

.calendarweeks .calendarlabels {
	left: 35px;
}

.calendarweekbuttons .calendarlabels {
	right: 36px;
}

.calendarweekinfos .calendarlabels {
	right: 157px;
}

.calendarweekbuttons.calendarweekinfos .calendarlabels {
	right: 186px;
}

.calendarweekbuttons.calendarweekinfos.calendarweekinfoswide .calendarlabels {
	right: 586px;
}

.calendarlabels span {
	display: block;
	float: left;
	width: 23px;
	text-align: center;
}

.calendarbody {
	/* height: 133px; */
	background-color: rgba(198,29,24,0.5);
	color: #808080;
	padding: 3px 0;
}

.calendarrow {
	height: 21px;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 6px;
	margin-right: 7px;
}

.calendarweeks .calendarrowx {
	margin-left: 35px;
}

.calendarrow span {
	display: block;
	float: left;
	width: 23px;
	height: 17px;
	padding-top: 2px;
	text-align: center;
}

.calendarrow .calendarcellout {
	color: #aaa;
}

.calendarrow .calendarcellweek {
	width: 29px;
	color: #000;
	font-size: 10px;
	padding-top: 3px;
}

.calendarrow .calendarcellweekbutton {
	width: 29px;
	color: #aaa;
	padding-top: 3px;
	height: 16px;
}

.calendarrow .calendarcellavailable {
	color: #000;
	/* background-color: #b40000; */
	/* color: #fff; */
}

.calendarrow .calendarcellbooked {
	background-color: #00b400;
	color: #fff;
}

.calendarrow .calendarcellreserved {
	background-color: #0000b4;
	color: #fff;
}

.calendarrow .calendarcellunavailable {
	background-color: #b40000;
	color: #fff;
	/* color: #ff3333; */
}

.calendarrow .calendarcellweekinfo {
	width: 150px;
	color: #000;
	text-align: left;
	text-indent: 8px;
	overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	white-space: nowrap;
}

.calendarweekinfoswide .calendarrow .calendarcellweekinfo {
	width: 450px;
}


/* Settings */

.settings-table {
	border-collapse: collapse;
}

.settings-table th {
	background: #555;
	color: #fff;
	padding: 5px 10px;
}

.settings-table th.divider {
	border-left: 1px solid #fff;
}

.settings-table th[colspan] {
	text-align: center;
}

.settings-table tr:last-child th {
	border-bottom: 1px solid #fff;
}

.settings-table td {
	padding: 5px 10px;
	border-bottom: 1px solid #fff;
	background: #eee;
}

.settings-table td.divider {
	border-left: 1px solid #fff;
}

.settings-table td.icons ul {
	list-style: none;
	font-size: inherit;
	color: inherit;
	line-height: inherit;
}

.settings-table td.icons li {
	width: 100px;
	line-height: 30px;
	height: 32px;
}

.settings-table td.icons img {
	vertical-align: middle;
	margin-right: 10px;
}

.settings-table input, .settings-table select {
	width: 100%;
}

.settings-table .handle {
	text-align: center;
}

.settings-table .handle img {
	cursor: move;
}

.settings-table .dragged {
	opacity: 0.3;
}

.settings-table .placeholder {
}

.settings-table .placeholder td {
	background: #fff;
	border-left-color: #fff;
	border-right-color: #fff;
	line-height: 0;
	padding: 0;
	border-bottom-color: #000;
	border-bottom-width: 2px;
}

body.dragging {
	cursor: move;
}


@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("../fonts/fa-light-300.eot");
  src: url("../fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-light-300.woff2") format("woff2"), url("../fonts/fa-light-300.woff") format("woff"), url("../fonts/fa-light-300.ttf") format("truetype"), url("../fonts/fa-light-300.svg#fontawesome") format("svg"); }


.select-icon {
	font-family: 'Font Awesome 5 Pro';
	font-size: 30px;
	width: 2em !important;
}