.dataTables_wrapper {
    border-radius: 0.375rem; /* Equivalent to rounded-md */
  }
  
  .dataTables_length {
    margin-top: 1rem;
  }
  
  .dataTables_length,
  .dataTables_filter,
  .dataTables_info {
    display: flex;
    align-items: center;
    padding: 0.5rem; /* Equivalent to px-4 py-2 */
  }
  
  .dataTables_processing {
    text-align: center;
    color: #4a5568; /* Equivalent to text-gray-600 */
  }
  
  .dataTables_length {
    display: flex;
    margin: 0.125rem; /* Equivalent to mx-2 */
  }
  
  .dataTables_length select {
    border-radius: 0.375rem; /* Equivalent to rounded-md */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* Equivalent to shadow-sm */
    padding: 0.25rem 1.5rem 0.25rem 0.75rem; /* Equivalent to px-6 py-1 */
    color: #4a5568; /* Equivalent to text-gray-700 */
    border: 1px solid #cbd5e0; /* Equivalent to border border-gray-300 */
    width: 100%;
    font-weight: 500; /* Equivalent to font-medium */
    outline: none; /* Equivalent to focus:outline-none */
    transition: filter 0.3s; /* Equivalent to filter */
    margin-top: -5px;
  }
  
  .dataTables_length select option {
    background-color: #ffffff; /* Equivalent to dark:bg-bodybg */
    border: 1px solid #e2e8f0; /* Equivalent to border-gray-200 */
  }
  
  .dt-buttons button {
    display: inline-block;
    padding: 0.25rem 1rem; /* Equivalent to py-1 px-3 */
    background: linear-gradient(to right, #4a90e2, #63b8ff); /* Equivalent to ti-btn-info-gradient */
    color: #ffffff; /* Equivalent to text-white */
  }
  
  button.buttons-columnVisibility .active {
    display: inline-block;
    padding: 0.25rem 1rem; /* Equivalent to py-1 px-3 */
    background: linear-gradient(to right, #4a90e2, #63b8ff); /* Equivalent to ti-btn-info-gradient */
    color: #ffffff; /* Equivalent to text-white */
  }
  
  button.buttons-columnVisibility {
    padding: 0.25rem 1rem; /* Equivalent to py-1 px-3 */
  }
  
  .dataTables_filter {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
  }
  
  .dataTables_filter label {
    font-size: 0.875rem;
    color: #4a5568;
    display: flex;
    align-items: center;
  }
  
  .dataTables_filter input {
    margin-left: 0.3rem;
    flex: 1;
    border: 1px solid #e2e8f0;
    border-radius: 0.25rem;
    padding: 0.3rem;
  }
  
  .paginate_button {
    transition: background-color 0.3s, color 0.3s;
    cursor: pointer;
    padding: 0.25rem 0.75rem; /* Equivalent to py-1 px-3 */
    border-radius: 0.375rem; /* Equivalent to rounded-md */
    border: 1px solid #cbd5e0; /* Equivalent to border-gray-200 */
    color: #1a202c; /* Equivalent to text-defaulttextcolor */
    background: transparent;
  }
  
  .paginate_button:hover {
    color: #ffffff; /* Equivalent to text-primary */
    background: rgba(65, 105, 225, 0.3); /* Equivalent to bg-primary/30 */
  }
  
  .paginate_button.current {
    background: rgba(65, 105, 225, 0.6); /* Equivalent to bg-primary/60 */
    color: #ffffff; /* Equivalent to text-white */
  }
  
  .paginate_button.disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
  
  .buttons-colvis {
    cursor: pointer;
  }
  
  .dt-button-collection div[role="menu"] {
    display: grid;
    gap: 0.25rem; /* Equivalent to gap-1 */
  }
  
  .dataTables_empty {
    text-align: center;
  }
  
  .dataTables_processing::after {
    content: "Proccessing...";
  }
  
  table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before {
    content: "\f054";
    font-family: 'Font Awesome 6 Pro';
    color: #1a202c; /* Equivalent to text-primary */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Equivalent to shadow-sm */
    background: #f7fafc; /* Equivalent to bg-slate-100 */
    font-size: 0.875rem; /* Equivalent to text-sm */
  }
  
  table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before,
  table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
    content: "\f078";
    font-family: 'Font Awesome 6 Pro';
    color: #e53e3e; /* Equivalent to text-danger */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Equivalent to shadow-sm */
    background: #f7fafc; /* Equivalent to bg-slate-100 */
    font-size: 0.875rem; /* Equivalent to text-sm */
  }