/* Estilo para la fila seleccionada */
.table-row-presup.selected .td-selected {
    background-color: #0052a9; /* Azul brillante */
    color: white; /* Texto blanco */
}

/* Efecto hover, pero solo para filas no seleccionadas */
.table-row-presup:not(.selected):hover .td-selected {
    background-color: #1c1c1c; /* Fondo al pasar el cursor por filas no seleccionadas */
}

/* Asegurarse de que el color del texto y el fondo de la fila seleccionada no cambie con el hover */
.table-row-presup.selected:hover .td-selected {
    background-color: #0052a9; /* Mantener el color seleccionado incluso al hacer hover */
    color: white; /* Asegura que el texto permanezca blanco */
}

.table-row-presup.selected .td-selected {
    color: white !important;  /* Asegura que el texto dentro de las celdas también sea blanco */
}

/* Estilo para cuando el cursor pasa sobre las filas con la clase 'table-row' */
.table-row-presup.hovered {
    background-color: #f0f0f0;
    cursor: pointer;
}