.bo-table > thead > tr > th,
.fo-table > thead > tr > th,
.table-simple > thead > tr > th {
  font-family: var(--font-plus-jakarta-semibold) !important;
  font-size: var(--fs-base);
  font-weight: 500 !important;
}

.bo-table > tbody > tr > td,
.fo-table > tbody > tr > td {
  color: var(--gray-600);
  font-size: var(--fs-sm);
  font-family: var(--font-plus-jakarta-regular);
} 

.table-simple > tbody > tr > td {
  color: var(--gray-600);
  font-size: var(--fs-sm);
  font-family: var(--font-plus-jakarta-regular);
  white-space: nowrap;  
}

.bo-table > tbody > tr > td.col-vide::before,
.fo-table > tbody > tr > td.col-vide::before,
.table-simple > tbody > tr > td.col-vide::before {
  content: '-';
  color: var(--gray-700);
}

.bo-table > :not(caption) > * > *,
.fo-table > :not(caption) > * > * {
  padding: 0.625rem 1.25rem;
}

.tableliste-section .dataTables_length,
.tableliste-section .dataTables_filter,
.tableliste-section .dataTables_paginate{
  width: 100%;
  padding: .75rem 1rem;
}

.tableliste-section .dataTables_length,
.tableliste-section .dataTables_filter {
  font-size: var(--fs-sm) !important; 
}

.tableliste-section .dataTables_paginate .page-link{
  font-size: var(--fs-xs) !important;
}

.tableliste-section .dataTables_paginate .page-item.active .page-link{
  color: var(--white) !important;
  background-color: var(--secondary) !important;
  border: 1px solid var(--secondary) !important;
}

.col-data-info .col-data {
  font-size: var(--fs-sm);
}

.col-data-info .col-datasup{
  font-size: var(--fs-xs);
}

.col-data-info .col-data-profil {
  font-size: var(--fs-xs);
}

.col-btn-action button{
  border: none;
  background-color: transparent;
  outline: none;
  color: var(--gray-600);
  opacity: 0.8;
}