.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;
}

table {
    @apply min-w-full;
}

tbody {
    @apply bg-white;
}

tr {
    @apply border border-gray-300;
}

th {
    @apply px-4 py-2 bg-gray-200 text-left text-sm xl:text-base leading-4 font-bold text-primary align-top;
}

td {
    @apply px-4 py-2 text-sm leading-5 align-top;

}

table.horizontal td {
    @apply py-4;
}

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