.custom-invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: var(--bs-danger);
    border-radius: var(--bs-border-radius) !important;
}

    .custom-invalid-tooltip:empty {
        display: none;
    }

/* Fix: theme uses "FontAwesome" but installed version is "Font Awesome 5 Free" */
.form-check:not(.form-switch) .form-check-input[type=checkbox]:after {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

.dropdown-menu:before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

/* Teal badge — visually similar to badge-success but distinct, used for "on press" status */
.badge-teal {
    color: #fff;
    background: linear-gradient(195deg, #26a69a, #00796b);
}

/* apply the bootstrap original color - remove current template overrides */
.alert-danger-bs-default {
    color: #fff;
    font-size: .875rem;
    background-color: var(--bs-danger) !important;
    background-image: none !important;
}