bb-add-client-to-queue-modal {

  .add-client-to-queue {

    @include standard-modal-styles;

    &__part-title {
      font: {
        size: 16px;
        weight: 600;
      }
      margin: {
        top: 0;
        bottom: spacing(10);
      }
    }

    &__dropdown {
      background-color: white;
      height: 42px;
      margin-bottom: spacing(20);

      &:after {
        content: '\f078';
        font: {
          family: FontAwesome;
          size: 12px;
        }
        pointer-events: none;
        position: relative;
        right: 2.25em;
        top: 0;
      }

      & select {
        appearance: none;
        -webkit-border-radius: $bb-studio-border-radius;
        -moz-border-radius: $bb-studio-border-radius;
        border-radius: $bb-studio-border-radius;
        min-width: 210px;
        padding: {
          top: spacing(10);
          right: spacing(15);
          bottom: spacing(10);
          left: spacing(10);
        }
        position: relative;
        -webkit-appearance: none;
      }
    }

    &__service-row {
      border: {
        top: border(1);
      }
      padding-bottom: spacing(18);

      &:not(:first-child) {
        padding-top: spacing(18);
      }

      &--border-bottom {
        border-bottom: border(1);
      }
    }

    &__service-column1 {
      @include flex-column(65%);
      @include flex-row;
      padding-left: spacing(10);
    }

    &__name-wait {
      display: inline-block;
      font: {
        weight: normal;
      }
      margin-bottom: 0;
      padding-left: spacing(18);
      vertical-align: top;
    }

    &__name {
      font: {
        size: 15px;
        weight: 600;
      }
      margin: 0;
      padding-bottom: spacing(4);
    }

    &__service-column2 {
      @include flex-column(35%);
      border-left: border(1);
      padding-left: spacing(20);
    }

    &__duration {
      padding-bottom: spacing(4);
    }

    &__duration-label,
    &__price-label {
      font: {
        weight: 600;
      }
    }

    &__questions {
      border-top: border(1);
      padding: {
        top: spacing(20);
        bottom: spacing(15);
      }
    }

    &__footer {
      flex-direction: row-reverse;

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

}