/* Wizard Trail display */

.route-ibm-apimsubscription-wizard .apicMainContent .wizard-trail,
.route-ibm-apimsubscription-wizardstep .apicMainContent .wizard-trail,
.route-ibm-apimsubscription-wizardnoplan .apicMainContent .wizard-trail,
.route-ibm-apimsubscription-wizardnoplanstep .apicMainContent .wizard-trail,
.route-mail-subscribersproduct-wizard .apicMainContent .wizard-trail,
.route-mail-subscribersproduct-wizardstep .apicMainContent .wizard-trail,
.route-mail-subscribersplan-wizard .apicMainContent .wizard-trail,
.route-mail-subscribersplan-wizardstep .apicMainContent .wizard-trail,
.route-mail-subscribersapi-wizard .apicMainContent .wizard-trail,
.route-mail-subscribersapi-wizardstep .apicMainContent .wizard-trail,
.route-mail-subscribersall-wizard .apicMainContent .wizard-trail,
.route-mail-subscribersall-wizardstep .apicMainContent .wizard-trail {
  height: unset;
  background-color: unset;
  padding: 0;
}

.route-ibm-apimsubscription-wizard .apicMainContent .wizard-trail .bx--progress-step,
.route-ibm-apimsubscription-wizardstep .apicMainContent .wizard-trail .bx--progress-step,
.route-ibm-apimsubscription-wizardnoplan .apicMainContent .wizard-trail .bx--progress-step,
.route-ibm-apimsubscription-wizardnoplanstep .apicMainContent .wizard-trail .bx--progress-step,
.route-mail-subscribersproduct-wizard .apicMainContent .wizard-trail .bx--progress-step,
.route-mail-subscribersproduct-wizardstep .apicMainContent .wizard-trail .bx--progress-step,
.route-mail-subscribersplan-wizard .apicMainContent .wizard-trail .bx--progress-step,
.route-mail-subscribersplan-wizardstep .apicMainContent .wizard-trail .bx--progress-step,
.route-mail-subscribersapi-wizard .apicMainContent .wizard-trail .bx--progress-step,
.route-mail-subscribersapi-wizardstep .apicMainContent .wizard-trail .bx--progress-step,
.route-mail-subscribersall-wizard .apicMainContent .wizard-trail .bx--progress-step,
.route-mail-subscribersall-wizardstep .apicMainContent .wizard-trail .bx--progress-step {
  flex: unset;
  min-width: unset;
  width: max-content;
  padding: 0.5rem;
  align-items: center;
  gap: 0.5rem;
}

/* */

/* Wizard Trail icon */

.route-ibm-apimsubscription-wizard .apicMainContent .wizard-trail .bx--progress-step svg,
.route-ibm-apimsubscription-wizardstep .apicMainContent .wizard-trail .bx--progress-step svg,
.route-ibm-apimsubscription-wizardnoplan .apicMainContent .wizard-trail .bx--progress-step svg,
.route-ibm-apimsubscription-wizardnoplanstep .apicMainContent .wizard-trail .bx--progress-step svg,
.route-mail-subscribersproduct-wizard .apicMainContent .wizard-trail .bx--progress-step svg,
.route-mail-subscribersproduct-wizardstep .apicMainContent .wizard-trail .bx--progress-step svg,
.route-mail-subscribersplan-wizard .apicMainContent .wizard-trail .bx--progress-step svg,
.route-mail-subscribersplan-wizardstep .apicMainContent .wizard-trail .bx--progress-step svg,
.route-mail-subscribersapi-wizard .apicMainContent .wizard-trail .bx--progress-step svg,
.route-mail-subscribersapi-wizardstep .apicMainContent .wizard-trail .bx--progress-step svg,
.route-mail-subscribersall-wizard .apicMainContent .wizard-trail .bx--progress-step svg,
.route-mail-subscribersall-wizardstep .apicMainContent .wizard-trail .bx--progress-step svg {
  margin: 0;
}

/* */


/* Wizard Trail text */

.route-ibm-apimsubscription-wizard .apicMainContent .wizard-trail .bx--progress-label,
.route-ibm-apimsubscription-wizardstep .apicMainContent .wizard-trail .bx--progress-label,
.route-ibm-apimsubscription-wizardnoplan .apicMainContent .wizard-trail .bx--progress-label,
.route-ibm-apimsubscription-wizardnoplanstep .apicMainContent .wizard-trail .bx--progress-label,
.route-mail-subscribersproduct-wizard .apicMainContent .wizard-trail .bx--progress-label,
.route-mail-subscribersproduct-wizardstep .apicMainContent .wizard-trail .bx--progress-label,
.route-mail-subscribersplan-wizard .apicMainContent .wizard-trail .bx--progress-label,
.route-mail-subscribersplan-wizardstep .apicMainContent .wizard-trail .bx--progress-label,
.route-mail-subscribersapi-wizard .apicMainContent .wizard-trail .bx--progress-label,
.route-mail-subscribersapi-wizardstep .apicMainContent .wizard-trail .bx--progress-label,
.route-mail-subscribersall-wizard .apicMainContent .wizard-trail .bx--progress-label,
.route-mail-subscribersall-wizardstep .apicMainContent .wizard-trail .bx--progress-label {
  margin: 0;
}

@media screen and (max-width: 768px ) {
  .route-ibm-apimsubscription-wizard .apicMainContent .wizard-trail .bx--progress-label,
  .route-ibm-apimsubscription-wizardstep .apicMainContent .wizard-trail .bx--progress-label,
  .route-ibm-apimsubscription-wizardnoplan .apicMainContent .wizard-trail .bx--progress-label,
  .route-ibm-apimsubscription-wizardnoplanstep .apicMainContent .wizard-trail .bx--progress-label,
  .route-mail-subscribersproduct-wizard .apicMainContent .wizard-trail .bx--progress-label,
  .route-mail-subscribersproduct-wizardstep .apicMainContent .wizard-trail .bx--progress-label,
  .route-mail-subscribersplan-wizard .apicMainContent .wizard-trail .bx--progress-label,
  .route-mail-subscribersplan-wizardstep .apicMainContent .wizard-trail .bx--progress-label,
  .route-mail-subscribersapi-wizard .apicMainContent .wizard-trail .bx--progress-label,
  .route-mail-subscribersapi-wizardstep .apicMainContent .wizard-trail .bx--progress-label,
  .route-mail-subscribersall-wizard .apicMainContent .wizard-trail .bx--progress-label,
  .route-mail-subscribersall-wizardstep .apicMainContent .wizard-trail .bx--progress-label {
    display: none;
  }
}

/* */

/* Wizard Trail underline */

.route-ibm-apimsubscription-wizard .apicMainContent .wizard-trail .bx--progress,
.route-ibm-apimsubscription-wizardstep .apicMainContent .wizard-trail .bx--progress,
.route-ibm-apimsubscription-wizardnoplan .apicMainContent .wizard-trail .bx--progress,
.route-ibm-apimsubscription-wizardnoplanstep .apicMainContent .wizard-trail .bx--progress,
.route-mail-subscribersproduct-wizard .apicMainContent .wizard-trail .bx--progress,
.route-mail-subscribersproduct-wizardstep .apicMainContent .wizard-trail .bx--progress,
.route-mail-subscribersplan-wizard .apicMainContent .wizard-trail .bx--progress,
.route-mail-subscribersplan-wizardstep .apicMainContent .wizard-trail .bx--progress,
.route-mail-subscribersapi-wizard .apicMainContent .wizard-trail .bx--progress,
.route-mail-subscribersapi-wizardstep .apicMainContent .wizard-trail .bx--progress,
.route-mail-subscribersall-wizard .apicMainContent .wizard-trail .bx--progress,
.route-mail-subscribersall-wizardstep .apicMainContent .wizard-trail .bx--progress {
  height: unset;
  margin: 0;
  padding: 0;
  width: 100%;
  border-bottom: 4px solid #D0D0D0;
}

.route-ibm-apimsubscription-wizard .apicMainContent .wizard-trail .bx--progress-line,
.route-ibm-apimsubscription-wizardstep .apicMainContent .wizard-trail .bx--progress-line,
.route-ibm-apimsubscription-wizardnoplan .apicMainContent .wizard-trail .bx--progress-line,
.route-ibm-apimsubscription-wizardnoplanstep .apicMainContent .wizard-trail .bx--progress-line,
.route-mail-subscribersproduct-wizard .apicMainContent .wizard-trail .bx--progress-line,
.route-mail-subscribersproduct-wizardstep .apicMainContent .wizard-trail .bx--progress-line,
.route-mail-subscribersplan-wizard .apicMainContent .wizard-trail .bx--progress-line,
.route-mail-subscribersplan-wizardstep .apicMainContent .wizard-trail .bx--progress-line,
.route-mail-subscribersapi-wizard .apicMainContent .wizard-trail .bx--progress-line,
.route-mail-subscribersapi-wizardstep .apicMainContent .wizard-trail .bx--progress-line,
.route-mail-subscribersall-wizard .apicMainContent .wizard-trail .bx--progress-line,
.route-mail-subscribersall-wizardstep .apicMainContent .wizard-trail .bx--progress-line {
  left: 0;
  right: 0;
  bottom: -4px;
  height: 4px;
  width: unset;
  border: unset;
}

.route-ibm-apimsubscription-wizard .apicMainContent .wizard-trail .bx--progress-step--current .bx--progress-line,
.route-ibm-apimsubscription-wizardstep .apicMainContent .wizard-trail .bx--progress-step--current .bx--progress-line,
.route-ibm-apimsubscription-wizardnoplan .apicMainContent .wizard-trail .bx--progress-step--current .bx--progress-line,
.route-ibm-apimsubscription-wizardnoplanstep .apicMainContent .wizard-trail .bx--progress-step--current .bx--progress-line,
.route-mail-subscribersproduct-wizard .apicMainContent .wizard-trail .bx--progress-step--current .bx--progress-line,
.route-mail-subscribersproduct-wizardstep .apicMainContent .wizard-trail .bx--progress-step--current .bx--progress-line,
.route-mail-subscribersplan-wizard .apicMainContent .wizard-trail .bx--progress-step--current .bx--progress-line,
.route-mail-subscribersplan-wizardstep .apicMainContent .wizard-trail .bx--progress-step--current .bx--progress-line,
.route-mail-subscribersapi-wizard .apicMainContent .wizard-trail .bx--progress-step--current .bx--progress-line,
.route-mail-subscribersapi-wizardstep .apicMainContent .wizard-trail .bx--progress-step--current .bx--progress-line,
.route-mail-subscribersall-wizard .apicMainContent .wizard-trail .bx--progress-step--current .bx--progress-line,
.route-mail-subscribersall-wizardstep .apicMainContent .wizard-trail .bx--progress-step--current .bx--progress-line,
.route-ibm-apimsubscription-wizard .apicMainContent .wizard-trail .bx--progress-step--complete .bx--progress-line,
.route-ibm-apimsubscription-wizardstep .apicMainContent .wizard-trail .bx--progress-step--complete .bx--progress-line,
.route-ibm-apimsubscription-wizardnoplan .apicMainContent .wizard-trail .bx--progress-step--complete .bx--progress-line,
.route-ibm-apimsubscription-wizardnoplanstep .apicMainContent .wizard-trail .bx--progress-step--complete .bx--progress-line,
.route-mail-subscribersproduct-wizard .apicMainContent .wizard-trail .bx--progress-step--complete .bx--progress-line,
.route-mail-subscribersproduct-wizardstep .apicMainContent .wizard-trail .bx--progress-step--complete .bx--progress-line,
.route-mail-subscribersplan-wizard .apicMainContent .wizard-trail .bx--progress-step--complete .bx--progress-line,
.route-mail-subscribersplan-wizardstep .apicMainContent .wizard-trail .bx--progress-step--complete .bx--progress-line,
.route-mail-subscribersapi-wizard .apicMainContent .wizard-trail .bx--progress-step--complete .bx--progress-line,
.route-mail-subscribersapi-wizardstep .apicMainContent .wizard-trail .bx--progress-step--complete .bx--progress-line,
.route-mail-subscribersall-wizard .apicMainContent .wizard-trail .bx--progress-step--complete .bx--progress-line,
.route-mail-subscribersall-wizardstep .apicMainContent .wizard-trail .bx--progress-step--complete .bx--progress-line {
  background-color: #141414;
}

.route-ibm-apimsubscription-wizard .apicMainContent .wizard-trail .bx--progress-step--incomplete .bx--progress-line,
.route-ibm-apimsubscription-wizardstep .apicMainContent .wizard-trail .bx--progress-step--incomplete .bx--progress-line,
.route-ibm-apimsubscription-wizardnoplan .apicMainContent .wizard-trail .bx--progress-step--incomplete .bx--progress-line,
.route-ibm-apimsubscription-wizardnoplanstep .apicMainContent .wizard-trail .bx--progress-step--incomplete .bx--progress-line,
.route-mail-subscribersproduct-wizard .apicMainContent .wizard-trail .bx--progress-step--incomplete .bx--progress-line,
.route-mail-subscribersproduct-wizardstep .apicMainContent .wizard-trail .bx--progress-step--incomplete .bx--progress-line,
.route-mail-subscribersplan-wizard .apicMainContent .wizard-trail .bx--progress-step--incomplete .bx--progress-line,
.route-mail-subscribersplan-wizardstep .apicMainContent .wizard-trail .bx--progress-step--incomplete .bx--progress-line,
.route-mail-subscribersapi-wizard .apicMainContent .wizard-trail .bx--progress-step--incomplete .bx--progress-line,
.route-mail-subscribersapi-wizardstep .apicMainContent .wizard-trail .bx--progress-step--incomplete .bx--progress-line,
.route-mail-subscribersall-wizard .apicMainContent .wizard-trail .bx--progress-step--incomplete .bx--progress-line,
.route-mail-subscribersall-wizardstep .apicMainContent .wizard-trail .bx--progress-step--incomplete .bx--progress-line {
  display: none;
}

/* */

/* Wizard Trail circle */

.route-ibm-apimsubscription-wizard .apicMainContent .wizard-trail .bx--progress-step svg,
.route-ibm-apimsubscription-wizardstep .apicMainContent .wizard-trail .bx--progress-step svg,
.route-ibm-apimsubscription-wizardnoplan .apicMainContent .wizard-trail .bx--progress-step svg,
.route-ibm-apimsubscription-wizardnoplanstep .apicMainContent .wizard-trail .bx--progress-step svg,
.route-mail-subscribersproduct-wizard .apicMainContent .wizard-trail .bx--progress-step svg,
.route-mail-subscribersproduct-wizardstep .apicMainContent .wizard-trail .bx--progress-step svg,
.route-mail-subscribersplan-wizard .apicMainContent .wizard-trail .bx--progress-step svg,
.route-mail-subscribersplan-wizardstep .apicMainContent .wizard-trail .bx--progress-step svg,
.route-mail-subscribersapi-wizard .apicMainContent .wizard-trail .bx--progress-step svg,
.route-mail-subscribersapi-wizardstep .apicMainContent .wizard-trail .bx--progress-step svg,
.route-mail-subscribersall-wizard .apicMainContent .wizard-trail .bx--progress-step svg,
.route-mail-subscribersall-wizardstep .apicMainContent .wizard-trail .bx--progress-step svg {
  display: none;
}

.route-ibm-apimsubscription-wizard .apicMainContent .wizard-trail .bx--progress-step::before,
.route-ibm-apimsubscription-wizardstep .apicMainContent .wizard-trail .bx--progress-step::before,
.route-ibm-apimsubscription-wizardnoplan .apicMainContent .wizard-trail .bx--progress-step::before,
.route-ibm-apimsubscription-wizardnoplanstep .apicMainContent .wizard-trail .bx--progress-step::before,
.route-mail-subscribersproduct-wizard .apicMainContent .wizard-trail .bx--progress-step::before,
.route-mail-subscribersproduct-wizardstep .apicMainContent .wizard-trail .bx--progress-step::before,
.route-mail-subscribersplan-wizard .apicMainContent .wizard-trail .bx--progress-step::before,
.route-mail-subscribersplan-wizardstep .apicMainContent .wizard-trail .bx--progress-step::before,
.route-mail-subscribersapi-wizard .apicMainContent .wizard-trail .bx--progress-step::before,
.route-mail-subscribersapi-wizardstep .apicMainContent .wizard-trail .bx--progress-step::before,
.route-mail-subscribersall-wizard .apicMainContent .wizard-trail .bx--progress-step::before,
.route-mail-subscribersall-wizardstep .apicMainContent .wizard-trail .bx--progress-step::before {
  content: '';
  flex: none;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  border: 2px solid #141414;
}

.route-ibm-apimsubscription-wizard .apicMainContent .wizard-trail .bx--progress-step.bx--progress-step--current::before,
.route-ibm-apimsubscription-wizardstep .apicMainContent .wizard-trail .bx--progress-step.bx--progress-step--current::before,
.route-ibm-apimsubscription-wizardnoplan .apicMainContent .wizard-trail .bx--progress-step.bx--progress-step--current::before,
.route-ibm-apimsubscription-wizardnoplanstep .apicMainContent .wizard-trail .bx--progress-step.bx--progress-step--current::before,
.route-mail-subscribersproduct-wizard .apicMainContent .wizard-trail .bx--progress-step.bx--progress-step--current::before,
.route-mail-subscribersproduct-wizardstep .apicMainContent .wizard-trail .bx--progress-step.bx--progress-step--current::before,
.route-mail-subscribersplan-wizard .apicMainContent .wizard-trail .bx--progress-step.bx--progress-step--current::before,
.route-mail-subscribersplan-wizardstep .apicMainContent .wizard-trail .bx--progress-step.bx--progress-step--current::before,
.route-mail-subscribersapi-wizard .apicMainContent .wizard-trail .bx--progress-step.bx--progress-step--current::before,
.route-mail-subscribersapi-wizardstep .apicMainContent .wizard-trail .bx--progress-step.bx--progress-step--current::before,
.route-mail-subscribersall-wizard .apicMainContent .wizard-trail .bx--progress-step.bx--progress-step--current::before,
.route-mail-subscribersall-wizardstep .apicMainContent .wizard-trail .bx--progress-step.bx--progress-step--current::before {
  background-color: #141414;
}

.route-ibm-apimsubscription-wizard .apicMainContent .wizard-trail .bx--progress-step.bx--progress-step--complete::before,
.route-ibm-apimsubscription-wizardstep .apicMainContent .wizard-trail .bx--progress-step.bx--progress-step--complete::before,
.route-ibm-apimsubscription-wizardnoplan .apicMainContent .wizard-trail .bx--progress-step.bx--progress-step--complete::before,
.route-ibm-apimsubscription-wizardnoplanstep .apicMainContent .wizard-trail .bx--progress-step.bx--progress-step--complete::before,
.route-mail-subscribersproduct-wizard .apicMainContent .wizard-trail .bx--progress-step.bx--progress-step--complete::before,
.route-mail-subscribersproduct-wizardstep .apicMainContent .wizard-trail .bx--progress-step.bx--progress-step--complete::before,
.route-mail-subscribersplan-wizard .apicMainContent .wizard-trail .bx--progress-step.bx--progress-step--complete::before,
.route-mail-subscribersplan-wizardstep .apicMainContent .wizard-trail .bx--progress-step.bx--progress-step--complete::before,
.route-mail-subscribersapi-wizard .apicMainContent .wizard-trail .bx--progress-step.bx--progress-step--complete::before,
.route-mail-subscribersapi-wizardstep .apicMainContent .wizard-trail .bx--progress-step.bx--progress-step--complete::before,
.route-mail-subscribersall-wizard .apicMainContent .wizard-trail .bx--progress-step.bx--progress-step--complete::before,
.route-mail-subscribersall-wizardstep .apicMainContent .wizard-trail .bx--progress-step.bx--progress-step--complete::before {
  background-image: url("../../images/checkmark.svg");
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}