/**
 * COMPONENTS / TABLE
 *
 * INDEX:
 * - table
 *
 */

.table
{
    @apply w-full rounded;
}

.table tr:first-of-type th,
.table tr:first-of-type td
{
    @apply border-t-0;
}

.table > thead > tr > th
{
    @apply font-bold text-left text-dark border-gray-000 border-b;
}

.table > tbody > tr > td,
.table > thead > tr > td,
.table > tfoot > tr > td,
.table > tbody > tr > th,
.table > thead > tr > th,
.table > tfoot > tr > th
{
    @apply align-middle text-dark border-gray-000 border-t border-b px-3 py-2;
}

.table > tbody > tr > td:nth-child(2),
.table > thead > tr > td:nth-child(2),
.table > tfoot > tr > td:nth-child(2),
.table > tbody > tr > th:nth-child(2),
.table > thead > tr > th:nth-child(2),
.table > tfoot > tr > th:nth-child(2)
{
    @apply pl-0;
}

.table tbody tr:hover td,
.table tbody tr:hover th
{
    @apply bg-gray-000;
}