@keyframes slide {
    0% {
        transform: translateX(-25%);
    }

    100% {
        transform: translateX(25%);
    }
}

.mud-wasm {
    animation: slide 3s ease-in-out infinite alternate;
    background-image: linear-gradient(-60deg, #0033A0 50%, #071B45 50%);
    bottom: 0;
    left: -50%;
    opacity: .5;
    position: fixed;
    right: -50%;
    top: 0;
    z-index: -1;
}

.mud-wasm-sec {
    animation-direction: alternate-reverse;
    animation-duration: 4s;
}

.mud-wasm-trd {
    animation-duration: 5s;
}

.mud-wasm-cont {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

    .mud-wasm-cont p {
        text-align: center;
        margin-top: 3rem;
        color: #ffffff;
    }

.loading-text:after {
    content: var(--blazor-load-percentage-text, "0%");
}

.text-warning .mud-input-root-text {
    color: var(--mud-palette-warning) !important;
}

.text-error .mud-input-root-text {
    color: var(--mud-palette-error) !important;
}

.text-success .mud-input-root-text {
    color: var(--mud-palette-success) !important;
}

.text-info .mud-input-root-text {
    color: var(--mud-palette-info) !important;
}

.text-primary .mud-input-root-text {
    color: var(--mud-palette-primary) !important;
}

.text-secondary .mud-input-root-text {
    color: var(--mud-palette-secondary) !important;
}

.text-tertiary .mud-input-root-text {
    color: var(--mud-palette-tertiary) !important;
}

/*Colors the text in MudField Helpers */
.HelperText_Warning .mud-input-helper-text {
    color: var(--mud-palette-warning) !important;
}

/*Colors the text in MudField Helpers */
.HelperText_Success .mud-input-helper-text {
    color: var(--mud-palette-success) !important;
}

/*Colors the text in MudField Helpers */
.HelperText_Error .mud-input-helper-text {
    color: var(--mud-palette-error) !important;
}

.highlighted-text {
    border-radius: 2px;
    padding: 3px 9px;
    margin: 0px 3px;
    display: flex;
    font-weight: 900;
}

    .highlighted-text.primary {
        color: var(--mud-palette-primary);
        background-color: var(--mud-palette-primary-hover);
    }

    .highlighted-text.secondary {
        color: var(--mud-palette-secondary);
        background-color: var(--mud-palette-secondary-hover);
    }

    .highlighted-text.success {
        color: var(--mud-palette-success);
        background-color: var(--mud-palette-success-hover);
    }

    .highlighted-text.warning {
        color: var(--mud-palette-warning);
        background-color: var(--mud-palette-warning-hover);
    }

    .highlighted-text.error {
        color: var(--mud-palette-error);
        background-color: var(--mud-palette-error-hover);
    }

    .highlighted-text.info {
        color: var(--mud-palette-info);
        background-color: var(--mud-palette-info-hover);
    }

.rowSelected {
    background-color: #071B45 !important;
    color: white !important;
}

.dialog-background-blur {
    backdrop-filter: blur(10px);
}