/*
	Für alle Elemente ungleich
	zu Standard Bootstrap eckige Rahmen verwenden
*/
* {
	border-radius: 0 !important;
	outline-color: orange !important;
}

.initial-site-loader {
	position: fixed;
	background: white;
	background-image: url("../images/logo_mit_schrift_transp_150x86.png");
	background-repeat: no-repeat;
  	background-position: center 50%;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	z-index: 9998;
}

.site-loader {
	position: absolute;
	border-left: 2px solid orange;
	border-top: 2px solid rgba(255, 255, 255, 0.2);
	border-right: 2px solid rgba(255, 255, 255, 0.2);
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
	height: 200px;
	width: 200px;
	left: 50%;
	top: 50%;
	margin: -100px 0 0 -100px;
	text-indent: -9999em;
	font-size: 10px;
	z-index: 9999;
	-webkit-animation: load 0.8s infinite linear;
	   -moz-animation: load 0.8s infinite linear;
	     ms-animation: load 0.8s infinite linear;
	      o-animation: load 0.8s infinite linear;
	        animation: load 0.8s infinite linear;
}

.site-loader,
.site-loader:after {
	border-radius: 50% !important;
	width: 200px;
	height: 200px;
}

@-webkit-keyframes load {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

body {
	padding: 10px;
	margin: 0;
	color: #e20514;
	background-color: white;
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
}

.hideBody {
	visibility: hidden;
}

img.logo-left {
	max-height: 90px;
	padding-top: 5px;
	margin-right: 40px;
}

.navbar-brand {
	padding-top: 0;
	background-color: white;
}

.navbar-brand:hover {
	background-color: white;
}

.navbar-inverse {
	background-color: white;
	border: none;
	border-color: white;
	margin-left: 10px;
	margin-right: 10px;
}

.navbar-inverse .navbar-toggle {
	background-color: #e20514;
	border-color: #e20514;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: orange;
	border-color: #e20514;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color: #e20514;
}

.navbar-fixed-top {
	top: -10px;
}

.navbar-fixed-top, .navbar-fixed-bottom {
	position: relative;
	/* this can also be static */
	margin-bottom: 0;
	/* 	border-bottom-style: solid; */
	/* 	border-bottom-width: 1px; */
	/* 	border-color: #e20514; */
}

ul.navbar-nav {
	margin-left: 0;
	margin-top: 55px;
}

.content {
	margin-top: 40px;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.navbar-inverse .navbar-nav>li>a, .dropdown-menu>li>a {
	color: #e20514;
	margin-left: 15px;
	margin-right: 15px;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: white;
	padding-bottom: 5px;
	outline: none;
	text-transform: uppercase;
	font-size: 130%;
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover,
	.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
	color: grey;
	background-color: white;
	border-bottom-color: orange;
	-moz-transition: border-bottom-color 1s; /* Mozilla	*/
	-o-transition: border-bottom-color 1s; /* Opera	*/
	-ms-transition: border-bottom-color 1s; /* IE	*/
	-webkit-transition: border-bottom-color 1s; /* Chrome & Safari */
	transition: border-bottom-color 1s;
	padding-bottom: 5px;
}
/*	Style für das aktive Navigationselement	*/
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus,
	.navbar-inverse .navbar-nav>.active>a:hover {
	color: grey;
	background-color: white;
	border-bottom-color: white;
	border-bottom-width: 2px;
	cursor: default;
}

/*
	Submenus in der Navigationsleiste
*/
.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #cccccc;
	margin-top: 5px;
	margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
	border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

a.dropdown-toggle:hover, a.dropdown-toggle:focus {
	cursor: pointer;
}

a.disabled {
	opacity: 0.25;
	pointer-events: none;
}

.logoutlinkdiv {
	margin-top: 10px;
}

.logoutlink {
	color: #e20514 !important;
}

.logoutlink:hover {
	color: grey !important;
	text-decoration: none;
}

.form-control, .form-control:disabled {
	color: black;
	border: 1px solid #ccc;
}

.form-control:focus {
	border-color: orange;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px orange;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px orange;
}

.form-control:disabled {
	color: grey;
}

.has-error {
	border-style: solid;
	border-color: darkred;
	background: red;
	color: white;
}

.has-warning {
	border-style: solid;
	border-color: darkorange;
}

.btn-primary {
	background-color: #e20514;
	border-color: #e20514;
	border-radius: 3px !important;
}

.btn-primary:disabled {
	opacity: 0.25;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:hover {
	background-color: orange;
	border-color: #e20514;
}

.datepickerbtn:hover, .datepickerbtn:focus {
	background-color: orange;
}

.datepickerbtn:active {
	background-color: white;
	outline: none;
}

.datepickerbtn:disabled {
	background-color: #eee;
}

.datepicker {
	margin: 0;
}

#newbutton {
	margin-left: 10px;
}

.removeItemButton {
	background: none;
	border: none;
	color: black;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
}

.removeItemButton:focus, .removeItemButton:hover, .removeItemButton:active {
	color: orange;
	outline: none;
}

.addItemButton {
	background: none;
	border: none;
	color: black;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 25px;
	padding-right: 25px;
	margin-left: 15px;
}

.addItemButton:focus:enabled, .addItemButton:hover:enabled, .addItemButton:active:enabled {
	color: orange;
	outline: none;
}

.addItemButton:disabled {
	opacity: 0.25;
}

.form-group a {
	color: #e20514;
	margin-left: 10px;
}

.form-group a:hover, .form-group a:focus {
	color: #e20514;
}

/*
	Abstand zwischen allen Eingabefelder verringern
*/
[class*=' col-'] {
	padding-left: 0;
}

form.output {
	margin-top: 20px;
	padding-top: 10px;
	border-top-style: solid;
	border-top-width: 1px;
	border-color: #e20514;
}

label {
	font-weight: 300;
}

/* Überschrift eines Formulars	*/
legend, .h1, h1 {
	border: none;
	color: inherit;
	margin-top: 0;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 21px;
}

.loader {
	position: fixed;
	height: 100px;
	width: 100px;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -50px;
}

.up-arrow {
	display: inline-block;
	position: relative;
	background: red;
	color: white;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
	border-radius: 10px !important;
}

.up-arrow:after {
	content: '';
	display: block;
	position: absolute;
	left: 20px;
	bottom: 100%;
	width: 0;
	height: 0;
	border-bottom: 10px solid red;
	border-top: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

.login {
	margin-left: 5%;
	margin-top: 10%;
}

.imgLogin {
	display: block;
	-webkit-transform: scale(0.8); /* Saf3.1+, Chrome */
	-moz-transform: scale(0.8); /* FF3.5+ */
	-ms-transform: scale(0.8); /* IE9 */
	-o-transform: scale(0.8); /* Opera 10.5+ */
	transform: scale(0.8);
	margin-left: auto;
	margin-right: auto;
	padding-right: 50px;
	margin-bottom: 30px;
}

.imgWelcome {
	display: block;
	-webkit-transform: scale(0.8); /* Saf3.1+, Chrome */
	-moz-transform: scale(0.8); /* FF3.5+ */
	-ms-transform: scale(0.8); /* IE9 */
	-o-transform: scale(0.8); /* Opera 10.5+ */
	transform: scale(0.8);
	margin-left: auto;
	margin-right: auto;
	padding-right: 50px;
	margin-bottom: 30px;
}

.deliveryticketposition {
	display: inline;
}

.deliveryticketposition .form-group {
	margin-bottom: 10px;
}

.deliveryticketposition .form-group .control-label {
	padding-right: 5px;
}

li.listposition {
	display: inline;
}

li.listposition .form-group {
	margin-bottom: 10px;
}

.lightbg {
	background-color: #fff2ec;
}

.darkbg {
	/* 	background-color: #fdded0; */
	/* 	background-color: #fecdd0; */
	background-color: #fee4d0;
}

li.listposition input:DISABLED {
	background: transparent;
	border: transparent !important;
	font-weight: bold;
	color: #e20514;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding-left: 2px;
	padding-right: 2px;
}

/*
* Entfernt bei (input type="number") die Pfeile nach oben/unten
*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

.small-input-field {
	padding-left: 8px;
	padding-right: 5px;
}

.systeminformation {
	color: white;
	font-size: 12px;
}

#vehicle_chosen > a {
	margin-left: 0;
}

.modal-title {

	background-image: url(../images/logo_ohne_schrift.png);
    background-position: right top;
    background-size: 40px;
    background-repeat: no-repeat;

}

/* For width 768px and smaller: */
@media only screen and (max-width: 768px) {
	img.logo-left {
		max-height: 45px;
		padding-top: 15px;
	}
	.content {
		padding: 0;
		margin-top: 10px;
	}
	ul.navbar-nav {
		margin-left: 0;
		margin-top: 0;
	}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
		padding-left: 0%;
		background-color: white;
		margin-top: 0;
	}
	/* Farbe der Untermenüpunkte um Smartphone-Modus soll
		nicht grau sein
	*/
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #e20514;
	}

	/*Chosen Dropdown stylen für Smartphone-Größe	*/
	.form-group a.chosen-single {
		margin-left: 0;
	}
	select.form-control+.chosen-container .chosen-drop {
		margin-left: 0;
	}
	#newbutton {
		margin-left: 0;
	}
	.logoutlink {
		margin-top: 0;
	}
	.logoutlink {
		position: absolute;
		top: 15px;
		left: 180px;
		bottom: auto;
		right: auto;
		font-size: 12px;
		margin: 0;
		padding: 0;
	}
	.navbar-nav {
		margin: 0;
	}
	.login {
		margin: 0;
	}
	.imgLogin {
		-webkit-transform: scale(0.4); /* Saf3.1+, Chrome */
		-moz-transform: scale(0.4); /* FF3.5+ */
		-ms-transform: scale(0.4); /* IE9 */
		-o-transform: scale(0.4); /* Opera 10.5+ */
		transform: scale(0.4);
		margin-left: -100px;
		margin-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		padding-right: 0;
	}
	.imgWelcome {
		-webkit-transform: scale(0.2); /* Saf3.1+, Chrome */
		-moz-transform: scale(0.2); /* FF3.5+ */
		-ms-transform: scale(0.2); /* IE9 */
		-o-transform: scale(0.2); /* Opera 10.5+ */
		transform: scale(0.2);
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		margin-bottom: 0;
		padding: 0;
	}
	/* Sonst würde der Datepicker am rechten Rand nur zur Hälfte dargestellt */
	.datepicker .dropdown-menu {
		left: auto !important;
   		right: 0px;
	}
}
/*
*	Style-Vorgabe für Druckansichten
*	Stand 03/2017 nicht mehr nötig, weil ALLE Druckstücke serverseitig als PDF generiert werden.
*	iOS bietet nur eine schwache Unterstützung für CSS @media print, insbesonder für multi-column - Layouts
*/
@media print {

	/* DIN-A4 im Querformat: 297mm x 210mm */

	@page {
		size: A4 portrait;
		margin-left: 0mm;	/*	Chrome ignoriert Randeinstellungen für @page, sofern für Ränder: "Keine" ausgewählt ist	*/
		margin-right: 0mm;	/*	FF brücksichtigt die Randeinstellungen für @page, auch wenn für Ränder: "0" ausgewählt ist	*/
		margin-top: 0mm;	/*	FF: Spezifische CSS-Konfiguration für den Druck im Firefox	*/
		margin-bottom: 0mm;
	}

	body {
		padding: 5mm;
		margin: 0mm;
	}

	.container {
		max-width: 210mm;
		padding: 0;
		margin: 0;
	}
	.content {
		padding: 0;
		margin: 0;
	}
	ul.printInColumns {
		display: none !important;	/*	Browseransicht soll nicht mehr verwendet werden wegen fehlender Unterstützung von iOS. Stattdessen serverseitige PDF-Generierung	*/
		-moz-column-count: 3;
		-moz-column-gap: 30px;
		-webkit-column-count: 3;
		-webkit-column-gap: 30px;
		column-count: 3;
		column-gap: 30px;
		-webkit-column-rule: 1px outset black;
    	-moz-column-rule: 1px outset black;
    	column-rule: 1px outset black;
		margin: 0;
		padding: 0;
	}
	li.listposition {
		display: block !important;
		list-style: none;
		-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
        page-break-inside: avoid; /* Firefox */
        break-inside: avoid; /* IE 10+ */
	    padding: 0;
	    margin: 0;
	    border-bottom: thin solid orange;
	}
	.form-group {
		padding: 0 !important;
		margin: 0 !important;

	}
	li.listposition input:DISABLED {
		font-size: 10px;
		height: 19px;
		padding: 0;
		margin: 0;
		font-weight: normal;
		line-height: 0px !important;
	}

	/*	Spezifische Einstellung für Firefox-Druck	*/
	@-moz-document url-prefix() {

		body {
			padding: 4mm;
		}

		li.listposition input:DISABLED {
			font-size: 10px;
			height: 18.5px;
		}

	}

	[class*=' col-print'] {
		padding: 0;
	}

	.col-print-2 {
		width: 16% !important;

	}

	.col-print-3 {
		width: 24% !important;
	}

	.col-print-4 {
		width: 32% !important;
	}

	.col-print-5 {
		width: 40% !important;
	}

	.col-print-6 {
		width: 48% !important;
	}

	.col-print-7 {
		width: 56% !important;
	}

	.hidden-print {
		display: none !important;
	}

	legend {
		font-size: 12px;
		padding: 0;
		margin: 0;
		color: orange !important;
	}

	legend > span.visible-print {
		display: inline !important;
		color: orange !important;
	}

	legend:AFTER { /*	Browseransicht soll nicht mehr verwendet werden wegen fehlender Unterstützung von iOS. Stattdessen serverseitige PDF-Generierung	*/
		font-size: 18px;
		content: "Bitte nicht über die Browser-Druckansicht erzeugen, sondern per Button zur PDF-Generierung.";
	}
}