/*!
 * @pluginjs/wizard v0.8.11 (https://pluginjs.com)
 * Copyright 2022 Creation Studio Limited
 * Released under the GPL-3.0 License.
 */
.pj-wizard-steps {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none; }

.pj-wizard-step {
  position: relative;
  flex-basis: 50%;
  overflow: hidden;
  color: #215fdb; }

.pj-wizard-step-inner {
  cursor: pointer; }

.pj-wizard-disabled {
  color: #b3b3b3; }
  .pj-wizard-disabled .pj-wizard-step-inner {
    cursor: not-allowed; }

.pj-wizard-panes {
  position: relative;
  transition: height 0.2s ease; }

.pj-wizard-pane {
  position: absolute;
  top: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s; }
  .pj-wizard-pane.pj-wizard-active {
    position: relative;
    visibility: visible;
    opacity: 1; }
  .pj-wizard-pane.pj-wizard-activing {
    visibility: visible;
    opacity: 0; }

.pj-wizard-hide {
  display: none !important; }

.pj-wizard {
  font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif;
  font-size: 14px; }
  .pj-wizard-step {
    flex-basis: 130px;
    margin-right: 4px;
    color: #e6e6e6; }
    .pj-wizard-step:last-child {
      flex-basis: auto;
      margin-right: 0;
      flex-shrink: 0; }
      .pj-wizard-step:last-child .pj-wizard-step-icon::after {
        display: none; }
    .pj-wizard-step-inner {
      display: inline-block; }
  .pj-wizard-step-icon {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 25px;
    color: #fff;
    background-color: #e6e6e6;
    border-radius: 50%; }
    .pj-wizard-step-icon::after {
      position: absolute;
      top: 50%;
      left: calc(100% + 4px);
      z-index: -1;
      width: 9999px;
      height: 2px;
      content: "";
      background-color: #e6e6e6;
      transition: all 0.2s ease;
      transform: translateY(-50%); }
    .pj-wizard-step-icon-inner {
      display: block;
      line-height: 25px;
      text-align: center;
      opacity: 1; }
    .pj-wizard-step-icon .pj-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      opacity: 0;
      transform: translate(-50%, -50%); }
  .pj-wizard-panes {
    margin-top: 20px; }
  .pj-wizard-buttons {
    margin-top: 15px; }
    .pj-wizard-buttons .pj-btn + .pj-btn {
      margin-left: 5px; }
  .pj-wizard-disabled {
    color: #e6e6e6; }
    .pj-wizard-disabled .pj-wizard-step-icon {
      background-color: #e6e6e6; }
      .pj-wizard-disabled .pj-wizard-step-icon::after {
        background-color: #e6e6e6; }
    .pj-wizard-disabled.pj-btn {
      color: #333 !important;
      cursor: not-allowed;
      background-color: #fff !important;
      border-color: #e6e6e6 !important; }
  .pj-wizard-done.pj-wizard-step {
    color: #215fdb; }
  .pj-wizard-done .pj-wizard-step-icon-inner {
    opacity: 0; }
  .pj-wizard-done .pj-wizard-step-icon {
    background-color: #215fdb; }
    .pj-wizard-done .pj-wizard-step-icon::after {
      background-color: #215fdb; }
    .pj-wizard-done .pj-wizard-step-icon .pj-icon {
      opacity: 1; }
  .pj-wizard-current.pj-wizard-step {
    color: #215fdb; }
  .pj-wizard-current .pj-wizard-step-icon-inner {
    opacity: 1; }
  .pj-wizard-current .pj-wizard-step-icon {
    background-color: #215fdb; }
    .pj-wizard-current .pj-wizard-step-icon::after {
      background-color: #e6e6e6; }
    .pj-wizard-current .pj-wizard-step-icon .pj-icon {
      opacity: 0; }
  .pj-wizard-error.pj-wizard-step {
    color: #ff4060; }
  .pj-wizard-error .pj-wizard-step-icon {
    background-color: #ff4060; }
  .pj-wizard-error .pj-wizard-formControl {
    border-color: #ff4060; }