/*
 * Shared layout for the sectioned, multi-column create/update forms.
 * Add `form-grid` to the <form>, group fields under a
 * `.title.title-wth-divider` heading, and give each field a
 * `parent-class="form-group col-md-6 col-xl-3"` (or similar).
 */

.form-grid .form-group {
    margin-bottom: 1rem;
}

/* Radio options sit side by side, so the field keeps the same height as its
   neighbours in the grid. Switches are excluded -- they lay themselves out. */
.form-grid .form-check:not(.form-switch) {
    display: inline-block;
    margin-right: 1.25rem;
}

/* Actions stay reachable while the form scrolls. */
.form-grid .form-actions {
    position: sticky;
    bottom: 0;
    z-index: 5;
    margin-top: .5rem;
    padding: .875rem 0;
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, .08);
}