.f5 {
    font-size: 50px;
}


.f4 {
    font-size: 40px;
}


.f3 {
    font-size: 35px;
}


/* Faster submenu transition */
.menu-item.has-sub > .menu-sub {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.1s ease-in-out;
}

.menu-item.has-sub.open > .menu-sub {
    max-height: 500px; 
}

/* switch styles*/

/* Base switch style */
.form-check.form-switch .form-check-input {
    width: 2.5em; /* tighter width */
    height: 1.3em; /* slimmer height */
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 1.3em;
    position: relative;
    appearance: none;
    outline: none;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    padding: 0; /* reset Bootstrap padding */
}

    /* The circle (thumb) */
    .form-check.form-switch .form-check-input::before {
        content: "";
        position: absolute;
        top: 1px;
        left: 1px;
        width: 1.1em;
        height: 1.1em;
        background-color: #fff;
        border-radius: 50%;
        transition: transform 0.2s;
        box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    }

    /* Checked state — slide thumb to right */
    .form-check.form-switch .form-check-input:checked {
        background-color: #0d6efd;
        border-color: #0d6efd;
    }

        .form-check.form-switch .form-check-input:checked::before {
            transform: translateX(1.2em); /* tighter match */
        }

    /*disable fields*/
.form-control:disabled,
.form-control[readonly] {
    background-color: #f8f9fa;
    opacity: 0.65;
    cursor: not-allowed;
    border-color: #dee2e6;
}
.field-disabled {
    opacity: 0.7;
    color: #6c757d;
}


/* table arrow */
.collapse-indicator {
    transition: transform 0.2s ease;
    vertical-align: middle;
}

.collapsed .collapse-indicator {
    transform: rotate(0deg); /* points right  > */
}

[aria-expanded="true"] .collapse-indicator {
    transform: rotate(90deg); /* points down  v */
}


/* Hide browser "require" tooltips on hover */
/*input::-webkit-validation-bubble,
input::-webkit-validation-bubble-message,
input::-webkit-validation-bubble-arrow {
    display: none !important;
}*/

/* Remove focus outline on invalid fields if desired */
/*input:invalid {
    box-shadow: none;
    outline: none;
}*/

/* Stock availability accordions */
.client-accordion .accordion-item,
.group-accordion .accordion-item,
.unit-accordion .accordion-item,
.location-accordion .accordion-item {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    overflow: hidden;
}

.client-accordion .accordion-item + .accordion-item,
.group-accordion .accordion-item + .accordion-item,
.unit-accordion .accordion-item + .accordion-item,
.location-accordion .accordion-item + .accordion-item {
    margin-top: 0.5rem;
}

.unit-accordion.accordion-flush .accordion-item {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
}

.client-accordion .accordion-button:not(.collapsed) {
    background-color: rgba(var(--bs-primary-rgb), 0.08);
    box-shadow: inset 0 0 0 1px rgba(var(--bs-primary-rgb), 0.15);
}

.client-accordion .accordion-button {
    background-color: rgba(var(--bs-primary-rgb), 0.03);
}

.group-accordion .accordion-button:not(.collapsed) {
    background-color: rgba(var(--bs-info-rgb), 0.08);
    box-shadow: inset 0 0 0 1px rgba(var(--bs-info-rgb), 0.15);
}

.group-accordion .accordion-button {
    background-color: rgba(var(--bs-info-rgb), 0.03);
}

.unit-accordion .accordion-button:not(.collapsed) {
    background-color: rgba(var(--bs-success-rgb), 0.1);
    box-shadow: inset 0 0 0 1px rgba(var(--bs-success-rgb), 0.16);
}

.unit-accordion .accordion-button {
    background-color: rgba(var(--bs-success-rgb), 0.04);
}

.location-accordion .accordion-button:not(.collapsed) {
    background-color: rgba(var(--bs-warning-rgb), 0.1);
    box-shadow: inset 0 0 0 1px rgba(var(--bs-warning-rgb), 0.12);
}

.location-accordion .accordion-button {
    background-color: rgba(var(--bs-warning-rgb), 0.04);
}