:root {
	--main-background: rgba(0,0,0,0.6);
	--progress-background: #3c3c3c;
	--footer-background: #3c3c3c;
	--header-footer-background: #3c3c3c;
	--headline: #3c3c3c;
	--location-color: #ff576a;
	--font-color: #8a8a8a;
	--progress: #fff;
	--active: #ff576a;
	--active-font: #fff;
	--inactive: #3c3c3c;
	--inactive-font: #fff;
	--unselectable-background: #c4c4c4;
	--unselectable-font: #8a8a8a;
	--border-color: #3c3c3c;
	--navigation-color: #ff576a;
	--clock-hour-fill: #c4c4c4;
	--clock-minute-fill: #c4c4c4;
	--clock-net: #b1b1b1;
	--input-background: transparent;
	--input-background-light: #8a8a8a;
	--customer-new-background: #595959;
	--border-radius: 0;
}

.headline {
	color: #fff
}

.progress {
	border-color: #ff576a!important
}

.progress.active,
.progress.inactive {
	background-color: #ff576a!important
}

#reservation-done,
#reservation-fail,
.reservation-page {
	background-color: #fff
}

.ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default:not(.ui-state-active) {
	background-color: transparent!important
}

.headline.min {
	background-color: #fff;
	color: var(--active);
}

.buttongroup a,
.buttongroup button {
	--stroke: #f5f3ef;
}

#timebg {
	fill: #484848
}

#time {
	color: #fff!important
}

.childchair-count,
.person-count,
.reservation-tile .select2-selection {
	border: none
}

.labeled-field input,
.labeled-field label.radio,
.labeled-field select,
.labeled-field textarea {
	border: 1px solid #919191;
	border-radius: .125rem
}

#required-text::before,
.labeled-field.required::before {
	left: 2px;
	width: 3px;
	height: 80%;
	top: 50%;
	transform: translateY(-50%)
}

input[form=customer-data] {
	padding-left: .5rem
}

.labeled-field legend {
	margin-left: .5rem
}

#footer button,
.headline button {
	--stroke: #8a8a8a;
}

#busytime-overlay,
#customer-overlay,
#menu-overlay,
#room-table-overlay {
	color: #fff;
	box-shadow: 2px 2px 10px var(--inactive);;
	border-radius: 0
}

#menu-overlay .thead {
	color: #fff
}

#menu-selection .change,
#menu-selection .value,
#menu-selection tr:not(.chosen) .description {
	background-color: #9d9d9d;
	border: none;
	color: #3c3c3c
}

#menu-selection .value {
	background-color: #c4c4c4
}

#menu-selection tr.chosen .change {
	background-color: var(--active);;
	color: #fff
}

#menu-selection tr.chosen .value {
	background-color: #fff;
	color: var(--active);;
	border: 1px solid #fff
}

.quit {
	--fill: var(--active);;
	--stroke: #fff;
}

#footer .navigate {
	color: #8a8a8a;
	border-color: currentColor
}

#footer .navigate.active {
	background-color: transparent!important;
	color: var(--active)!important;;
	border-color: currentColor!important
}
#widget-info-overlay {
	background-color: rgba(196, 196, 196, 0.95);
	color: #3c3c3c;
    box-shadow: 5px 5px 0px rgba(45, 42, 40, 0.25) !important;
}