body {
    direction: rtl;
    text-align: right;
}

.tocify-wrapper {
    right: 0;
    left: auto;
    direction: rtl;
    text-align: right;
    transition: right .3s ease-in-out;
}

.tocify-wrapper>.search input {
    padding: 6px 20px 6px 0;
    text-align: right;
}

.tocify-wrapper>.search:before {
    right: 15px;
    left: auto;
}

.tocify-wrapper .tocify-subheader .tocify-item>a {
    padding-right: 25px;
    padding-left: 15px;
}

.tocify-wrapper .tocify-subheader .tocify-item.level-3>a {
    padding-right: 35px;
    padding-left: 15px;
}

#nav-button {
    right: 0;
    left: auto;
    padding: 0 0 5em 1.5em;
    transition: right .3s ease-in-out;
}

#nav-button.open {
    right: 230px;
    left: auto;
}

.page-wrapper {
    margin-right: 230px;
    margin-left: 0;
}

.page-wrapper .dark-box {
    right: auto;
    left: 0;
}

.page-wrapper .lang-selector {
    top: 0;
    left: 0;
    right: auto;
    width: calc((100% - 230px) / 2);
    direction: ltr;
}

.content>aside,
.content>details,
.content>dl,
.content>h1,
.content>h2,
.content>h3,
.content>h4,
.content>h5,
.content>h6,
.content>ol,
.content>p,
.content>table,
.content>ul,
.content>div,
.content>form>aside,
.content>form>details,
.content>form>h1,
.content>form>h2,
.content>form>h3,
.content>form>h4,
.content>form>h5,
.content>form>h6,
.content>form>p,
.content>form>table,
.content>form>ul,
.content>form>div {
    margin-right: 0;
    margin-left: 50%;
    text-align: right;
}

.content blockquote,
.content pre,
.content .annotation {
    float: left;
    clear: left;
    direction: ltr;
    text-align: left;
}

.content code,
.content pre code {
    direction: ltr;
    text-align: left;
}

.content table td,
.content table th {
    text-align: right;
}

@media (max-width: 930px) {
    .tocify-wrapper {
        right: -230px;
        left: auto;
    }

    .tocify-wrapper.open {
        right: 0;
        left: auto;
    }

    .page-wrapper {
        margin-right: 0;
    }
}

@media (max-width: 700px) {
    .content>aside,
    .content>details,
    .content>dl,
    .content>h1,
    .content>h2,
    .content>h3,
    .content>h4,
    .content>h5,
    .content>h6,
    .content>ol,
    .content>p,
    .content>table,
    .content>ul,
    .content>div,
    .content>form>aside,
    .content>form>details,
    .content>form>h1,
    .content>form>h2,
    .content>form>h3,
    .content>form>h4,
    .content>form>h5,
    .content>form>h6,
    .content>form>p,
    .content>form>table,
    .content>form>ul,
    .content>form>div {
        margin-left: 0;
    }

    .content blockquote,
    .content pre,
    .content .annotation {
        float: none;
    }
}