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

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

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

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

div.dt-container {
    margin: 0 auto;
    width: 100%;
}

.dataTables_wrapper .dataTables_paginate .paginate_button
{
    border: none !important;
    padding: 0.2em 0.5em !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #d8d5d5 !important;
    color: black !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current
{
    background: #efefef !important;
}

@media (max-width: 1024px) { 
    
    .dataTables_wrapper .dataTables_filter input,
    .dataTables_wrapper .dataTables_length select {
        padding: 2px;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        font-size: 13px;
    }
    
}