@media (min-width:768px){ main.main-content  {
    margin-right: 250px;
    margin-left:auto;
    transition: margin-right.2s
}
}
.side-menu {
    left: auto;
    right: 0;
}
body{
    text-align: right;
    direction:rtl;
}
.side-menu > .container-fluid > .side-menu-body > ul li a .icon, .side-menu > .container > .side-menu-body > ul li a .icon, .side-menu > .side-menu-body > ul li a .icon {
    margin-left: 20px;
    margin-right:0px;
}
.dropdown-menu-right {
    right: auto;
    left: 0;
}

.sidebar.show {
  right: auto;
    left: 0;
}