/* Keep Bootstrap primary surfaces aligned with the Cronokan red. */
.bg-primary,
.card-header.bg-primary {
    background-color: #E00D0D !important;
}

/* Cambiar el color secundario */
.btn-secondary {
    background-color: #607d8b !important;
    border-color: #607d8b !important;
}

.bg-secondary {
    background-color: #607d8b !important;
}

.text-secondary {
    color: #607d8b !important;
}

.btn-custom {
    height: 50px; /* Ajusta la altura si es necesario */
    font-size: 1rem; /* Uniformiza el tamaño del texto */
  }

  /* Pagination controls use the application's primary red. */
  .dt-paging .pagination .page-link,
  .dataTables_paginate .pagination .page-link,
  div.dt-container .dt-paging .dt-paging-button,
  div.dataTables_wrapper div.dataTables_paginate .paginate_button {
    background-color: #E00D0D !important;
    border-color: #E00D0D !important;
    color: #fff !important;
  }

  .dt-paging .pagination .page-link:hover,
  .dt-paging .pagination .page-link:focus,
  .dataTables_paginate .pagination .page-link:hover,
  .dataTables_paginate .pagination .page-link:focus,
  div.dt-container .dt-paging .dt-paging-button:hover,
  div.dt-container .dt-paging .dt-paging-button:focus,
  div.dataTables_wrapper div.dataTables_paginate .paginate_button:hover,
  div.dataTables_wrapper div.dataTables_paginate .paginate_button:focus {
    background-color: #b80a0a !important;
    border-color: #b80a0a !important;
    box-shadow: 0 0 0 .25rem rgba(224, 13, 13, .25) !important;
    color: #fff !important;
  }

  .dt-paging .pagination .page-item.active .page-link,
  .dataTables_paginate .pagination .page-item.active .page-link,
  div.dt-container .dt-paging .dt-paging-button.current,
  div.dataTables_wrapper div.dataTables_paginate .paginate_button.current {
    background-color: #8f0808 !important;
    border-color: #8f0808 !important;
    color: #fff !important;
  }

  .dt-paging .pagination .page-item.disabled .page-link,
  .dataTables_paginate .pagination .page-item.disabled .page-link,
  div.dt-container .dt-paging .dt-paging-button.disabled,
  div.dataTables_wrapper div.dataTables_paginate .paginate_button.disabled {
    background-color: #e9ecef !important;
    border-color: #dee2e6 !important;
    color: #6c757d !important;
  }
  table.dataTable th, 
  table.dataTable td {
      text-align: center !important;
      vertical-align: middle !important;
  }
  div .card-title{
    font-size: 1rem !important; /* Ajusta el tamaño del texto */
  }