bb-queue-concierge-waiting-queuer {

  .waiting-queuer {
    @include flex-row;
    border-bottom: border(1);

    &__overdue {
      background-color: $bb-queue-concierge-bg-red;
    }

    &__ticket-column,
    &__queuer-info1,
    &__queuer-info2,
    &__popover {
      padding: spacing(20);
    }

    &__ticket-column {
      @include flex-column(10%);
      @include flex-row;
      align-items: center;
      font: {
        size: $bb-queue-concierge-ticket-number;
        weight: $bb-queue-concierge-bold;
      }
      justify-content: center;
      &--overdue-marker {
        border-left: border(2, $bb-queue-concierge-red);
      }
    }

    &__queuer-info1 {
      @include flex-column(50%);
      border-left: border(1);
    }

    &__queuer-name {
      font: {
        size: $bb-queue-concierge-queuer-name;
        weight: $bb-queue-concierge-bold;
      }
      margin-bottom: spacing(5);
    }

    &__service-name {
      font: {
        size: $bb-queue-concierge-queuer-service-name;
      }
    }

    &__queuer-info2 {
      @include flex-column(30%);
    }

    &__time-data {
      border-left: border(1);
      padding-left: spacing(20);
    }

    &__time-label {
      font: {
        weight: $bb-queue-concierge-bold;
      }
    }

    &__due {
      margin-bottom: spacing(5);
    }

    &__popover {
      @include flex-column(10%);
      @include flex-right-align-items;
      &-container {
        @include popover-container;
      }
      &-icon {
        @include popover-icon;
      }
      &-overrides {
        @include popover-dimensions;
      }
    }
  }

  .popover {
    @include popover;
    &-content {
      padding: 0;
    }
  }
}