@import '../../../styles/app';

.root {
  :global {
    .tab-content {
      overflow: visible;
      background: transparent;
    }
  }

  .formWizard {
    :global {
      .progress {
        margin-top: 6px;
        margin-bottom: 10px;
      }

      .form-group:last-child {
        margin-bottom: 0;
      }

      .pager {
        display: flex;
        margin: 18px 0;
        flex-direction: row;
        justify-content: space-between;

        .disabled button {
          cursor: not-allowed;
          opacity: 0.65;
        }
      }

    }
  }

  .wizardNavigation {
    margin: 0 (-0.5 * $spacer) 5px;

    :global {
      .active {
        background: theme-color('primary');

        &:hover {
          color: $white;
        }
      }
    }

    li {
      padding: 0 (0.5 * $spacer);
    }

    a {
      padding: $spacer;
      color: $text-color;
      background: $bg-addition;

      strong {
        font-weight: $font-weight-semi-bold;
      }

      small {
        font-weight: $font-weight-thin;
      }
    }
  }

  .stepBody {
    border-radius: $border-radius;
  }
}
