bb-queue-single-staff-now-serving {

  @include uib-accordion-overrides;

  p {
    margin: 0;
  }

  .single-staff-now-serving {
    @include column-flex-container;

    &__row {
      @include flex-row;
    }

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

    &__align-right {
      @include flex-right-align-items;
    }

    &__not-serving-padding,
    &__queuer-info-padding {
      padding: {
        top: spacing(20);
        right: spacing(20);
        bottom: spacing(20);
        left: spacing(20);
      }
    }

    &__queuer-info-padding {
      padding: {
        bottom: spacing(26);
      }
    }

    &__row-margin {
      margin-bottom: spacing(10);
    }

    &__not-serving-msg {
      color: $bb-queue-concierge-cobalt-gray;
      font: {
        size: $bb-queue-concierge-base-font-size;
      }
    }

    &__content {
      font: {
        size: $bb-queue-concierge-panel-content;
      }
    }

    &__name-lbl-column,
    &__mobile-lbl-column,
    &__note-lbl-column{
      @include flex-column(15%);
    }

    &__name-column,
    &__mobile-column,
    &__note-column {
      @include flex-column(85%);
    }

    &__name-lbl,
    &__mobile-lbl,
    &__note-lbl{
      font: {
        weight: $bb-queue-concierge-bold;
      }
    }

    &__footer {
      border-top: border(1);
      padding: spacing(20);
    }

    &__button {
      @include concierge-btn;
      @include concierge-btn-secondary;
    }
  }
}