/**
 * Form layout builder: 1/5, 2/5, 3/5, 4/5, maradék kitöltése (fill).
 * Bootstrap .row flex gyerekein (gutterrel).
 */
.row.g-2 > .flb-col-1-5,
.registration-form-row.row > .flb-col-1-5,
.row.g-2 > .flb-col-2-5,
.registration-form-row.row > .flb-col-2-5,
.row.g-2 > .flb-col-3-5,
.registration-form-row.row > .flb-col-3-5,
.row.g-2 > .flb-col-4-5,
.registration-form-row.row > .flb-col-4-5,
.row.g-2 > .flb-col-fill,
.registration-form-row.row > .flb-col-fill,
.registration-form-layout .row > .flb-col-1-5,
.registration-form-layout .row > .flb-col-2-5,
.registration-form-layout .row > .flb-col-3-5,
.registration-form-layout .row > .flb-col-4-5,
.registration-form-layout .row > .flb-col-fill {
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
}

@media (min-width: 768px) {
  .row.g-2 > .flb-col-1-5,
  .registration-form-row.row > .flb-col-1-5,
  .registration-form-layout .row > .flb-col-1-5 {
    flex: 0 0 20%;
    max-width: 20%;
    width: auto;
  }
  .row.g-2 > .flb-col-2-5,
  .registration-form-row.row > .flb-col-2-5,
  .registration-form-layout .row > .flb-col-2-5 {
    flex: 0 0 40%;
    max-width: 40%;
    width: auto;
  }
  .row.g-2 > .flb-col-3-5,
  .registration-form-row.row > .flb-col-3-5,
  .registration-form-layout .row > .flb-col-3-5 {
    flex: 0 0 60%;
    max-width: 60%;
    width: auto;
  }
  .row.g-2 > .flb-col-4-5,
  .registration-form-row.row > .flb-col-4-5,
  .registration-form-layout .row > .flb-col-4-5 {
    flex: 0 0 80%;
    max-width: 80%;
    width: auto;
  }
  .row.g-2 > .flb-col-fill,
  .registration-form-row.row > .flb-col-fill,
  .registration-form-layout .row > .flb-col-fill {
    flex: 1 1 0;
    min-width: 0;
    max-width: 100%;
    width: auto;
  }
}

/* Form layout builder (Vue) előnézet: .row a canvasban */
.flb-builder .row > .flb-col-1-5,
.flb-preview-content .row > .flb-col-1-5 {
  flex: 0 0 100%;
  max-width: 100%;
}
.flb-builder .row > .flb-col-2-5,
.flb-preview-content .row > .flb-col-2-5 {
  flex: 0 0 100%;
  max-width: 100%;
}
.flb-builder .row > .flb-col-3-5,
.flb-preview-content .row > .flb-col-3-5 {
  flex: 0 0 100%;
  max-width: 100%;
}
.flb-builder .row > .flb-col-4-5,
.flb-preview-content .row > .flb-col-4-5 {
  flex: 0 0 100%;
  max-width: 100%;
}
.flb-builder .row > .flb-col-fill,
.flb-preview-content .row > .flb-col-fill {
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .flb-builder .row > .flb-col-1-5,
  .flb-preview-content .row > .flb-col-1-5 {
    flex: 0 0 20%;
    max-width: 20%;
    width: auto;
  }
  .flb-builder .row > .flb-col-2-5,
  .flb-preview-content .row > .flb-col-2-5 {
    flex: 0 0 40%;
    max-width: 40%;
    width: auto;
  }
  .flb-builder .row > .flb-col-3-5,
  .flb-preview-content .row > .flb-col-3-5 {
    flex: 0 0 60%;
    max-width: 60%;
    width: auto;
  }
  .flb-builder .row > .flb-col-4-5,
  .flb-preview-content .row > .flb-col-4-5 {
    flex: 0 0 80%;
    max-width: 80%;
    width: auto;
  }
  .flb-builder .row > .flb-col-fill,
  .flb-preview-content .row > .flb-col-fill {
    flex: 1 1 0;
    min-width: 0;
    max-width: 100%;
    width: auto;
  }
}