:root {
	--main-background: transparent;
	--progress-background: #2663b2;
	--footer-background: #2663b2;
	--header-footer-background: #2663b2;
	--font-color: #696969;
	--headline: #696969;
	--progress: #fff;
	--active: #2663b2;
  	--active-font: #fff;
  	--inactive: #75a4df;
	--inactive-font: #2663b2;
	--input-background: #2663b2;
	--input-background-light: #75a4df;
	--border-radius: 2px;
	--border-color: #e1e1e1;
	--location-color: #2663b2;
	--clock-hour-fill: #e1e1e1;
	--clock-minute-fill: #e1e1e1;
	--unselectable-background: #e1e1e1; 
  	--unselectable-font: #b4b4b4;
	--clock-net: #c2e3d8;
	--navigation-color: #2663b2;
}

body {
    font-family: "droid sans", "HelveticaNeue", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, sans-serif;
  }

.headline {
	color: #fff;
}

.headline.max span b {
    color: #2663b2 !important;
    font-weight: 600;
}

@media (max-width: 480px) {
  
 .headline.min {
    background: #e1f0eb;
}
  
  .headline {
    color: #000;
}
  
.progress {
	background-color: #fff !important;
}
  
}

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

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

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

.person-count {
	border: none;
}

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

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

#busytime-overlay {
	background-color: rgba(38, 38, 38, 0.95);
	color: #fff;
	border-radius: 0;
}

.overlay {
	background-color: rgba(38, 38, 38, 0.95);
	color: #fff;
	--stroke: #fff;
	border-radius: 0;
}

#customer-overlay a {
    color: #75a4df;
}

#menu-overlay, #room-table-overlay{
    background-color: rgba(38, 38, 38, 0.95);
}

#room-table-overlay > div p.room-selection:not(:last-child) {
    border-right: 1px solid #817f7e;
}

#room-table-overlay input[type="radio"]:checked + label {
    background-color: #88c7b2;
}

#summary-frame .highlight {
    color: #2663b2;
    font-weight: bold;
}

#menu-selection .value {
    background-color: #fff;
    color: #75a4df;
    border: none;
}

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

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

#menu-selection .description, #menu-frame .highlight {
    color: #75a4df;
}

.childchair-count  {
    border: none;
}

#footer button {
	--stroke: #6792c9;
}

.reservation-tile header legend {
    font-weight: 600;
    letter-spacing: 0.05em;
  }

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

.quit {
    --fill: #75a4df;
    --stroke: #2663b2;
}

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

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

.customer-new { 
  color: #d5b05e;
}

#footer .navigate {
  border: none;
}


#footer .navigate:not(.active) {
    background-color: #75a4df !important;
    color: #2663b2 !important;
    border: none;
}

#footer .navigate.active {
    background-color: #fff !important;
    color: #2663b2 !important;
}

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

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

#room-table-overlay span {
    color: #817f7e;
}

#room-table-overlay input[type="radio"]:disabled + label {
    background-color: transparent !important;
    border:  1px solid #817f7e;
    color: #817f7e;
}

.ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default:not(.ui-state-active) {
    background: #fff !important;
    color: #2663b2;
    border: 1px solid currentColor;
}

.ui-datepicker-unselectable span {
    border: 1px solid #e1e1e1 !important;
}

#time {
    color: #2663b2 !important;
    font-weight: bold !important;
}

#timebg {
	fill: #fff;
}

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

.headline.max span b {
    color: #97a5b2;
}

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

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

#widget-info-overlay {
	background-color: #e1e1e1;
	color: #425363;
	box-shadow: 7px 7px 0px rgba(45, 42, 40, 0.8) !important;
}