.sui-o-transfer-datalist {
  background: white;
  overflow: hidden;
  position: relative;
  border: $sui-size-border solid $sui-color-border;
  border-radius: $sui-border-radius-md;

  &__form-grid-item-select {
    @include suiMediaMin($sui-breakpoint-xs) {
      flex-basis: 0 !important;
    }
  }

  &__header {
    background: $sui-color-brand-denim-300;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    padding: $sui-space-sm $sui-space-xs*2;
    flex-wrap: wrap;

    &-actions {
      display: flex;
      align-items: center;
    }

    &-add {
      margin-left: auto;
      padding: $sui-space-sm 0;
    }

    &-add-empty {
      padding: 0 $sui-space-sm;
      opacity: 0.4;
    }
  }

  &__content {
    position: relative;
    z-index: 1;
    min-height: rem(200);
    display: flex;
    flex-direction: column;

    &-empty {
      border-radius: 0;
      border: none;
      flex: 1;
    }
  }
}