.#{$prefix}field {
    margin-bottom: $fieldMargin;
}

.#{$prefix}field > label {
    display: inline-block;
    margin-bottom: $fieldLabelMargin;
}

.#{$prefix}field.#{$prefix}grid > label {
    display: flex;
    align-items: center;
}

.#{$prefix}field > small {
    margin-top: $helperTextMargin;
}

.#{$prefix}field.#{$prefix}grid,
.#{$prefix}formgrid.#{$prefix}grid {
    margin-top: 0;
}

.#{$prefix}field.#{$prefix}grid .#{$prefix}col-fixed,
.#{$prefix}formgrid.#{$prefix}grid .#{$prefix}col-fixed,
.#{$prefix}field.#{$prefix}grid .#{$prefix}col,
.#{$prefix}formgrid.#{$prefix}grid .#{$prefix}col,
.#{$prefix}field.#{$prefix}grid .#{$prefix}col-1, 
.#{$prefix}formgrid.#{$prefix}grid .#{$prefix}col-1, 
.#{$prefix}field.#{$prefix}grid .#{$prefix}col-2,
.#{$prefix}formgrid.#{$prefix}grid .#{$prefix}col-2, 
.#{$prefix}field.#{$prefix}grid .#{$prefix}col-3, 
.#{$prefix}formgrid.#{$prefix}grid .#{$prefix}col-3, 
.#{$prefix}field.#{$prefix}grid .#{$prefix}col-4, 
.#{$prefix}formgrid.#{$prefix}grid .#{$prefix}col-4, 
.#{$prefix}field.#{$prefix}grid .#{$prefix}col-5, 
.#{$prefix}formgrid.#{$prefix}grid .#{$prefix}col-5, 
.#{$prefix}field.#{$prefix}grid .#{$prefix}col-6, 
.#{$prefix}formgrid.#{$prefix}grid .#{$prefix}col-6,
.#{$prefix}field.#{$prefix}grid .#{$prefix}col-7, 
.#{$prefix}formgrid.#{$prefix}grid .#{$prefix}col-7, 
.#{$prefix}field.#{$prefix}grid .#{$prefix}col-8, 
.#{$prefix}formgrid.#{$prefix}grid .#{$prefix}col-8, 
.#{$prefix}field.#{$prefix}grid .#{$prefix}col-9, 
.#{$prefix}formgrid.#{$prefix}grid .#{$prefix}col-9, 
.#{$prefix}field.#{$prefix}grid .#{$prefix}col-10, 
.#{$prefix}formgrid.#{$prefix}grid .#{$prefix}col-10, 
.#{$prefix}field.#{$prefix}grid .#{$prefix}col-11, 
.#{$prefix}formgrid.#{$prefix}grid .#{$prefix}col-11, 
.#{$prefix}field.#{$prefix}grid .#{$prefix}col-12,
.#{$prefix}formgrid.#{$prefix}grid .#{$prefix}col-12 {
    padding-top: 0;
    padding-bottom: 0;
}

.#{$prefix}formgroup-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.#{$prefix}formgroup-inline .#{$prefix}field,
.#{$prefix}formgroup-inline .#{$prefix}field-checkbox,
.#{$prefix}formgroup-inline .#{$prefix}field-radiobutton {
    margin-right: $fieldMargin;
}

.#{$prefix}formgroup-inline .#{$prefix}field > label,
.#{$prefix}formgroup-inline .#{$prefix}field-checkbox > label,
.#{$prefix}formgroup-inline .#{$prefix}field-radiobutton > label {
    margin-right: $fieldLabelMargin;
    margin-bottom: 0;
}

.#{$prefix}field-checkbox,
.#{$prefix}field-radiobutton {
    margin-bottom: $fieldMargin;
    display: flex;
    align-items: center;
}

.#{$prefix}field-checkbox > label,
.#{$prefix}field-radiobutton > label {
    margin-left: $fieldLabelMargin;
    line-height: 1;
}