.table-responsive {
    @apply w-full overflow-x-auto;
}

.table {
    @apply w-full border-collapse font-secondary text-sm text-gray-700;
}

.table thead th {
    @apply border-b-2 border-b-gray-300 align-bottom;
}

.table th {
    @apply border-t border-t-gray-300 p-3 text-left;
}

.table td {
    @apply border-t border-t-gray-300 p-3 align-middle;
}

.table-striped thead th {
    @apply bg-gray-200;
}

.table-striped tbody tr {
    @apply even:bg-gray-200;
}

.table-hover tbody tr {
    @apply hover:bg-[#f8f8fc];
}