/* --- Stylesheet 4128 () --------- */ 

.reserva-datepicker {
	display: none;
	z-index: 1001;
	position: absolute;
	left: 0px;
	top: 28px;
	min-width: 500px;
	padding: 20px;
	background: white;
	/* box-shadow: 1px 1px 1px gray; */
	box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
	transition: margin 0.2s ease-out;
	-webkit-transition: margin 0.2s ease-out;
}


.off .reserva-datepicker.shifted {
	margin-left: -40px;
	transition: margin 0.2s ease-out;
	-webkit-transition: margin 0.2s ease-out;
}

.reserva-datepicker-tooltip {
	z-index: 71;
	position: absolute;
	padding: 2px 8px;
	border: 1px solid black;
	background: black;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	display: none;
}

.reserva-datepicker_display {
}

.reserva-datepicker .ui-datepicker {
	width: 100% !important;
	margin: 10px auto 0px auto;
	font-size: 16px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#body #page .reserva-datepicker .ui-datepicker td { border-width: 0px; }
#body #page .reserva-datepicker .ui-datepicker a { color: #000;	}
#body #page .reserva-datepicker .ui-datepicker a:hover { text-decoration: none;	}

.reserva-datepicker .ui-datepicker-group { float: left; margin: 0px 35px 0px 0px; }
.reserva-datepicker .ui-datepicker-group-last { margin-right: 0px; }
.reserva-datepicker .ui-datepicker-row-break { clear: left; }
.reserva-datepicker .ui-datepicker-inline { width: auto; }

.reserva-datepicker .ui-datepicker-multi-2 .ui-datepicker-group {
	width: auto;
}

.reserva-datepicker .day_past, .reserva-datepicker .day_past a { text-decoration:line-through; color: #bbb; }

.reserva-datepicker .ui-datepicker-calendar td { text-align: center; }

.reserva-datepicker .ui-datepicker-calendar { width: 100%; border-collapse: collapse;  }
.reserva-datepicker .ui-datepicker-calendar th { color: #999; font-weight: normal; padding-bottom: 10px; font-size: 12px; }
.reserva-datepicker .ui-datepicker-calendar td { padding: 6px 8px 6px 8px; cursor: pointer; }

.reserva-datepicker td.ui-datepicker-week-col { font-size: 11px; color: #999; padding-right: 16px; }
.reserva-datepicker .ui-datepicker td.ui-datepicker-unselectable span {  }


.reserva-datepicker .ui-datepicker .ui-datepicker-other-month { background: none;  }


#body #page .reserva-datepicker .ui-datepicker td.ui-datepicker-today { border: 1px solid #444; }
#body #page .reserva-datepicker .ui-datepicker td.ui-datepicker-today a { color: #444;  }


.reserva-datepicker .ui-state-default { color: #333; text-decoration: none;  }
.reserva-datepicker .ui-state-highlight { color: #000; }
.reserva-datepicker .ui-state-highlight,.reserva-datepicker .ui-widget-content .ui-state-highlight{ background: none; }
.reserva-datepicker .ui-state-disabled { cursor: default; color: #bbb; }
.reserva-datepicker .ui-state-disabled .ui-state-default { color: #bbb; }


#body #page .reserva-datepicker .ui-datepicker td.selected { background-color: #B1CBA9;  }
#body #page .reserva-datepicker.selecting .ui-datepicker td.selected { background-color: #238C00;  }
#body #page .reserva-datepicker.selecting .ui-datepicker td.selected a { color: #fff; }
#body #page .reserva-datepicker .ui-datepicker-current-day:not(.ui-datepicker-today) { background-color: #B1CBA9;  }


.reserva-datepicker .invalid_nightscount { background-color: #bbb !important;  }
.reserva-datepicker .invalid_nightscount a { color: #fff; }

/* Tage die Verfügbar sind. Nur definiert, wenn item verwendet wird */
.reserva-datepicker .available { }

#body #page .reserva-datepicker .unavailable a { color: #bbb; }
#body #page .reserva-datepicker .unavailable.invalid_nightscount a { color: #fff; }

#body #page .reserva-datedisplay .unavailable a { color: red; }
#body #page .reserva-datedisplay .unavailable.invalid_nightscount a { color: orange; }


/* ---- Title ---- */

.reserva-datepicker .ui-datepicker-title {
	text-align: center;
	margin-bottom: 15px;
	margin-left: 20px;
	color: #333;
}
.reserva-datepicker .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	cursor: pointer;
	font-size: 13px;
	color: #fff;
	background-color: #aaa;
	padding: 3px 9px 2px 9px;
}
.reserva-datepicker .ui-datepicker {
    background: #fff;
}
.ui-datepicker .ui-datepicker-prev { float: left; margin: -2px 0px -2px 0px; }
.ui-datepicker .ui-datepicker-next { float: right; margin: -2px 0px -2px 0px; }

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

.ui-datepicker .ui-datepicker-prev.ui-state-disabled { background-color: #ddd; color: #eee; }
.ui-datepicker .ui-datepicker-next.ui-state-disabled { background-color: #ddd; color: #eee; }



/* ----- Fix für Datepicker.css ---- */

.reserva-datepicker .ui-datepicker td.active a, .ui-datepicker a.ui-state-active, .ui-datepicker td.active span{ background: none; }

.reserva-datepicker .ui-datepicker td.ui-datepicker-unselectable span { background: none; }

/* --- Stylesheet 4194 () --------- */ 

.datepicker-controls { margin-bottom: 18px; color: #444; font-size: 15px; line-height: 16px; color: #444; }

.datepicker-controls .modes { font-size: 0px; margin-right: 20px; cursor: pointer; }
.datepicker-controls .mode { font-size: 15px; display: inline-block; border: 1px solid #bbb; padding: 3px 10px 3px 10px; margin-right: -1px; }
.datepicker-controls .on { background-color: #777; border-color: #777;color: #fff; }

.datepicker-controls .word {
	display: inline-block;
	margin: 0px 6px 0px 6px;
}

.datepicker-controls select {
	-webkit-appearance: none;
	-moz-appearance: none;
	display: inline-block;
	border: 1px solid #bbb;
	border-radius: 0px;
	margin: 0px;
	padding: 3px 10px;
	font-size: 15px;
	line-height: 16px;
	color: #444;
	font-family: 'Source Sans Pro', sans-serif;
}

.datepicker-controls input {
	-webkit-appearance: none;
	-moz-appearance: none;
	display: inline-block;
	width: 75px;
	text-align: center;
	border: 1px solid #bbb;
	border-radius: 0px;
	min-height: 15px;
	padding: 1px 10px 2px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 15px;
	line-height: 16px;
	color: #444;
	font-family: 'Source Sans Pro', sans-serif;
	width: 90px;
	height: 23px;
	box-sizing: content-box;
}

.datepicker-controls input {
	pointer-events: none;
	border: 0px solid #bbb;
	padding: 0px 0px 0px 0px;
	line-height: 8px;
	background: transparent;
	overflow: visible;
}

.datepicker-controls .datepicker-close { display: none; position: absolute; top: 20px; right: 20px; font-size: 20px; cursor: pointer; }

/* ggf. Besser wenn Datum automatisch reingeschrieben wird */

.off .selecting .datepicker-controls input.to { border: 2px solid #238C00; margin: -1px; }

/* Datepicker item info */

.datepicker-item-info {
	clear: left;
	border-top: 1px solid #eee;
	color: #888;
	padding: 6px 0px 0px 0px;
	margin-top: 12px;
	font-size: 14px;
}

.datepicker-help {
	clear: left;
	border-top: 1px solid #eee;
	color: #888;
	padding: 6px 0px 0px 0px;
	margin-top: 12px;
	font-size: 14px;
}

/* --- Stylesheet 4204 () --------- */ 

@media all and (min-width: 1000px) and (max-width: 1250px) {

}

@media all and (min-width: 768px) and (max-width: 999px) {

}

@media all and (min-width: 670px) and (max-width: 767px) {
	.reserva-datepicker { top: 28px; }
}

@media all and (min-width: 600px) and (max-width: 669px) {
	.datepicker-controls .wrapper { display: block; margin: 10px 0;  }

	.reserva-datepicker .ui-datepicker {
		font-size: 13px;
		line-height: 1.2;
	}

	.reserva-datepicker { top: 28px; }
	.reserva-datepicker .ui-datepicker-calendar th { font-size: 10px; }
	.reserva-datepicker td.ui-datepicker-week-col { font-size: 9px; }
}

@media all and (max-width: 599px) {

	.datepicker-controls select { display: inline-block; margin: 0 0 10px 0; }
	.datepicker-controls .wrapper { display: inline; margin: 10px 0; }
	.datepicker-controls .wrapper > .date_wrapper { display: inline-block; margin: 0 0 10px 0; }
	.datepicker-controls .wrapper > .date_wrapper .word { display: inline-block;  }

	.reserva-datepicker .ui-datepicker {
		font-size: 13px;
		line-height: 1.2;
	}

	.reserva-datepicker .ui-datepicker-calendar th { font-size: 10px; }
	.reserva-datepicker td.ui-datepicker-week-col { font-size: 9px; }
	.reserva-datepicker { top: 28px; width: 90vw; max-width: 350px; min-width: initial; }

	#reserva_datepicker_display { display: block !important; margin: 0 0 10px 0 !important; }
	#reserva_people_display { display: block !important; margin: 0 0 10px 0 !important; }

	#menu_datepicker {
		position: fixed;
		top: 20px;
		left: 10px;
		right: 10px;
		width: auto;
		box-sizing: border-box;
		z-index: 20000;
	}

	#menu_datepicker .datepicker-controls .datepicker-close { display: block; }

	#off_body.datepicker-open { overflow: hidden; }
}