.blazored-toast-container {
   z-index: 1050 !important; /* Asegura que est� por encima de otros elementos */
}


.loader {
   animation: loaderAnim 1.2s infinite ease-in-out;
}

@keyframes loaderAnim {
   0% {
      opacity: 0.3;
   }

   50% {
      opacity: 1;
   }

   100% {
      opacity: 0.3;
   }
}

.modal-header 
{
   justify-content: space-between !important;
   border-bottom: none !important;
   padding-bottom: 0 !important;
   background-color: white !important;
}

.modal-header i 
{
   display: none !important;
}

.modal-footer 
{
   border-top: none !important;
   padding-top: 0 !important;
}

.blazored-toast-container 
{
   z-index: 1000002 !important;
   transition: height 0.2s ease-in-out !important;
}

.custom-table-bootstrap {
   font-size: 12px;
}

.custom-table-bootstrap > tbody > tr:hover > td {
   background: rgba(15, 170, 158, 0.2);
}

.custom-table-bootstrap > tbody > tr > td {
   align-content: center;
}

.validation-message ~ .container .item .select-p 
{
   border: 2px solid red !important;
}
.custom-table-bootstrap > thead > tr > th {
   background: rgb(222,239,241);
}
.invalid {
   outline: 1px solid #e50000;
}
/*.valid {
   outline: 1px solid #008000;
}*/
.validation-message {
   color: red;
   position: absolute;
   top: 0px;
   right: 5px;
   font-size: 11px;
   padding: 3px;
   border-radius: 5px;
   z-index: 2;
}

.validation-message ~ .blazored-typeahead .blazored-typeahead__input {
   border: 1px solid red !important;
}

.validation-message ~ .container .item .select-p {
   border: 2px solid red !important;
}

.validation-message {
   color: #e50000;
}
button.btn-primary-custom:disabled,
button.btn-primary-custom.disabled {
   color: white;
}
/* Variables base del sistema */
:root {
    /* === COLORES PRIMARIOS === */
    --color-primary-white: #ffffff;
    --color-primary-aquamarine: #0FAA9E;
    --color-primary-aquamarine-hover: #0C887E;
    --color-primary-aquamarine-light: rgb(40, 204, 191);
    /* === COLORES DE SISTEMA === */
    --color-success: #027c3e;
    --color-danger: #e50000;
    --color-warning: #fecd08;
    --color-info: #30599b;
    --color-celeste-back: rgba(0, 85, 133, 0.2); /* Contabilidad */
    --color-celeste: #47c2ff; /* Contabilidad */
    --color-celeste-border: rgba(0, 151, 235, 0.4); /* Contabilidad */
    --color-celeste-shadow: rgba(0, 151, 235, 0.3); /* Contabilidad */
    --color-rojo-back: rgba(184, 24, 0, 0.2);
    --color-rojo: #E53935;
    --color-rojo-border: rgba(250, 59, 29, 0.4);
    --color-rojo-shadow: rgba(250, 59, 29, 0.3);
    --color-verde-claro-back: rgba(28, 108, 9, 0.2); /* fondo semitransparente */
    --color-verde-claro: #57d837; /* tono más fuerte para borde y texto */
    --color-verde-claro-border: rgba(37, 176, 3, 0.4); /* tono más fuerte para borde y texto */
    --color-verde-claro-shadow: rgba(37, 176, 3, 0.3); /* tono más fuerte para borde y texto */
    --color-rosa-pastel-back: rgba(214, 51, 132, 0.2); /* fondo semitransparente */
    --color-rosa-pastel: #ff7eae; /* tono más fuerte para borde y texto */
    --color-rosa-pastel-border: rgba(214, 51, 132, 0.4); /* tono más fuerte para borde y texto */
    --color-rosa-pastel-shadow: rgba(214, 51, 132, 0.3); /* tono más fuerte para borde y texto */
    --color-naranja-suave-back: rgba(188, 56, 3, 0.2); /* fondo semitransparente */
    --color-naranja-suave: #ffac38; /* tono más fuerte para borde y texto */
    --color-naranja-suave-border: rgba(229, 120, 11, 0.4); /* tono más fuerte para borde y texto */
    --color-naranja-suave-shadow: rgba(229, 120, 11, 0.3); /* tono más fuerte para borde y texto */
    --color-violeta-suave-suave: #9575cd3a; /* fondo semitransparente */
    --color-violeta-suave-fuerte: #7E57C2; /* tono más fuerte para borde y texto */
    --color-coral-suave: #ff8a653a; /* fondo semitransparente */
    --color-coral-fuerte: #F4511E; /* tono más fuerte para borde y texto */
    --color-cyan-pastel-suave: #4dd0e13a; /* fondo semitransparente */
    --color-cyan-pastel-fuerte: #00ACC1; /* tono más fuerte para borde y texto */
    --color-gris-claro-suave: #e0e0e03a; /* fondo semitransparente */
    --color-gris-claro-fuerte: #9E9E9E; /* tono más fuerte para borde y texto */
    /* === COLORES DE ARCHIVO === */
    --color-excel: #027c3e;
    --color-pdf: #da350d;
    --color-word: #30599b;
    --color-xml: #f97907;
    --color-zip: #fecd08;
    --color-txt: #6c757d;
    /* === VARIABLES PARA FILAS COLOREADAS === */
    --TNS-table-row-red-bg: #ffc2b6;
    --TNS-table-row-red-color: #b81800;
    --TNS-table-row-red-hover-bg: #ff9d87;
    --TNS-table-row-red-hover-color: #8b1200;
    --TNS-table-row-orange-bg: #ffe7b3;
    --TNS-table-row-orange-color: #bc3803;
    --TNS-table-row-orange-hover-bg: #ffd480;
    --TNS-table-row-orange-hover-color: #a02f02;
    --TNS-table-row-green-bg: #b3ffb2;
    --TNS-table-row-green-color: #1c6c09;
    --TNS-table-row-green-hover-bg: #85ff84;
    --TNS-table-row-green-hover-color: #145007;
}

/* MODO CLARO */
:root {
    /* === COLORES DE FONDO === */
    --TNS-color-fondo: #f8f9fa;
    --TNS-color-fondo-secundario: #ffffff;
    --TNS-color-fondo-card: #ffffff;
    --TNS-color-fondo-modal: #ffffff;
    /* === COLORES DE TEXTO === */
    --TNS-color-texto: #212529;
    --TNS-color-texto-secundario: #6c757d;
    /*--TNS-color-texto-muted: #adb5bd;*/
    --TNS-color-texto-inverso: #ffffff;
    /* === COLORES DE CAMPOS === */
    --TNS-color-primario: #ffffff;
    --TNS-color-disabled: #e9ecef;
    --TNS-color-bordes: #dee2e6;
    --TNS-color-bordes-hover: #ced4da;
    --TNS-color-bordes-focus: #86b7fe;
    /* === COLORES DE ICONOS === */
    --TNS-color-iconos: #ffffff;
    --TNS-color-iconos-hover: #6c757d;
    /* === SOMBRAS === */
    --TNS-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);
    --TNS-shadow-md: 0 .5rem 1rem rgba(0, 0, 0, .15);
    --TNS-shadow-focus: 0 0 0 .25rem rgba(13, 110, 253, .25);
    /* === COLORES DE TABLA === */
    --TNS-table-bg: #ffffff;
    --TNS-table-striped-bg: #f8f9fa;
    --TNS-table-hover-bg: rgba(15, 170, 158, 0.1);
    --TNS-table-border-color: #dee2e6;
    --TNS-table-header-bg: rgb(222,239,241);
    /* === COLORES DE NAVEGACIÓN === */
    --TNS-nav-bg: #ffffff;
    --TNS-nav-border: #dee2e6;
    --TNS-nav-link-color: #ffffff;
    --TNS-nav-link-hover-color: #495057;
    --TNS-nav-link-active-color: var(--color-primary-white);
    /* === COLORES DE PAGINACIÓN === */
    --TNS-pagination-color: #6c757d;
    --TNS-pagination-bg: #ffffff;
    --TNS-pagination-border: #dee2e6;
    --TNS-pagination-hover-bg: #e9ecef;
    --TNS-pagination-active-bg: var(--color-primary-aquamarine);
    --TNS-pagination-active-border: var(--color-primary-aquamarine-hover);
    /* === COLORES DE DROPDOWN === */
    --TNS-dropdown-bg: #ffffff;
    --TNS-dropdown-border: #dee2e6;
    --TNS-dropdown-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    --TNS-dropdown-item-hover-bg: #f8f9fa;
    --TNS-dropdown-item-active-bg: var(--color-primary-aquamarine);
    /* === COLORES DE SCROLL === */
    --TNS-scrollbar-track: #f1f1f1;
    --TNS-scrollbar-thumb: rgba(0, 0, 0, 0.3);
    --TNS-scrollbar-thumb-hover: #555;

    /* === COLORES DE ARCHIVO === */
    --color-excel: #027c3e;
    --color-pdf: #da350d;
    --color-word: #30599b;
    --color-xml: #f97907;
    --color-zip: #fecd08;
    --color-txt: #6c757d;
}