.main-sidebar .nav-item .add-button {
    left: 10px;
    right: inherit;
}
.toast-container {
    left: 10px;  /* المحاذاة إلى اليمين */
    right: inherit;
}

.navbar-nav .profile-dropdown img{
   margin-left: 8px;
   margin-right: inherit;
}

.toast-container{ display: none; position: fixed; bottom:1rem; left:1rem; z-index:1065; }

div.dataTables_wrapper div.dataTables_filter{
  text-align:left !important;
}

/* قلب الحشوة في رأس الجدول للـ RTL */
html[dir="rtl"] table.dataTable > thead > tr > th:not(.sorting_disabled),
html[dir="rtl"] table.dataTable > thead > tr > td:not(.sorting_disabled) {
  padding-left: 30px !important;   /* مساحة للأيقونة */
  padding-right: 12px !important;  /* نفس قيمة Bootstrap تقريبًا */
}

/* لو كنت تستخدم نمط DataTables الكلاسيكي (خلفية صورة للفرز) */
html[dir="rtl"] table.dataTable thead .sorting,
html[dir="rtl"] table.dataTable thead .sorting_asc,
html[dir="rtl"] table.dataTable thead .sorting_desc {
  background-position: left center !important;
}

/* لو كنت تستخدم تكامل Bootstrap 4/5 (الأيقونات عبر :before/:after) */
html[dir="rtl"] table.dataTable thead .sorting:before,
html[dir="rtl"] table.dataTable thead .sorting_asc:before,
html[dir="rtl"] table.dataTable thead .sorting_desc:before,
html[dir="rtl"] table.dataTable thead .sorting:after,
html[dir="rtl"] table.dataTable thead .sorting_asc:after,
html[dir="rtl"] table.dataTable thead .sorting_desc:after {
  right: auto !important;
  left: .75em !important;   /* نفس مسافة DataTables لكن لليسار */
  text-align: left !important;
}
html[dir="rtl"] table.dataTable thead .sorting:after{
  margin-left: 8px;
}