body {
    text-align: center;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 0;
    margin: 0;
    margin-top: 124px;
}
#datepicker, #timepicker{
    display: inline-block;
    vertical-align: top;
    width: 310px;
    text-align: center;
}

.ui-datepicker td.available {
}

.ui-buttonset{
    margin-right: 0px;
    text-align: center;
}
.ui-datepicker {
    padding: 0.2em;
}
.ui-datepicker-header{
    margin-bottom: 4px;
}
#progressbar .ui-progressbar-value {
    background-color: #ccc;
}
#choices {
    margin: 4px 0;
}

.spinner {
  text-align: center;
  width: 24px;
}

#booking-codes {
  list-style: none;
  padding: 0;
}

#booking-codes li {
  margin: 0.5em 0;
}

#booking-errors, #cancelled-errors, #check-errors {
  list-style: none;
  color: #f44336;
  padding: 0;
}

#cancelled-codes, #check-codes {
  list-style: none;
  color: #4caf50;
  padding: 0;
}

#booking-index {
  list-style: none;
  padding: 0;
}

#booking-index li {
  margin: 0.5em 0;
}

input[name*=code] {
  font-size: 1.2em;
  text-align: center;
  border: 1px solid silver;
  background: linear-gradient(#eee, #fff);
  transition: all 0.3s ease-out;
  padding: 5px;
  margin: 5px;
  color: #555;
}

input[name*=code]:focus {
  border-color: #51CBEE;
}

#navbar {
    height:70px;
    background-color: #f8f8f8;
    border-color: #e7e7e7;
    border-width: 0 0 1px;
    position: fixed;
    top: 0;
    padding: 0;
    margin:0;
    width: 100%;
    list-style: none;
    overflow:hidden;
}

#navbar > li {
    display: inline-block;
    height: 70px;
    line-height: 70px;
    vertical-align: top;
}

#navbar > li img {
    vertical-align: middle;
}

#navbar > li > a {
    display: inline-block;
    height: 70px;
    line-height: 70px;
    text-decoration: none;
    color: #424242;
    font-size: 0.9em;
    padding: 0 12px;
}

#index-left, #index-right {
  vertical-align: top;
  display: inline-block;
}

#index-left > p {
  max-width: 426px;
}

#index-right > img {
  width: 100%;
}

.ui-datepicker-calendar .available .ui-state-default {
    background: #b3f56a;
}

.ui-datepicker-calendar .available .ui-state-active {
    background: #94d60a;
}

#booking-button {
  display: none;
}

#cgv-link {
  text-decoration: none;
  border-bottom: 1px dashed black;
  color: black;
}