.table-wrapper {
    @apply overflow-x-auto;

    a {
        @apply text-red underline;
    }

    .table-responsive {
        @apply block w-full;

        table {
            @apply w-full bg-white border-solid border-l border-t border-black-300;

            tr {
                th {
                    @apply bg-gray p-4 font-semibold text-left border-solid border-r border-b border-black-300;
                }

                .head {
                    @apply align-top;
                }

                td {
                    @apply p-4 align-top border-solid border-r border-b border-black-300;
                }

                &:hover {
                    @apply bg-gray-300;
                }
            }
        }
    }
}