html[dir="rtl"], body[dir="rtl"] {
  direction: rtl;
  unicode-bidi: embed;
  text-align: right;
}


[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
  text-align: right;
}


[dir="rtl"] p,
[dir="rtl"] span,
[dir="rtl"] a,
[dir="rtl"] li,
[dir="rtl"] label {
  text-align: right;
  direction: rtl;
}


[dir="rtl"] ul,
[dir="rtl"] ol {
  padding-right: 20px;
  padding-left: 0;
  margin-right: 0;
  margin-left: auto;
}


[dir="rtl"] nav,
[dir="rtl"] .navbar,
[dir="rtl"] .menu {
  text-align: right;
}


[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
  text-align: right;
  direction: rtl;
}


[dir="rtl"] button {
  text-align: center;
}


.force-ltr {
  direction: ltr !important;
  unicode-bidi: embed;
}


.side-menu {
    left: 0 !important;
    right: auto !important;
}


.side-menu ul,
.side-menu li {
    text-align: left;
    direction: ltr;
}


.side-menu i {
    margin-right: 10px;
    margin-left: 0;
}


.side-menu .metismenu ul {
    left: 100% !important;
    right: auto !important;
}