ul.hybrid-treeview { padding: 0;} ul.jqtree-tree { margin-left: 0; li { background: url(asset_path('treeview-default-line.gif')) no-repeat; background-position: 2px -1px; line-height: 1.8em; padding-left: 18px; &.jqtree-closed > ul.jqtree_common { display: none; } &.jqtree_common { clear: both; list-style-type: none; } &.jqtree-folder { background-position: 2px -190px; &.jqtree-closed { margin-bottom: 1px;} &:last-of-type { background: 0;} } &.jqtree-ghost { margin-right: 10px; position: relative; z-index: 10; span { display: block; &.jqtree-circle { -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: solid 2px #000; height: 8px; left: -6px; position: absolute; top: -4px; width: 8px; } &.jqtree-line { background-color: #000; height: 2px; left: 2px; padding: 0; position: absolute; top: -1px; width: 100%; } } } &:last-of-type { background-position: 2px -1766px;} .jqtree-element { position: relative;} } ul.jqtree_common { display: block; margin-right: 0; } .jqtree-toggler { position: absolute; border-bottom: 0; color: #333; cursor: pointer; margin-left: -14px; margin-right: .5em; text-decoration: none; } span { &.jqtree-border { border: solid 2px #000; box-sizing: content-box; display: block; left: -2px; margin: 0; position: absolute; top: 0; } } .fa-arrows { cursor: move;} .jqtree-loading > div.jqtree-element.jqtree_common:after { content: url(asset_path('ajax-loader.gif')); margin-left: 8px; } } ul.jqtree-tree, ul.jqtree-tree ul.jqtree_common { list-style: none outside; margin-bottom: 0; padding: 0; } span.jqtree-dragging { background: #000; color: #fff; cursor: pointer; opacity: .6; padding: 2px 8px; } .node-btn, .reset-node-btn { margin: 0 3px; }