html,
body {
    background-color: var(--mud-palette-background);
    color: var(--mud-palette-text-primary);
}

/*#region Puse Custom */
.over-hidden {
    max-width: 100%;
    overflow-x: hidden;
}
.no-text-transform {
    text-transform: none !important;
}

/*#endregion */

/*#region Puse Animation */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgb(17, 89, 208);
    }

    100% {
        box-shadow: 0 0 0 15px rgba(17, 89, 208, 0);
    }
}

.pulseAnim {
    animation: pulse 1s linear infinite;
}

/*#endregion */

@media (max-width: 599px) {
    .order-last-xs {
        order: 2;
    }
}

@media (max-width: 599px) {
    .order-first-xs {
        order: 1;
    }
}

.required-field .dxbl-fl-cpt::after {
    content: " *";
    color: red;
}

.required-field .mud-input-label::after {
    content: " *";
    color: red;
}


.top-header-loading-bar {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    min-height: 4px;
    padding-top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) / 4);
}



.tax-input .mud-input-helper-text{
    color: red !important;
}

/*LE DAMOS UN ALTO AUTO AL <ToolBarContent > DE LAS  MUDTABLES*/
/*
.mud-toolbar{
    height: auto !important;
    padding-bottom: 5PX !important;
    padding-top: 5PX  !important;
}*/

.mud-text-field .mud-floating-label {
    overflow: visible !important;
    line-height: 1.2;       /* o el que mejor te funcione */
}


.mud-input-label{
    /*border: 1px dashed red !important;*/
    padding: 1px 0 !important;
}


.inputUserNoResgistered .mud-input-label {
    background-color: rgb(240, 245, 244) !important;
}


/*LINEAR LOADING FULL CSS - NADA DE MUDBLAZOR*/
.loading-container {
    width: 100%;
    height: 5px;
    background-color: rgba(255, 255, 255, 0.5);
    overflow: hidden;
    position: relative;
}

.loading-bar {
    width: 70%;
    height: 100%;
    background: linear-gradient(
            to right,
            var(--mud-palette-primary),
            #00bcff
    );
    position: absolute;
    animation: loading 0.7s infinite linear;
}

@keyframes loading {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(200%);
    }
}