body.body-small.fixed-sidebar.mini-navbar #page-wrapper {
    margin: 0 220px 0 0;

}

.footer.fixed {

    margin-right: 220px;
}

body.fixed-sidebar.body-small.mini-navbar .footer.fixed {
    margin: 0 220px 0 0;
}

@media (min-width: 768px) {
    #page-wrapper {

        margin: 0 220px 0 0;

    }

}


/* === RTL mini-navbar flyouts & mobile sidebar === */

/* القوائم الفرعية داخل الشريط الجانبي (الحالة العادية) */
.navbar-static-side .nav-second-level {display:none; direction:rtl; text-align:right;}
.navbar-static-side .nav > li.active > .nav-second-level {display:block;}
.navbar-static-side .nav-second-level li a {padding-right:40px; padding-left:15px;}

/* عندما تكون القائمة الجانبية مصغّرة (mini-navbar): افتح القوائم الفرعية من اليمين إلى داخل الصفحة */
.mini-navbar .navbar-static-side .nav > li {position:relative;}
.mini-navbar .navbar-static-side .nav > li > ul.nav-second-level,
.mini-navbar .navbar-static-side .nav > li > ul.nav-third-level,
.mini-navbar .navbar-static-side .nav > li > ul.open-left {
  position:absolute !important;
  top:0;
  right:70px !important;   /* عرض عمود الأيقونات في الحالة المصغّرة */
  left:auto !important;
  min-width:180px;
  direction:rtl; text-align:right;
  box-shadow:-4px 4px 12px rgba(0,0,0,.12);
  z-index:1045;
}
.mini-navbar .navbar-static-side .nav > li:hover > ul.nav-second-level,
.mini-navbar .navbar-static-side .nav > li.active > ul.nav-second-level {display:block !important;}
.mini-navbar .navbar-static-side .nav-second-level li a {white-space:nowrap; padding:10px 20px 10px 15px;}

/* موبايل/تابلت: الشريط الجانبي off-canvas من اليمين والقوائم الفرعية تتمدّد أسفل الأب (بدون flyout) */
@media (max-width:991.98px){
  .navbar-static-side{position:fixed; right:-280px; left:auto; top:0; bottom:0; width:280px; z-index:1046; overflow-y:auto; -webkit-overflow-scrolling:touch; transition:right .25s;}
  body.rtl-sidebar-open .navbar-static-side{right:0;}
  #page-wrapper{transition:transform .25s;}
  body.rtl-sidebar-open #page-wrapper{transform:translateX(-280px);}

  .mini-navbar .navbar-static-side .nav > li > ul.nav-second-level,
  .mini-navbar .navbar-static-side .nav > li > ul.nav-third-level{
    position:relative !important; right:0 !important; left:auto !important; box-shadow:none;
  }
}

/* أسهم FontAwesome باتجاه RTL */
.fa.arrow:before{content:"\f104";}
.navbar-static-side .nav > li > a .fa.arrow{float:left;}