@import 'public-booking/main_dependencies';

bb-calendar-slots {
  display: block;

  select {
    color: $bb-main-gray;
    font-weight: normal;
  }

  .calendar-slots {
    &__box {
      &--not-available {
        .calendar-slots__label {
          text-align: center;
          background: #fafafa;
          color: #9e9e9e;
        }
      }

      &--selected {
        &:after {
          color: $brand-primary !important;
        }

        select {
          border-color: $brand-primary !important;
          color: $brand-primary !important;
          font-weight: 400;

          option {
            color: $bb-main-gray;
          }

          &:focus {
            outline: none;
            box-shadow: none;
          }
        }
      }
    }
  }
}