body.dark .swal2-popup {
    background-color: #1F1F1F !important;
    color: #FFF !important;
}

.err {
    border-color: red;
}

.submenu-item-icon i {
    font-size: 18px;
}

/* DATATABLES */
    .dt-container {
        --bs-pagination-padding-x: 0;
        --bs-pagination-padding-y: 0;
        --bs-pagination-font-size: 1rem;
        --bs-pagination-color: #2d3436;
        --bs-pagination-bg: var(--bs-body-bg);
        --bs-pagination-border-width: var(--bs-border-width);
        --bs-pagination-border-color: #b2bec3;
        --bs-pagination-border-radius: var(--bs-border-radius);
        --bs-pagination-hover-color: #474e39;
        --bs-pagination-hover-bg: #ffffff;
        --bs-pagination-hover-border-color: #474e39;
        --bs-pagination-focus-color: #474e39;
        --bs-pagination-focus-bg: #ffffff;
        --bs-pagination-focus-box-shadow: none;
        --bs-pagination-active-color: #474e39;
        --bs-pagination-active-bg: #ffffff;
        --bs-pagination-active-border-color: #474e39;
        --bs-pagination-disabled-color: #b2bec3;
        --bs-pagination-disabled-bg: #f0f3f5;
        --bs-pagination-disabled-border-color: #b2bec3;
        --bs-table-color-type: initial;
        --bs-table-bg-type: initial;
        --bs-table-color-state: initial;
        --bs-table-bg-state: initial;
        --bs-table-color: #2d3436;
        --bs-table-bg: transparent;
        --bs-table-border-color: #dfe6e9;
        --bs-table-accent-bg: transparent;
        --bs-table-striped-color: #2d3436;
        --bs-table-striped-bg: rgba(250, 250, 250, 0.5803921569);
        --bs-table-active-color: #2d3436;
        --bs-table-active-bg: #f1f1f1;
        --bs-table-hover-color: #2d3436;
        --bs-table-hover-bg: #fafafa;
        padding: 1rem !important;
    }
    table.dataTable {
        width: 100%;
        border-collapse: collapse;
        font-family: 'Arial', sans-serif;
        font-size: 14px;
        color: #333;
    }

    .dt-container .dt-length, .dt-container .dt-info {
        padding-left: 12px;
    }
    .dt-container .dt-length select {
        padding: 0 !important;
        border: none !important;
    }
    .dt-container .dt-length select:focus, .dt-container .dt-length select:focus-visible {
        border: none !important;
    }
    .dt-container .dt-length label {
        padding-left: .25rem !important;
    }

    table.dataTable thead th {
        background-color: var(--bs-table-bg) !important;
        color: var(--bs-table-color) !important;
        padding: 12px 15px !important;
        border-bottom: 0 !important;
    }

    table.dataTable tbody tr {
        background-color: var(--bs-table-bg) !important;
        border-bottom: 0 !important;
    }
    table.dataTable tbody tr:hover {
        background-color: var(--bs-table-hover-bg) !important;
    }

    table.dataTable tbody tr:nth-child(even) {
        background-color: #f9f9f9 !important;
    }
    body.dark table.dataTable tbody tr:nth-child(even), body.dark thead {
        background-color: #1e1e1e !important;
    }
    body.dark table.dataTable thead th {
        color: #F0F0F0 !important;
    }

    table.dataTable tbody td {
        padding: 10px 15px !important;
        vertical-align: middle !important;
    }

    div.dt-container .dt-paging nav {
        display: flex;
        justify-content: center;
        margin-top: 15px;
        gap: .5rem;
        margin-right: 1rem;
    }
    div.dt-container .dt-paging .dt-paging-button {
        color: var(--bs-pagination-color) !important;
        background-color: var(--bs-pagination-bg) !important;
        border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color) !important;
        padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x) !important;
        margin: 0 !important;
        cursor: pointer !important;
        border-radius: 7px !important;
        font-size: 24px !important;
    }
    div.dt-container .dt-paging .dt-paging-button:hover {
        color: var(--bs-pagination-hover-color) !important;
        background-color: var(--bs-pagination-hover-bg) !important;
        border-color: var(--bs-pagination-hover-border-color) !important;
    }
    div.dt-container .dt-paging .dt-paging-button.current {
        background-color: var(--bs-pagination-active-color) !important;
        color: var(--bs-pagination-bg) !important;
        border: var(--bs-pagination-active-border-color) !important;
    }
    div.dt-container .dt-paging .dt-paging-button.disabled {
        background-color: var(--bs-pagination-disabled-color) !important;
        color: var(--bs-pagination-disabled-bg) !important;
        border: var(--bs-pagination-active-disabled-color) !important;
    }
    div.dt-container .dt-paging .dt-paging-button.disabled:hover {
        background-color: var(--bs-pagination-disabled-color) !important;
        color: var(--bs-pagination-disabled-bg) !important;
        border: var(--bs-pagination-active-disabled-color) !important;
        cursor: not-allowed !important;
    }
/* DATATABLES */

/* SELECT2 */
    .select2-selection.select2-selection--single, .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__clear {
        height: 39.6px !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 39.6px !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 38.6px !important;
    }

    body.dark .select2-container--default .select2-selection--single {
        border-color: #333333;
        background: #141414;
        color: #F0F0F0;
    }
    body.dark .select2-dropdown, body.dark .select2-search__field {
        background: #141414 !important;

    }
    body.dark .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #F0F0F0;
    }
    body.dark .select2-container .select2-selection--single .select2-selection__clear {
        color: #F0F0F0 !important;
    }
/* SELECT2 */

/* DROPZONE */

.dropzone {
    background-color: transparent;
    border: 2px dashed #5a6171;
    border-radius: 8px;
    color: #828997;
    text-align: center;
    padding: 40px;
    font-family: Arial, sans-serif;
    min-height: 200px;
}
.dz-text {
    font-size: 20px;
    font-weight: 600;
    color: #848b97;
}
.dz-text span {
    font-size: 14px;
    font-weight: 400;
    display: block;
    margin-top: 8px;
    color: #a0a8b4;
}
.dropzone.dz-drag-hover {
    border-color: #b0bec5;
}
.dropzone .dz-preview.dz-image-preview {
    background: transparent !important;
}
.dropzone .dz-preview .dz-image {
    border: 1px solid #5a6171;
}

/* DROPZONE */