js/jstree/dist/themes/default/style.css

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