.myBox {
    align-content: center;
    width: 100%;
  }
  
  /* Mark input boxes that gets an error on validation: */
  input.invalid {
    background-color: #ffdddd;
  }
  /* Hide all steps by default: */
  .tab {
    display: none;
  }
  
  .e-form__indicators,
  .e-form__indicators__indicator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
  }
  .e-form__indicators {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 13px;
    margin-bottom: var(--e-form-steps-indicators-spacing);
  }
  
  .e-form__indicators__indicator__number {
    width: var(--e-form-steps-indicator-padding, 30px);
    height: var(--e-form-steps-indicator-padding, 30px);
    border-width: 1px;
    border-style: solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .e-form__indicators__indicator--shape-circle {
    border-radius: 50%;
  }
  .e-form__indicators__indicator--state-completed {
    color: var(--e-form-steps-indicator-completed-secondary-color, #fff);
    background-color: var(--primary);
  }
  .e-form__indicators__indicator__label {
    text-align: center;
    padding-left: 10px;
    line-height: 2rem;
  }
  .e-form__indicators__indicator__number {
    width: var(--e-form-steps-indicator-padding, 30px);
    height: var(--e-form-steps-indicator-padding, 30px);
    border-width: 1px;
    border-style: solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    padding: 10px;
  }
  .e-form__indicators__indicator--state-active {
    background-color: var(--primary);
    border-color: var(--e-form-steps-indicator-active-secondary-color, #fff);
  }
  .e-form__indicators--type-icon .e-form__indicators__indicator__separator,
  .e-form__indicators--type-icon_text .e-form__indicators__indicator__separator,
  .e-form__indicators--type-number .e-form__indicators__indicator__separator,
  .e-form__indicators--type-number_text
    .e-form__indicators__indicator__separator {
    margin-top: calc(
      var(--e-form-steps-indicator-padding, 30px) / 2 -
        var(--e-form-steps-divider-width, 1px) / 2
    );
  }
  .e-form__indicators__indicator__separator {
    width: 100%;
    height: var(--e-form-steps-divider-width);
    background-color: #c2cbd2;
  }
  .e-form__indicators--type-icon,
  .e-form__indicators--type-icon_text,
  .e-form__indicators--type-number,
  .e-form__indicators--type-number_text {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .myStepDisplay {
    text-align: center;
    width: 100%;
    padding-bottom: 20px;
  }