rvk.css

}
#rvk-tree #jstree-dnd.jstree-default-large i {
    background: transparent;
    width: 32px;
    height: 32px;
    line-height: 32px;
}
#rvk-tree #jstree-dnd.jstree-default-large .jstree-ok {
    background-position: 0px -64px;
}
#rvk-tree #jstree-dnd.jstree-default-large .jstree-er {
    background-position: -32px -64px;
}
#rvk-tree .jstree-default-large .jstree-ellipsis {
    overflow: hidden;
}
#rvk-tree .jstree-default-large .jstree-ellipsis .jstree-anchor {
    width: calc(100% - 37px);
    text-overflow: ellipsis;
    overflow: hidden;
}
#rvk-tree .jstree-default-large .jstree-ellipsis.jstree-no-icons .jstree-anchor {
    width: calc(100% - 5px);
}
#rvk-tree .jstree-default-large.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
}
#rvk-tree .jstree-default-large.jstree-rtl .jstree-last {
    background: transparent;
}
@media (max-width: 768px) {
    #rvk-tree #jstree-dnd.jstree-dnd-responsive {
        line-height: 40px;
        font-weight: bold;
        font-size: 1.1em;
        text-shadow: 1px 1px white;
    }
    #rvk-tree #jstree-dnd.jstree-dnd-responsive > i {
        background: transparent;
        width: 40px;
        height: 40px;
    }
    #rvk-tree #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
        background-image: url("../images/40px.png");
        background-position: 0 -200px;
        background-size: 120px 240px;
    }
    #rvk-tree #jstree-dnd.jstree-dnd-responsive > .jstree-er {
        background-image: url("../images/40px.png");
        background-position: -40px -200px;
        background-size: 120px 240px;
    }
    #rvk-tree #jstree-marker.jstree-dnd-responsive {
        border-left-width: 10px;
        border-top-width: 10px;
        border-bottom-width: 10px;
        margin-top: -10px;
    }
}
@media (max-width: 768px) {
    #rvk-tree .jstree-default-responsive {
        /*
        #rvk-tree .jstree-open > .jstree-ocl,
        #rvk-tree .jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; }
        */
    }
    #rvk-tree .jstree-default-responsive .jstree-icon {
        background-image: url("../images/40px.png");
    }
    #rvk-tree .jstree-default-responsive .jstree-node,
    #rvk-tree .jstree-default-responsive .jstree-leaf > .jstree-ocl {
        background: transparent;
    }
    #rvk-tree .jstree-default-responsive .jstree-node {
        min-height: 40px;
        line-height: 40px;
        margin-left: 40px;
        min-width: 40px;
        white-space: nowrap;
    }
    #rvk-tree .jstree-default-responsive .jstree-anchor {
        line-height: 40px;
        height: 40px;
    }
    #rvk-tree .jstree-default-responsive .jstree-icon,
    #rvk-tree .jstree-default-responsive .jstree-icon:empty {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    #rvk-tree .jstree-default-responsive > .jstree-container-ul > .jstree-node {
        margin-left: 0;
    }
    #rvk-tree .jstree-default-responsive.jstree-rtl .jstree-node {
        margin-left: 0;
        margin-right: 40px;
        background: transparent;
    }
    #rvk-tree .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
        margin-right: 0;
    }
    #rvk-tree .jstree-default-responsive .jstree-ocl,
    #rvk-tree .jstree-default-responsive .jstree-themeicon,
    #rvk-tree .jstree-default-responsive .jstree-checkbox {
        background-size: 120px 240px;
    }
    #rvk-tree .jstree-default-responsive .jstree-leaf > .jstree-ocl,
    #rvk-tree .jstree-default-responsive.jstree-rtl .jstree-leaf > .jstree-ocl {
        background: transparent;
    }
    #rvk-tree .jstree-default-responsive .jstree-open > .jstree-ocl {
        background-position: 0 0px !important;
    }
    #rvk-tree .jstree-default-responsive .jstree-closed > .jstree-ocl {
        background-position: 0 -40px !important;
    }
    #rvk-tree .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
        background-position: -40px 0px !important;
    }
    #rvk-tree .jstree-default-responsive .jstree-themeicon {
        background-position: -40px -40px;
    }
    #rvk-tree .jstree-default-responsive .jstree-checkbox,
    #rvk-tree .jstree-default-responsive .jstree-checkbox:hover {
        background-position: -40px -80px;
    }
    #rvk-tree .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
    #rvk-tree .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
    #rvk-tree .jstree-default-responsive .jstree-checked > .jstree-checkbox,
    #rvk-tree .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
        background-position: 0 -80px;
    }
    #rvk-tree .jstree-default-responsive .jstree-anchor > .jstree-undetermined,
    #rvk-tree .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
        background-position: 0 -120px;
    }
    #rvk-tree .jstree-default-responsive .jstree-anchor {
        font-weight: bold;
        font-size: 1.1em;
        text-shadow: 1px 1px white;
    }
    #rvk-tree .jstree-default-responsive > .jstree-striped {
        background: transparent;
    }
    #rvk-tree .jstree-default-responsive .jstree-wholerow {
        border-top: 1px solid rgba(255, 255, 255, 0.7);
        border-bottom: 1px solid rgba(64, 64, 64, 0.2);
        background: #ebebeb;
        height: 40px;
    }
    #rvk-tree .jstree-default-responsive .jstree-wholerow-hovered {
        background: #e7f4f9;
    }
    #rvk-tree .jstree-default-responsive .jstree-wholerow-clicked {
        background: #beebff;
    }
    #rvk-tree .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
        box-shadow: inset 0 -6px 3px -5px #666666;
    }
    #rvk-tree .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
        box-shadow: inset 0 6px 3px -5px #666666;
        border-top: 0;
    }
    #rvk-tree .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
        box-shadow: none;
    }
    #rvk-tree .jstree-default-responsive .jstree-node,
    #rvk-tree .jstree-default-responsive .jstree-icon,
    #rvk-tree .jstree-default-responsive .jstree-node > .jstree-ocl,
    #rvk-tree .jstree-default-responsive .jstree-themeicon,
    #rvk-tree .jstree-default-responsive .jstree-checkbox {
        background-image: url("../images/40px.png");
        background-size: 120px 240px;
    }
    #rvk-tree .jstree-default-responsive .jstree-node {
        background-position: -80px 0;
        background-repeat: repeat-y;
    }
    #rvk-tree .jstree-default-responsive .jstree-last {
        background: transparent;
    }
    #rvk-tree .jstree-default-responsive .jstree-leaf > .jstree-ocl {
        background-position: -40px -120px;
    }
    #rvk-tree .jstree-default-responsive .jstree-last > .jstree-ocl {
        background-position: -40px -160px;
    }
    #rvk-tree .jstree-default-responsive .jstree-themeicon-custom {
        background-color: transparent;
        background-image: none;
        background-position: 0 0;
    }
    #rvk-tree .jstree-default-responsive .jstree-file {
        background: url("../images/40px.png") 0 -160px no-repeat;
        background-size: 120px 240px;
    }
    #rvk-tree .jstree-default-responsive .jstree-folder {
        background: url("../images/40px.png") -40px -40px no-repeat;
        background-size: 120px 240px;
    }
    #rvk-tree .jstree-default-responsive > .jstree-container-ul > .jstree-node {
        margin-left: 0;
        margin-right: 0;
    }
}