table > thead > tr > th,
table > tbody > tr > td {
    @apply !py-3 !px-4 text-sm;
}
table > thead > tr > th.mantine-187dsit {
    background-color: rgb(224 230 237 / 0.3);
}
.datatables table tbody tr {
    @apply bg-white dark:!border-[#191e3a] dark:bg-black;
}

.datatables table tr.mantine-1ublbff.mantine-1ublbff {
    @apply bg-transparent;
}
.datatables table tbody tr td {
    @apply !border-0 !border-none;
}
table tr .mantine-Checkbox-root {
    @apply flex;
}
.datatables table thead tr th {
    @apply !border-b-0 !bg-white-light/30  text-black dark:!bg-[#1a2941] dark:!text-white-dark;
}

.datatables .table-bordered table thead tr th,
.datatables .table-bordered table tbody tr td {
    @apply !border !border-solid !border-[#f6f7fa] dark:!border-[#191e3a];
}

.datatables .table-compact table thead tr th,
.datatables .table-compact table tbody tr td {
    @apply !py-2 !px-3;
}
/* .datatables table thead tr th.text-center > div {
    @apply text-center;
} */
.datatables .mantine-gzzjso,
.datatables .mantine-lrzwoq {
    @apply border-t-0 !p-0 !pt-5 !bg-transparent;
}
.datatables.pagination-padding .mantine-gzzjso {
    @apply !px-5;
}
[dir='rtl'] .datatables .mantine-ScrollArea-root.mantine-lvjyp7 {
    direction: rtl;
}
.mantine-Table-root[data-hover] tbody tr:hover {
    @apply !bg-[#e0e6ed33] dark:!bg-[#1a2941]/40;
}
.mantine-Table-root[data-striped] tbody tr:nth-of-type(odd) {
    @apply bg-white-light/20 dark:!bg-[#1a2941]/40;
}
.datatables table {
    @apply font-nunito !text-black dark:!text-white-dark;
}
.datatables .mantine-Text-root {
    @apply flex-none !font-nunito text-sm font-medium;
}

.datatables thead tr th .mantine-Group-root.mantine-1d34tqu {
    @apply justify-start;
}
.datatables thead tr th .mantine-Group-root.mantine-1d34tqu .mantine-oqxib5 {
    @apply flex-grow-0;
}
.mantine-Group-root > .mantine-Text-root {
    @apply hidden;
}
.mantine-Group-root .mantine-UnstyledButton-root {
    @apply hover:bg-inherit dark:!border-[#191e3a] dark:text-white-dark;
}

.mantine-Table-root th.text-right .mantine-Group-root {
    @apply !justify-end;
}
.datatables .mantine-Group-root[role='navigation'] {
    @apply flex-auto justify-end gap-1;
}
.mantine-Menu-dropdown {
    @apply dark:!border-[#191e3a] dark:!bg-[#1a2941] dark:text-white-dark;
}

.mantine-Checkbox-body {
    @apply grid h-5 w-5 place-content-center overflow-hidden rounded  border-0  bg-transparent text-primary;
}
.mantine-Checkbox-inner > .mantine-Checkbox-input {
    @apply border-2 border-white-light bg-transparent dark:!border-[#253b5c];
}
.mantine-Checkbox-inner > .mantine-Checkbox-input:checked {
    @apply !border-primary bg-primary;
}

.mantine-y4ntz3 {
    @apply rounded border border-white-light outline-0 focus:ring-1 focus:ring-white-light/40;
}
.mantine-3xbgk5 .mantine-qo1k2 {
    @apply p-2 text-sm;
}
.mantine-Pagination-item {
    @apply h-9 w-9 rounded-full border-white-light !bg-white-light font-nunito text-sm !text-[#3b3f5c] hover:!bg-primary hover:!text-white dark:border-[#191e3a] dark:!bg-[#191e3a] dark:!text-white rtl:first:rotate-180 rtl:last:rotate-180;
}
.mantine-Pagination-item[data-active] {
    @apply !bg-primary !text-white;
}
.mantine-Menu-item .mantine-Text-root {
    @apply text-center font-nunito !text-sm;
}
.mantine-Menu-item {
    @apply hover:bg-primary hover:text-white dark:text-white-dark dark:hover:text-white;
}
.mantine-Menu-arrow {
    @apply dark:!border-[#191e3a];
}
.mantine-Menu-item:disabled {
    @apply !text-[#adb5bd];
}
.mantine-ScrollArea-viewport > div:first-child > div {
    @apply bg-none;
}

.table-hover.invoice-table > div:nth-child(2) {
    @apply !px-5;
}