.dleft {
    direction: ltr;
    text-align: left;
}
.dleft::placeholder {
    direction: rtl; /* جهت placeholder راست‌چین */
    text-align: right; /* placeholder راست‌چین */
}
.breadcrumb .breadcrumb-item {
    font-size: 17px;
}
.swal2-popup .swal2-title {
    color: var(--bs-text-gray-800) !important;
}

.th.min-w-125px.dt-orderable-asc.dt-orderable-desc {
    text-align: right;
}

.multiselect .multiselect__select {
    background: var(--bs-gray-100);
}

.multiselect .multiselect__tags {
    background: var(--bs-gray-100);
    border: 1px solid var(--bs-gray-100);
    border-radius: 0.475rem;
    color: var(--bs-gray-700);
}

.multiselect .multiselect__input,
.multiselect .multiselect__single {
    background: transparent;
    color: var(--bs-gray-700);
}

.multiselect .multiselect__content-wrapper {
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-gray-300);
    border-radius: 0.475rem;
    box-shadow: var(--bs-box-shadow);
}

.multiselect .multiselect__option {
    color: var(--bs-gray-700);
    padding: 0.65rem 1rem;
}
.multiselect .multiselect__option:after {
    background: var(--bs-primary);
}

.multiselect .multiselect__option--highlight {
    background: var(--bs-primary);
    color: #fff;
}

.multiselect .multiselect__option--selected {
    background: var(--bs-gray-200);
    color: var(--bs-gray-800);
}

.multiselect .multiselect__tag {
    background: var(--bs-primary);
    color: #fff;
    border-radius: 0.375rem;
    padding: 0.25rem 0.5rem;
    margin: 0.25rem;
}

.multiselect .multiselect__tag .multiselect__tag-icon:after {
    color: #fff;
}

/* تغییرات دارک مود */
html[theme-mode="dark"] .multiselect .multiselect__select {
    background: var(--bs-gray-800);
    border-color: var(--bs-gray-700);
}

html[theme-mode="dark"] .multiselect .multiselect__tags {
    background: var(--bs-gray-800);
    border-color: var(--bs-gray-700);
    color: var(--bs-gray-200);
}

html[theme-mode="dark"] .multiselect .multiselect__input,
html[theme-mode="dark"] .multiselect .multiselect__single {
    color: var(--bs-gray-200);
}

html[theme-mode="dark"] .multiselect .multiselect__content-wrapper {
    background: var(--bs-gray-800);
    border-color: var(--bs-gray-700);
    color: var(--bs-gray-200);
}

html[theme-mode="dark"] .multiselect .multiselect__option {
    color: var(--bs-gray-200);
}

html[theme-mode="dark"] .multiselect .multiselect__option--highlight {
    background: var(--bs-primary);
    color: #fff;
}

html[theme-mode="dark"] .multiselect .multiselect__option--selected {
    background: var(--bs-gray-700);
    color: var(--bs-gray-100);
}

html[theme-mode="dark"] .multiselect .multiselect__tag {
    background: var(--bs-primary);
    color: #fff;
}

html[theme-mode="dark"] .multiselect .multiselect__tag .multiselect__tag-icon:after {
    color: #fff;
}



.table-empty-list {
    padding-top: 40px !important;
}

.btn > i {
    padding-left: 0;
    /*padding-right: 0.35rem;*/
}

.ltr {
    text-align: left;
    direction: ltr;
}

.apexcharts-tooltip-text {
    margin-right: 20px;
    margin-left: 20px;
}

[data-bs-theme=light] .theme-dark-bg-body {
    background-color: #03A9F4;
}

.image-input-placeholder {
    background-image: url('/assets/panel/media/svg/files/blank-image.svg');
}

[data-bs-theme="dark"] .image-input-placeholder {
    background-image: url('/assets/panel/media/svg/files/blank-image-dark.svg');
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after {
    right: auto;
    left: 1.25rem;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    left: 4px;
    opacity: 1;
}

/* Start Date picker*/

.datepicker-plot-area {
    width: 300px !important;
    box-shadow: var(--bs-dropdown-box-shadow) !important;
    background-color: var(--bs-body-bg) !important;
    border: none !important;
}
.datepicker-plot-area .datepicker-day-view .table-days td {
    padding: 8px !important;
}
.datepicker-plot-area .datepicker-day-view .table-days td.selected span, .datepicker-plot-area .datepicker-year-view .year-item.selected, .datepicker-plot-area .datepicker-month-view .month-item.selected {
    border-radius: 4px !important;
    background-color: var(--bs-primary) !important;
}
.datepicker-plot-area .datepicker-day-view .table-days td span {
    font-size: 16px !important;
    height: 25px !important;
}
.datepicker-plot-area .toolbox .pwt-btn-submit, .datepicker-plot-area .toolbox .pwt-btn-calendar, .datepicker-plot-area .toolbox .pwt-btn-today {
    font-size: 14px !important;
    height: 40px !important;
    line-height: 37px !important;
    font-weight: 700 !important;
}

.datepicker-plot-area .datepicker-day-view .table-days td span, .datepicker-plot-area .datepicker-year-view .year-item, .datepicker-plot-area .datepicker-month-view .month-item {
    background-color: transparent !important;
    color: var(--bs-gray-900) !important;
}
.datepicker-plot-area .datepicker-day-view .table-days td span.other-month {
    color: rgba(var(--bs-gray-900-rgb), .38) !important;
}
.datepicker-plot-area .toolbox .pwt-btn-submit, .datepicker-plot-area .toolbox .pwt-btn-calendar, .datepicker-plot-area .toolbox .pwt-btn-today {
    background-color: transparent !important;
    color: var(--bs-gray-900) !important;
}
.datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row-cell {
    color: var(--bs-gray-900) !important;
}
.datepicker-plot-area .datepicker-navigator .pwt-btn-next, .datepicker-plot-area .datepicker-navigator .pwt-btn-switch, .datepicker-plot-area .datepicker-navigator .pwt-btn-prev {
    background-color: transparent !important;
    color: var(--bs-gray-900) !important;
}
/* End date picker*/


html[data-bs-theme="light"] .index-card-statist .text-gray-900 {
    color: #FFFFFF !important;
}

html[dir="rtl"] .menu-sub.menu-sub-dropdown[data-kt-menu-placement="bottom-end"] {
    left: 100% !important;
    right: auto !important;
}

input::placeholder {
    text-align: right;
}

.multiselect__tags span{
    padding-right: 15px;
}

th .ki-down , th  .ki-up{
    top: 3px;
}

.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}
.symbol.symbol-50px > img  , .symbol.symbol-35px > img{
    width: auto !important;
}