table {
  @apply w-full print:w-auto;


}

thead {
  @apply hidden lg:table-header-group;
}

tr {
  @apply max-w-full  w-full  block relative border-b-4 border-gray-100
    lg:table-row lg:border-b-0 dark:border-slate-800;
}

tr:last-child {
  @apply border-b-0 w-full;

}

td:not(:first-child) {
  @apply lg:border-l-0  lg:border-t-0 lg:border-r-0 lg:border-b-2   lg:border-gray-100 lg:dark:border-slate-700;
}

th {
  @apply lg:text-left text-sm py-2  uppercase px-2 font-medium border-b bg-gray-50 ;
}

td {
 @apply  flex justify-between text-left text-sm items-center p-0  h-12 px-2 border-b border-gray-100
    lg:table-cell  lg:align-middle lg:border-b-2
    p-0.5

    text-slate-500
    dark:text-slate-400

    lg:block
    ;
}

td:last-child {
  @apply border-b-2;
}

tbody tr, tbody tr:nth-child(odd) {
  @apply lg:hover:bg-gray-100 lg:dark:hover:bg-slate-700/70;
}

tbody tr:nth-child(odd) {
  @apply

  /* lg:bg-gray-50 */

  lg:dark:bg-slate-800;
}

td:before {
  content: attr(data-label);
  @apply font-semibold pr-1 text-left lg:hidden;
}