* {
    font-variant-numeric: lining-nums !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: var(--mud-palette-text-primary) !important;
    -webkit-box-shadow: inset 0 0 0 1000px var(--mud-palette-surface) !important;
}

body, html, #app {
    height: 100%;
    width: 100%;
}

#blazor-error-ui {
    background: var(--mud-palette-warning-lighten);
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 5000;
    color: black;
    font-weight: bold;
}

.active-menu .mud-nav-link:not(.mud-nav-link-disabled) {
    color: var(--mud-palette-primary);
    background-color: var(--mud-palette-primary-hover);
}

    .active-menu .mud-nav-link:not(.mud-nav-link-disabled) > .mud-nav-link-icon {
        color: var(--mud-palette-primary) !important;
    }

.active-menu-item .active:not(.mud-nav-link-disabled) {
    color: var(--mud-palette-primary);
    background-color: var(--mud-palette-primary-hover);
}

.mud-nav-link-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-hover {
    transition: ease-out .3s;
}

    .card-hover:hover {
        border-color: var(--mud-palette-action-default) !important;
    }