/* CDSoft Styles */
/* .navbar-container{
     -webkit-box-shadow: 0 8px 6px -6px #999;
     -moz-box-shadow: 0 8px 6px -6px #999;
     box-shadow: 0 8px 6px -6px #999;
}
 */

/*
:root{

    --col_res_option: #7aa32e;
    --col_res_rueckbest: #2eefd8;
    --col_res_ohne_zw: #2c77ba;

}
*/

.navbar-header {
}

.navbar .navbar-inner {
	background-color: #557faa;
	-webkit-box-shadow: 0 8px 6px -6px #999;
	-moz-box-shadow: 0 8px 6px -6px #999;
	box-shadow: 0 8px 6px -6px #999;
}

.navbar-header .pull-right {
}

.fn-label.hoursBeleg {
	background: #e8e4e4;
	font-size: 8px;
	width: 24px !important;
}

.fn-label.halbtagBeleg {
	background: #e8e4e4;
	font-size: 8px;
	width: 24px !important;
}

.loading-bar {
	color: red;
}

h3.row-title.before-darkorange {
	/*background:#4594e9;
    */
	background: #AEAEAE;
	color: #FFF;
}

.before-darkorange:before {
	background-color: transparent !important
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
	background-color: #DDD;
	color: #666666;
}

.hatgeandert {
	background-color: white;
	-webkit-animation-name: hatgeandert;
	/* Chrome, Safari, Opera */
	-webkit-animation-duration: 3s;
	/* Chrome, Safari, Opera */
	animation-name: hatgeandert;
	animation-duration: 3s;
}

.wennfalsch {
	background-color: red !important;
	color: white !important;
}

.wennfalschsolid {
	background-color: white !important;
	color: red !important;
}

.selected {
	background-color: #5580ab !important;
	color: white !important;
	font-weight: bold !important;
}

.numericCol {
	text-align: right;
}

.stripe-gray-white td:not(first-child) {
	background: repeating-linear-gradient( 45deg, lightgray, lightgray 3px, white 3px, white 6px );
}

.fn-gantt .bar {
	border-radius: 2px;
}

.modal {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	/*z-index: 1;
    */
	/* Sit on top */
	padding-top: 20px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0,0,0);
	/* Fallback color */
	background-color: rgba(0,0,0,0.8);
	/* Black w/ opacity */
}

.modal-header, .close {
	background-color: #c7daf0;
	/* Farbe wie Winhotel */
	color: #666666 !important;
	/*background-color: #5cb85c;
    */
	/*color: white !important;
    */
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}

.modal-footer {
	/*background-color: #f9f9f9;
    */
	background-color: #c7daf0;
	/* Farbe wie Winhotel */
	/*background-color: orange !important;
    */
	color: #666666 !important;
}
/* * jQuery UI Resizable @VERSION * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */
.ui-resizable {
	position: relative;
}

.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	z-index: 99999;
	display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
	display: none;
}

.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}

.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}

.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}

.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}

.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}

.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
/*wann keine Rechte hat...*/
.recht-body {
	background-color: @themeprimary;
	color: @white;
	&:before

{
	display: none;
}

}

.recht-error-container {
	background: rgba(0,0,0,0.05);
	text-align: center;
	h1

{
	font-size: 110px;
	font-weight: 300;
	margin: -103px 0 0 0;
	text-align: center;
	color: @themeprimary;
}

h2 {
	font-size: 58px;
	font-weight: 300;
	margin: 0;
	text-transform: uppercase;
}

p {
	&, a

{
	font-size: 18px;
	font-weight: 300;
	margin: 0;
}

&.description {
	color: @platinum;
	font-size: 40px;
	margin: 0;
}

}
}

.recht-error-divider {
	margin-top: -27px;
	padding: 30px 0;
}

.limenu:hover {
	background-color: #5580ab;
	color: white;
	cursor: pointer;
	display: block;
}

.limenu {
	padding-left: 5px;
	font-size: 18px;
	color: #555555;
	font-family: 'Open Sans';
	/*, 'Segoe UI';
    */
	display: block;
}

.recht-return-btn {
	&, &:hover

{
	border: 1px solid rgba(255,200,155,.3);
	padding: 10px 15px;
	margin-top: 100px;
	margin-bottom: 30px;
	display: inline-block;
	.border-radius(5px);
	color: @white;
	font-size: 16px;
	font-weight: 300;
}

i {
	margin-right: 5px;
}

&:hover {
	background: @white;
	color: @themeprimary;
	text-decoration: none;
}

}

.scrollable-menu {
	height: auto;
	max-height: 200px;
	overflow-x: hidden;
}

.page-sidebar .sidebar-menu .submenu > li > a {
	padding-left: 40px;
}

.page-sidebar .sidebar-menu submenu > li > a:hover {
	background-color: #5580ab !important;
	color: white;
	border-radius: 0px;
}

.page-sidebar .sidebar-menu > li > a:hover {
	background-color: #5580ab !important;
	color: white;
	border-radius: 0px;
}

.page-sidebar .sidebar-menu li.active > a {
	background-color: #e2e1e1 !important;
}

//----------------------------------------------------- .pagination, .pager li > a {
	.border-radius(2px);
}

.dataTables_paginate .paginate_button {
	margin: 0;
	color: @carbon;
	background-color: @white;
	margin: 0 -1px 0 0;
	border-color: @gray;
	&:hover

{
	background-color: #ebebeb;
	border-color: #b8b8b8;
}

&:focus, &:focus {
	background-color: #ebebeb;
	border-color: #b8b8b8;
}

}
/* für Texteditor */
.editor-text {
	min-height: 300px;
	width: 100%;
}
/*das hier wird noch nicht angezogen*/
/*.fn-gantt .leftPanel {
     width:200px;
}
*/
/* Handcursor bei Combobox > Dropdown Button */
.dropdown-menu li:hover {
	cursor: pointer;
}

.loader {
	border: 16px solid #f3f3f3;
	/* Light grey */
	border-top: 16px solid #3498db;
	/* Blue */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.A4 {
	background: white;
	width: 21cm;
	height: 29.7cm;
	display: block;
	margin: 0 auto;
	padding: 10px 25px;
	margin-bottom: 0.5cm;
	box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
	overflow-y: scroll;
	box-sizing: border-box;
	font-size: 12pt;
}
/* Ja/Nein Buttons auf Dialog, feste länge */
.tab {
	/*width: 80px !important;
    */
	font-size: 2px;
	font-family: 'Open Sans', 'Segoe UI';
}
/* Ja/Nein Buttons auf Dialog, feste länge */
.actbtn {
	width: 105px !important;
	font-family: 'Open Sans', 'Segoe UI';
	font-size: xx-small;
}

.toolbtn {
	width: 80px !important;
	font-family: 'Open Sans', 'Segoe UI';
	font-size: xx-small;
}

/* Standartlänge für Buttons (feste länge) */
.stdbtn {
	width: 120px !important;
	font-family: 'Open Sans', 'Segoe UI';
}

/* Button im Belegfenster Clean/Dirty für Zimmerinformation */
.microbtn {
	top: 1px;
	width: 12px;
	height: 22px;
	font-size: 15px;
	font-family: 'Open Sans', 'Segoe UI';
	border: 1px #f6f6f6 solid;
	background: none;
	cursor: pointer;
	border-radius: 0px;
}

/* Standartlänge für Buttons (feste länge) */
.movebtn {
	width: 100px !important;
	font-family: 'Open Sans', 'Segoe UI';
}

.longbtn {
	width: 120px !important;
	font-family: 'Open Sans', 'Segoe UI';
	white-space: normal;
	font-size: 10px;
	float: left;
}

.minibtn {
	width: 105px !important;
	font-family: 'Open Sans', 'Segoe UI';
	font-size: xx-small;
}

.modal-dialog {
	font-family: 'Open Sans', 'Segoe UI';
}

.modal-dialog-info {
	font-family: 'Open Sans', 'Segoe UI';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 500px;
	height: 300px;
}

.modalEditor {
	width: 1500px !important;
	font-family: 'Open Sans', 'Segoe UI';
}

.datatabbtnausw {
	width: 90px !important;
	font-family: 'Open Sans', 'Segoe UI';
	/* background-color: #f4b400;
     color: white;
     */
}

.datatabbtndel {
	width: 90px !important;
	font-family: 'Open Sans', 'Segoe UI';
	/* background-color:#d73d32;
     color: white;
     */
}
/* Standartlänge für Buttons im Editor (feste länge) */
.stdbtneditor {
	width: 180px !important;
	font-family: 'Open Sans', 'Segoe UI';
}
/* Standartlänge für Buttons im Editor (feste länge) */
.stdbtneditormenu {
	width: 100% !important;
	font-family: 'Open Sans', 'Segoe UI';
	white-space: normal;
}
/* Standartlänge für Buttons im Editor (feste länge) */
.stdbtnkorrmenu {
	width: 100px !important;
	font-family: 'Open Sans', 'Segoe UI';
	white-space: normal;
}
/* Standartlänge für Buttons im Editor (feste länge) */
.stdbtnemailmenu {
	width: 100% !important;
	height: 31px;
	font-family: 'Open Sans', 'Segoe UI';
	white-space: normal;
}
/* Standartlänge für Buttons im Editor (feste länge) */
.stdbtnforinput {
	width: 180px !important;
	height: 31px;
	font-family: 'Open Sans', 'Segoe UI';
	white-space: normal;
}
/* Label für Betragsanzeige in Modal-Plan und Modal-PlanNeu */
.infolab {
	width: 200px !important;
}

.labspeziplus {
	vertical-align: baseline;
	font-size: 11px;
	font-family: 'Open Sans', 'Segoe UI';
}
/* Datentabellen in Modal-Plan und Modal-PlanNeu anpassen*/
.tbspezi {
	font-size: 12px;
	font-family: 'Open Sans', 'Segoe UI';
	width: 100%;
	cursor: pointer;
}




/* Datentabellen in Modal-Plan und Modal-PlanNeu anpassen*/
.tbspezi2 {
	font-size: 12px;
	font-family: 'Open Sans', 'Segoe UI';
	width: 100%;
}
/* Überschriften für Tabset in Modal-Plan und Modal-PlanNeu */
.tabspezi {
	font-size: 12px;
	font-weight: bold;
	font-family: 'Open Sans', 'Segoe UI';
}

	.tabspezi table-hover {
		tbody tr

{
	@include hover {
		background-color: $table-hover-bg;
	}
}

}


.tabeditor {
	font-size: 10px;
	font-weight: bold;
	font-family: 'Open Sans', 'Segoe UI';
	clear: both;
}

.wellshadow {
	box-shadow: 5px 5px 3px #cdcdcd;
	-moz-box-shadow: 4px 4px 2px #cdcdcd;
	-webkit-box-shadow: 3px 3px 1px #cdcdcd;
}
/* Checkbox Label in Modal-Plan und Modal-PlanNeu */
.labspezi {
	font-size: 12px;
	font-family: 'Open Sans', 'Segoe UI';
}

.inputspezi {
	font-size: 12px;
	font-family: 'Open Sans', 'Segoe UI';
}
/* Gast Adresse in Modal-Plan und Modal-PlanNeu */
address {
	font-size: 12px;
	font-family: 'Open Sans', 'Segoe UI';
}
/* Button im Model-PlanNeu für hinzufügen neuer Leistungen */
.btnleistungspezi {
	top: 4px;
	right: 4px;
}
/* Suche Button im Model-PlanNeu Gastsuche */
.btnsuchspezi {
	width: 80px;
	top: 8px;
}
/* Textanpassung für radiobuttons im Model-PlanNeu */
.textspezi {
	font-size: 14px;
	font-family: 'Open Sans', 'Segoe UI';
}
/*Calendar ohne Zeit*/
.fc-time {
	display: none !important;
}
/*Reservierung / Zusatzleistung Tabelle ==> Zeigen ganze Texte / Nur Teile*/
.ShortText {
	width: 250px;
	white-space: nowrap !important;
	height: 25px !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}
/* Korrespondens Textfeld im Modal-Plan */
.textareakorr {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 100%;
	min-height: 100%;
	max-height: 100%;
	color: rgb(0,0,0);
}
/* Reservierung Bild Hintergrund*/
.resbildbg {
	width: 100%;
	/*height:300px;
    */
	opacity: 1;
	border-radius: 2px;
	background-clip: padding-box;
	-webkit-border-radius: 2px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 2px;
	-moz-background-clip: padding;
	box-shadow: 5px 5px 13px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 5px 5px 13px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 5px 5px 13px rgba(0, 0, 0, 0.8);
	display: inline-block;
	padding-top: 10px;
	margin-bottom: 30px;
	vertical-align: top;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 4px solid #909090; /*#000000;*/
	/*-webkit-border-after: 3px solid #ff8f32;*/
	/* border: 2px solid #ff8f32;
     -webkit-border-after: 2px solid #ff8f32;
    */
	/*background-color: #ff8f32;
    */
	background-color: #EEE;
}
/* Reservierung Bild*/
.resbild {
	/*width: 100%;
    */
	width: 40%;
	/*height: 40px;*/

	max-height: 266px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	z-index: -2;
}

.resbildbg_active {
	border: 4px solid #337ab7;
	/*-webkit-border-after: 3px solid #337ab7;*/
	/* border: 10px solid #337ab7;
     -webkit-border-after: 10px solid #337ab7;
    */
	/*padding: 10px;
    */
}

.box {
	width: 28px;
	height: 28px;
	color: lightgray;
	border: 2px solid #de7a00;
	-webkit-border-after: 2px solid #de7a00;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	padding: 5px;
	/*box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
    */
	margin: 3px;
	margin-left: 6px;
}

.boxblack {
	width: 28px;
	height: 28px;
	color: black;
	border: 2px solid #de7a00;
	-webkit-border-after: 2px solid #de7a00;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	padding: 5px;
	/*box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
    */
	margin: 3px;
	margin-left: 6px;
}

.ausgebucht {
	filter: alpha(opacity=50);
	opacity: 0.5;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

	.ausgebucht:hover {
		opacity: 1;
		-webkit-transition: opacity 1s ease-in-out;
		-moz-transition: opacity 1s ease-in-out;
		-ms-transition: opacity 1s ease-in-out;
		-o-transition: opacity 1s ease-in-out;
		transition: opacity 1s ease-in-out;
	}

.ausgebuchttext {
	color: red;
	border: 2px solid red;
	-webkit-border-after: 2px solid red;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	padding: 2px;
	/*box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
    */
	margin: 3px;
}

.ausgebuchtbild {
	background-image: url(img/ausgebucht.png);
	background-repeat: no-repeat;
	background-position: center bottom, left top;
}

.animate-show-hide.ng-hide {
	opacity: 0;
	/*transition: all linear 1s;
    */
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

.animate-show-hide.ng-hide-add, .animate-show-hide.ng-hide-remove {
	/*transition: all linear 0.5s;
    */
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

.preiscodelistbg {
	/*height:50px;
    */
	min-height: 25px;
	opacity: 1;
	background-color: #ff8f32;
	border-radius: 2px;
	background-clip: padding-box;
	-webkit-border-radius: 2px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 2px;
	-moz-background-clip: padding;
	box-shadow: 0 0 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
	/*display: inline-block;
    */
	padding: 15px;
	margin-bottom: 20px;
	vertical-align: top;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	/*text-align: center;
    */
	color: white;
}

.katebg {
	min-height: 25px;
	opacity: 1;
	background-color: #ff8f32;
	border-radius: 2px;
	background-clip: padding-box;
	-webkit-border-radius: 2px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 2px;
	-moz-background-clip: padding;
	box-shadow: 0 0 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
	padding: 15px;
	margin-bottom: 10px;
	vertical-align: top;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	color: white;
}

.katebody {
	border: 5px solid #c1c1c1;
	-webkit-border-after: 5px solid #c1c1c1;
	border-radius: 2px;
	padding: 15px;
	margin-bottom: 10px;
	vertical-align: top;
	box-sizing: border-box;
	margin-left: 10px;
	margin-right: 10px;
}
.preiscodelistbg_active {
	border: 5px solid #c1c1c1;
	-webkit-border-after: 5px solid #c1c1c1;
	padding: 10px;
}

.planaktuell {
	border: 2px solid #337ab7;
	-webkit-border-after: 2px solid #337ab7;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	color: black !important;
	background-color: yellow !important;
}

.schwarz {
	color: black !important;
}

.zimmerpreise {
	background-color: #c1c1c1;
	border-radius: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	color: #000000;
	width: 80%;
	/*
    height: 35px;
    width: 80%;*/
	width: 80%;
}

.zimmerpreise_active {
	background-color: #337ab7;
	border-radius: 2px;
	padding-left: 10px;
	padding-right: 10px;
	color: white;
	font-weight: bold;
	/*width: 80%;*/
	width: 80%;
}

.zimmerpreise2020 {
	margin-top: 10px;
	margin-bottom: 10px;
	left: -10px;
	background-color: #c1c1c1;
	border-radius: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	color: #000000;
}

.preisinfo {
	display: flex;
	justify-content: center;
	align-self: center;
	background-color: #337ab7;
	margin-top: 30px;
	border-radius: 100px;
	padding: 15px;
	color: #fff;
}

.zimmer-button {
	display: flex;
	justify-content: center;
	align-self: center;
	background-color: #c1c1c1;
	margin-top: 10px;
	border-radius: 20px;
	padding: 15px;
	color: #000;
}
.zimmer-button-active {
	display: flex;
	justify-content: center;
	align-self: center;
	background-color: #337ab7;
	margin-top: 10px;
	border-radius: 20px;
	padding: 15px;
	color: #fff;
}

.zimmerpreise2020_active {
	background-color: #337ab7;
	border-radius: 5px;
	padding-left: 10px;
	padding-right: 10px;
	color: white;
	font-weight: bold;
}

.plus_minus {
	border: 2px solid #d1d1d1;
	-webkit-border-after: 2px solid #d1d1d1;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	padding-left: 3px;
	padding-right: 4px;
	padding-bottom: 2px;
}

.fade_inout {
	-webkit-transition: 1s linear all;
	transition: 1s linear all;
	opacity: 1;
}

	.fade_inout.ng-hide-remove, .fade_inout.ng-hide-add, .fade_inout.ng-hide {
		display: block !important;
	}

	.fade_inout.ng-hide {
		opacity: 0;
	}
/*Float Labels - Test*/
.has-float-label {
	display: block;
	position: relative;
}

	.has-float-label label, .has-float-label > span {
		position: absolute;
		left: 0;
		top: 0;
		cursor: text;
		font-size: 100%;
		/*75%;
     Tamas*/
		opacity: 1;
		-webkit-transition: all .2s;
		transition: all .2s;
		top: -1.5em;
		/*-.5em Tamas*/
		left: 0.75rem;
		z-index: 3;
		line-height: 1;
		padding: 0 1px;
	}

		.has-float-label label::after, .has-float-label > span::after {
			content: " ";
			display: block;
			position: absolute;
			/*background: white;
     Tamas*/
			height: 2px;
			top: 50%;
			left: -.2em;
			right: -.2em;
			z-index: -1;
		}

	.has-float-label .form-control::-webkit-input-placeholder {
		opacity: 1;
		-webkit-transition: all .2s;
		transition: all .2s;
	}

	.has-float-label .form-control::-moz-placeholder {
		opacity: 1;
		transition: all .2s;
	}

	.has-float-label .form-control:-ms-input-placeholder {
		opacity: 1;
		transition: all .2s;
	}

	.has-float-label .form-control::placeholder {
		opacity: 1;
		-webkit-transition: all .2s;
		transition: all .2s;
	}

	.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
		opacity: 0;
	}

	.has-float-label .form-control:placeholder-shown:not(:focus)::-moz-placeholder {
		opacity: 0;
	}

	.has-float-label .form-control:placeholder-shown:not(:focus):-ms-input-placeholder {
		opacity: 0;
	}

	.has-float-label .form-control:placeholder-shown:not(:focus)::placeholder {
		opacity: 0;
	}

	.has-float-label .form-control:placeholder-shown:not(:focus) + * {
		font-size: 150%;
		opacity: .5;
		top: .3em;
	}

.input-group .has-float-label {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-bottom: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

	.input-group .has-float-label .form-control {
		width: 100%;
		border-radius: 2px;
		/*0.25rem;
    */
	}

	.input-group .has-float-label:not(:last-child), .input-group .has-float-label:not(:last-child) .form-control {
		border-bottom-right-radius: 0;
		border-top-right-radius: 0;
		border-right: 0;
	}

	.input-group .has-float-label:not(:first-child), .input-group .has-float-label:not(:first-child) .form-control {
		border-bottom-left-radius: 0;
		border-top-left-radius: 0;
	}

.ohnepaddingcenter {
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
}

.nurtest {
	float: left;
}

.font900 {
	font-weight: 900 !important;
}

.pulsebg {
	-webkit-animation: bgpulse 3s ease-in-out infinite alternate;
	animation: bgpulse 3s ease-in-out infinite alternate;
}

@-webkit-keyframes bgpulse {
	0% {
		background: rgba(255, 0, 0, 0.65);
	}

	50% {
		background: red;
	}

	100% {
		background: rgba(255, 0, 0, 0.65);
	}
}

@keyframes bgpulse {
	0% {
		background: rgba(255, 0, 0, 0.65);
	}

	50% {
		background: red;
	}

	100% {
		background: rgba(255, 0, 0, 0.65);
	}
}

.leftobengrad {
	background: #f6f6f6;
	/* For browsers that do not support gradients */
}

.minicolors input[type=hidden] + .minicolors-swatch {
	width: 98%;
}

.winhotelsterne {
	margin: 100px auto;
	/*width:5vmin;
     height:5vmin;
     position:absolute;
     border-radius:50%;
    */
	top: 0px;
	animation: winhotelstern 20s infinite;
	animation-timing-function: ease-in-out;
	/*animation-direction: alternate;
    */
	/*animation-delay:5000ms;
    */
}

	.winhotelsterne:nth-child(1) {
		animation-delay: -200ms;
	}

	.winhotelsterne:nth-child(2) {
		animation-delay: -400ms;
	}

	.winhotelsterne:nth-child(3) {
		animation-delay: -600ms;
	}

	.winhotelsterne:nth-child(4) {
		animation-delay: -800ms;
	}

	.winhotelsterne:nth-child(5) {
		animation-delay: -1000ms;
	}

	.winhotelsterne:nth-child(6) {
		animation-delay: -1200ms;
	}

@keyframes winhotelstern {
	0% {
		transform: translateY(0px);
	}

	2% {
		transform: translateY(-5px);
	}

	4% {
		transform: translateY(5px);
	}

	6% {
		transform: translateY(0px);
	}

	100% {
		transform: translateY(0px);
	}
}

@-webkit-keyframes winhotelstern {
	0% {
		-webkit-transform: translateY(0px);
	}

	2% {
		-webkit-transform: translateY(-5px);
	}

	4% {
		-webkit-transform: translateY(5px);
	}

	6% {
		-webkit-transform: translateY(0px);
	}

	100% {
		-webkit-transform: translateY(0px);
	}
}

@-moz-keyframes winhotelstern {
	0% {
		-moz-transform: translateY(0px);
	}

	2% {
		-moz-transform: translateY(-5px);
	}

	4% {
		-moz-transform: translateY(5px);
	}

	6% {
		-moz-transform: translateY(0px);
	}

	100% {
		-moz-transform: translateY(0px);
	}
}

.stern5 {
	float: right;
	z-index: 20;
	margin: 2px 0;
	position: relative;
	display: block;
	color: #f6861f;
	width: 0px;
	height: 0px;
	border-right: 8px solid transparent;
	border-bottom: 6px solid #f6861f;
	border-left: 8px solid transparent;
	-moz-transform: rotate(35deg);
	-webkit-transform: rotate(35deg);
	-ms-transform: rotate(35deg);
	-o-transform: rotate(35deg);
}

	.stern5:before {
		border-bottom: 8px solid #f6861f;
		border-left: 3px solid transparent;
		border-right: 3px solid transparent;
		position: absolute;
		height: 0;
		width: 0;
		top: -5px;
		left: -6px;
		display: block;
		content: '';
		-webkit-transform: rotate(-35deg);
		-moz-transform: rotate(-35deg);
		-ms-transform: rotate(-35deg);
		-o-transform: rotate(-35deg);
	}

	.stern5:after {
		position: absolute;
		display: block;
		color: #ffcc00;
		top: 0px;
		left: -8px;
		width: 0px;
		height: 0px;
		border-right: 8px solid transparent;
		border-bottom: 6px solid #f6861f;
		border-left: 8px solid transparent;
		-webkit-transform: rotate(-70deg);
		-moz-transform: rotate(-70deg);
		-ms-transform: rotate(-70deg);
		-o-transform: rotate(-70deg);
		content: '';
	}

.aktleistung {
	-webkit-animation-name: aktleistung;
	/* Chrome, Safari, Opera */
	-webkit-animation-duration: 2s;
	/* Chrome, Safari, Opera */
	animation-name: aktleistung;
	animation-duration: 2s;
	opacity: 0;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes aktleistung {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0.5
	}

	100% {
		opacity: 0
	}
}
/* Standard syntax */
@keyframes aktleistung {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0.5
	}

	100% {
		opacity: 0
	}
}

.bordertop {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

.bordertop-transparent {
	border-top: 1px solid #e5e5e500;
}

#contextMenu {
	position: absolute;
	display: none;
}
/*--------------------------------------Modal-Plan Menu von ---------------------------------------*/
/* The side navigation menu */
.sidenav {
	height: 84%;
	/* 100% Full-height */
	width: 0;
	/* 0 width - change this with JavaScript */
	position: fixed;
	/* Stay in place */
	z-index: 10000;
	/* Stay on top */
	top: 75px;
	left: 0;
	border-radius: 2px;
	background-color: #eeeeee;
	// #c7daf0;
	overflow-x: hidden;
	/* Disable horizontal scroll */
	padding-top: 60px;
	/* Place content 60px from the top */
	transition: 0.5s;
	/* 0.5 second transition effect to slide in the sidenav */
}
	/* The navigation menu links */
	.sidenav span {
		padding: 0px 8px 0px 32px;
		text-decoration: none;
		font-size: 18px;
		color: #818181;
		display: block;
		transition: 0.3s;
		font-family: 'Open Sans';
		/*, 'Segoe UI';
    */
		color: #dddddd;
		/* #555555;
    */
		text-align: left;
	}
		/* When you mouse over the navigation links, change their color */
		.sidenav span:hover, .offcanvas span:focus {
			color: #58B3F0;
			cursor: pointer;
		}
	/* Position and style the close button (top right corner) */
	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 10px;
		font-size: 24px;
		margin-left: 0px;
		cursor: pointer;
		color: #818181;
	}
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
	transition: margin-left .5s;
	padding: 20px;
}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
	.sidenav {
		padding-top: 15px;
	}

		.sidenav span {
			font-size: 18px;
		}
}
/* Chrome, Safari, Opera */
@webkit-keyframes hatgeandert {
	from {
		background-color: red;
		color: white;
	}

	to {
		background-color: white;
		color: black;
	}
}
/* Standard syntax */
@keyframes hatgeandert {
	from {
		background-color: red;
		color: white;
	}

	to {
		background-color: white;
		color: black;
	}
}
/*--------------------------------------Modal-Plan Menu bis ---------------------------------------*/
/*TEST*/
.menubtn {
	/*text-shadow: 1px 1px 0px #666666;
    */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-family: 'Open Sans', 'Segoe UI';
	/*font-family: Arial;
    */
	color: #666666;
	font-size: 15px;
	background: #fefefe;
	padding: 5px 20px 5px 20px;
	border: solid #dddddd 1px;
	text-decoration: none;
	height: 20px;
	width: 40px;
	cursor: pointer;
}

	.menubtn:hover {
		background: #dddddd;
		text-decoration: none;
	}

.fileUpload {
	font-family: 'Open Sans', 'Segoe UI';
	position: relative;
	overflow: hidden;
	margin: 10px;
}

	.fileUpload input.upload {
		font-family: 'Open Sans', 'Segoe UI';
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: 0;
		font-size: 20px;
		cursor: pointer;
		opacity: 0;
		filter: alpha(opacity=0);
	}

.vertical-divider {
	position: absolute;
	z-index: 10;
	top: 53%;
	left: 50%;
	margin: 0;
	padding: 0;
	width: auto;
	height: 50%;
	line-height: 0;
	text-align: center;
	text-transform: uppercase;
	transform: translateX(-50%);
}

	.vertical-divider:before, .vertical-divider:after {
		position: absolute;
		left: 50%;
		content: '';
		z-index: 9;
		border-left: 1px solid rgba(34,36,38,.15);
		border-right: 1px solid rgba(255,200,155,.1);
		width: 0;
		height: calc(100% - 1rem);
	}

.row-divided > .vertical-divider {
	height: calc(50% - 1rem);
}

.vertical-divider:before {
	top: -100%;
}

.vertical-divider:after {
	top: auto;
	bottom: 30px;
}

.row-divided {
	position: relative;
}

	.row-divided > [class^="col-"], .row-divided > [class*=" col-"] {
		padding-left: 30px;
		/* gutter width (give a little extra room) 2x default */
		padding-right: 30px;
		/* gutter width (give a little extra room) 2x default */
	}
/*...............*/
.material-switch > input[type="checkbox"] {
	display: none;
}

.material-switch > label {
	cursor: pointer;
	height: 0px;
	position: relative;
	width: 40px;
	top: 5px;
}

	.material-switch > label::before {
		background: rgb(0, 0, 0);
		box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
		border-radius: 8px;
		content: '';
		height: 16px;
		margin-top: -8px;
		position: absolute;
		opacity: 0.3;
		transition: all 0.4s ease-in-out;
		width: 40px;
	}

	.material-switch > label::after {
		background: rgb(255, 255, 255);
		border-radius: 16px;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
		content: '';
		height: 24px;
		left: -4px;
		margin-top: -8px;
		position: absolute;
		top: -4px;
		transition: all 0.3s ease-in-out;
		width: 24px;
	}

.material-switch > input[type="checkbox"]:checked + label::before {
	background: inherit;
	opacity: 0.5;
}

.material-switch > input[type="checkbox"]:checked + label::after {
	background: inherit;
	left: 20px;
}
/*TEST*/
.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;
		}

.h6, h6, #h6 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

btn btn-primary btn-block::before {
	content: 'hurz';
	color: red;
}
/* Shimmer */
.shimmer:hover {
	width: 100%;
	/*Make sure the animation is over the whole element*/
	-webkit-animation-name: ShineAnimation;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: 1;
	/*infinite;
    */
	-webkit-animation-timing-function: cubic-bezier(.12,.89,.98,.47);
}

@-webkit-keyframes ShineAnimation {
	from {
		background-repeat: no-repeat;
		background-image: -webkit-linear-gradient( top left, rgba(255, 200, 155, 0.0) 0%, rgba(255, 200, 155, 0.0) 45%, rgba(255, 200, 155, 0.5) 48%, rgba(255, 200, 155, 0.8) 50%, rgba(255, 200, 155, 0.5) 52%, rgba(255, 200, 155, 0.0) 57%, rgba(255, 200, 155, 0.0) 100% );
		background-position: -250px -450px;
		background-size: 600px 600px
	}

	to {
		background-repeat: no-repeat;
		background-position: 250px 250px;
	}
}

.shimmerweiss {
	width: 100%;
	/*Make sure the animation is over the whole element*/
	-webkit-animation-name: ShineAnimationweiss;
	-webkit-animation-duration: 30s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: cubic-bezier(.12,.89,.98,.47);
}

@-webkit-keyframes ShineAnimationweiss {
	from {
		background-repeat: no-repeat;
		background-image: -webkit-linear-gradient( top left, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.0) 45%, rgba(255, 255, 255, 0.5) 48%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.5) 52%, rgba(255, 255, 255, 0.0) 57%, rgba(255, 255, 255, 0.0) 100% );
		background-position: -250px -450px;
		background-size: 600px 600px
	}

	to {
		background-repeat: no-repeat;
		background-position: 250px 250px;
	}
}

@media screen and (max-device-width: 530px) {
	.navbar-header-name {
		color: white;
		padding: 10px 20px 10px 10px;
		font-size: 16px;
	}
}

@media screen and (max-width: 530px) {
	.navbar-header-name {
		color: white;
		padding: 10px 20px 10px 10px;
		font-size: 16px;
	}
}

@media screen and (min-device-width: 530px ) {
	.navbar-header-name {
		color: white;
		padding: 10px 20px 10px 220px;
		font-size: 16px;
	}
}

@media screen and (min-width: 530px ) {
	.navbar-header-name {
		color: white;
		padding: 10px 20px 10px 220px;
		font-size: 16px;
	}
}

@media screen and (max-device-width: 530px ) {
	.navbar-account {
		display: none;
	}
}

@media screen and (max-width: 530px ) {
	.navbar-account {
		display: none;
	}
}

@media screen and (min-device-width: 530px ) {
	.navbar-account-ersatz {
		display: none;
	}
}

@media screen and (min-width: 530px ) {
	.navbar-account-ersatz {
		display: none;
	}
}

@media screen and (max-device-width: 530px ) {
	.navbar-account-ersatz {
		left: auto;
		right: 20px;
		position: absolute;
		top: 55px;
	}
}

@media screen and (max-width: 530px ) {
	.navbar-account-ersatz {
		left: auto;
		right: 20px;
		position: absolute;
		top: 55px;
	}
}

@media screen and (max-device-width: 600px ) {
	.navbar-dropdown {
		display: none;
	}
}

@media screen and (max-width: 600px ) {
	.navbar-dropdown {
		display: none;
	}
}

@media screen and (min-device-width: 530px ) {
	.navbar-dropdown-ersatz {
		display: none;
	}
}

@media screen and (min-width: 530px ) {
	.navbar-dropdown-ersatz {
		display: none;
	}
}

@media screen and (max-device-width: 530px ) {
	.navbar-dropdown-ersatz {
		list-style: none;
	}
}

@media screen and (max-width: 530px ) {
	.navbar-dropdown-ersatz {
		list-style: none;
	}
}

.schoncio {
	text-decoration: line-through;
	/*color: #eee;
    */
}

html {
	overflow-y: hidden !important;
}

body {
	overflow-y: hidden !important;
}

.page-body {
	overflow-y: auto !important;
	height: 88vh;
}

@media only screen and (max-device-width: 530px ) {
	.page-body {
		overflow-y: auto !important;
		height: 75vh;
	}
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	display: block;
	max-width: 100%;
	height: 450px !important;
}


.carousel-item:before {
	-webkit-box-shadow: inset 0 0 20rem rgba(0, 0, 0, 1);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 2px;
	position: absolute;
	display: block;
	max-width: 100%;
	height: 400px !important;
}

.limenu_nav2:hover {
	background-color: #bfc5cf;
}

#starthead {
	margin-top: 6px;
	text-align: left;
	text-transform: uppercase;
	text-shadow: #2c2c2c 3px 3px 5px;
	font-size: 1.5em;
	/*text-shadow: -1ex 1ex 4px #eee, 1em -1ex 2px #ddd*/
}


.navbar-brand {
	margin-top: 6px;
}

.sidebar-collapse {
	top: 8px;
}

.editortableop {
	font-size: 10.0pt;
}

hr.tabstyle {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	margin-top: 3px;
	margin-bottom: 2px;
	margin-left: 20px;
	margin-right: 20px;
}

hr.menustyle {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	margin-left: 20px;
	margin-right: 20px;
}

.loginbox-textbox > label :focus {
	box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,1) !important;
	/*box-shadow: inset 0px 0px 15px 0px rgba(76, 130, 189,1) !important;
    */
}

.checkbox {
	padding-left: 20px;
}

	.checkbox label {
		display: inline-block;
		position: relative;
		padding-left: 5px;
	}

		.checkbox label::before {
			content: "";
			display: inline-block;
			position: absolute;
			width: 17px;
			height: 17px;
			left: 0;
			margin-left: -20px;
			border: 1px solid #cccccc;
			border-radius: 3px;
			background-color: #fff;
			-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
			-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
			transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
		}

		.checkbox label::after {
			display: inline-block;
			position: absolute;
			width: 16px;
			height: 16px;
			left: 0;
			top: 0;
			margin-left: -20px;
			padding-left: 3px;
			padding-top: 1px;
			font-size: 11px;
			color: #555555;
		}

	.checkbox input[type="checkbox"] {
		opacity: 0;
	}

		.checkbox input[type="checkbox"]:focus + label::before {
			outline: thin dotted;
			outline: 5px auto -webkit-focus-ring-color;
			outline-offset: -2px;
		}

		.checkbox input[type="checkbox"]:checked + label::after {
			font-family: 'FontAwesome';
			content: "\f00c";
		}

		.checkbox input[type="checkbox"]:disabled + label {
			opacity: 0.65;
		}

			.checkbox input[type="checkbox"]:disabled + label::before {
				background-color: #eeeeee;
				cursor: not-allowed;
			}

	.checkbox.checkbox-circle label::before {
		border-radius: 50%;
	}

	.checkbox.checkbox-inline {
		margin-top: 0;
	}

.checkbox-primary input[type="checkbox"]:checked + label::before {
	background-color: #428bca;
	border-color: #428bca;
}

.checkbox-primary input[type="checkbox"]:checked + label::after {
	color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before {
	background-color: #d9534f;
	border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:checked + label::after {
	color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before {
	background-color: #5bc0de;
	border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:checked + label::after {
	color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before {
	background-color: #f0ad4e;
	border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:checked + label::after {
	color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before {
	background-color: #5cb85c;
	border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:checked + label::after {
	color: #fff;
}

.radio {
	padding-left: 20px;
}

	.radio label {
		display: inline-block;
		position: relative;
		padding-left: 5px;
	}

		.radio label::before {
			content: "";
			display: inline-block;
			position: absolute;
			width: 17px;
			height: 17px;
			left: 0;
			margin-left: -20px;
			border: 1px solid #cccccc;
			border-radius: 50%;
			background-color: #fff;
			-webkit-transition: border 0.15s ease-in-out;
			-o-transition: border 0.15s ease-in-out;
			transition: border 0.15s ease-in-out;
		}

		.radio label::after {
			display: inline-block;
			position: absolute;
			content: " ";
			width: 11px;
			height: 11px;
			left: 3px;
			top: 3px;
			margin-left: -20px;
			border-radius: 50%;
			background-color: #555555;
			-webkit-transform: scale(0, 0);
			-ms-transform: scale(0, 0);
			-o-transform: scale(0, 0);
			transform: scale(0, 0);
			-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
			-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
			-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
			transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
		}

	.radio input[type="radio"] {
		opacity: 0;
	}

		.radio input[type="radio"]:focus + label::before {
			outline: thin dotted;
			outline: 5px auto -webkit-focus-ring-color;
			outline-offset: -2px;
		}

		.radio input[type="radio"]:checked + label::after {
			-webkit-transform: scale(1, 1);
			-ms-transform: scale(1, 1);
			-o-transform: scale(1, 1);
			transform: scale(1, 1);
		}

		.radio input[type="radio"]:disabled + label {
			opacity: 0.65;
		}

			.radio input[type="radio"]:disabled + label::before {
				cursor: not-allowed;
			}

	.radio.radio-inline {
		margin-top: 0;
	}

.radio-primary input[type="radio"] + label::after {
	background-color: #428bca;
}

.radio-primary input[type="radio"]:checked + label::before {
	border-color: #428bca;
}

.radio-primary input[type="radio"]:checked + label::after {
	background-color: #428bca;
}

.radio-danger input[type="radio"] + label::after {
	background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::before {
	border-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::after {
	background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
	background-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::before {
	border-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::after {
	background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
	background-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::before {
	border-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::after {
	background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
	background-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::before {
	border-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::after {
	background-color: #5cb85c;
}

.pmstyle {
	background-image: -webkit-linear-gradient(left, #f0f0f0, #8b0000, #ffffff,#ffffff,#ffffff, #8B0001, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #8b0000, #ffffff,#ffffff,#ffffff, #8B0001, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #8b0000, #ffffff,#ffffff,#ffffff, #8B0001, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #8b0000, #ffffff,#ffffff,#ffffff, #8B0001, #f0f0f0);
}


/* Margin Top Offset z.B für row (<div class="row voffset">) */

.voffset {
	margin-top: 2px !important;
}

.voffset1 {
	margin-top: 5px !important;
}

.voffset2 {
	margin-top: 10px !important;
}

.voffset3 {
	margin-top: 15px !important;
}

.voffset4 {
	margin-top: 30px !important;
}

.voffset5 {
	margin-top: 40px !important;
}

.voffset6 {
	margin-top: 60px !important;
}

.voffset7 {
	margin-top: 80px !important;
}

.voffset8 {
	margin-top: 100px !important;
}

.voffset9 {
	margin-top: 150px !important;
}

.fn-gantt .bar .fn-label {
	-webkit-transform: skew(30deg) !important;
	-moz-transform: skew(30deg) !important;
	-o-transform: skew(30deg) !important;
	transform: skew(30deg) !important;
}

.fn-gantt .bar {
	-webkit-transform: skew(-30deg);
	-moz-transform: skew(-30deg);
	-o-transform: skew(-30deg);
	transform: skew(-30deg);
}


.table-cell-0 {
	background-color: lightgoldenrodyellow;
}

.table-cell-1 {
	background-color: #99ccc7;
}

.table-cell-2 {
	background-color: #ffa953;
}

.table-cell-3 {
	background-color: #edd5bc;
}

.table-cell-4 {
	background-color: #cfdffe;
}

.table-cell-5 {
	background-color: #ba99fd;
}

.table-cell-6 {
	background-color: #e7eaeb;
}

.table-cell-7 {
	background-color: #c0c0c0;
}

.table-cell-8 {
	background-color: #969696;
}

.dt-hide {
	display: none;
}

hr.style14 {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

.btn-datatable {
	background-color: #446d99 !important; /* #557faa !important;*/
	border-color: #c1c1c1 !important;
	border-top-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-radius: 4px;
	color: white !important;
}

.datetable {
}

	.datetable tr {
		background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
		background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
		background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
		background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	}

	.datetable td {
		height: 30px;
		width: 30px;
		text-align: center;
	}