/* ------------------------------------------------- */
/* Blazor Items                                      */
/* ------------------------------------------------- */

.valid.modified:not([type=checkbox]) {
    outline: 1px solid var(--brand-green);
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: #000000AA;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    position: absolute;
    z-index: 1000;
    display: none;
}

    #blazor-error-ui a {
        color: white;
        margin: 0 auto;
        font-size: 2em;
        display: block;
        text-align: center;
        top: 50vh;
        position: relative;
    }

/* Reconnect UI lives in Components/ReconnectModal (dialog + collocated CSS). */