html[dir="rtl"] body {
  direction: ltr;
  text-align: left;
}


html[dir="rtl"] .nk-sidebar,
html[dir="rtl"] .main-menu {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 260px;
  height: 100%;
  float: left !important;
  z-index: 1000;
  text-align: left !important;
  direction: ltr !important;
  transform: none !important;
}


html[dir="rtl"] .nk-sidebar .metismenu li a {
    display: flex !important;
    align-items: center !important;
    text-align: left !important;
    direction: ltr !important;
}


html[dir="rtl"] .nk-sidebar .metismenu li a i {
    margin-right: 10px !important;
    margin-left: 0 !important;
    flex-shrink: 0 !important;
}


html[dir="rtl"] .nk-sidebar .metismenu li a span.nav-text {
    display: inline-block !important;
}



@media (min-width: 992px) {
  html[dir="rtl"] #main-wrapper,
  html[dir="rtl"] .content-body,
  html[dir="rtl"] .header {
    margin-left: 260px !important;
    margin-right: 0 !important;
  }
}


@media (max-width: 991px) {
  html[dir="rtl"] #main-wrapper,
  html[dir="rtl"] .content-body,
  html[dir="rtl"] .header {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}


html[dir="rtl"] .drop-down .dropdown-content-body,
html[dir="rtl"] .header .header-right,
html[dir="rtl"] .drop-down .dropdown-content-body ul {
  text-align: right !important;
  direction: rtl !important;
}


html[dir="rtl"] p,
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3,
html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6,
html[dir="rtl"] span,
html[dir="rtl"] li,
html[dir="rtl"] td, html[dir="rtl"] th,
html[dir="rtl"] .text,
html[dir="rtl"] .rtl-content {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .menu-mobile .menu-list {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    padding: 0 5% !important;
    display: flex !important;
    justify-content: space-between !important;
    width: 100% !important;
    box-sizing: border-box !important;
}



html[dir="rtl"] .menu-mobile .menu-list .menu-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    max-width: 80px !important;
    text-align: center !important;
}


html[dir="rtl"] .menu-mobile .menu-list .menu-item a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}