@import 'public-booking/main_dependencies';
@import 'admin-dashboard/_stylesheets/accessibility';

bb-attendee-list {
  display: block;

  $padding: 18px;

  .attendee-list {

    &__item {
      padding: $padding 0 $padding 0;
      border-bottom: 1px solid #e1e1e1;
      display: flex;

      .btn-primary {
        width: auto;
      }
    }

    &__delete {
      margin: 0 $padding 0 $padding;
      background-color: transparent;
      border: transparent;
      flex: 0 0 30px;
      align-self: flex-start;

      &:focus {
        @include outline;
      }
    }

    &__aligned-column {
      flex-grow: 1;
    }

    &__overview {
      display: flex;
      justify-content: space-between;
    }

    &__label {
      line-height: 23px;
      background-color: transparent;
      border: transparent;
    }

    &__primary {
      font-weight: bold;
    }

    &__button-link {
      //@include button-link;
      &:focus {
        @include outline;
      }
      margin: 0 $padding 0 $padding;
      font-size: 14px;
    }

    &__form {
      padding-top: $padding;

      bb-attendee-details {
        padding-right: $padding;
      }
    }

    &__button-box {
      margin-top: 25px;
    }

  }
}