.dataTables_filter > label, .dataTables_length > label {
    display: inline-flex !important;
    align-items: center !important;
}

.dataTables_filter > label > input, .dataTables_length > label > select {
    margin: 0 10px !important;
}

table.dataTable > thead .sorting_desc::after {
    margin-right: 5px !important;

}

table.dataTable > thead .sorting_asc:after {
    margin-right: 5px;
}

th, td {
    text-align: center !important;
}

td {
    font-size: 13px !important;
    font-weight: bold !important;
}

.dataTables_processing {
    top: 64px !important;
    z-index: 11000 !important;
}

.app-sidebar-menu-primary.menu > .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .app-sidebar-menu-primary.menu > .menu-item:not(.here) > .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color 0.2s ease;
    color: var(--bs-gray-800) !important;
}

.app-sidebar-menu-primary.menu > .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon, .app-sidebar-menu-primary.menu > .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .app-sidebar-menu-primary.menu > .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .app-sidebar-menu-primary.menu > .menu-item:not(.here) > .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, .app-sidebar-menu-primary.menu > .menu-item:not(.here) > .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .app-sidebar-menu-primary.menu > .menu-item:not(.here) > .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
    color: var(--bs-gray-800) !important;
}

.app-sidebar-menu-primary.menu > .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .app-sidebar-menu-primary.menu > .menu-item:not(.here) > .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: var(--bs-gray-800) !important;

}

.btn-check:checked + .btn.btn-active-light-primary, .btn-check:active + .btn.btn-active-light-primary, .btn.btn-active-light-primary:focus:not(.btn-active), .btn.btn-active-light-primary:hover:not(.btn-active), .btn.btn-active-light-primary:active:not(.btn-active), .btn.btn-active-light-primary.active, .btn.btn-active-light-primary.show, .show > .btn.btn-active-light-primary,
.btn-check:checked + .btn.btn-active-light-primary i, .btn-check:checked + .btn.btn-active-light-primary .svg-icon, .btn-check:active + .btn.btn-active-light-primary i, .btn-check:active + .btn.btn-active-light-primary .svg-icon, .btn.btn-active-light-primary:focus:not(.btn-active) i, .btn.btn-active-light-primary:focus:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:hover:not(.btn-active) i, .btn.btn-active-light-primary:hover:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:active:not(.btn-active) i, .btn.btn-active-light-primary:active:not(.btn-active) .svg-icon, .btn.btn-active-light-primary.active i, .btn.btn-active-light-primary.active .svg-icon, .btn.btn-active-light-primary.show i, .btn.btn-active-light-primary.show .svg-icon, .show > .btn.btn-active-light-primary i, .show > .btn.btn-active-light-primary .svg-icon {
    color: #028451 !important;
}


.app-sidebar-menu-primary.menu > .menu-item .menu-item .menu-link.active .menu-bullet .bullet,
.app-sidebar-menu-primary.menu > .menu-item .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, .app-sidebar-menu-primary.menu > .menu-item .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet,
.app-sidebar-menu-primary.menu > .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .app-sidebar-menu-primary.menu > .menu-item:not(.here) > .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
    background-color: var(--bs-text-success) !important;
}

.app-sidebar-menu-primary.menu > .menu-item .menu-item .menu-link.active .menu-title,
.app-sidebar-menu-primary.menu > .menu-item > .menu-link.active .menu-icon,
.app-sidebar-menu-primary.menu > .menu-item > .menu-link.active .menu-icon .svg-icon,
.app-sidebar-menu-primary.menu > .menu-item > .menu-link.active .menu-icon i,
.app-sidebar-menu-primary.menu > .menu-item > .menu-link.active .menu-title,
.app-sidebar-menu-primary.menu > .menu-item .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .app-sidebar-menu-primary.menu > .menu-item .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here),
.app-sidebar-menu-primary.menu > .menu-item .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .app-sidebar-menu-primary.menu > .menu-item .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: var(--bs-text-success) !important;
}

.swal2-actions {
    flex-direction: row-reverse;
}

.select2-container--bootstrap5 .select2-selection--multiple.form-select-lg .select2-selection__choice .select2-selection__choice__remove,
.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice .select2-selection__choice__remove {
    margin-left: .5rem !important;
    margin-right: unset !important;
    left: 0 !important;
}

.select2-container--bootstrap5 .select2-search.select2-search--inline .select2-search__field, .select2-container--bootstrap5 .select2-selection--single.form-select-solid .select2-selection__rendered {
    /*font-family: '' !important;*/
    font-size: 13px !important;
}

.select2-selection__choice, .select2-selection__choice button {
    background-color: #363636 !important;
    color: white !important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected::after {
    left: 1.25rem !important;
    right: unset !important;
    background-color: #028451 !important;
}

.card {
    --bs-card-border-color: #4A4B50 !important;
}

.card-footer {
    padding: 35px 0px 0px 0px !important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
    background-color: var(--bs-primary-light) !important;
    color: #028451 !important;
    transition: color 0.2s ease;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
    background-color: var(--bs-primary-light) !important;
    color: #028451 !important;
    transition: color 0.2s ease;
    position: relative;
}

.select2-container--bootstrap5 .select2-selection--single {
    padding: 1rem 0.5rem !important;
    border-radius: 0.85rem !important;
}

/*this css for light theme */

[data-bs-theme=light] {
    --bs-light: #DBDCDE !important;
    --bs-dropdown-bg: #E3E6EF !important;

    .form-control.form-control-solid,.form-select.form-select-solid {
        background-color: var(--bs-gray-200) !important;
        border-color: var(--bs-gray-200) !important;

    }
    .input-group.input-group-solid .input-group-text {
        background-color: var(--bs-gray-300) !important;
    }

    .form-check-label {
        color: var(--bs-gray-800) !important;
    }

    .form-check.form-check-solid .form-check-input:not(:checked) {
        background-color: var(--bs-gray-300) !important;
    }

    .form-control {
        color: var(--bs-gray-700) !important;
    }

    .table:not(.table-bordered).table-row-gray-300 tr {
        border-bottom-color: var(--bs-gray-600);
    }

    .jstree-default .jstree-icon, .jstree-default .jstree-node {
        color: unset !important;
    }

    .jstree-default .jstree-hovered {
        color: unset !important;

    }
}


/*this css for reset password page for User*/
.set-password-card-body {
    border: none !important;
}

/* end reset password page for User */


/* this css for dashboard page*/
.shadow-modal {
    border: 1px solid rgba(2, 132, 81, 0.3);
    box-shadow: 0 0 30px rgba(0, 180, 255, 0.12);
}

/* end dashboard page */


/* this css for toolbar page */
.border-tool-bar {
    border: 1px solid var(--bs-app-content-border-color);
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
}

/* end toolbar page */

.swal2-styled {
    border-radius: 0.75rem !important;
    padding: calc(0.775rem + 1px) calc(1.5rem + 1px) !important;
}

/* this css check box color */
.form-check-input:checked {
    background-color: #028451 !important;
}

/* end css check box color */

/* this css for construction-text */

.construction-text {
    color: #9aadfd;
    font-weight: 500;
    font-size: 2.05rem;
    text-align: center;
    margin-top: 1.5rem;
    letter-spacing: 0.02em;
    position: relative;
    display: inline-block;
    padding: 0.4rem 1.4rem 0.9rem;
    background: rgba(17, 24, 39, 0.35); /* کمی تیره، شفاف */
    border: 1px solid rgba(96, 165, 250, 0.25); /* آبی ملایم */
    border-radius: 9999px;
    backdrop-filter: blur(6px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}

[data-bs-theme=light] {
    .construction-text {
        color: unset;
    }
}

.construction-text::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0.35rem;
    transform: translateX(-50%);
    width: 55%;
    height: 3px;
    background: linear-gradient(120deg, #3b82f6, #38bdf8);
    border-radius: 9999px;
}

/* end css for construction-text */
.app-sidebar-menu-primary.menu > .menu-item .menu-item .menu-link.active .menu-icon, .app-sidebar-menu-primary.menu > .menu-item .menu-item .menu-link.active .menu-icon .svg-icon, .app-sidebar-menu-primary.menu > .menu-item .menu-item .menu-link.active .menu-icon i {
    color: var(--bs-text-success) !important;
}

.irs--round .irs-min, .irs--round .irs-max{
    direction: ltr !important;
}

.resource-slider-value{
    direction: ltr !important;
}
.irs{
    direction: ltr !important;
}