/*==== `flatform-wrapper ====*/
.flatform-wrapper  {
  /*border:1px solid red;*/
}

/*-------- grid --------*/
/* wrapper: grid 2 columns */
.flatform-wrapper fieldset.fieldgroup.form-item,
.flatform-wrapper .form-type-date,
.flatform-wrapper .form-type-select,
.flatform-wrapper .form-type-textfield {
  display:               grid;
  grid-template-columns: 12rem minmax(0, 1fr);
  margin:                0;
  padding:               10px 0;
  border-bottom:         1px solid #ccc
}

/* label: column 1*/
.flatform-wrapper fieldset.fieldgroup.form-item > legend,
.flatform-wrapper .form-type-date > .field-label-wrapper,
.flatform-wrapper .form-type-select > .field-label-wrapper,
.flatform-wrapper .form-type-textfield > .field-label-wrapper {
  grid-column: 1;
  margin:      0;
  padding:     .5rem .75rem;
  font-weight: bold;
}

/* content: column 2 */
.flatform-wrapper fieldset.fieldgroup.form-item > .fieldset-wrapper,
.flatform-wrapper .form-type-date > .field-content-wrapper,
.flatform-wrapper .form-type-select > .field-content-wrapper,
.flatform-wrapper .form-type-textfield > .field-content-wrapper {
  grid-column: 2;
  grid-row:    1;
  padding:     5px 0
}

/* form-element */
.flatform-wrapper fieldset.fieldgroup.form-item > .fieldset-wrapper .form-check {
  min-width: 12rem;
  display:   inline-block;
  margin:    2px 10px
}