﻿/* This file should appear before the BS5 include. */


/* BS4 labels don't need padding */
.no-padding-right {
    padding-right: 0px !important;
}

/* replicates row */
.form-horizontal .form-group {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}

/* replicates row */
.form-group > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}

/* BS5 uses new breakpoints. Override so BS4 labels align properly. */
@media (min-width: 768px) {
    .form-horizontal .control-label[class*="col-md"] {
        padding-top: 5px;
        margin-bottom: 0;
        text-align: right;
    }
}

@media (min-width: 576px) {
    .form-horizontal .control-label[class*="col-sm"] {
        padding-top: 5px;
        margin-bottom: 0;
        text-align: right;
    }
}
