.table-container {
    @apply relative overflow-x-auto border border-gray-200 rounded-xl dark:border-[#2a2a2a];
}

.table-container table {
    @apply w-full;
}

.table-container thead {
    @apply text-gray-700 uppercase bg-white border-b border-b-gray-200 font-bold dark:text-gray-300 dark:bg-[#1a1a1a] dark:border-b-[#2a2a2a];
}

.table-container th {
    @apply px-6 py-3;
}

.table-container tbody tr {
    @apply even:bg-gray-50 odd:bg-white border-b last:border-none border-gray-200 dark:even:bg-[#141414] dark:odd:bg-[#1a1a1a] dark:border-[#2a2a2a];
}

.table-container td {
    @apply px-3 py-3 first:pr-5 last:pl-5;
}

.table-container .footer-actions {
    @apply bg-white p-2 px-5 border-t border-t-gray-200 dark:bg-[#1a1a1a] dark:border-t-[#2a2a2a];
    display: flex;
    justify-content: space-between;

    align-items: center;
    .ipp {
        display: flex;

        align-items: center;
    }
}
