/*FUENTES*/
/* VARIABLES*/
:root{
    --color_principal:#008f39; /* Cambiado a #008f39 */
}

/* MEDIA QUERIES */
.contenedor_tablas{
    padding:40px 40px 0px 40px;
    width: calc(100% - 0px);
    overflow-x: auto;
}
.contenedor_tablas table{
    background-color: rgba(256,256,256,0.8); /* Ajustado a blanco con más opacidad para mejor legibilidad */
}
.contenedor_tablas table a{
  color: var(--color_principal); /* Usa la nueva variable */
}
.contenedor_tablas table .check-personalizados{
    padding: 0px 0px 20px 0;
}
.contenedor_tablas table thead tr th:first-child{
    text-align: center;
}
.contenedor_tablas table tbody tr th:first-child{
    text-align: center;
}
.table-active {
 background-color:#d7edf7; /* Podríamos cambiar esto a un verde más claro si Bootstrap no lo sobrescribe */
 /* Sugerencia para un tono verde: background-color: #e0f2e8; */
}
.contenedor_tablas .pagination a{
    color: var(--color_principal); /* Usa la nueva variable */
}
.contenedor_tablas .active a{
    background-color: var(--color_principal) !important; /* Usa la nueva variable */
    border-color: var(--color_principal) !important; /* Usa la nueva variable */
    color:#fff !important; /* Blanco para texto sobre el color principal */
}
.buscador{
    padding: 5px 20px;
}