@font-face {
    font-family: "AbbVoice";
    src: url("../fonts/ABBvoice/ABBvoice_W_Rg.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "ABBvoice", "Verdana", sans-serif;
}

.dropdown-menu {
    --bs-dropdown-link-active-bg: #dc3545;
}

.form-control:focus {
    border-color: #dc3545 !important;
    outline: #dc3545 !important;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.container-feedback {
    @media only screen and (min-width: 960px) {
        max-width: 960px;
    }
}

.ml-20px {
    margin-left: 20px;
}

.star {
    cursor: pointer;
    font-size: 1.2rem;
    color: rgb(33, 37, 41);
    flex-grow: 1;
    text-align: center;
}

i.star-filled {
    color: rgb(255, 215, 0) !important;
}

#user-alert-enrollment {
    opacity: 0; /* Initially hidden */
    visibility: hidden; /* Hidden and doesn’t interact with events */
    transition: opacity 1s ease, visibility 1s ease; /* Smooth fade effect and visibility toggle */
}

#user-alert-enrollment.visible {
    opacity: 1; /* Fade the alert in by changing opacity */
    visibility: visible; /* Make the element visible for interactions */
}