:root {
	--main-background: transparent;
	--progress-background: #eeebea;
	--footer-background: #eeebea;
	--header-footer-background: #eeebea;
	--font-color: #968881;
	--headline: #968881;
	--progress: #968881;
	--active: #968881;
  	--active-font: #fff;
	--inactive: #cac3c0;
	--inactive-font: #fff;
	--input-background: #968881;
	--input-background-light: #968881;
	--default-input-background: #968881;
	--border-radius: 2px;
	--border-color: #eeebea;
	--location-color: #968881;
	--clock-hour-fill: #eeebea;
	--clock-minute-fill: #eeebea;
	--unselectable-background: #eeebea; 
  	--unselectable-font: #cac3c0;
	--clock-net: #cac3c0;
	--navigation-color: #968881;
}


/* Change autocomplete styles in WebKit */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
 -webkit-text-fill-color: #4d484a;
 -webkit-box-shadow: 0 0 0px 1000px #eeeeee inset;
box-shadow: 0 0 0px 1000px #eeeeee inset;
  transition: background-color 5000s ease-in-out 0s;
}

.labeled-field input:-webkit-autofill {
    -webkit-text-fill-color: #4d484a;
    -webkit-box-shadow: inset 0 0 0px 9999px #e3e5e4;
}

.ElementsApp input {
    background-color: #fff !important;
}

.headline {
    color: #968881;
    letter-spacing: 0.05em;
}

.headline.max span {
    font-weight: 400;
  letter-spacing: 0.1em;
}

.headline.max span b {
  	color: #968881;
  letter-spacing: 0.1em;
}

@media (max-width: 480px) {
  
.headline {
    color: #968881;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
  
  .progress {
    background-color: #fff !important;
}
  
  .progress.active {
    background-color: #ba8568 !important;
}
  
.progress.inactive:not(.active) {
    background-color: #000 !important;
}

}

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

.ui-state-disabled {
    --stroke: #b8b8b8;
}

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

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

.progress.inactive:not(.active) {
    background-color: #cac3c0 !important;
}

.ElementsApp {
    background-color: #2f3032 !important;
}

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


.person-count {
	border: none;
}

.labeled-field input[type=radio]:not(:checked)+label.radio,
.labeled-field select,
.labeled-field textarea {
	border: 0px;
  	background-color: #eeebea;
}

.labeled-field input {
	border: 0px;
  	background-color: #eeebea;
}

#busytime-overlay {
	background-color: rgba(238, 235, 234, 0.97);
	color: #968881;
    box-shadow: 5px 5px 0px rgba(45, 42, 40, 0.5) !important;
}

.overlay {
	background-color: rgba(238, 235, 234, 0.97);
	color: #968881;
    box-shadow: 5px 5px 0px rgba(45, 42, 40, 0.5) !important;
}

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

#customer-overlay {
    --fill: #968881;
}

a {
    color: #968881;
}

.close-selection active {
    color: #fff !importent;
}

#menu-overlay, #room-table-overlay{
	background-color: rgba(238, 235, 234, 0.97);
	color: #968881;
    box-shadow: 5px 5px 0px rgba(45, 42, 40, 0.5) !important;
}

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

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

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

.childchair-count  {
    border: none;
}

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

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

body {
    font-family: "Roboto","Open Sans",sans-serif;
  }

.reservation-tile header legend {
    font-weight: bold;
    font-size: 13pt;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

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

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

#required-text::before { 
  background-color: #8f4b79;
}

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

#footer .navigate {
  border: none;
}

#footer .navigate:not(.active) {
    background-color: transparent;
    color: #968881;
  border: 1px solid #968881;
}

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

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

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

#outletchanger > button:not(:disabled) span {
    --stroke: #fff;
}

#room-table-overlay input[type="radio"]:disabled + label {
    border: 1px solid #968881;
    color: #968881;
}

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

#edit-customer-data {
    fill: #fff !important;
}

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

#timebg {
	fill: #fff;
}

#clock text {
    fill: #cac3c0;
}

.buttongroup {
    --stroke: #fff !important;
    --fill: #cac3c0;
}

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

.corona {
    background-color: #910534 !important;
}

legend.corona  {
    letter-spacing: -0.4px !important;
}

#widget-info-overlay button {
    background-color: #aa192d !important;
    border: 0px;
}

#widget-info-overlay {
	background-color: rgba(238, 235, 234, 0.97);
	color: #968881;
  border-radius: 3px;
    box-shadow: 5px 5px 0px rgba(45, 42, 40, 0.5) !important;
}

.ElementsApp,
.InputElement {
    color: #fffa00 !important;
}

.ElementsApp .InputElement.is-invalid {
    color: #fffa00 !important;
}

#check-check  {
    stroke: #141414 !important;
}

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