bb-event-instance-browser {

  .EventInstanceBrowser {
    @include column-flex-container;

    .nav-tabs-custom {
      padding: 0;
      > .nav {
        padding-left: 0;
      }
       > .tab-content {
         padding: 0;
       }
    }

    padding: {
      top: spacing(20);
      right: spacing(20);
      bottom: spacing(20);
      left: spacing(20)
    }

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

    &__col {
      @include flex-column(100%);
    }

    &__instance-nav-col {
      @include flex-column(75%);
    }

    &__instance-picker-col {
      @include  flex-column(25%);
    }

    &__tabs-col {
      @include flex-column(100%);
    }

    &__attendee-filter-col {
      @include flex-column(40%);
    }

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

    &__instance-attendance-data-col {
      @include flex-column(100%);
    }

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

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