/*:root {
    --bs-primary: #6610f2;
    --bs-primary-rgb: 102,16,242;
    --bs-btn-color: #6610f2;
    --bs-primary-text-emphasis: #520dc2;
    --bs-primary-bg-subtle: #e0cffc;
    --bs-primary-border-subtle: #c29ffa;
    --bs-link-color-rgb: 102,16,242;
    --bs-link-color: #6610f2;
    --bs-link-hover-color: #290661;
    --bs-info-bg-subtle: #ECE9F9;
    --bs-info-border-subtle: #B8AEE9;
    --bs-info-text-emphasis: #3730a3;
    --bs-info-rgb: 102,16,242;
}


.table-primary {
    --bs-table-bg: #e0cffc;
    --bs-table-striped-bg: #e0cffc;
    --bs-table-active-bg: #c29ffa;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c29ffa;
}

.btn-primary {
    --bs-btn-bg: #6610f2;
    --bs-btn-border-color: #6610f2;
    --bs-btn-disabled-bg: #6610f2;
    --bs-btn-disabled-border-color: #6610f2;
    --bs-btn-hover-bg: #3d0a91;
    --bs-btn-hover-border-color: #290661;
    --bs-btn-active-bg: #290661;
    --bs-btn-focus-shadow-rgb: 20, 3, 48;
    --bs-btn-active-border-color: #290661;
}


.btn-outline-primary {
    --bs-btn-color: #6610f2;
    --bs-btn-border-color: #6610f2;
    --bs-btn-hover-bg: #6610f2;
    --bs-btn-hover-border-color: #6610f2;
    --bs-btn-focus-shadow-rgb: 20, 3, 48;
    --bs-btn-active-bg: #6610f2;
    --bs-btn-active-border-color: #6610f2;
    --bs-btn-disabled-color: #6610f2;
    --bs-btn-disabled-border-color: #6610f2;
}

.nav {
    --bs-link-color: #6610f2;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: #6610f2;
}

.dropdown-menu-dark {
    --bs-dropdown-link-active-bg: #6610f2;
}*/

:root {
    /* Core Theme Colors */
    --bs-primary: #1f2937;
    --bs-primary-rgb: 31, 41, 55;
    /* Subtle Variations */
    --bs-primary-text-emphasis: #111827; /* darker for text */
    --bs-primary-bg-subtle: #e5e7eb; /* light gray-blue background */
    --bs-primary-border-subtle: #9ca3af; /* mid-gray border */
    /* Buttons */
    --bs-btn-color: #fff;
    --bs-btn-bg: #1f2937;
    --bs-btn-border-color: #1f2937;
    --bs-btn-hover-bg: #111827;
    --bs-btn-hover-color: white;
    --bs-btn-hover-border-color: #111827;
    --bs-btn-active-bg: #0f172a;
    --bs-btn-active-border-color: #0f172a;
    --bs-btn-disabled-bg: #6b7280;
    --bs-btn-disabled-border-color: #6b7280;
    --bs-btn-focus-shadow-rgb: 31, 41, 55;
    /* Outline Buttons */
    --bs-btn-outline-color: #1f2937;
    --bs-btn-outline-border-color: #1f2937;
    --bs-btn-outline-hover-bg: #1f2937;
    --bs-btn-outline-hover-border-color: #1f2937;
    --bs-btn-outline-disabled-color: #6b7280;
    --bs-btn-outline-disabled-border-color: #6b7280;
    /* Links */
    --bs-link-color: #1f2937;
    --bs-link-color-rgb: 31, 41, 55;
    --bs-link-hover-color: white;
    /* Info & Highlights */
    --bs-info-bg-subtle: #f3f4f6;
    --bs-info-border-subtle: #d1d5db;
    --bs-info-text-emphasis: #1f2937;
    --bs-info-rgb: 31, 41, 55;
    /* Warning Dark Color */
    --bs-warning-dark: #a97f00;
    --bs-warning-dark-rgb: 255, 193, 7;
}

/* Table styling */
.table-primary {
    --bs-table-bg: #d1d5db;
    --bs-table-striped-bg: #d1d5db;
    --bs-table-hover-bg: #e5e7eb;
    --bs-table-active-bg: #6b7280;
    --bs-table-active-color: #fff;
}


/* Button variants */
.btn-primary {
    --bs-btn-bg: #1f2937;
    --bs-btn-border-color: #1f2937;
    --bs-btn-disabled-bg: #6b7280;
    --bs-btn-disabled-border-color: #6b7280;
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: #1f2937;
    --bs-btn-hover-border-color: #1f2937;
    --bs-btn-active-bg: #0f172a;
    --bs-btn-active-border-color: #0f172a;
    --bs-btn-focus-shadow-rgb: 31, 41, 55;
}

.btn-outline-primary {
    --bs-btn-color: #1f2937;
    --bs-btn-border-color: #1f2937;
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: #1f2937;
    --bs-btn-hover-border-color: #1f2937;
    --bs-btn-focus-shadow-rgb: 31, 41, 55;
    --bs-btn-active-bg: #1f2937;
    --bs-btn-active-border-color: #1f2937;
    --bs-btn-disabled-color: #6b7280;
    --bs-btn-disabled-border-color: #6b7280;
}

.btn:hover {
    --bs-btn-hover-color: #fff;
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

/* Navigation */
.nav {
    --bs-link-color: #1f2937;
    --bs-link-hover-color: #111827;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: #1f2937;
}

/* Dropdowns */
.dropdown-menu-dark {
    --bs-dropdown-link-active-bg: #1f2937;
}

.form-control:read-only {
    background-color: #e9ecef;
    opacity: 1;
    transition: none;
    appearance: none;
    pointer-events: none;
}

.form-select[readonly] {
    background-color: #e9ecef;
    opacity: 1;
    transition: none;
    appearance: none;
    pointer-events: none;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #6610f2;
}

.dropdown-item.selected {
    /*background-color: rgba(108,117,125, 0.2);*/
    color: black;
}


.list-group {
    --bs-list-group-active-color: #000;
    --bs-list-group-active-bg: #C7D2FE;
    --bs-list-group-active-border-color: #6366F1;
}

.text-bg-info {
    color: #ffffff !important;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
    background-color: #6610f2 !important;
}

legend {
    float: none;
    width: initial;
    margin: .5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-weight: 500;
    font-size: 1.275rem;
}

fieldset {
    border-width: 2px;
    border-style: groove;
    border-color: threedface;
    padding-block: 0.35em 0.625em;
    padding-inline: 0.75em;
}

.responsive-form-container {
    container-type: inline-size; /* or `size` if you also want to query height */
    container-name: responsive-form-container;
}




@media (min-width:320px) {
    .col-xs {
        flex: 1 0 0%
    }

    .row-cols-xs-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xs-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xs-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xs-3 > * {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-xs-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xs-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xs-6 > * {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xs-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xs-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xs-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xs-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xs-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xs-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xs-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xs-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xs-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xs-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xs-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xs-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xs-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xs-0 {
        margin-left: 0
    }

    .offset-xs-1 {
        margin-left: 8.33333333%
    }

    .offset-xs-2 {
        margin-left: 16.66666667%
    }

    .offset-xs-3 {
        margin-left: 25%
    }

    .offset-xs-4 {
        margin-left: 33.33333333%
    }

    .offset-xs-5 {
        margin-left: 41.66666667%
    }

    .offset-xs-6 {
        margin-left: 50%
    }

    .offset-xs-7 {
        margin-left: 58.33333333%
    }

    .offset-xs-8 {
        margin-left: 66.66666667%
    }

    .offset-xs-9 {
        margin-left: 75%
    }

    .offset-xs-10 {
        margin-left: 83.33333333%
    }

    .offset-xs-11 {
        margin-left: 91.66666667%
    }

    .g-xs-0, .gx-xs-0 {
        --bs-gutter-x: 0
    }

    .g-xs-0, .gy-xs-0 {
        --bs-gutter-y: 0
    }

    .g-xs-1, .gx-xs-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xs-1, .gy-xs-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xs-2, .gx-xs-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xs-2, .gy-xs-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xs-3, .gx-xs-3 {
        --bs-gutter-x: 1rem
    }

    .g-xs-3, .gy-xs-3 {
        --bs-gutter-y: 1rem
    }

    .g-xs-4, .gx-xs-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xs-4, .gy-xs-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xs-5, .gx-xs-5 {
        --bs-gutter-x: 3rem
    }

    .g-xs-5, .gy-xs-5 {
        --bs-gutter-y: 3rem
    }
}

@container responsive-form-container (min-width:0px) {
    .row > * {
        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)
    }

    .col {
        flex: 1 0 0%
    }

    .row-cols-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-3 > * {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-6 > * {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-1 {
        margin-left: 8.33333333%
    }

    .offset-2 {
        margin-left: 16.66666667%
    }

    .offset-3 {
        margin-left: 25%
    }

    .offset-4 {
        margin-left: 33.33333333%
    }

    .offset-5 {
        margin-left: 41.66666667%
    }

    .offset-6 {
        margin-left: 50%
    }

    .offset-7 {
        margin-left: 58.33333333%
    }

    .offset-8 {
        margin-left: 66.66666667%
    }

    .offset-9 {
        margin-left: 75%
    }

    .offset-10 {
        margin-left: 83.33333333%
    }

    .offset-11 {
        margin-left: 91.66666667%
    }

    .g-0, .gx-0 {
        --bs-gutter-x: 0
    }

    .g-0, .gy-0 {
        --bs-gutter-y: 0
    }

    .g-1, .gx-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-1, .gy-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-2, .gx-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-2, .gy-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-3, .gx-3 {
        --bs-gutter-x: 1rem
    }

    .g-3, .gy-3 {
        --bs-gutter-y: 1rem
    }

    .g-4, .gx-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-4, .gy-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-5, .gx-5 {
        --bs-gutter-x: 3rem
    }

    .g-5, .gy-5 {
        --bs-gutter-y: 3rem
    }
}

@container responsive-form-container (min-width:320px) {
        .col-xs {
            flex: 1 0 0%
        }

        .row-cols-xs-auto > * {
            flex: 0 0 auto;
            width: auto
        }

        .row-cols-xs-1 > * {
            flex: 0 0 auto;
            width: 100%
        }

        .row-cols-xs-2 > * {
            flex: 0 0 auto;
            width: 50%
        }

        .row-cols-xs-3 > * {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .row-cols-xs-4 > * {
            flex: 0 0 auto;
            width: 25%
        }

        .row-cols-xs-5 > * {
            flex: 0 0 auto;
            width: 20%
        }

        .row-cols-xs-6 > * {
            flex: 0 0 auto;
            width: 16.66666667%
        }

        .col-xs-auto {
            flex: 0 0 auto;
            width: auto
        }

        .col-xs-1 {
            flex: 0 0 auto;
            width: 8.33333333%
        }

        .col-xs-2 {
            flex: 0 0 auto;
            width: 16.66666667%
        }

        .col-xs-3 {
            flex: 0 0 auto;
            width: 25%
        }

        .col-xs-4 {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .col-xs-5 {
            flex: 0 0 auto;
            width: 41.66666667%
        }

        .col-xs-6 {
            flex: 0 0 auto;
            width: 50%
        }

        .col-xs-7 {
            flex: 0 0 auto;
            width: 58.33333333%
        }

        .col-xs-8 {
            flex: 0 0 auto;
            width: 66.66666667%
        }

        .col-xs-9 {
            flex: 0 0 auto;
            width: 75%
        }

        .col-xs-10 {
            flex: 0 0 auto;
            width: 83.33333333%
        }

        .col-xs-11 {
            flex: 0 0 auto;
            width: 91.66666667%
        }

        .col-xs-12 {
            flex: 0 0 auto;
            width: 100%
        }

        .offset-xs-0 {
            margin-left: 0
        }

        .offset-xs-1 {
            margin-left: 8.33333333%
        }

        .offset-xs-2 {
            margin-left: 16.66666667%
        }

        .offset-xs-3 {
            margin-left: 25%
        }

        .offset-xs-4 {
            margin-left: 33.33333333%
        }

        .offset-xs-5 {
            margin-left: 41.66666667%
        }

        .offset-xs-6 {
            margin-left: 50%
        }

        .offset-xs-7 {
            margin-left: 58.33333333%
        }

        .offset-xs-8 {
            margin-left: 66.66666667%
        }

        .offset-xs-9 {
            margin-left: 75%
        }

        .offset-xs-10 {
            margin-left: 83.33333333%
        }

        .offset-xs-11 {
            margin-left: 91.66666667%
        }

        .g-xs-0, .gx-xs-0 {
            --bs-gutter-x: 0
        }

        .g-xs-0, .gy-xs-0 {
            --bs-gutter-y: 0
        }

        .g-xs-1, .gx-xs-1 {
            --bs-gutter-x: 0.25rem
        }

        .g-xs-1, .gy-xs-1 {
            --bs-gutter-y: 0.25rem
        }

        .g-xs-2, .gx-xs-2 {
            --bs-gutter-x: 0.5rem
        }

        .g-xs-2, .gy-xs-2 {
            --bs-gutter-y: 0.5rem
        }

        .g-xs-3, .gx-xs-3 {
            --bs-gutter-x: 1rem
        }

        .g-xs-3, .gy-xs-3 {
            --bs-gutter-y: 1rem
        }

        .g-xs-4, .gx-xs-4 {
            --bs-gutter-x: 1.5rem
        }

        .g-xs-4, .gy-xs-4 {
            --bs-gutter-y: 1.5rem
        }

        .g-xs-5, .gx-xs-5 {
            --bs-gutter-x: 3rem
        }

        .g-xs-5, .gy-xs-5 {
            --bs-gutter-y: 3rem
        }
}

@container responsive-form-container (min-width:576px) {
    .col-sm {
        flex: 1 0 0%;
    }

    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.33333333%;
    }

    .offset-sm-2 {
        margin-left: 16.66666667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.33333333%;
    }

    .offset-sm-5 {
        margin-left: 41.66666667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.33333333%;
    }

    .offset-sm-8 {
        margin-left: 66.66666667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.33333333%;
    }

    .offset-sm-11 {
        margin-left: 91.66666667%;
    }

    .g-sm-0, .gx-sm-0 {
        --bs-gutter-x: 0;
    }

    .g-sm-0, .gy-sm-0 {
        --bs-gutter-y: 0;
    }

    .g-sm-1, .gx-sm-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-sm-1, .gy-sm-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-sm-2, .gx-sm-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-sm-2, .gy-sm-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-sm-3, .gx-sm-3 {
        --bs-gutter-x: 1rem;
    }

    .g-sm-3, .gy-sm-3 {
        --bs-gutter-y: 1rem;
    }

    .g-sm-4, .gx-sm-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-sm-4, .gy-sm-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-sm-5, .gx-sm-5 {
        --bs-gutter-x: 3rem;
    }

    .g-sm-5, .gy-sm-5 {
        --bs-gutter-y: 3rem;
    }
}

@container responsive-form-container (min-width:768px) {
    .col-md {
        flex: 1 0 0%;
    }

    .row-cols-md-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.33333333%;
    }

    .offset-md-2 {
        margin-left: 16.66666667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.33333333%;
    }

    .offset-md-5 {
        margin-left: 41.66666667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.33333333%;
    }

    .offset-md-8 {
        margin-left: 66.66666667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.33333333%;
    }

    .offset-md-11 {
        margin-left: 91.66666667%;
    }

    .g-md-0, .gx-md-0 {
        --bs-gutter-x: 0;
    }

    .g-md-0, .gy-md-0 {
        --bs-gutter-y: 0;
    }

    .g-md-1, .gx-md-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-md-1, .gy-md-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-md-2, .gx-md-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-md-2, .gy-md-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-md-3, .gx-md-3 {
        --bs-gutter-x: 1rem;
    }

    .g-md-3, .gy-md-3 {
        --bs-gutter-y: 1rem;
    }

    .g-md-4, .gx-md-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-md-4, .gy-md-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-md-5, .gx-md-5 {
        --bs-gutter-x: 3rem;
    }

    .g-md-5, .gy-md-5 {
        --bs-gutter-y: 3rem;
    }
}

@container responsive-form-container (min-width:992px) {
    .col-lg {
        flex: 1 0 0%;
    }

    .row-cols-lg-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-lg-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-lg-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.33333333%;
    }

    .offset-lg-2 {
        margin-left: 16.66666667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.33333333%;
    }

    .offset-lg-5 {
        margin-left: 41.66666667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.33333333%;
    }

    .offset-lg-8 {
        margin-left: 66.66666667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.33333333%;
    }

    .offset-lg-11 {
        margin-left: 91.66666667%;
    }

    .g-lg-0, .gx-lg-0 {
        --bs-gutter-x: 0;
    }

    .g-lg-0, .gy-lg-0 {
        --bs-gutter-y: 0;
    }

    .g-lg-1, .gx-lg-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-lg-1, .gy-lg-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-lg-2, .gx-lg-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-lg-2, .gy-lg-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-lg-3, .gx-lg-3 {
        --bs-gutter-x: 1rem;
    }

    .g-lg-3, .gy-lg-3 {
        --bs-gutter-y: 1rem;
    }

    .g-lg-4, .gx-lg-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-lg-4, .gy-lg-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-lg-5, .gx-lg-5 {
        --bs-gutter-x: 3rem;
    }

    .g-lg-5, .gy-lg-5 {
        --bs-gutter-y: 3rem;
    }
}

@container responsive-form-container (min-width:1200px) {
    .col-xl {
        flex: 1 0 0%;
    }

    .row-cols-xl-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-xl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-xl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-xl-3 > * {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .row-cols-xl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-xl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-xl-6 > * {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.33333333%;
    }

    .offset-xl-2 {
        margin-left: 16.66666667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.33333333%;
    }

    .offset-xl-5 {
        margin-left: 41.66666667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.33333333%;
    }

    .offset-xl-8 {
        margin-left: 66.66666667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.33333333%;
    }

    .offset-xl-11 {
        margin-left: 91.66666667%;
    }

    .g-xl-0, .gx-xl-0 {
        --bs-gutter-x: 0;
    }

    .g-xl-0, .gy-xl-0 {
        --bs-gutter-y: 0;
    }

    .g-xl-1, .gx-xl-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-xl-1, .gy-xl-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-xl-2, .gx-xl-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-xl-2, .gy-xl-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-xl-3, .gx-xl-3 {
        --bs-gutter-x: 1rem;
    }

    .g-xl-3, .gy-xl-3 {
        --bs-gutter-y: 1rem;
    }

    .g-xl-4, .gx-xl-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-xl-4, .gy-xl-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-xl-5, .gx-xl-5 {
        --bs-gutter-x: 3rem;
    }

    .g-xl-5, .gy-xl-5 {
        --bs-gutter-y: 3rem;
    }
}

@container responsive-form-container (min-width:1400px) {
    .col-xxl {
        flex: 1 0 0%;
    }

    .row-cols-xxl-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-xxl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-xxl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-xxl-3 > * {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .row-cols-xxl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-xxl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-xxl-6 > * {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-xxl-0 {
        margin-left: 0;
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%;
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%;
    }

    .offset-xxl-3 {
        margin-left: 25%;
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%;
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%;
    }

    .offset-xxl-6 {
        margin-left: 50%;
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%;
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%;
    }

    .offset-xxl-9 {
        margin-left: 75%;
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%;
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%;
    }

    .g-xxl-0, .gx-xxl-0 {
        --bs-gutter-x: 0;
    }

    .g-xxl-0, .gy-xxl-0 {
        --bs-gutter-y: 0;
    }

    .g-xxl-1, .gx-xxl-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-xxl-1, .gy-xxl-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-xxl-2, .gx-xxl-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-xxl-2, .gy-xxl-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-xxl-3, .gx-xxl-3 {
        --bs-gutter-x: 1rem;
    }

    .g-xxl-3, .gy-xxl-3 {
        --bs-gutter-y: 1rem;
    }

    .g-xxl-4, .gx-xxl-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-xxl-4, .gy-xxl-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-xxl-5, .gx-xxl-5 {
        --bs-gutter-x: 3rem;
    }

    .g-xxl-5, .gy-xxl-5 {
        --bs-gutter-y: 3rem;
    }
}



/*ICONS*/
/* Custom driver icon */
.bi-driver {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    background: no-repeat center/contain;
    background-color: currentColor;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="currentColor"><path d="M27 40C27 41.6569 25.6569 43 24 43C22.3431 43 21 41.6569 21 40C21 38.3431 22.3431 37 24 37C25.6569 37 27 38.3431 27 40Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M30.6187 37.1037C30.1899 35.5033 31.1396 33.8583 32.74 33.4295L34.6719 32.9118C36.2723 32.483 37.9173 33.4328 38.3461 35.0332L39.3814 38.8969C39.8102 40.4973 38.8604 42.1423 37.26 42.5711L35.3282 43.0887C33.7278 43.5176 32.0828 42.5678 31.654 40.9674L30.6187 37.1037ZM33.2576 35.3613C32.7242 35.5043 32.4076 36.0526 32.5505 36.5861L33.5858 40.4498C33.7288 40.9832 34.2771 41.2998 34.8106 41.1569L36.7424 40.6392C37.2759 40.4963 37.5925 39.948 37.4495 39.4145L36.4142 35.5508C36.2713 35.0173 35.723 34.7007 35.1895 34.8437L33.2576 35.3613Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.65396 35.0324C10.0828 33.432 11.7278 32.4823 13.3282 32.9111L15.26 33.4287C16.8604 33.8576 17.8102 35.5026 17.3814 37.103L16.3461 40.9667C15.9173 42.5671 14.2723 43.5168 12.6719 43.088L10.74 42.5704C9.13961 42.1415 8.18986 40.4965 8.61869 38.8961L9.65396 35.0324ZM12.8106 34.843C12.2771 34.7 11.7288 35.0166 11.5858 35.5501L10.5505 39.4138C10.4076 39.9472 10.7242 40.4956 11.2576 40.6385L13.1895 41.1561C13.723 41.2991 14.2713 40.9825 14.4142 40.449L15.4495 36.5853C15.5925 36.0519 15.2759 35.5035 14.7424 35.3606L12.8106 34.843Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15.8378 39H23V31.0549C20.1303 31.3722 17.6672 33.0387 16.2592 35.406C16.0095 34.9247 15.5662 34.546 15.0012 34.3947L14.5983 34.2867C16.5287 31.1168 20.0172 29 24 29C27.9832 29 31.4718 31.1171 33.4022 34.2874L32.9988 34.3954C32.434 34.5468 31.9908 34.9253 31.7411 35.4064C30.3331 33.0389 27.8699 31.3722 25 31.0549V39H32.1621L32.6199 40.7086C32.647 40.8098 32.6814 40.9071 32.7223 41H24H15.2773C15.3185 40.9068 15.353 40.8093 15.3802 40.7078L15.8378 39ZM15.0966 41.324C14.6828 41.9256 13.9602 42.2651 13.2156 42.1769C13.4542 43.3648 13.8842 44.4842 14.4722 45.5007L16.2034 44.4993C15.6481 43.5392 15.2649 42.4671 15.0966 41.324ZM31.7966 44.4993C32.3518 43.5394 32.7349 42.4675 32.9033 41.3246C33.3171 41.9262 34.0397 42.2658 34.7843 42.1777C34.5457 43.3653 34.1157 44.4844 33.5278 45.5007L31.7966 44.4993Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15 17V14H17V17C17 20.866 20.134 24 24 24C27.866 24 31 20.866 31 17V14H33V17C33 21.9706 28.9706 26 24 26C19.0294 26 15 21.9706 15 17Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15.5989 6.25348C15.0904 6.66596 15 6.95645 15 7.09677C15 8.53676 15.2324 9.66613 15.4583 10.424C15.5256 10.6495 15.5922 10.8421 15.6519 11H32.3481C32.4078 10.8421 32.4745 10.6496 32.5417 10.4241C32.7676 9.66629 33 8.53693 33 7.09678C33 6.95645 32.9096 6.66596 32.4011 6.25348C31.9098 5.85504 31.1661 5.46148 30.2339 5.11465C28.3749 4.42299 25.9931 4 24 4C22.0069 4 19.6251 4.42299 17.7661 5.11465C16.8339 5.46148 16.0902 5.85504 15.5989 6.25348ZM31.7015 13H16.2985C16.3655 13.09 16.4474 13.1843 16.5475 13.2811C17.3021 14.0108 19.2284 15 24 15C28.7716 15 30.6979 14.0108 31.4525 13.2811C31.5526 13.1843 31.6345 13.09 31.7015 13ZM13.9878 12.2059C13.9684 12.1635 13.9475 12.1164 13.9253 12.0648C13.8174 11.8142 13.6787 11.455 13.5417 10.9953C13.2676 10.0758 13 8.75356 13 7.09678C13 6.07581 13.6321 5.27356 14.3391 4.70015C15.0634 4.1127 16.0284 3.62723 17.0687 3.24019C19.1546 2.46411 21.7728 2 24 2C26.2272 2 28.8454 2.46411 30.9313 3.24019C31.9716 3.62723 32.9366 4.1127 33.6609 4.70015C34.3679 5.27356 35 6.07581 35 7.09677C35 8.75371 34.7324 10.076 34.4583 10.9955C34.3213 11.4551 34.1826 11.8143 34.0747 12.0649C34.0525 12.1165 34.0316 12.1635 34.0122 12.2059C34.0109 12.3756 33.9934 12.5932 33.9375 12.8431C33.8141 13.3952 33.5101 14.0736 32.8428 14.7189C31.5291 15.9892 28.9555 17 24 17C19.0445 17 16.4709 15.9892 15.1572 14.7189C14.4899 14.0736 14.1859 13.3952 14.0625 12.8431C14.0066 12.5932 13.9891 12.3756 13.9878 12.2059Z"/><path d="M20 8C20 7.44772 20.4477 7 21 7H27C27.5523 7 28 7.44772 28 8C28 8.55228 27.5523 9 27 9H21C20.4477 9 20 8.55228 20 8Z"/></svg>');
}


/* Custom Trailer Icon */
.bi-trailer::before {
    display: inline-block;
    content: '';
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: currentColor;
    mask: url("data:image/svg+xml,%3Csvg fill='currentColor' viewBox='0 -64 640 640' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M624,320H544V80a16,16,0,0,0-16-16H16A16,16,0,0,0,0,80V368a16,16,0,0,0,16,16H65.61c7.83-54.21,54-96,110.39-96s102.56,41.79,110.39,96H624a16,16,0,0,0,16-16V336A16,16,0,0,0,624,320ZM96,243.68a176.29,176.29,0,0,0-32,20.71V136a8,8,0,0,1,8-8H88a8,8,0,0,1,8,8Zm96-18.54c-5.31-.49-10.57-1.14-16-1.14s-10.69.65-16,1.14V136a8,8,0,0,1,8-8h16a8,8,0,0,1,8,8Zm96,39.25a176.29,176.29,0,0,0-32-20.71V136a8,8,0,0,1,8-8h16a8,8,0,0,1,8,8ZM384,320H352V136a8,8,0,0,1,8-8h16a8,8,0,0,1,8,8Zm96,0H448V136a8,8,0,0,1,8-8h16a8,8,0,0,1,8,8Zm-304,0a80,80,0,1,0,80,80A80,80,0,0,0,176,320Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,176,432Z'/%3E%3C/svg%3E");
}


/* Custom FTL (Full Truckload) Icon */
.bi-ftl {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    background: no-repeat center/contain;
    background-color: currentColor;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4zm-5 0h-2V4h2v4zm-8 11c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm9 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-7-7H3V6h6v6zm4 0h-2V6h2v6zm4 0h-2V6h2v6z"/></svg>');
}

/* Custom LTL (Less Than Truckload) Icon */
.bi-ltl {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    background: no-repeat center/contain;
    background-color: currentColor;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4zm-5 0h-2V4h2v4zm-8 11c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm9 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-7-7H3V6h6v6zm4 0h-2V6h2v6zm-2 3h-2v-3h2v3zm4 0h-2v-3h2v3z"/></svg>');
}