@import '../../../public-booking/main_dependencies.scss';


bb-attendee-details.attendee-details {
  display: block;
  //@include form;
}

bb-attendee-details {
  .attendee-details__input-group {
    .loader-service-new {
      .loader-service-new__circular {
        height: 100%;
      }
    }
  }
}

// Variant shows text fields (part of the width) and error messages in the same line.
bb-attendee-details.attendee-details--variant-1 {
  .attendee-details {

    &__input-group {
      display: flex;
      flex-direction: column;
    }

    &__validation-box {
      color: #D0021B;
    }
  }
}

// Variant shows text fields using full width. Error messages are in the separate lines.
bb-attendee-details.attendee-details--variant-2 {
  .attendee-details {
    &__validation-box {
      //@include validation-box-horizontal;
    }
  }
}