.bg-yellow {
    background-color: yellow !important;
}

.cross-bg-1 {
    background-color: #00B050;
    color: black;
}

.cross-bg-2 {
    background-color: #00B0F0;
    color: black;
}

.cross-bg-3 {
    background-color: #FFFF00;
    color: black;
}

.cross-bg-4 {
    background-color: #FF8000;
    color: black;
}

.cross-bg-5 {
    background-color: #BF00FF;
    color: black;
}

.cross-bg-6 {
    background-color: #D35400;
    /* Medical Treatment - Dark Orange (type 6) */
    color: black;
}

.cross-bg-7 {
    background-color: #FF4136;
    /* Accident RWC - Light Red (type 7) */
    color: black;
}

.cross-bg-8 {
    background-color: #DF0101;
    /* Accident LWDC - Dark Red (type 8) */
    color: black;
}


.cross-color-1 {
    color: #00B050;
}

.cross-color-2 {
    color: #00B0F0;
}

.cross-color-3 {
    color: #FFFF00;
}

.cross-color-4 {
    color: #FF8000;
}

.cross-color-5 {
    color: #BF00FF;
}

.cross-color-6 {
    color: #D35400;
    /* Medical Treatment - Dark Orange */
}

.cross-color-7 {
    color: #FF4136;
    /* Accident RWC - Light Red */
}

.cross-color-8 {
    color: #DF0101;
    /* Accident LWDC - Dark Red */
}

.legenda_item i {
    height: 18px;
    width: 18px;
    display: inline-block;
    margin-right: 2px;
    margin-top: 3px;
    border-radius: 100%;
}

@keyframes pulse-attention {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}

.animate-attention {
    animation: pulse-attention 2s infinite ease-in-out;
    display: inline-block;
}

body {
    background-image: linear-gradient(rgba(244, 247, 250, 0.9), rgba(244, 247, 250, 0.9)), url('/images/bg_proud_to_be_safe.png') !important;
    background-size: 800px auto !important;
    background-repeat: repeat !important;
    background-attachment: fixed !important;
}

.main-content {
    background: transparent !important;
}

/* Fix checkboxes showing squares instead of checkmarks */
.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked:after {
    display: none !important;
}

.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3 6-6'/%3e%3c/svg%3e"), linear-gradient(195deg, #002876 0%, #001F5B 100%) !important;
    background-size: 100% 100% !important;
    background-position: center !important;
}

/* Fix menu arrows showing squares instead of chevrons */
.navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"]:after,
.dropdown .dropdown-toggle:after,
.dropup .dropdown-toggle:after,
.dropstart .dropdown-toggle:after,
.dropend .dropdown-toggle:after {
    content: "" !important;
    font-family: inherit !important;
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    background-color: currentColor;
    width: 1.25rem !important;
    height: 1.25rem !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-left: auto !important;
}

/* Hide legacy caret elements to avoid double arrows */
.caret {
    display: none !important;
}