/*-----------------------
                ---- Utility Classes ----
                -----------------------*/
.hidden {
    display: none !important;
}
/*--------------------------
                ----- Checkbox styling -----
                --------------------------*/
:root {
    --checkbox-border-color: #010205;
    --checkbox-checked-color: #274c77;
    --checkbox-hover-color: #a3cef1;
    --checkbox-disabled-bg-color: #d9d9d9;
}
/*
                Change the attribute [data-message-state] to one of the following strings in order to change the status message's appreance.
                */
/*---------------------------------
                ---- Status Message attributes ----
                ---------------------------------*/
[data-message-state="Notification"] {
    background-color: #D3E1FF;
}

    [data-message-state="Notification"] .status-message_icon.is-notification {
        display: flex;
        justify-content: center;
        align-items: center;
    }

[data-message-state="Success"] {
    background-color: #E4FFEC;
}

    [data-message-state="Success"] .status-message_icon.is-success {
        display: flex;
        justify-content: center;
        align-items: center;
    }

[data-message-state="Warning"] {
    background-color: #FFF4D2;
}

    [data-message-state="Warning"] .status-message_icon.is-warning {
        display: flex;
        justify-content: center;
        align-items: center;
    }

[data-message-state="Error"] {
    background-color: #FFE2E4;
}

    [data-message-state="Error"] .status-message_icon.is-error {
        display: flex;
        justify-content: center;
        align-items: center;
    }
/*------------------------------
                ---- Toast Label attributes ----
                ------------------------------*/
[data-toast-state="Notification"] {
    background-color: #D3E1FF;
}

    [data-toast-state="Notification"] .toast-icon.is-notification {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #2762EC;
    }

[data-toast-state="Success"] {
    background-color: #E4FFEC;
}

    [data-toast-state="Success"] .toast-icon.is-success {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #197E10;
    }

[data-toast-state="Warning"] {
    background-color: #FFF4D2;
}

    [data-toast-state="Warning"] .toast-icon.is-warning {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFC700;
    }

[data-toast-state="Error"] {
    background-color: #FFE2E4;
}

    [data-toast-state="Error"] .toast-icon.is-error {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #CC1922;
    }

#stay-signed-in {
    opacity: 0;
    position: absolute;
    z-index: -1
}