#time_options {
  position: relative;
  padding: 1em 0;
  min-height: 0em;
}

.intl-tel-input {
  width: 100%;
}

.date-btn-group {
  position: relative;
  text-align: center;
  max-height: 80em;
  overflow: hidden;
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.date-btn-group .date-navigator {
  vertical-align: middle;
  display: inline-block;
  width: 40px;
}

.week-navigator > div {
  display: block;
  float: left;
  width: 50%;
  text-align: left;
}
.week-navigator > div:last-child {
  text-align: right;
}

.date-btn-wrap {
  vertical-align: middle;
  display: inline-block;
  width: calc(100% - 80px);
}

.date-btn {
  position: relative;
  float: none;
  border-radius: 50%;
  border: 3px solid #20B1D3;
  background-color: #fff;
  display: inline-block;
  width: calc((100% / 7) - 10px);
  height: 5.5em;
  margin-right: 5px;
  transition-property: none;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.date-btn:last-child {
  margin-right: 0px;
}
.date-btn > div {
  font-weight: 600;
  color: #20B1D3;
}
.date-btn .date-full, .date-btn .arrow {
  display: none;
}
.date-btn:hover {
  background-color: #20B1D3;
  color: #fff;
}
.date-btn:hover > div, .date-btn:hover > span, .date-btn.today > div, .date-btn.today > span {
  color: #fff;
}
.date-btn[disabled] {
  cursor: not-allowed;
  opacity: 0.7;
  color: #ccc;
}
.date-btn[disabled] * {
  color: #ccc;
}
.date-btn:last-child {
  margin-right: 0px;
}
.date-btn .day-long {
  display: none;
}
.date-btn.today {
  background-color: rgba(32, 177, 211, 0.8);
  color: #fff;
}
.date-btn.today[disabled] {
  color: #fff;
}
.date-btn.today[disabled] * {
  color: #fff;
}
.date-btn.waitlist-only > div {
  color: rgba(245, 169, 36, 1);
}
.date-btn.waitlist-only:hover {
  background-color: rgba(245, 169, 36, 0.8);
}
.date-btn.waitlist-only:hover > div {
  color: #fff;
}


.meridiem {
  position: relative;
  margin: 19px 0 27px 0;
  max-height: 8px;
  text-align: center;
  border-bottom: 1px solid #dadada;
}

.meridiem .text {
  display: inline;
  padding: 0 9px;
  text-transform: uppercase;
  font-size: 15px;
  color: #a8a8a8;
  background: #fff;
}

.bs-toggle-rounded {
  border-radius: 15px;
}

.bs-toggle-rounded .toggle-off {
  padding: 6px 30px 6px 15px;
}

.date-btn-group.date-chosen {
  max-height: 0;
}

.date-options > div {
  display: none;
}
.date-options .date-chosen {
  display: block;
}

.time-option {
  overflow: hidden;
  width: 100%;
}
.time-option:after {
  content: "";
  display: block;
  clear: left;
}
.time-option .time, .time-option .confirm {
  overflow: hidden;
  display: block;
  float: left;
  margin: o;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  width: 100%;
  padding-right: 0px;
}
.time-option .confirm {
  width: 0%;
  opacity: 0;
  padding-left: 0px;
}
.time-option.selected .time {
  width: 50%;
  padding-right: 5px;
}
.time-option.selected .pick-time, .time-option.selected .pick-time:hover {
  color: #fff;
  background-color: #666;
  border: 2px solid #666;
  border-color: #666 !important;
}
.time-option.selected .confirm {
  width: 50%;
  opacity: 1;
  padding-left: 5px;
}
.time-option .hr24 {
  display: none;
}
.time-option.waitlist-only {
  background-color: rgba(245, 169, 36, 0.8);
  color: #fff!important;
}

.show-hr24 .time-option .hr24 {
  display: block;
}
.show-hr24 .time-option .hr12 {
  display: none;
}

.btn-transparent-blue {
  background-color: transparent;
  border: none;
  color: #20B1D3;
}

.btn-transparent-blue .fa {
  vertical-align: middle;
}

@media all and (max-width: 3767px) {
  #time_options {
    min-height: 0em;
  }

  .date-btn-group .date-navigator {
    display: none;
  }

  .date-btn-wrap {
    display: block;
    width: 100%;
  }

  .date-btn-group {
    max-height: none;
    overflow: visible;
  }

  .date-btn-group.date-chosen {
    max-height: 0;
    overflow: hidden;
  }

  .date-btn {
    float: none;
    display: block;
    width: 100%;
    border-radius: 0;
    border: 1px solid #3399FF;
    border-bottom: none;
    margin-right: 0;
    padding: 5px 10px;
    text-align: left;
  }

  .date-btn .dom {
    display: none;
  }

  .date-btn .day-short {
    display: none;
  }

  .date-btn .day-long {
    display: block;
  }

  .date-btn .date-full {
    display: block;
  }

  .date-btn .arrow {
    display: block;
    color: #20B1D3;
    padding: 10px;
  }

  .date-btn:first-child, .time-btn:first-child {
    border-radius: 3px 3px 0 0;
  }

  .date-btn:last-child, .time-btn:last-child {
    border-bottom: 1px solid #20B1D3;
    border-radius: 0 0 3px 3px;
  }

  .time-option-confirm {
    overflow: auto;
  }
}

/*# sourceMappingURL=booking-options.css.map */