/* jsTree default dark theme */
.jstree-leaf > .jstree-ocl {
.jstree .jstree-open > .jstree-children {
.jstree .jstree-closed > .jstree-children,
.jstree .jstree-leaf > .jstree-children {
.jstree-anchor > .jstree-themeicon {
.jstree-no-icons .jstree-themeicon,
.jstree-anchor > .jstree-themeicon-hidden {
.jstree-node.jstree-hidden {
.jstree-rtl .jstree-anchor {
.jstree-rtl .jstree-anchor > .jstree-themeicon {
.jstree-rtl .jstree-node {
.jstree-rtl .jstree-container-ul > .jstree-node {
.jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
.jstree-wholerow-ul .jstree-anchor,
.jstree-wholerow-ul .jstree-icon {
.jstree-wholerow-ul .jstree-wholerow {
-webkit-user-select: none;
.jstree-contextmenu .jstree-anchor {
-webkit-user-select: none;
/* disable selection/Copy of UIWebView */
-webkit-touch-callout: none;
/* disable the IOS popup when long-press on a link */
border: 1px solid #979797;
box-shadow: 2px 2px 2px #999999;
.vakata-context .vakata-context-right ul {
text-shadow: 1px 1px 0 white;
.vakata-context li > a:hover {
background-color: #e8eff7;
box-shadow: 0 0 2px #0a6aa1;
.vakata-context li > a.vakata-context-parent {
background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
background-position: right center;
background-repeat: no-repeat;
.vakata-context li > a:focus {
.vakata-context .vakata-context-no-icons {
.vakata-context .vakata-context-hover > a {
background-color: #e8eff7;
box-shadow: 0 0 2px #0a6aa1;
.vakata-context .vakata-context-separator > a,
.vakata-context .vakata-context-separator > a:hover {
border-top: 1px solid #e2e3e3;
border-left: 1px solid #e0e0e0;
text-shadow: 0 0 0 transparent;
box-shadow: 0 0 0 transparent;
.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
background-color: transparent;
.vakata-context .vakata-contextmenu-disabled > a > i {
.vakata-context li > a > i {
.vakata-context li > a > i:empty {
.vakata-context li > a .vakata-contextmenu-sep {
border-left: 1px solid #e2e3e3;
.vakata-context .vakata-contextmenu-shortcut {
.vakata-context-rtl li > a.vakata-context-parent {
background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
background-position: left center;
background-repeat: no-repeat;
.vakata-context-rtl .vakata-context-separator > a {
border-right: 1px solid #e2e3e3;
.vakata-context-rtl .vakata-context-left ul {
.vakata-context-rtl li > a > i {
.vakata-context-rtl li > a .vakata-contextmenu-sep {
border-left-color: white;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
#jstree-dnd .jstree-icon,
#jstree-dnd .jstree-copy {
#jstree-dnd .jstree-copy {
.jstree-default-dark .jstree-node,
.jstree-default-dark .jstree-icon {
background-repeat: no-repeat;
background-color: transparent;
.jstree-default-dark .jstree-anchor,
.jstree-default-dark .jstree-animated,
.jstree-default-dark .jstree-wholerow {
transition: background-color 0.15s, box-shadow 0.15s;
.jstree-default-dark .jstree-hovered {
box-shadow: inset 0 0 1px #555;
.jstree-default-dark .jstree-context {
box-shadow: inset 0 0 1px #555;
.jstree-default-dark .jstree-clicked {
box-shadow: inset 0 0 1px #666666;
.jstree-default-dark .jstree-no-icons .jstree-anchor > .jstree-themeicon {
.jstree-default-dark .jstree-disabled {
.jstree-default-dark .jstree-disabled.jstree-hovered {
.jstree-default-dark .jstree-disabled.jstree-clicked {
.jstree-default-dark .jstree-disabled > .jstree-icon {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */
.jstree-default-dark .jstree-search {
.jstree-default-dark .jstree-no-checkboxes .jstree-checkbox {
display: none !important;
.jstree-default-dark.jstree-checkbox-no-clicked .jstree-clicked {
.jstree-default-dark.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
.jstree-default-dark.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
.jstree-default-dark.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
.jstree-default-dark > .jstree-striped {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
.jstree-default-dark > .jstree-wholerow-ul .jstree-hovered,
.jstree-default-dark > .jstree-wholerow-ul .jstree-clicked {
.jstree-default-dark .jstree-wholerow {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
.jstree-default-dark .jstree-wholerow-hovered {
.jstree-default-dark .jstree-wholerow-clicked {
background: -webkit-linear-gradient(top, #5fa2db 0%, #5fa2db 100%);
background: linear-gradient(to bottom, #5fa2db 0%, #5fa2db 100%);
.jstree-default-dark .jstree-node {
.jstree-default-dark .jstree-anchor {
.jstree-default-dark .jstree-icon {
.jstree-default-dark .jstree-icon:empty {
.jstree-default-dark.jstree-rtl .jstree-node {
.jstree-default-dark .jstree-wholerow {
.jstree-default-dark .jstree-node,
.jstree-default-dark .jstree-icon {
background-image: url("32px.png");
.jstree-default-dark .jstree-node {
background-position: -292px -4px;
background-repeat: repeat-y;
.jstree-default-dark .jstree-last {
.jstree-default-dark .jstree-open > .jstree-ocl {
background-position: -132px -4px;
.jstree-default-dark .jstree-closed > .jstree-ocl {
background-position: -100px -4px;
.jstree-default-dark .jstree-leaf > .jstree-ocl {
background-position: -68px -4px;
.jstree-default-dark .jstree-themeicon {
background-position: -260px -4px;
.jstree-default-dark > .jstree-no-dots .jstree-node,
.jstree-default-dark > .jstree-no-dots .jstree-leaf > .jstree-ocl {
.jstree-default-dark > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -36px -4px;
.jstree-default-dark > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: -4px -4px;
.jstree-default-dark .jstree-disabled {
.jstree-default-dark .jstree-disabled.jstree-hovered {
.jstree-default-dark .jstree-disabled.jstree-clicked {
.jstree-default-dark .jstree-checkbox {
background-position: -164px -4px;
.jstree-default-dark .jstree-checkbox:hover {
background-position: -164px -36px;
.jstree-default-dark.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-dark .jstree-checked > .jstree-checkbox {
background-position: -228px -4px;
.jstree-default-dark.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-dark .jstree-checked > .jstree-checkbox:hover {
background-position: -228px -36px;
.jstree-default-dark .jstree-anchor > .jstree-undetermined {
background-position: -196px -4px;
.jstree-default-dark .jstree-anchor > .jstree-undetermined:hover {
background-position: -196px -36px;
.jstree-default-dark .jstree-checkbox-disabled {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */
.jstree-default-dark > .jstree-striped {
background-size: auto 48px;
.jstree-default-dark.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
background-position: 100% 1px;
background-repeat: repeat-y;
.jstree-default-dark.jstree-rtl .jstree-last {
.jstree-default-dark.jstree-rtl .jstree-open > .jstree-ocl {
background-position: -132px -36px;
.jstree-default-dark.jstree-rtl .jstree-closed > .jstree-ocl {