@import "tailwindcss";
@source "../views";

table.dataTable{
    width: 100% !important;
    border-collapse: collapse;
    border-spacing: 0;
}

[x-cloak] {
    display: none !important;
}

div.dt-container .dt-paging .dt-paging-button {
    padding: 0 !important;
}

div.dt-container .dt-paging .dt-paging-button button.page-link {
        padding: 0.5em 1em;
}

div.dt-container .dt-paging .dt-paging-button.page-item.active,
div.dt-container .dt-paging .dt-paging-button.page-item.active:hover {
    background: rgb(211, 211, 211) !important;
}

div.dt-container .dt-paging .dt-paging-button.page-item:hover
{
    background: rgb(211, 211, 211) !important;
    border: 1px solid gray !important;
    color: inherit !important;
}