.data-table-wrapper {
    @apply overflow-x-auto lg:overflow-x-visible mb-8;
}

.data-table-wrapper__inner {
    @apply align-middle inline-block min-w-full overflow-hidden lg:overflow-visible;
}

.data-table {
    @apply min-w-full;
}

.data-table tbody {
    @apply bg-white;
}

.data-table tr {
    @apply border border-gray-300;
}

.data-table th {
    @apply px-4 py-2 bg-gray-200 text-left leading-4 font-bold text-primary align-top;
}

.data-table td {
    @apply px-4 py-2 leading-5 align-top;
}

.data-table tbody tr {
    @apply hover:bg-gray-100;
}