bb-event-instance-attendees-list {

  .EventInstanceAttendeesList {
    @include column-flex-container;

    padding-top: spacing(20);

    ul {
      margin-bottom: 0;
    }

    &__row {
      @include flex-row;
      margin-bottom: spacing(20);
      &:last-child {
        margin-bottom: 0;
      }
    }

    &__filter-col {
      @include flex-column(25%);
      margin-right: spacing(10);
    }

    &__add-attendee-col {
      @include flex-column(75%);
    }

    &__attendee-list-col,
    &__attendee-attendance-col {
      @include flex-column(100%);
    }

    &__list-item {
      border: {
        top: border(1);
        right: border(1);
        bottom: none;
        left: border(1);
      }
      &:not(:first-child),
      &:not(:last-child) {
        border-radius: 0;
      }
      &:first-child {
        border: {
          top-left-radius: $bb-studio-border-radius;
          top-right-radius: $bb-studio-border-radius;
          bottom-left-radius: 0;
          bottom-right-radius: 0;
        }
      }
      &:last-child {
        border-bottom: border(1);
        border: {
          bottom-left-radius: $bb-studio-border-radius;
          bottom-right-radius: $bb-studio-border-radius
        }
      }
    }

    &__loading-spinner {
      > .loader-service-new {
        position: relative;
        width: 50px;
        margin: 0 auto;
      }
    }
  }
}