@import url("base/style.css");
@import url("extern/simple-grid.css");
@import url("extern/font-awesome.css");
@import url("extern/tooltip.css");
@import url("ui/amtsblatt.css");
@import url("ui/breadcrumb.css");
@import url("ui/btn.css");
@import url("ui/datatable.css");
@import url("ui/dialog.css");
@import url("ui/input.css");
@import url("layout/countdown.css");
@import url("layout/footer.css");
@import url("layout/header.css");
@import url("layout/main.css");
@import url("layout/login.css");

/* Allgemein
-------------*/

	.clear {
		clear: both;
		display: table;
	}

/* Navigation
--------------*/

	.redactum-nav {
		margin-bottom: 20px;
	}

	.redactum-nav li a {
		display: block;
		padding: 10px 20px;
		border-radius: 3px;
		margin-bottom: 10px;
		background-color: #FFFFFF;
		background: rgb(255,255,255);
		background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	}

	.redactum-nav li a.selected {
		background-color: transparent;
		background-image: none;
		border-bottom: none;
		font-weight: 600;
	}

	.redactum-nav li a:hover {
		color: #000000;
		text-decoration: none;
	}

/* Formular
------------*/

	.redactum-form {
		padding: 20px;
		background-color: #FFFFFF;
		border-radius: 5px;
		margin-bottom: 30px;
	}

	/* Label
	---------*/

		.redactum-form label {
			display: block;
			padding-bottom: 5px;
			font-size: 13px;
			color: #555555;
		}

		.redactum-form label .fa {
			display: inline-block;
			font-size: 12px;
			margin-left: 5px;
			color: #555555;
			opacity: 0.7;
		}

		.redactum-form label .fa:hover {
			opacity: 1;
		}

	.redactum-form input[type='text'],
	.redactum-form input[type='email'],
	.redactum-form input[type='password'],
	.redactum-form textarea,
	.redactum-form select {
		display: inline-block;
		border: 1px solid #777777;
		border-radius: 3px;
		padding: 10px 15px;
		width: 100%;
		font-size: inherit;
		background-color: #FFFFFF;
		font-family: inherit;
	}

	.redactum-form input.error,
	.redactum-form select.error {
		border: 1px solid #e4311f;
		background-color: rgba(228, 49, 31, 0.1);
	}

	.redactum-form .errormessage {
		display: inline-block;
		background-color: #e4311f;
		color: #FFFFFF;
		border-radius: 5px;
		font-size: 12px;
		padding: 2px 10px;
		margin-top: 5px;
	}

	.redactum-form select {
		height: 40px;
	}

	.redactum-form hr {
		border: none;
		height: 1px;
		padding-top: 10px;
		border-bottom: 1px dashed #cecece;
		margin-bottom: 20px;
		padding-top: 1px;
		margin-left: -20px;
		margin-right: -20px;
	}

	.redactum-form-header {
		color: #a1d02c;
		font-size: 20px;
	}

/* Liste
---------*/

	.redactum-list {
		margin-bottom: 20px;
	}

	.redactum-list li li {
		margin-left: 20px;
	}

	.redactum-list:after {
		content: '';
		clear: both;
		display: table;
	}

	/* Eintrag
	-----------*/

		.redactum-list-item {
			position: relative;
			display: block;
			margin-bottom: 10px;
			border-radius: 5px;
			background-color: #FFFFFF;
			-webkit-box-shadow: 0px 0px 5px -3px rgba(0,0,0,0.75);
			-moz-box-shadow: 0px 0px 5px -3px rgba(0,0,0,0.75);
			box-shadow: 0px 0px 5px -3px rgba(0,0,0,0.75);
		}

		.redactum-list-item:after {
			content: '';
			clear: both;
			display: table;
		}

		.redactum-list-item.progress-10:after,
		.redactum-list-item.progress-20:after,
		.redactum-list-item.progress-30:after,
		.redactum-list-item.progress-40:after,
		.redactum-list-item.progress-50:after,
		.redactum-list-item.progress-60:after,
		.redactum-list-item.progress-70:after,
		.redactum-list-item.progress-80:after,
		.redactum-list-item.progress-90:after,
		.redactum-list-item.progress-100:after {
			position: absolute;
			content: '';
			display: block;
			top: 0;
			left: 0;
			height: 3px;
			background-color: #a1d02c;
			background-color: rgba(194, 223, 79, 0.9);
		}

		.redactum-list-item.progress-10:after { width: 10%; }
		.redactum-list-item.progress-20:after { width: 20%; }
		.redactum-list-item.progress-30:after { width: 30%; }
		.redactum-list-item.progress-40:after { width: 40%; }
		.redactum-list-item.progress-50:after { width: 50%; }
		.redactum-list-item.progress-60:after { width: 60%; }
		.redactum-list-item.progress-70:after { width: 70%; }
		.redactum-list-item.progress-80:after { width: 80%; }
		.redactum-list-item.progress-90:after { width: 90%; }
		.redactum-list-item.progress-100:after { width: 100%; }

	/* Level-Einrückung
	--------------------*/

		redactum-list-item ul {
			margin-left: 20px;
		}

	/* Spalten
	-----------*/

		.redactum-list-col {
			text-align: left;
			padding: 12px 10px 12px 10px;
			display: table-cell;
			vertical-align: middle;
			/*
			float: left;
			 */
		}

		.redactum-list-col:first-of-type {
			padding-left: 20px;
		}

		.redactum-list-col:last-of-type {
			padding-right: 20px;
			text-align: right;
		}

	/* Icons
	-----------------*/

		.redactum-list-col i {
			padding-left: 10px;
		}

		.redactum-list-col > i:first-of-type,
		.redactum-list-col a:first-of-type i {
			padding-left: 0;
		}

	/* Labels
	----------*/

		.redactum-list label {
			display: block;
			font-size: 11px;
			color: #AAAAAA;
		}


	/* Variante: Ausgaben
	------------------------*/

		.redactum-list--booklets li div:nth-child(1) {
			width: 140px;
		}

		.redactum-list--booklets li div:nth-child(2) {
			width: 75px;
		}

		.redactum-list--booklets li div:nth-child(3) {
			width: 170px;
		}

		.redactum-list--booklets li div:nth-child(4) {
			width: 170px;
		}

		.redactum-list--booklets li div:nth-child(5) {
			padding-top: 25px;
			width: 60px;
		}

/* Icons
---------*/

	.fa {
		font-size: 20px;
	}

	.fa:hover {
		opacity: 0.7;
	}

	.fa-green,
	.fa-plus-circle {
		color: #a1d02c
	}

	.fa-trash,
	.fa-thumbs-down {
		color: #e4311f;
	}

	.fa-copy {
		color: #efd802;
	}

	.fa-pencil-alt,
	.fa-thumbs-up {
		color: #a1d02c;
	}

	.fa-camera {
		color: #333333;
	}

	.fa-bars {
		color: #999999;
		cursor: grab;
	}

	.fa-ban {
		color: #E4311F;
	}

/* Status-icons
----------------*/

	.status-inactive,
	.status-inactive i {
		color: #cecece
	}

	.status-success,
	.status-success i {
		color: #a1d02c
	}

	.status-warning,
	.status-warning i {
		color: #FFA500;
	}

	.status-error,
	.status-error i {
		color: #e4311f;
	}

/* Dateiliste
--------------*/

	.redactum-upload-input {
		border: 1px solid #999999;
		border-radius: 5px;
		padding: 15px;
	}

	.redactum-filelist li:after {
		content: '';
		clear: both;
		display: table;
	}

	/* Einträge
	------------*/

	.redactum-filelist li {
		display: block;
		padding: 15px;
		text-align: center;
		background-color: #f2f2f2;
		margin-bottom: 15px;
		border-radius: 5px;
	}

	/* Dateibezeichnung
	--------------------*/

	.redactum-filelist li .file-name {
		display: block;
		float: left;
		padding: 0;
	}

	/* Cropper
	-----------*/

		.redactum-filelist li .file-cropper {
			display: block;
			float: left;
			padding: 22px 15px 0 0;
		}

	/* Vorschaubild
	----------------*/

		.redactum-filelist li .file-image {
			display: block;
			float: left;
			width: 100px;
			margin-right: 20px;
			background-color: #f2f2f2;
		}

		.redactum-filelist li .file-image img {
			display: block;
			width: 100px;
		}

	/* Toolbar
	-----------*/

		.redactum-filelist-toolbar {
			float: right;
			padding: 0;
		}

		.redactum-filelist-toolbar a {
			margin-left: 7px;
			text-decoration: none;
		}


/* Buttons-Container
----------------------*/

	.btn-container:after {
		content: '';
		clear: both;
		display: table;
	}

	.btn-container .btn {
		margin-right: 10px;
		margin-bottom: 0;
	}

/* Informationstabelle
-----------------------*/

	.redactum-infotable {
		width: 100%;
	}

	.redactum-infotable td {
		padding-bottom: 5px;
	}

	.redactum-infotable tr > td:first-of-type {
		font-weight: bold;
		padding-right: 20px;
		white-space: nowrap;
		width: 1px;
	}

	.redactum-infotable tr > td:first-of-type {

	}

/* Fortschrittsanzeige
-----------------------*/

	.redactum-progressbar {
		display: block;
		height: 12px;
		width: 40px;
		background-color: #f2f2f2;
		border-radius: 5px;
		position: relative;
		overflow: hidden;
	}

	.redactum-progressbar > span {
		display: block;
		width: 10%;
		background-color: #a1d02c;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		height: 12px;

	}

	.redactum-progressbar .progress-10 { width: 10%; }
	.redactum-progressbar .progress-20 { width: 20%; }
	.redactum-progressbar .progress-30 { width: 30%; }
	.redactum-progressbar .progress-40 { width: 40%; }
	.redactum-progressbar .progress-50 { width: 50%; }
	.redactum-progressbar .progress-60 { width: 60%; }
	.redactum-progressbar .progress-70 { width: 70%; }
	.redactum-progressbar .progress-80 { width: 80%; }
	.redactum-progressbar .progress-90 { width: 90%; }
	.redactum-progressbar .progress-100 { width: 100%; }

/* Ampel
---------*/

	.traffic-light {
		display: block;
		width: 14px;
		height: 33px;
		background-color: #FFFFFF;
		padding: 3px;
		border-radius: 5px;
		box-shadow: 1px 1px 5px -3px rgba(0,0,0,0.8);
	}

	.traffic-light > span {
		display: block;
		background-color: #BBBBBB;
		border-radius: 3px;
		height: 7px;
		width: 8px;
		margin-bottom: 2px;
	}

	/* rot
	-------*/

	.traffic-light.is-red > span:nth-child(1) {
		background-color: #E4311F;
	}

	.traffic-light.is-orange > span:nth-child(2) {
		background-color: orange;
	}

	.traffic-light.is-green > span:first-of-type {
		background-color: rgb(194, 223, 79);
	}

/* Meldungen
-------------*/

	.redactum-messagebox {
		display: block;
		margin-bottom: 20px;
		padding: 20px;
		border-radius: 5px;
		background-color: rgba(255, 255, 255, 0.8);
		-webkit-box-shadow: 0px 0px 5px -3px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 5px -3px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 5px -3px rgba(0,0,0,0.75);
	}

	.redactum-messagebox .fa {
		font-size: 14px;
		padding-right: 7px;
	}

	.redactum-messagebox .fa-check-circle {
		color: rgb(194, 223, 79);
	}

	.redactum-messagebox .fa-exclamation-triangle {
		color: rgba(228, 49, 31, 1);
	}

/* Badgets
-----------*/

	.redactum-badge-red,
	.redactum-badge-orange {
		font-size: 10px;
		padding: 2px 6px;
		border-radius: 10px;
		text-align: center;
		color: #FFFFFF;
		position: relative;
		vertical-align: top;
		top: 5px;
		margin-left: 3px;
	}

	.redactum-badge-red {
		background-color: rgba(228, 49, 31, 1);
	}

	.redactum-badge-orange {
		background-color: orange;
	}

/* Kategorie Checkbox-Auswahlliste
-----------------------------------*/

	.redactum-category-selection li li {
		padding-left: 30px;
	}

	.redactum-category-selection div {
		background-color: #f2f2f2;
		padding: 7px 10px;
		border-radius: 5px;
		margin-bottom: 5px;
		cursor: pointer;
	}

	.redactum-category-selection div:hover {
		opacity: 0.8;
	}

	.redactum-category-selection input {
		margin-right: 7px;
	}

	.redactum-category-selection label {
		display: inline-block;
	}

/* Infomeldung
---------------*/

	.redactum-infobox {
		padding: 30px;
		background-color: rgba(255,255,255,0.4);
		text-align: center;
	}

/* Registrierung Infomeldung
-----------------------------*/

	.xhr-message .redactum-messagebox {
		background-color: rgba(228, 49, 31, 0.1);
		margin-bottom: 20px !important;
		box-shadow: none;
	}

/* Datepicker
--------------*/

	.ui-datepicker {
		background-color: #FFFFFF;
		border-radius: 5px !important;
		-webkit-box-shadow: 0px 0px 5px -3px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 5px -3px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 5px -3px rgba(0,0,0,0.75);
		border: 1px solid #CCCCCC !important;
		padding: 5px;
	}

	.ui-datepicker-title {
		font-weight: bold;
	}

	/* Buttons
	-----------*/

		.ui-datepicker-prev,
		.ui-datepicker-next {
			position: absolute;
			top: 0;
			display: block;
			width: 30px;
			height: 30px;
			text-align: center;
			background-color: #f2f2f2;
			line-height: 30px;
			cursor: pointer;
			border-radius: 5px;
		}

		.ui-datepicker-prev {
			left: 0;
		}

		.ui-datepicker-next {
			right: 0;
		}

		.ui-datepicker-prev:hover,
		.ui-datepicker-next:hover {
			background-color: #CECECE;
		}

	.ui-datepicker-header {
		height: 30px;
		position: relative;
		line-height: 30px;
		text-align: center;
	}

	.ui-datepicker-title {
		margin-left: 30px;
		margin-right: 30px;
	}

	.ui-datepicker-calendar td {
		text-align: center;
		padding: 5px 5px;
		background-color: #f2f2f2;
		border-radius: 5px;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}

	.ui-datepicker-calendar td:hover {
		background-color: #CECECE;
	}

	.ui-datepicker-calendar td a {
		text-decoration: none;
	}

	/* Heute-Markierung
	--------------------*/

	.ui-datepicker-today {
		background-color: #CECECE !important;
	}

	.ui-datepicker-current-day {
		background-color: rgba(228, 49, 31, 1) !important;
	}

	.ui-datepicker-today a,
	.ui-datepicker-current-day a {
		color: #FFFFFF;
	}

	.ui-datepicker-calendar .ui-datepicker-week-col {
		background-color: #FFFFFF;
		color: #CCCCCC;
		font-size: 13px;
		font-style: italic;
	}

/* Upload-Screen
-----------------*/

	.upload-screen {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: rgba(0,0,0,0.8);
		z-index: 3;
		text-align: center;
		position: fixed;
		display: none;
	}

	.upload-screen p {
		color: #FFFFFF;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

/* Demohinweis
---------------*/

	.demo-notice {
		position: fixed;
		top: 12px;
		left: 20px;
		display: inline-block;
		background-color: #c44536;
		color: #FFFFFF;
		text-align: center;
		padding: 3px 20px;
		border-radius: 5px;
		text-decoration: none;
		font-size: 14px;
		font-weight: 300;
		font-family: 'Source Sans Pro', sans-serif;
	}