@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
    font-family: 'Inter';
    --font-family: 'Inter';
    --sidebar-width: 20rem;
    --collapsed-sidebar-width: 4.5rem;
    --default-theme-mode: system;
}

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

#databarang-table_wrapper table.dataTable td:nth-child(6),
#databarang-table_wrapper table.dataTable th:nth-child(6) {
    width: 10rem;
    max-width: 10rem;
}

#databarangadmin-table_wrapper table.dataTable td:nth-child(10),
#databarangadmin-table_wrapper table.dataTable th:nth-child(10) {
    width: 15rem;
    max-width: 20rem;
}

#databarangadmin-table_wrapper table.dataTable th:nth-child(7),
#databarangadmin-table_wrapper table.dataTable td:nth-child(7), 
#databarangadmin-table_wrapper table.dataTable th:nth-child(8),
#databarangadmin-table_wrapper table.dataTable td:nth-child(8) {
    width: 8rem;
    max-width: 10rem;
}