@import 'public-booking/main_dependencies';

bb-accordion-range-group {
  .accordion-range-group {
    .accordion-range-group--version-2 {
      font-family: $font-family-base;

      height: 100px;
      padding: 16px 8px 16px 8px;
      background-color: #ffffff;

      .day {
        &__heading {
          width: 44px;
          height: 12px;
          font-size: 12px;
          text-align: left;
          color: #9e9e9e !important;
          color: var(--text-grey);
          margin-bottom: 10px;
        }

        &__range {
          &__unavailable {
            min-width: 112px;
            width: 100%;
            height: 45px;
            border-radius: 2px;
            background-color: #fafafa !important;
            background-color: var(--grey-background);
            border: solid 1px #e1e1e1 !important;
            border: solid 1px var(--border-grey);
            text-align: center;

            &__caption {
              text-align: center;
              padding: 0 10px 0 10px;

              &__text {
                width: 85.1px;
                height: 45px;
                line-height: 45px;
                font-size: 14px;
                text-align: left;
                color: #9e9e9e !important;
                color: var(--text-grey);
              }
            }
          }

          &__available {
            width: 100%;
            height: 45px;
            border-radius: 2px;
            background-color: #ffffff;
            border: solid 1px #e1e1e1;
            text-align: center;
            &--selected {
              border: solid 1px #d21548;
            }

            &__caption {
              width: 112px;
              text-align: center;
              padding: 0 10px 0 10px;

              &__text {
                float: left;
                width: 54px;
                height: 45px;
                line-height: 45px;
                font-size: 14px;
                text-align: left;
                color: $bb-main-gray !important;
                margin: 0 10px 0 0px;
              }

              &__arrow {
                float: right;
                height: 45px;
                line-height: 45px;
                font-size: 14px;
                text-align: right;
                color: $bb-main-gray !important;
              }
            }

            &__btn {
              min-width: 112px;
              background: none;
              border: 0;
              color: inherit;
              font: inherit;
              line-height: normal;
              overflow: visible;
              padding: 0;
              -webkit-appearance: button;
              -webkit-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
            }
          }
        }
      }
    }

  }
}