.editPageSidebar {
    display: block
}

.editPageSidebar-withcontent {
    display: none
}

.libraryTree {
    margin-left: .25em
}

.offlineEditorNode {
    color: #c33
}

.editorNode img {
    height: 18px;
    margin: 0 .35em;
    vertical-align: middle;
    position: relative;
    top: -2px
}

.jstree-anchor {
    font-weight: 400 !important
}

.jstree-wholerow-hovered {
    background: #38c !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.jstree-default .jstree-hovered {
    background: 0 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #fff !important
}

.jstree-default .jstree-wholerow-clicked {
    background: #52B54B !important
}

@media all and (min-width:50em) {
    .editPageSidebar {
        position: fixed;
        top: 5.2em;
        bottom: 0;
        left: 0;
        width: 30%;
        border-right: 1px solid #555;
        display: block
    }

    .editPageInnerContent {
        float: right;
        width: 68.5%
    }
}

@media all and (min-width:112.5em) {
    .editPageSidebar {
        width: 25%
    }

    .editPageInnerContent {
        width: 73.5%
    }
}