:root {
	--main-background: transparent;
	--progress-background: #fff;
	--footer-background: #fff;
	--header-footer-background: #fff;
	--font-color: #545055;
	--headline: #425363;
	--progress: #555;
	--inactive: #817b82;
	--active: #bb4242;
	--inactive-font: #ebe7e4;
	--active-font: #fff;
	--input-background: #817b82;
	--input-background-light: #817b82;
	--border-radius: 0;
	--border-color: #cbbeb5;
	--location-color: #ba0100;
	--clock-hour-fill: #d9d7d9;
	--clock-minute-fill: #d9d7d9;
	--unselectable-background: #d9d7d9; 
  	--unselectable-font: #9a959b;
	--clock-net: #9a959b;
	--navigation-color: #bb4242;
}

#footer,
#progress-overview {
	border: 1px solid #ebe7e4;
}

.headline.max small.powered-by {
    color: #2d2a28;
}

.headline {
	color: #817b82;
    font-family: Roboto, Arial, san-serif;
}

@media (max-width: 480px) {
  
.headline {
	color: #545055;
}
  
}

.headline.min {
	background-color: #fff;
}

.headline.max span b {
    color: #bb4242;
    font-family: CorporateA-Regular, Times, serif;
    font-size: 17pt;
}

#reservation-done,
#reservation-fail,
#reservation-fail-cc,
.reservation-page {
	background-color: #ebe7e4;
}

.progress {
	border-color: #817b82 !important;
}

.progress.active {
    background-color: #817b82 !important;
}

.person-count {
	border: none;
}

.labeled-field input[type=radio]:not(:checked)+label.radio,
.labeled-field select,
.labeled-field textarea {
	border: 1px solid #cbbeb5;
  	background-color: transparent !important;
}

.labeled-field input {
	border: 1px solid #dbdfe4;
  	background-color: #fff;
}

#busytime-overlay {
	background-color: #fff;
	color: #545055;
	border-radius: 0;
}

.overlay {
	background-color: #fff;
	color: #545055;
	--stroke: #2c6d49;
	border-radius: 0;
}

#customer-overlay a {
    color: #638431;
}

#menu-overlay, #room-table-overlay{
    background-color: #fff;
}

#menu-selection .value {
    background-color: #d9d7d9;
    color: #9a959b;
    border: none;
}

#menu-selection .change {
    color: #d9d7d9;
}


.childchair-count  {
    border: none;
}

#footer button {
	--stroke: #e0d8d3;
}

body {
    font-family: CorporateA-Regular, Times, serif;
  }

.reservation-tile header legend {
    font-family: CorporateA-Regular, Times, serif;
    font-weight: 400;
    letter-spacing: 0.1em;
  }

.ui-datepicker-title {
    font-size: 12pt;
    }

.quit {
    --fill: #d9d7d9;
    --stroke: #fff;
}

#required-text::before { 
  background-color: #a79175;
}

.labeled-field.required::before { 
  background-color: #a79175;
}

#footer .navigate {
  border: 1px solid #817b82;
}

#footer .navigate:not(.active) {
    background-color: transparent;
    color: #817b82;
    font-family: CorporateA-Regular, Times, serif;
}

#footer .navigate.active {
    background-color: #bb4242 !important;
    color: #fff !important;
    font-family: CorporateA-Regular, Times, serif;
}

.progress-overview {
    box-shadow: 0px 10px 5px grey;
}

#progress-overview p {
    color: #545055;
}

#room-table-overlay span {
    color: #545055;
}

#room-table-overlay input[type="radio"]:disabled + label {
    background-color: #d9d7d9 !important;
    border: none;
    color: #9a959b;
}

.ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default:not(.ui-state-active) {
    background: #ebe7e4 !important;
    color: #817b82;
    border: 1px solid #817b82;
}

#time {
    color: #425363 !important;
}

#timebg {
	fill: #ebe7e4;
}

#clock text {
    pointer-events: none;
    user-select: none;
    fill: #9a959b;
}

.buttongroup {
    --stroke: #eeeae2 !important;
    --fill:#817b82;
}

.corona-header {
    background-color: #ae1a24;
}

#widget-info-overlay button {
    background-color: #ae1a24 !important;
    border-color: #ae1a24 !important;
}

#widget-info-overlay {
	background-color: #fff;
	color: #545055;
	box-shadow: 7px 7px 0px rgba(45, 42, 40, 0.8) !important;
}
.labeled-field input[type=radio]:not(:checked)+label.radio, .labeled-field select, .labeled-field textarea {background-color: #fff !important; color: #000}