﻿#repeatable-modal {
  min-width: 60rem;
  width: unset;
}

.scheduler--slot-select .scheduler-slot .scheduler-slot__text__hour,
.scheduler-slot--selected .scheduler-slot__text__hour {
  background-color: #06c !important;
  color: #fff !important;
}

.scheduler-slot.js-scheduler-slot:hover {
  border-color: #06c !important;
  -webkit-box-shadow: 0 0 0 1px #06c !important;
  box-shadow: 0 0 0 1px #06c !important;
}

div .progress-bar .progress-bar__step.progress-bar__step--active .progress-bar__bullet,
div .progress-bar .progress-bar__step:before,
div .progress-bar .progress-bar__step.progress-bar__step--active:before,
div .progress-bar .progress-bar__step .progress-bar__bullet {
  background-color: #06c;
}

.progress-bar__step.disabled .progress-bar__bullet::after {
  color: #fff !important;
}

.progress-bar .progress-bar__step--active ~ .progress-bar__step.enabled .progress-bar__bullet:after {
  color: #fff;
}

@media only screen and (max-width: 600px) {
  #repeatable-modal {
    min-width: unset;
    width: 60rem;
  }
}

.iti-flag {
  background-image: url("../lib/intl-tel-input/build/img/flags.png") !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url("../lib/intl-tel-input/build/img/flags@2x.png") !important;
  }
}

.scheduler-slot.js-scheduler-slot .hide-text {
  text-indent: 1000%;
  white-space: nowrap;
  overflow: hidden;
}

.scheduler-slot.js-scheduler-slot.scheduler-slot--selected .hide-text {
  text-indent: 0 !important;
  white-space: unset !important;
  overflow: unset !important;
}

span.scheduler-option__title.js-scheduler-option__title {
  white-space: pre-wrap;
}

h2.scheduler-slot__text {
  min-height: 70px;
}

@media screen and (max-width: 767px) {
  .content-header {
    display: block !important;
  }
}