Django JET admin RTL (For persian and arabic ,...)

rtl.css

@import url("../fonts/css/fontiran.css");

html {
    direction: rtl;
    font-family: IRANSans;
}

.sidebar {
    right: 0 !important;
    left: auto !important;
    -webkit-transform: translate3d(100%, 0, 0) !important;;
    transform: translate3d(100%, 0, 0) !important;
}

body.menu-pinned #container {
    padding-left: 0 !important;
    padding-right: 250px !important;
    padding-right: 17.85714rem !important;

}

#container {
    padding: 0;
    min-height: 100%;
    transition: padding-right 0.3s !important;
}

body.menu-pinned .sidebar, .sidebar.sidebar-opened {
    -webkit-transform: none !important;
    transform: none !important;
}

.sidebar-container-toggle {
    float: right;
    padding: 10px 20px 10px 0;
    padding: 0.71429rem 1.42857rem 0.71429rem 0;
}

.dashboard-tools {
    position: absolute;
    left: 215px;
    left: 15.35714rem;
    right: auto;
}

.user-tools ul {
    position: absolute;
    left: 20px;
    left: 1.42857rem;
    right: auto;
}

.dashboard-item-header-buttons, .dashboard-item-header-drag {
    float: left;
}

.icon-arrow-right:before {
    content: "\e60a";
}

.sidebar-right {
    float: left;
    margin-right: 10px;
    margin-right: 0.71429rem;
    margin-left: 0;
}

body.change-list .object-tools {
    float: left !important;
}

.aligned label {
    display: block;
    padding: 8px 0 0 10px;
    padding: 0.57143rem 0 0 0.71429rem;
    float: right;
}

body.menu-pinned .changelist-footer.fixed {
    right: 270px;
    right: 19.28571rem;
    left: 20px;
    left: 1.42857rem;
}

body.menu-pinned table.helper {
    right: 270px;
    right: 19.28571rem;
    left: 20px;
    left: 1.42857rem;
}

thead th:last-child, tfoot td:last-child {
    border-radius: 4px 0 0 0;
    border-radius: 0.28571rem 0 0 0;
}

thead th:first-child, tfoot td:first-child {
    border-radius: 0 4px 0 0;
    border-radius: 0 0.28571rem 0 0;
}

.paginator .pages-wrapper span:first-child, .paginator .pages-wrapper a:first-child {
    border-radius: 0 4px 4px 0;
    border-radius: 0 0.28571rem 0.28571rem 0;
}

.paginator .pages-wrapper span:last-child, .paginator .pages-wrapper a:last-child {
    border-radius: 4px 0 0 4px;
    border-radius: 0.28571rem 0 0 0.28571rem;
}

div.breadcrumbs {
    padding: 10px 20px 10px 215px;
    padding: 0.71429rem 1.42857rem 0.71429rem 15.35714rem;
}

th, .text {
    text-align: right;
}

.breadcrumbs a, .breadcrumbs .breadcrumbs-separator {
    float: right;
    line-height: 32px;
    line-height: 2.28571rem;
}

.dashboard-item-content ul:not(.inline) li .float-right {
    float: left;
}

.add-dashboard-link {
    border-radius: 4px 0 0 4px !important;
    border-radius: 0.28571rem 0 0 0.28571rem !important;
}

.add-dashboard + .select2 .select2-selection {
    border-radius: 0 4px 4px 0 !important;
    border-radius: 0 0.28571rem 0.28571rem 0 !important;
    border-width: 0;
}

#changelist .paginator {
    text-align: left;
}

.submit-row p.deletelink-box {
    float: left;
}

.aligned label + p {
    margin-right: 170px;
    margin-right: 12.14286rem;

    margin-left: 0;
    margin-left: 0;
}

.vDateField-link span, .vTimeField-link span {
    border-radius: 4px 0 0 4px;
    border-radius: 0.28571rem 0 0 0.28571rem;
}

.vDateField-link + .vTimeField, .vDateField, .vTimeField {
    margin-right: 10px;
    margin-right: 0.71429rem;
    margin-left: 0;
    border-radius: 0 4px 4px 0 !important;
    border-radius: 0 0.28571rem 0.28571rem 0 !important;
    border-right-width: 1px !important;
    border-left-width: 0 !important;
}

thead th, tfoot td {
    text-align: right;
}

.icon-arrow-left:before {
    content: "\e60b";
}

.segmented-button.right {
    border-radius: 4px 0 0 4px;
    border-radius: 0.28571rem 0 0 0.28571rem;
}

.segmented-button.left {
    border-radius: 0 4px 4px 0;
    border-radius: 0 0.28571rem 0.28571rem 0;
}

.changeform-navigation-button-icon.left {
    float: right;
}

.changeform-navigation-button-icon.right {
    float: left;
}

.related-popup {
    padding-right: 250px;
    padding-right: 17.85714rem;
    padding-left: 0;
}

.related-popup-back, .related-popup-back:visited, .related-popup-back:hover {
    right: 250px;
    right: 17.85714rem;
    left: unset;
}

.inline-related h3 span.delete, .inline-related h3 .inline-deletelink {
    float: left;
    margin-right: 10px;
    margin-right: 0.71429rem;
}

input[type=checkbox] + label:before {
    letter-spacing: 0;
    letter-spacing: 0;
    margin-left: 5px;
}

.inline-group ul.tools a.add:before, .inline-group div.add-row a:before, .inline-group .tabular tr.add-row td a:befor {
    margin-left: 4px;
    margin-left: 0.28571rem;
}

I added the code to rtl.css but nothing changed in my jet interface,where is my problem?

I added the code and its work... but menu dose not work properly

@shahriardn if you fixed menu please give me some details about your changes.

Update the Gist from my fork.