bb-queue-concierge-outcomes {

  // schema form overrides
  .nav {
    display: none;
  }

  .tab-content
  .schema-form-tabs {
    flex: 0 1 100%;
    display: flex;
    flex-flow: column nowrap;
  }

  .col-sm-4,
  .col-sm-8,
  .col-sm-12 {
    padding: 0;
    margin: 0;
  }

  .form-group {
    margin: {
      bottom: spacing(10);
    }
    overflow: hidden;

    &:first-of-type {
      margin-top: spacing(10);
    }
  }

  select.form-control {
    border-radius: $bb-queue-concierge-border-radius;
    height: 40px;
    padding: {
      top: 8px;
      right: 15px;
      bottom: 8px;
      left: 15px;
    }
  }

  // component styles
  .outcomes {
    @include column-flex-container;

    &__row {
      @include flex-row;
    }

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

    &__header-column {
      @include flex-row;
      justify-content: space-between;
      border-bottom: border(1);
      padding: spacing(20);
      width: 100%;
    }

    &__header-title {
      font: {
        size: $bb-queue-concierge-modal-title;
        weight: $bb-queue-concierge-bold;
      }
    }

    &__close-icon-column {
      @include flex-column(5%);
      padding-top: spacing(3);
    }

    &__close-icon {
      @include css-close-icon;
    }

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

    &__footer {
      @include flex-right-align-items;
      background-color: $bb-queue-concierge-bg-gray;
      border-top: border(1);
      padding: spacing(20);
    }

    &__save-btn,
    &__cancel-btn {
      @include concierge-btn;
      height: 36px;
    }

    &__save-btn {
      @include concierge-btn-primary;
    }

    &__cancel-btn {
      color: $bb-dark-gray;
      font-weight: normal;
      margin-right: spacing(10);
    }
  }
}