bb-date-time-facet {

  .date-time-facet {
    @include facet-spacing;

    &__header {
      @include facet-header;
    }

    &__times-heading {
      font-size: 15px;
      color: #697180;

    }

    &__content-container {
      @include facet-content-container;

      @media (min-width: $screen-sm-min) {
        width: 100%;
      }
    }

    .row {
      margin: 20px -14px;
    }

    bb-basket-time-picker {
      .loader-service-new {
        height: 200px;
        width: 200px;
      }
    }

    bb-basket-date-picker {
      .uib-datepicker {
        .uib-daypicker {
          &:focus {
            outline: 0;
          }

          table {
            width: 100%;
            max-width: 600px;
          }
        }
      }

      .btn-info:not(:focus) {
        span {
          color: white;
        }
      }

      .btn-primary, .btn-default {
        height: 53px;
        border: none;
        border-radius: 0;
        outline: 1px solid #d1d4dc;

        span {
          font-size: 18px;
          font-weight: normal;
        }
      }

      .bb-date-picker__day--not-in-month {
        visibility: hidden;
        pointer-events: none;
      }

      .bb-date-picker__day--is-available {
        .btn-default {
          background-color: white;
          color: #333;
        }
      }

      .bb-date-picker__day--not-available {
        .btn-default {
          background-color: #f4f5f7;
          color: #697180;
        }
      }
    }

    bb-basket-time-picker {
      .bb-basket-time-picker {
        &__times-container {
          max-height: 400px;
          overflow-y: auto;

          button.btn-primary, button.btn-default {
            width: 145px;
            height: 42px;
            margin: 5px;
            font-size: 15px;
            font-weight: normal;
          }
        }
      }
    }
  }
}