@import url(./materialCustom.css);
@import url(./loaderCircleMaterial.css);
@import url(./tableCustom.css);
@import url(./select2Custom.css);
@import url(./modalCustom.css);
@import url(./highlightControls.css);
@import url(./buttons.css);
@import url(./materialIcons.css);
@import url(./dropDownCustom.css);


:root{
    --primary : #753cad;
    --border-radius: 7px
}


.form-control, .custom-select, .form-control-file{
    font-size: unset !important;
}

.modal-body{
    color: unset
}

th.columna-azul{
    background-color: #617df8 !important;
    color: white;
}

.columna-azul{
    background-color: #c7d1ff !important;
}


/* CLASE ERROR PERSONALIZADO  */
/* ❌ ERROR: Fondo rosa claro, borde y texto rojo */
.notify--error {
    background-color: #ffe2e3 !important;
    border-color: #ffe2e3 !important;
    color: #ff4c51 !important;
}

/* Asegurar que todos los textos sean del color correcto */
.notify--error .notify__text,
.notify--error .notify__title,
.notify--error .notify__icon svg,
.notify--error .notify-content {
    color: #ff4c51 !important;
    fill: #ff4c51 !important; /* Aplica el color a los íconos SVG */
}

/* Forzar el color del botón de cerrar */
.notify--error .notify__close svg path {
    fill: #ff4c51 !important;
}
/* CLASE WARNIN PERSONALIZADO  */