www/plugins-dist/plan/lib/jstree/dist/themes/default-dark/style.css

   1 /* jsTree default dark theme */
   2 .jstree-node,
   3 .jstree-children,
   4 .jstree-container-ul {
   5   display: block;
   6   margin: 0;
   7   padding: 0;
   8   list-style-type: none;
   9   list-style-image: none;
  10 }
  11 .jstree-node {
  12   white-space: nowrap;
  13 }
  14 .jstree-anchor {
  15   display: inline-block;
  16   color: black;
  17   white-space: nowrap;
  18   padding: 0 4px 0 1px;
  19   margin: 0;
  20   vertical-align: top;
  21 }
  22 .jstree-anchor:focus {
  23   outline: 0;
  24 }
  25 .jstree-anchor,
  26 .jstree-anchor:link,
  27 .jstree-anchor:visited,
  28 .jstree-anchor:hover,
  29 .jstree-anchor:active {
  30   text-decoration: none;
  31   color: inherit;
  32 }
  33 .jstree-icon {
  34   display: inline-block;
  35   text-decoration: none;
  36   margin: 0;
  37   padding: 0;
  38   vertical-align: top;
  39   text-align: center;
  40 }
  41 .jstree-icon:empty {
  42   display: inline-block;
  43   text-decoration: none;
  44   margin: 0;
  45   padding: 0;
  46   vertical-align: top;
  47   text-align: center;
  48 }
  49 .jstree-ocl {
  50   cursor: pointer;
  51 }
  52 .jstree-leaf > .jstree-ocl {
  53   cursor: default;
  54 }
  55 .jstree .jstree-open > .jstree-children {
  56   display: block;
  57 }
  58 .jstree .jstree-closed > .jstree-children,
  59 .jstree .jstree-leaf > .jstree-children {
  60   display: none;
  61 }
  62 .jstree-anchor > .jstree-themeicon {
  63   margin-right: 2px;
  64 }
  65 .jstree-no-icons .jstree-themeicon,
  66 .jstree-anchor > .jstree-themeicon-hidden {
  67   display: none;
  68 }
  69 .jstree-hidden,
  70 .jstree-node.jstree-hidden {
  71   display: none;
  72 }
  73 .jstree-rtl .jstree-anchor {
  74   padding: 0 1px 0 4px;
  75 }
  76 .jstree-rtl .jstree-anchor > .jstree-themeicon {
  77   margin-left: 2px;
  78   margin-right: 0;
  79 }
  80 .jstree-rtl .jstree-node {
  81   margin-left: 0;
  82 }
  83 .jstree-rtl .jstree-container-ul > .jstree-node {
  84   margin-right: 0;
  85 }
  86 .jstree-wholerow-ul {
  87   position: relative;
  88   display: inline-block;
  89   min-width: 100%;
  90 }
  91 .jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
  92   cursor: pointer;
  93 }
  94 .jstree-wholerow-ul .jstree-anchor,
  95 .jstree-wholerow-ul .jstree-icon {
  96   position: relative;
  97 }
  98 .jstree-wholerow-ul .jstree-wholerow {
  99   width: 100%;
 100   cursor: pointer;
 101   position: absolute;
 102   left: 0;
 103   -webkit-user-select: none;
 104   -moz-user-select: none;
 105   -ms-user-select: none;
 106   user-select: none;
 107 }
 108 .vakata-context {
 109   display: none;
 110 }
 111 .vakata-context,
 112 .vakata-context ul {
 113   margin: 0;
 114   padding: 2px;
 115   position: absolute;
 116   background: #f5f5f5;
 117   border: 1px solid #979797;
 118   box-shadow: 2px 2px 2px #999999;
 119 }
 120 .vakata-context ul {
 121   list-style: none;
 122   left: 100%;
 123   margin-top: -2.7em;
 124   margin-left: -4px;
 125 }
 126 .vakata-context .vakata-context-right ul {
 127   left: auto;
 128   right: 100%;
 129   margin-left: auto;
 130   margin-right: -4px;
 131 }
 132 .vakata-context li {
 133   list-style: none;
 134 }
 135 .vakata-context li > a {
 136   display: block;
 137   padding: 0 2em 0 2em;
 138   text-decoration: none;
 139   width: auto;
 140   color: black;
 141   white-space: nowrap;
 142   line-height: 2.4em;
 143   text-shadow: 1px 1px 0 white;
 144   border-radius: 1px;
 145 }
 146 .vakata-context li > a:hover {
 147   position: relative;
 148   background-color: #e8eff7;
 149   box-shadow: 0 0 2px #0a6aa1;
 150 }
 151 .vakata-context li > a.vakata-context-parent {
 152   background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
 153   background-position: right center;
 154   background-repeat: no-repeat;
 155 }
 156 .vakata-context li > a:focus {
 157   outline: 0;
 158 }
 159 .vakata-context .vakata-context-hover > a {
 160   position: relative;
 161   background-color: #e8eff7;
 162   box-shadow: 0 0 2px #0a6aa1;
 163 }
 164 .vakata-context .vakata-context-separator > a,
 165 .vakata-context .vakata-context-separator > a:hover {
 166   background: white;
 167   border: 0;
 168   border-top: 1px solid #e2e3e3;
 169   height: 1px;
 170   min-height: 1px;
 171   max-height: 1px;
 172   padding: 0;
 173   margin: 0 0 0 2.4em;
 174   border-left: 1px solid #e0e0e0;
 175   text-shadow: 0 0 0 transparent;
 176   box-shadow: 0 0 0 transparent;
 177   border-radius: 0;
 178 }
 179 .vakata-context .vakata-contextmenu-disabled a,
 180 .vakata-context .vakata-contextmenu-disabled a:hover {
 181   color: silver;
 182   background-color: transparent;
 183   border: 0;
 184   box-shadow: 0 0 0;
 185 }
 186 .vakata-context li > a > i {
 187   text-decoration: none;
 188   display: inline-block;
 189   width: 2.4em;
 190   height: 2.4em;
 191   background: transparent;
 192   margin: 0 0 0 -2em;
 193   vertical-align: top;
 194   text-align: center;
 195   line-height: 2.4em;
 196 }
 197 .vakata-context li > a > i:empty {
 198   width: 2.4em;
 199   line-height: 2.4em;
 200 }
 201 .vakata-context li > a .vakata-contextmenu-sep {
 202   display: inline-block;
 203   width: 1px;
 204   height: 2.4em;
 205   background: white;
 206   margin: 0 0.5em 0 0;
 207   border-left: 1px solid #e2e3e3;
 208 }
 209 .vakata-context .vakata-contextmenu-shortcut {
 210   font-size: 0.8em;
 211   color: silver;
 212   opacity: 0.5;
 213   display: none;
 214 }
 215 .vakata-context-rtl ul {
 216   left: auto;
 217   right: 100%;
 218   margin-left: auto;
 219   margin-right: -4px;
 220 }
 221 .vakata-context-rtl li > a.vakata-context-parent {
 222   background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
 223   background-position: left center;
 224   background-repeat: no-repeat;
 225 }
 226 .vakata-context-rtl .vakata-context-separator > a {
 227   margin: 0 2.4em 0 0;
 228   border-left: 0;
 229   border-right: 1px solid #e2e3e3;
 230 }
 231 .vakata-context-rtl .vakata-context-left ul {
 232   right: auto;
 233   left: 100%;
 234   margin-left: -4px;
 235   margin-right: auto;
 236 }
 237 .vakata-context-rtl li > a > i {
 238   margin: 0 -2em 0 0;
 239 }
 240 .vakata-context-rtl li > a .vakata-contextmenu-sep {
 241   margin: 0 0 0 0.5em;
 242   border-left-color: white;
 243   background: #e2e3e3;
 244 }
 245 #jstree-marker {
 246   position: absolute;
 247   top: 0;
 248   left: 0;
 249   margin: -5px 0 0 0;
 250   padding: 0;
 251   border-right: 0;
 252   border-top: 5px solid transparent;
 253   border-bottom: 5px solid transparent;
 254   border-left: 5px solid;
 255   width: 0;
 256   height: 0;
 257   font-size: 0;
 258   line-height: 0;
 259 }
 260 #jstree-dnd {
 261   line-height: 16px;
 262   margin: 0;
 263   padding: 4px;
 264 }
 265 #jstree-dnd .jstree-icon,
 266 #jstree-dnd .jstree-copy {
 267   display: inline-block;
 268   text-decoration: none;
 269   margin: 0 2px 0 0;
 270   padding: 0;
 271   width: 16px;
 272   height: 16px;
 273 }
 274 #jstree-dnd .jstree-ok {
 275   background: green;
 276 }
 277 #jstree-dnd .jstree-er {
 278   background: red;
 279 }
 280 #jstree-dnd .jstree-copy {
 281   margin: 0 2px 0 2px;
 282 }
 283 .jstree-default-dark .jstree-node,
 284 .jstree-default-dark .jstree-icon {
 285   background-repeat: no-repeat;
 286   background-color: transparent;
 287 }
 288 .jstree-default-dark .jstree-anchor,
 289 .jstree-default-dark .jstree-animated,
 290 .jstree-default-dark .jstree-wholerow {
 291   transition: background-color 0.15s, box-shadow 0.15s;
 292 }
 293 .jstree-default-dark .jstree-hovered {
 294   background: #555555;
 295   border-radius: 2px;
 296   box-shadow: inset 0 0 1px #555555;
 297 }
 298 .jstree-default-dark .jstree-context {
 299   background: #555555;
 300   border-radius: 2px;
 301   box-shadow: inset 0 0 1px #555555;
 302 }
 303 .jstree-default-dark .jstree-clicked {
 304   background: #5fa2db;
 305   border-radius: 2px;
 306   box-shadow: inset 0 0 1px #666666;
 307 }
 308 .jstree-default-dark .jstree-no-icons .jstree-anchor > .jstree-themeicon {
 309   display: none;
 310 }
 311 .jstree-default-dark .jstree-disabled {
 312   background: transparent;
 313   color: #666666;
 314 }
 315 .jstree-default-dark .jstree-disabled.jstree-hovered {
 316   background: transparent;
 317   box-shadow: none;
 318 }
 319 .jstree-default-dark .jstree-disabled.jstree-clicked {
 320   background: #333333;
 321 }
 322 .jstree-default-dark .jstree-disabled > .jstree-icon {
 323   opacity: 0.8;
 324   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");
 325   /* Firefox 10+ */
 326   filter: gray;
 327   /* IE6-9 */
 328   -webkit-filter: grayscale(100%);
 329   /* Chrome 19+ & Safari 6+ */
 330 }
 331 .jstree-default-dark .jstree-search {
 332   font-style: italic;
 333   color: #ffffff;
 334   font-weight: bold;
 335 }
 336 .jstree-default-dark .jstree-no-checkboxes .jstree-checkbox {
 337   display: none !important;
 338 }
 339 .jstree-default-dark.jstree-checkbox-no-clicked .jstree-clicked {
 340   background: transparent;
 341   box-shadow: none;
 342 }
 343 .jstree-default-dark.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
 344   background: #555555;
 345 }
 346 .jstree-default-dark.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
 347   background: transparent;
 348 }
 349 .jstree-default-dark.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
 350   background: #555555;
 351 }
 352 .jstree-default-dark > .jstree-striped {
 353   min-width: 100%;
 354   display: inline-block;
 355   background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
 356 }
 357 .jstree-default-dark > .jstree-wholerow-ul .jstree-hovered,
 358 .jstree-default-dark > .jstree-wholerow-ul .jstree-clicked {
 359   background: transparent;
 360   box-shadow: none;
 361   border-radius: 0;
 362 }
 363 .jstree-default-dark .jstree-wholerow {
 364   -moz-box-sizing: border-box;
 365   -webkit-box-sizing: border-box;
 366   box-sizing: border-box;
 367 }
 368 .jstree-default-dark .jstree-wholerow-hovered {
 369   background: #555555;
 370 }
 371 .jstree-default-dark .jstree-wholerow-clicked {
 372   background: #5fa2db;
 373   background: -webkit-linear-gradient(top, #5fa2db 0%, #5fa2db 100%);
 374   background: linear-gradient(to bottom, #5fa2db 0%, #5fa2db 100%);
 375 }
 376 .jstree-default-dark .jstree-node {
 377   min-height: 24px;
 378   line-height: 24px;
 379   margin-left: 24px;
 380   min-width: 24px;
 381 }
 382 .jstree-default-dark .jstree-anchor {
 383   line-height: 24px;
 384   height: 24px;
 385 }
 386 .jstree-default-dark .jstree-icon {
 387   width: 24px;
 388   height: 24px;
 389   line-height: 24px;
 390 }
 391 .jstree-default-dark .jstree-icon:empty {
 392   width: 24px;
 393   height: 24px;
 394   line-height: 24px;
 395 }
 396 .jstree-default-dark.jstree-rtl .jstree-node {
 397   margin-right: 24px;
 398 }
 399 .jstree-default-dark .jstree-wholerow {
 400   height: 24px;
 401 }
 402 .jstree-default-dark .jstree-node,
 403 .jstree-default-dark .jstree-icon {
 404   background-image: url("32px.png");
 405 }
 406 .jstree-default-dark .jstree-node {
 407   background-position: -292px -4px;
 408   background-repeat: repeat-y;
 409 }
 410 .jstree-default-dark .jstree-last {
 411   background: transparent;
 412 }
 413 .jstree-default-dark .jstree-open > .jstree-ocl {
 414   background-position: -132px -4px;
 415 }
 416 .jstree-default-dark .jstree-closed > .jstree-ocl {
 417   background-position: -100px -4px;
 418 }
 419 .jstree-default-dark .jstree-leaf > .jstree-ocl {
 420   background-position: -68px -4px;
 421 }
 422 .jstree-default-dark .jstree-themeicon {
 423   background-position: -260px -4px;
 424 }
 425 .jstree-default-dark > .jstree-no-dots .jstree-node,
 426 .jstree-default-dark > .jstree-no-dots .jstree-leaf > .jstree-ocl {
 427   background: transparent;
 428 }
 429 .jstree-default-dark > .jstree-no-dots .jstree-open > .jstree-ocl {
 430   background-position: -36px -4px;
 431 }
 432 .jstree-default-dark > .jstree-no-dots .jstree-closed > .jstree-ocl {
 433   background-position: -4px -4px;
 434 }
 435 .jstree-default-dark .jstree-disabled {
 436   background: transparent;
 437 }
 438 .jstree-default-dark .jstree-disabled.jstree-hovered {
 439   background: transparent;
 440 }
 441 .jstree-default-dark .jstree-disabled.jstree-clicked {
 442   background: #efefef;
 443 }
 444 .jstree-default-dark .jstree-checkbox {
 445   background-position: -164px -4px;
 446 }
 447 .jstree-default-dark .jstree-checkbox:hover {
 448   background-position: -164px -36px;
 449 }
 450 .jstree-default-dark.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
 451 .jstree-default-dark .jstree-checked > .jstree-checkbox {
 452   background-position: -228px -4px;
 453 }
 454 .jstree-default-dark.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
 455 .jstree-default-dark .jstree-checked > .jstree-checkbox:hover {
 456   background-position: -228px -36px;
 457 }
 458 .jstree-default-dark .jstree-anchor > .jstree-undetermined {
 459   background-position: -196px -4px;
 460 }
 461 .jstree-default-dark .jstree-anchor > .jstree-undetermined:hover {
 462   background-position: -196px -36px;
 463 }
 464 .jstree-default-dark .jstree-checkbox-disabled {
 465   opacity: 0.8;
 466   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");
 467   /* Firefox 10+ */
 468   filter: gray;
 469   /* IE6-9 */
 470   -webkit-filter: grayscale(100%);
 471   /* Chrome 19+ & Safari 6+ */
 472 }
 473 .jstree-default-dark > .jstree-striped {
 474   background-size: auto 48px;
 475 }
 476 .jstree-default-dark.jstree-rtl .jstree-node {
 477   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
 478   background-position: 100% 1px;
 479   background-repeat: repeat-y;
 480 }
 481 .jstree-default-dark.jstree-rtl .jstree-last {
 482   background: transparent;
 483 }
 484 .jstree-default-dark.jstree-rtl .jstree-open > .jstree-ocl {
 485   background-position: -132px -36px;
 486 }
 487 .jstree-default-dark.jstree-rtl .jstree-closed > .jstree-ocl {
 488   background-position: -100px -36px;
 489 }
 490 .jstree-default-dark.jstree-rtl .jstree-leaf > .jstree-ocl {
 491   background-position: -68px -36px;
 492 }
 493 .jstree-default-dark.jstree-rtl > .jstree-no-dots .jstree-node,
 494 .jstree-default-dark.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
 495   background: transparent;
 496 }
 497 .jstree-default-dark.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
 498   background-position: -36px -36px;
 499 }
 500 .jstree-default-dark.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
 501   background-position: -4px -36px;
 502 }
 503 .jstree-default-dark .jstree-themeicon-custom {
 504   background-color: transparent;
 505   background-image: none;
 506   background-position: 0 0;
 507 }
 508 .jstree-default-dark > .jstree-container-ul .jstree-loading > .jstree-ocl {
 509   background: url("throbber.gif") center center no-repeat;
 510 }
 511 .jstree-default-dark .jstree-file {
 512   background: url("32px.png") -100px -68px no-repeat;
 513 }
 514 .jstree-default-dark .jstree-folder {
 515   background: url("32px.png") -260px -4px no-repeat;
 516 }
 517 .jstree-default-dark > .jstree-container-ul > .jstree-node {
 518   margin-left: 0;
 519   margin-right: 0;
 520 }
 521 #jstree-dnd.jstree-default-dark {
 522   line-height: 24px;
 523   padding: 0 4px;
 524 }
 525 #jstree-dnd.jstree-default-dark .jstree-ok,
 526 #jstree-dnd.jstree-default-dark .jstree-er {
 527   background-image: url("32px.png");
 528   background-repeat: no-repeat;
 529   background-color: transparent;
 530 }
 531 #jstree-dnd.jstree-default-dark i {
 532   background: transparent;
 533   width: 24px;
 534   height: 24px;
 535   line-height: 24px;
 536 }
 537 #jstree-dnd.jstree-default-dark .jstree-ok {
 538   background-position: -4px -68px;
 539 }
 540 #jstree-dnd.jstree-default-dark .jstree-er {
 541   background-position: -36px -68px;
 542 }
 543 .jstree-default-dark .jstree-ellipsis {
 544   overflow: hidden;
 545 }
 546 .jstree-default-dark .jstree-ellipsis .jstree-anchor {
 547   width: calc(100% - 29px);
 548   text-overflow: ellipsis;
 549   overflow: hidden;
 550 }
 551 .jstree-default-dark .jstree-ellipsis.jstree-no-icons .jstree-anchor {
 552   width: calc(100% - 5px);
 553 }
 554 .jstree-default-dark.jstree-rtl .jstree-node {
 555   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
 556 }
 557 .jstree-default-dark.jstree-rtl .jstree-last {
 558   background: transparent;
 559 }
 560 .jstree-default-dark-small .jstree-node {
 561   min-height: 18px;
 562   line-height: 18px;
 563   margin-left: 18px;
 564   min-width: 18px;
 565 }
 566 .jstree-default-dark-small .jstree-anchor {
 567   line-height: 18px;
 568   height: 18px;
 569 }
 570 .jstree-default-dark-small .jstree-icon {
 571   width: 18px;
 572   height: 18px;
 573   line-height: 18px;
 574 }
 575 .jstree-default-dark-small .jstree-icon:empty {
 576   width: 18px;
 577   height: 18px;
 578   line-height: 18px;
 579 }
 580 .jstree-default-dark-small.jstree-rtl .jstree-node {
 581   margin-right: 18px;
 582 }
 583 .jstree-default-dark-small .jstree-wholerow {
 584   height: 18px;
 585 }
 586 .jstree-default-dark-small .jstree-node,
 587 .jstree-default-dark-small .jstree-icon {
 588   background-image: url("32px.png");
 589 }
 590 .jstree-default-dark-small .jstree-node {
 591   background-position: -295px -7px;
 592   background-repeat: repeat-y;
 593 }
 594 .jstree-default-dark-small .jstree-last {
 595   background: transparent;
 596 }
 597 .jstree-default-dark-small .jstree-open > .jstree-ocl {
 598   background-position: -135px -7px;
 599 }
 600 .jstree-default-dark-small .jstree-closed > .jstree-ocl {
 601   background-position: -103px -7px;
 602 }
 603 .jstree-default-dark-small .jstree-leaf > .jstree-ocl {
 604   background-position: -71px -7px;
 605 }
 606 .jstree-default-dark-small .jstree-themeicon {
 607   background-position: -263px -7px;
 608 }
 609 .jstree-default-dark-small > .jstree-no-dots .jstree-node,
 610 .jstree-default-dark-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
 611   background: transparent;
 612 }
 613 .jstree-default-dark-small > .jstree-no-dots .jstree-open > .jstree-ocl {
 614   background-position: -39px -7px;
 615 }
 616 .jstree-default-dark-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
 617   background-position: -7px -7px;
 618 }
 619 .jstree-default-dark-small .jstree-disabled {
 620   background: transparent;
 621 }
 622 .jstree-default-dark-small .jstree-disabled.jstree-hovered {
 623   background: transparent;
 624 }
 625 .jstree-default-dark-small .jstree-disabled.jstree-clicked {
 626   background: #efefef;
 627 }
 628 .jstree-default-dark-small .jstree-checkbox {
 629   background-position: -167px -7px;
 630 }
 631 .jstree-default-dark-small .jstree-checkbox:hover {
 632   background-position: -167px -39px;
 633 }
 634 .jstree-default-dark-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
 635 .jstree-default-dark-small .jstree-checked > .jstree-checkbox {
 636   background-position: -231px -7px;
 637 }
 638 .jstree-default-dark-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
 639 .jstree-default-dark-small .jstree-checked > .jstree-checkbox:hover {
 640   background-position: -231px -39px;
 641 }
 642 .jstree-default-dark-small .jstree-anchor > .jstree-undetermined {
 643   background-position: -199px -7px;
 644 }
 645 .jstree-default-dark-small .jstree-anchor > .jstree-undetermined:hover {
 646   background-position: -199px -39px;
 647 }
 648 .jstree-default-dark-small .jstree-checkbox-disabled {
 649   opacity: 0.8;
 650   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");
 651   /* Firefox 10+ */
 652   filter: gray;
 653   /* IE6-9 */
 654   -webkit-filter: grayscale(100%);
 655   /* Chrome 19+ & Safari 6+ */
 656 }
 657 .jstree-default-dark-small > .jstree-striped {
 658   background-size: auto 36px;
 659 }
 660 .jstree-default-dark-small.jstree-rtl .jstree-node {
 661   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
 662   background-position: 100% 1px;
 663   background-repeat: repeat-y;
 664 }
 665 .jstree-default-dark-small.jstree-rtl .jstree-last {
 666   background: transparent;
 667 }
 668 .jstree-default-dark-small.jstree-rtl .jstree-open > .jstree-ocl {
 669   background-position: -135px -39px;
 670 }
 671 .jstree-default-dark-small.jstree-rtl .jstree-closed > .jstree-ocl {
 672   background-position: -103px -39px;
 673 }
 674 .jstree-default-dark-small.jstree-rtl .jstree-leaf > .jstree-ocl {
 675   background-position: -71px -39px;
 676 }
 677 .jstree-default-dark-small.jstree-rtl > .jstree-no-dots .jstree-node,
 678 .jstree-default-dark-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
 679   background: transparent;
 680 }
 681 .jstree-default-dark-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
 682   background-position: -39px -39px;
 683 }
 684 .jstree-default-dark-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
 685   background-position: -7px -39px;
 686 }
 687 .jstree-default-dark-small .jstree-themeicon-custom {
 688   background-color: transparent;
 689   background-image: none;
 690   background-position: 0 0;
 691 }
 692 .jstree-default-dark-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
 693   background: url("throbber.gif") center center no-repeat;
 694 }
 695 .jstree-default-dark-small .jstree-file {
 696   background: url("32px.png") -103px -71px no-repeat;
 697 }
 698 .jstree-default-dark-small .jstree-folder {
 699   background: url("32px.png") -263px -7px no-repeat;
 700 }
 701 .jstree-default-dark-small > .jstree-container-ul > .jstree-node {
 702   margin-left: 0;
 703   margin-right: 0;
 704 }
 705 #jstree-dnd.jstree-default-dark-small {
 706   line-height: 18px;
 707   padding: 0 4px;
 708 }
 709 #jstree-dnd.jstree-default-dark-small .jstree-ok,
 710 #jstree-dnd.jstree-default-dark-small .jstree-er {
 711   background-image: url("32px.png");
 712   background-repeat: no-repeat;
 713   background-color: transparent;
 714 }
 715 #jstree-dnd.jstree-default-dark-small i {
 716   background: transparent;
 717   width: 18px;
 718   height: 18px;
 719   line-height: 18px;
 720 }
 721 #jstree-dnd.jstree-default-dark-small .jstree-ok {
 722   background-position: -7px -71px;
 723 }
 724 #jstree-dnd.jstree-default-dark-small .jstree-er {
 725   background-position: -39px -71px;
 726 }
 727 .jstree-default-dark-small .jstree-ellipsis {
 728   overflow: hidden;
 729 }
 730 .jstree-default-dark-small .jstree-ellipsis .jstree-anchor {
 731   width: calc(100% - 23px);
 732   text-overflow: ellipsis;
 733   overflow: hidden;
 734 }
 735 .jstree-default-dark-small .jstree-ellipsis.jstree-no-icons .jstree-anchor {
 736   width: calc(100% - 5px);
 737 }
 738 .jstree-default-dark-small.jstree-rtl .jstree-node {
 739   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
 740 }
 741 .jstree-default-dark-small.jstree-rtl .jstree-last {
 742   background: transparent;
 743 }
 744 .jstree-default-dark-large .jstree-node {
 745   min-height: 32px;
 746   line-height: 32px;
 747   margin-left: 32px;
 748   min-width: 32px;
 749 }
 750 .jstree-default-dark-large .jstree-anchor {
 751   line-height: 32px;
 752   height: 32px;
 753 }
 754 .jstree-default-dark-large .jstree-icon {
 755   width: 32px;
 756   height: 32px;
 757   line-height: 32px;
 758 }
 759 .jstree-default-dark-large .jstree-icon:empty {
 760   width: 32px;
 761   height: 32px;
 762   line-height: 32px;
 763 }
 764 .jstree-default-dark-large.jstree-rtl .jstree-node {
 765   margin-right: 32px;
 766 }
 767 .jstree-default-dark-large .jstree-wholerow {
 768   height: 32px;
 769 }
 770 .jstree-default-dark-large .jstree-node,
 771 .jstree-default-dark-large .jstree-icon {
 772   background-image: url("32px.png");
 773 }
 774 .jstree-default-dark-large .jstree-node {
 775   background-position: -288px 0px;
 776   background-repeat: repeat-y;
 777 }
 778 .jstree-default-dark-large .jstree-last {
 779   background: transparent;
 780 }
 781 .jstree-default-dark-large .jstree-open > .jstree-ocl {
 782   background-position: -128px 0px;
 783 }
 784 .jstree-default-dark-large .jstree-closed > .jstree-ocl {
 785   background-position: -96px 0px;
 786 }
 787 .jstree-default-dark-large .jstree-leaf > .jstree-ocl {
 788   background-position: -64px 0px;
 789 }
 790 .jstree-default-dark-large .jstree-themeicon {
 791   background-position: -256px 0px;
 792 }
 793 .jstree-default-dark-large > .jstree-no-dots .jstree-node,
 794 .jstree-default-dark-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
 795   background: transparent;
 796 }
 797 .jstree-default-dark-large > .jstree-no-dots .jstree-open > .jstree-ocl {
 798   background-position: -32px 0px;
 799 }
 800 .jstree-default-dark-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
 801   background-position: 0px 0px;
 802 }
 803 .jstree-default-dark-large .jstree-disabled {
 804   background: transparent;
 805 }
 806 .jstree-default-dark-large .jstree-disabled.jstree-hovered {
 807   background: transparent;
 808 }
 809 .jstree-default-dark-large .jstree-disabled.jstree-clicked {
 810   background: #efefef;
 811 }
 812 .jstree-default-dark-large .jstree-checkbox {
 813   background-position: -160px 0px;
 814 }
 815 .jstree-default-dark-large .jstree-checkbox:hover {
 816   background-position: -160px -32px;
 817 }
 818 .jstree-default-dark-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
 819 .jstree-default-dark-large .jstree-checked > .jstree-checkbox {
 820   background-position: -224px 0px;
 821 }
 822 .jstree-default-dark-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
 823 .jstree-default-dark-large .jstree-checked > .jstree-checkbox:hover {
 824   background-position: -224px -32px;
 825 }
 826 .jstree-default-dark-large .jstree-anchor > .jstree-undetermined {
 827   background-position: -192px 0px;
 828 }
 829 .jstree-default-dark-large .jstree-anchor > .jstree-undetermined:hover {
 830   background-position: -192px -32px;
 831 }
 832 .jstree-default-dark-large .jstree-checkbox-disabled {
 833   opacity: 0.8;
 834   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");
 835   /* Firefox 10+ */
 836   filter: gray;
 837   /* IE6-9 */
 838   -webkit-filter: grayscale(100%);
 839   /* Chrome 19+ & Safari 6+ */
 840 }
 841 .jstree-default-dark-large > .jstree-striped {
 842   background-size: auto 64px;
 843 }
 844 .jstree-default-dark-large.jstree-rtl .jstree-node {
 845   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
 846   background-position: 100% 1px;
 847   background-repeat: repeat-y;
 848 }
 849 .jstree-default-dark-large.jstree-rtl .jstree-last {
 850   background: transparent;
 851 }
 852 .jstree-default-dark-large.jstree-rtl .jstree-open > .jstree-ocl {
 853   background-position: -128px -32px;
 854 }
 855 .jstree-default-dark-large.jstree-rtl .jstree-closed > .jstree-ocl {
 856   background-position: -96px -32px;
 857 }
 858 .jstree-default-dark-large.jstree-rtl .jstree-leaf > .jstree-ocl {
 859   background-position: -64px -32px;
 860 }
 861 .jstree-default-dark-large.jstree-rtl > .jstree-no-dots .jstree-node,
 862 .jstree-default-dark-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
 863   background: transparent;
 864 }
 865 .jstree-default-dark-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
 866   background-position: -32px -32px;
 867 }
 868 .jstree-default-dark-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
 869   background-position: 0px -32px;
 870 }
 871 .jstree-default-dark-large .jstree-themeicon-custom {
 872   background-color: transparent;
 873   background-image: none;
 874   background-position: 0 0;
 875 }
 876 .jstree-default-dark-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
 877   background: url("throbber.gif") center center no-repeat;
 878 }
 879 .jstree-default-dark-large .jstree-file {
 880   background: url("32px.png") -96px -64px no-repeat;
 881 }
 882 .jstree-default-dark-large .jstree-folder {
 883   background: url("32px.png") -256px 0px no-repeat;
 884 }
 885 .jstree-default-dark-large > .jstree-container-ul > .jstree-node {
 886   margin-left: 0;
 887   margin-right: 0;
 888 }
 889 #jstree-dnd.jstree-default-dark-large {
 890   line-height: 32px;
 891   padding: 0 4px;
 892 }
 893 #jstree-dnd.jstree-default-dark-large .jstree-ok,
 894 #jstree-dnd.jstree-default-dark-large .jstree-er {
 895   background-image: url("32px.png");
 896   background-repeat: no-repeat;
 897   background-color: transparent;
 898 }
 899 #jstree-dnd.jstree-default-dark-large i {
 900   background: transparent;
 901   width: 32px;
 902   height: 32px;
 903   line-height: 32px;
 904 }
 905 #jstree-dnd.jstree-default-dark-large .jstree-ok {
 906   background-position: 0px -64px;
 907 }
 908 #jstree-dnd.jstree-default-dark-large .jstree-er {
 909   background-position: -32px -64px;
 910 }
 911 .jstree-default-dark-large .jstree-ellipsis {
 912   overflow: hidden;
 913 }
 914 .jstree-default-dark-large .jstree-ellipsis .jstree-anchor {
 915   width: calc(100% - 37px);
 916   text-overflow: ellipsis;
 917   overflow: hidden;
 918 }
 919 .jstree-default-dark-large .jstree-ellipsis.jstree-no-icons .jstree-anchor {
 920   width: calc(100% - 5px);
 921 }
 922 .jstree-default-dark-large.jstree-rtl .jstree-node {
 923   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
 924 }
 925 .jstree-default-dark-large.jstree-rtl .jstree-last {
 926   background: transparent;
 927 }
 928 @media (max-width: 768px) {
 929   #jstree-dnd.jstree-dnd-responsive {
 930     line-height: 40px;
 931     font-weight: bold;
 932     font-size: 1.1em;
 933     text-shadow: 1px 1px white;
 934   }
 935   #jstree-dnd.jstree-dnd-responsive > i {
 936     background: transparent;
 937     width: 40px;
 938     height: 40px;
 939   }
 940   #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
 941     background-image: url("40px.png");
 942     background-position: 0 -200px;
 943     background-size: 120px 240px;
 944   }
 945   #jstree-dnd.jstree-dnd-responsive > .jstree-er {
 946     background-image: url("40px.png");
 947     background-position: -40px -200px;
 948     background-size: 120px 240px;
 949   }
 950   #jstree-marker.jstree-dnd-responsive {
 951     border-left-width: 10px;
 952     border-top-width: 10px;
 953     border-bottom-width: 10px;
 954     margin-top: -10px;
 955   }
 956 }
 957 @media (max-width: 768px) {
 958   .jstree-default-dark-responsive {
 959     /*
 960         .jstree-open > .jstree-ocl,
 961         .jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; }
 962         */
 963   }
 964   .jstree-default-dark-responsive .jstree-icon {
 965     background-image: url("40px.png");
 966   }
 967   .jstree-default-dark-responsive .jstree-node,
 968   .jstree-default-dark-responsive .jstree-leaf > .jstree-ocl {
 969     background: transparent;
 970   }
 971   .jstree-default-dark-responsive .jstree-node {
 972     min-height: 40px;
 973     line-height: 40px;
 974     margin-left: 40px;
 975     min-width: 40px;
 976     white-space: nowrap;
 977   }
 978   .jstree-default-dark-responsive .jstree-anchor {
 979     line-height: 40px;
 980     height: 40px;
 981   }
 982   .jstree-default-dark-responsive .jstree-icon,
 983   .jstree-default-dark-responsive .jstree-icon:empty {
 984     width: 40px;
 985     height: 40px;
 986     line-height: 40px;
 987   }
 988   .jstree-default-dark-responsive > .jstree-container-ul > .jstree-node {
 989     margin-left: 0;
 990   }
 991   .jstree-default-dark-responsive.jstree-rtl .jstree-node {
 992     margin-left: 0;
 993     margin-right: 40px;
 994     background: transparent;
 995   }
 996   .jstree-default-dark-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
 997     margin-right: 0;
 998   }
 999   .jstree-default-dark-responsive .jstree-ocl,
1000   .jstree-default-dark-responsive .jstree-themeicon,
1001   .jstree-default-dark-responsive .jstree-checkbox {
1002     background-size: 120px 240px;
1003   }
1004   .jstree-default-dark-responsive .jstree-leaf > .jstree-ocl,
1005   .jstree-default-dark-responsive.jstree-rtl .jstree-leaf > .jstree-ocl {
1006     background: transparent;
1007   }
1008   .jstree-default-dark-responsive .jstree-open > .jstree-ocl {
1009     background-position: 0 0px !important;
1010   }
1011   .jstree-default-dark-responsive .jstree-closed > .jstree-ocl {
1012     background-position: 0 -40px !important;
1013   }
1014   .jstree-default-dark-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
1015     background-position: -40px 0px !important;
1016   }
1017   .jstree-default-dark-responsive .jstree-themeicon {
1018     background-position: -40px -40px;
1019   }
1020   .jstree-default-dark-responsive .jstree-checkbox,
1021   .jstree-default-dark-responsive .jstree-checkbox:hover {
1022     background-position: -40px -80px;
1023   }
1024   .jstree-default-dark-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
1025   .jstree-default-dark-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
1026   .jstree-default-dark-responsive .jstree-checked > .jstree-checkbox,
1027   .jstree-default-dark-responsive .jstree-checked > .jstree-checkbox:hover {
1028     background-position: 0 -80px;
1029   }
1030   .jstree-default-dark-responsive .jstree-anchor > .jstree-undetermined,
1031   .jstree-default-dark-responsive .jstree-anchor > .jstree-undetermined:hover {
1032     background-position: 0 -120px;
1033   }
1034   .jstree-default-dark-responsive .jstree-anchor {
1035     font-weight: bold;
1036     font-size: 1.1em;
1037     text-shadow: 1px 1px white;
1038   }
1039   .jstree-default-dark-responsive > .jstree-striped {
1040     background: transparent;
1041   }
1042   .jstree-default-dark-responsive .jstree-wholerow {
1043     border-top: 1px solid #666666;
1044     border-bottom: 1px solid #000000;
1045     background: #333333;
1046     height: 40px;
1047   }
1048   .jstree-default-dark-responsive .jstree-wholerow-hovered {
1049     background: #555555;
1050   }
1051   .jstree-default-dark-responsive .jstree-wholerow-clicked {
1052     background: #5fa2db;
1053   }
1054   .jstree-default-dark-responsive .jstree-children .jstree-last > .jstree-wholerow {
1055     box-shadow: inset 0 -6px 3px -5px #111111;
1056   }
1057   .jstree-default-dark-responsive .jstree-children .jstree-open > .jstree-wholerow {
1058     box-shadow: inset 0 6px 3px -5px #111111;
1059     border-top: 0;
1060   }
1061   .jstree-default-dark-responsive .jstree-children .jstree-open + .jstree-open {
1062     box-shadow: none;
1063   }
1064   .jstree-default-dark-responsive .jstree-node,
1065   .jstree-default-dark-responsive .jstree-icon,
1066   .jstree-default-dark-responsive .jstree-node > .jstree-ocl,
1067   .jstree-default-dark-responsive .jstree-themeicon,
1068   .jstree-default-dark-responsive .jstree-checkbox {
1069     background-image: url("40px.png");
1070     background-size: 120px 240px;
1071   }
1072   .jstree-default-dark-responsive .jstree-node {
1073     background-position: -80px 0;
1074     background-repeat: repeat-y;
1075   }
1076   .jstree-default-dark-responsive .jstree-last {
1077     background: transparent;
1078   }
1079   .jstree-default-dark-responsive .jstree-leaf > .jstree-ocl {
1080     background-position: -40px -120px;
1081   }
1082   .jstree-default-dark-responsive .jstree-last > .jstree-ocl {
1083     background-position: -40px -160px;
1084   }
1085   .jstree-default-dark-responsive .jstree-themeicon-custom {
1086     background-color: transparent;
1087     background-image: none;
1088     background-position: 0 0;
1089   }
1090   .jstree-default-dark-responsive .jstree-file {
1091     background: url("40px.png") 0 -160px no-repeat;
1092     background-size: 120px 240px;
1093   }
1094   .jstree-default-dark-responsive .jstree-folder {
1095     background: url("40px.png") -40px -40px no-repeat;
1096     background-size: 120px 240px;
1097   }
1098   .jstree-default-dark-responsive > .jstree-container-ul > .jstree-node {
1099     margin-left: 0;
1100     margin-right: 0;
1101   }
1102 }
1103 .jstree-default-dark {
1104   background: #333;
1105 }
1106 .jstree-default-dark .jstree-anchor {
1107   color: #999;
1108   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
1109 }
1110 .jstree-default-dark .jstree-clicked,
1111 .jstree-default-dark .jstree-checked {
1112   color: white;
1113 }
1114 .jstree-default-dark .jstree-hovered {
1115   color: white;
1116 }
1117 #jstree-marker.jstree-default-dark {
1118   border-left-color: #999;
1119   background: transparent;
1120 }
1121 .jstree-default-dark .jstree-anchor > .jstree-icon {
1122   opacity: 0.75;
1123 }
1124 .jstree-default-dark .jstree-clicked > .jstree-icon,
1125 .jstree-default-dark .jstree-hovered > .jstree-icon,
1126 .jstree-default-dark .jstree-checked > .jstree-icon {
1127   opacity: 1;
1128 }
1129 .jstree-default-dark.jstree-rtl .jstree-node {
1130   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAACZmZl+9SADAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
1131 }
1132 .jstree-default-dark.jstree-rtl .jstree-last {
1133   background: transparent;
1134 }
1135 .jstree-default-dark-small.jstree-rtl .jstree-node {
1136   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAACZmZl+9SADAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
1137 }
1138 .jstree-default-dark-small.jstree-rtl .jstree-last {
1139   background: transparent;
1140 }
1141 .jstree-default-dark-large.jstree-rtl .jstree-node {
1142   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAACZmZl+9SADAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
1143 }
1144 .jstree-default-dark-large.jstree-rtl .jstree-last {
1145   background: transparent;
1146 }