html[lang="ar"], [lang="fa"],[lang="he"] {

    .controller-new_pages.action-index #content .d-flex.page-container .pages-tree[collapse="false"]{
        margin-right: 0px;
    }
    .controller-new_pages.action-index #content .d-flex.page-container .pages-tree{
        border-top: 1px solid #e1e1e1;
    }
    .controller-new_pages.action-index #content .d-flex.page-container .pages-tree[collapse="true"]{
        margin-right: -187px;
    }
    #content .d-flex.page-container .pages-tree[collapse="false"] .c-pointer.toggle-btn{
        right: 205px;
    }
    #content .d-flex.page-container .pages-tree[collapse="true"] .c-pointer.toggle-btn{
        right: 18px;
    }
    .controller-new_pages.action-index #content .d-flex.page-container #pages-tree > h5.spaces-txt{
        padding-right: 0px;
    }
    .controller-new_pages.action-index #content .d-flex.page-container .pages-tree .c-pointer.toggle-btn .toggle-btn-img[open="true"]{
        transform: rotate(180deg);
    }
    .controller-new_pages.action-index #content .d-flex.page-container .pages-tree .c-pointer.toggle-btn .toggle-btn-img[open="false"]{
        transform: rotate(180deg);
    }
    .controller-new_pages.action-index #content{
        overflow: unset;
    }
    .controller-new_pages.action-index #content .d-flex.page-container .editor-area .page-content #contentEditor > div.codex-editor.codex-editor--toolbox-opened > div.ce-toolbar.ce-toolbar--opened > div.ce-toolbar__content > div.ce-toolbar__actions.ce-toolbar__actions--opened > div.ce-toolbox{
        left: 55px;
    }
    .controller-new_pages.action-index #content .d-flex.page-container .editor-area .page-content #contentEditor > div.codex-editor.codex-editor--toolbox-opened > div.ce-toolbar.ce-toolbar--opened > div.ce-toolbar__content > div.ce-toolbar__actions.ce-toolbar__actions--opened > div.ce-toolbox > div.ce-popover.ce-popover--opened > div.ce-popover__items > div.ce-popover__item > div.ce-popover__item-icon,
    .controller-new_pages.action-index #content .d-flex.page-container .editor-area .page-content #contentEditor > div.codex-editor > div.ce-toolbar.ce-toolbar--opened > div.ce-toolbar__content > div.ce-toolbar__actions.ce-toolbar__actions--opened > div:nth-child(4) > div.ce-settings > div.ce-popover.ce-popover--opened > div.ce-popover__items > div.ce-popover__item > div.ce-popover__item-icon{
        margin-right: 0px;
        margin-left: 10px;
    }
    .controller-new_pages.action-index #content #add-modal > div.action-btn.d-flex.justify-content-center > #close-add-modal,
    .controller-new_pages.action-index #content #add-child-modal > div.action-btn.d-flex.justify-content-center #close-chid-modal,
    .controller-new_pages.action-index #content #delete-modal > div.action-btn.d-flex.justify-content-center #close-delete-modal{
        margin-right: 0px;
        margin-left: 20px;
    }
    .controller-new_pages.action-index #content .d-flex.page-container .editor-area .page-content #contentEditor > div.codex-editor > div.ce-toolbar.ce-toolbar--opened > div.ce-toolbar__content > div.ce-toolbar__actions.ce-toolbar__actions--opened > div > div.ce-settings{
        left: 25px;
    }
    .controller-new_pages.action-index #content .d-flex.page-container .editor-area #page-head > span > span.position-relative > #menu-dropdown{
        left: 0px;
        right: unset;
    }
    .controller-new_pages.action-index #content .d-flex.page-container #pages-tree .spaces #spaces .node .parent-space.caret .spaces-container .space-item a.spaces-title{
        margin-right: 5px;
    }
    .controller-new_pages.action-index #content .d-flex.page-container #pages-tree .spaces #spaces .node .childNode{
        margin-right: 15px;
        margin-left: 0px;
    }
    .controller-new_pages.action-index #content .d-flex.page-container .editor-area .page-content #contentEditor > div.codex-editor > div.codex-editor__redactor > div.ce-block > div.ce-block__content{
        margin-right: 60px;
        margin-left: 0px;
    }
    .controller-new_pages.action-index #content .d-flex.page-container .editor-area .page-content #contentEditor > div.codex-editor > div.ce-toolbar.ce-toolbar--opened{
        right: 0px !important;
        left: auto !important;
    }

    .controller-new_pages.action-index #content .d-flex.page-container .editor-area .page-content #contentEditor > div.codex-editor > div.codex-editor__redactor > div.ce-block > div.ce-block__content > blockquote > div.cdx-input{
        text-align: right;
    }
    .controller-new_pages.action-index #content .d-flex.page-container .editor-area .page-content #contentEditor > div.codex-editor > div.codex-editor__redactor > div.ce-block > div.ce-block__content > div.cdx-block > div.cdx-attaches.cdx-attaches--with-file > div.cdx-attaches__file-icon{
        margin-left: 12px;
        margin-right: 0px;
    }

    .pages-tree[collapse="true"] {
        margin-left: auto;
    }

    #content{
        overflow-x: inherit;
    }
    
    #content .d-flex.page-container #pages-tree .drag-sidebar{
        display: none  !important;
    }

} 

.controller-new_pages.action-index #content .d-flex.page-container .editor-area .page-content #contentEditor > div.codex-editor.class1{
        display: none;
    }


    /* css for version 6 compatible  */

    .spaces-names li > span {
        display: block;
        align-items: center;
        overflow: hidden;
        text-overflow: ellipsis;
    }