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-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 .jstree-node,
284.jstree-default .jstree-icon {
285  background-repeat: no-repeat;
286  background-color: transparent;
287}
288.jstree-default .jstree-anchor,
289.jstree-default .jstree-animated,
290.jstree-default .jstree-wholerow {
291  transition: background-color 0.15s, box-shadow 0.15s;
292}
293.jstree-default .jstree-hovered {
294  background: #e7f4f9;
295  border-radius: 2px;
296  box-shadow: inset 0 0 1px #cccccc;
297}
298.jstree-default .jstree-context {
299  background: #e7f4f9;
300  border-radius: 2px;
301  box-shadow: inset 0 0 1px #cccccc;
302}
303.jstree-default .jstree-clicked {
304  background: #beebff;
305  border-radius: 2px;
306  box-shadow: inset 0 0 1px #999999;
307}
308.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
309  display: none;
310}
311.jstree-default .jstree-disabled {
312  background: transparent;
313  color: #666666;
314}
315.jstree-default .jstree-disabled.jstree-hovered {
316  background: transparent;
317  box-shadow: none;
318}
319.jstree-default .jstree-disabled.jstree-clicked {
320  background: #efefef;
321}
322.jstree-default .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 .jstree-search {
332  font-style: italic;
333  color: #8b0000;
334  font-weight: bold;
335}
336.jstree-default .jstree-no-checkboxes .jstree-checkbox {
337  display: none !important;
338}
339.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
340  background: transparent;
341  box-shadow: none;
342}
343.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
344  background: #e7f4f9;
345}
346.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
347  background: transparent;
348}
349.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
350  background: #e7f4f9;
351}
352.jstree-default > .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 > .jstree-wholerow-ul .jstree-hovered,
358.jstree-default > .jstree-wholerow-ul .jstree-clicked {
359  background: transparent;
360  box-shadow: none;
361  border-radius: 0;
362}
363.jstree-default .jstree-wholerow {
364  -moz-box-sizing: border-box;
365  -webkit-box-sizing: border-box;
366  box-sizing: border-box;
367}
368.jstree-default .jstree-wholerow-hovered {
369  background: #e7f4f9;
370}
371.jstree-default .jstree-wholerow-clicked {
372  background: #beebff;
373  background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
374  background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%);
375}
376.jstree-default .jstree-node {
377  min-height: 24px;
378  line-height: 24px;
379  margin-left: 24px;
380  min-width: 24px;
381}
382.jstree-default .jstree-anchor {
383  line-height: 24px;
384  height: 24px;
385}
386.jstree-default .jstree-icon {
387  width: 24px;
388  height: 24px;
389  line-height: 24px;
390}
391.jstree-default .jstree-icon:empty {
392  width: 24px;
393  height: 24px;
394  line-height: 24px;
395}
396.jstree-default.jstree-rtl .jstree-node {
397  margin-right: 24px;
398}
399.jstree-default .jstree-wholerow {
400  height: 24px;
401}
402.jstree-default .jstree-node,
403.jstree-default .jstree-icon {
404  background-image: url("32px.png");
405}
406.jstree-default .jstree-node {
407  background-position: -292px -4px;
408  background-repeat: repeat-y;
409}
410.jstree-default .jstree-last {
411  background: transparent;
412}
413.jstree-default .jstree-open > .jstree-ocl {
414  background-position: -132px -4px;
415}
416.jstree-default .jstree-closed > .jstree-ocl {
417  background-position: -100px -4px;
418}
419.jstree-default .jstree-leaf > .jstree-ocl {
420  background-position: -68px -4px;
421}
422.jstree-default .jstree-themeicon {
423  background-position: -260px -4px;
424}
425.jstree-default > .jstree-no-dots .jstree-node,
426.jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
427  background: transparent;
428}
429.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
430  background-position: -36px -4px;
431}
432.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
433  background-position: -4px -4px;
434}
435.jstree-default .jstree-disabled {
436  background: transparent;
437}
438.jstree-default .jstree-disabled.jstree-hovered {
439  background: transparent;
440}
441.jstree-default .jstree-disabled.jstree-clicked {
442  background: #efefef;
443}
444.jstree-default .jstree-checkbox {
445  background-position: -164px -4px;
446}
447.jstree-default .jstree-checkbox:hover {
448  background-position: -164px -36px;
449}
450.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
451.jstree-default .jstree-checked > .jstree-checkbox {
452  background-position: -228px -4px;
453}
454.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
455.jstree-default .jstree-checked > .jstree-checkbox:hover {
456  background-position: -228px -36px;
457}
458.jstree-default .jstree-anchor > .jstree-undetermined {
459  background-position: -196px -4px;
460}
461.jstree-default .jstree-anchor > .jstree-undetermined:hover {
462  background-position: -196px -36px;
463}
464.jstree-default .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 > .jstree-striped {
474  background-size: auto 48px;
475}
476.jstree-default.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.jstree-rtl .jstree-last {
482  background: transparent;
483}
484.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
485  background-position: -132px -36px;
486}
487.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
488  background-position: -100px -36px;
489}
490.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
491  background-position: -68px -36px;
492}
493.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node,
494.jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
495  background: transparent;
496}
497.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
498  background-position: -36px -36px;
499}
500.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
501  background-position: -4px -36px;
502}
503.jstree-default .jstree-themeicon-custom {
504  background-color: transparent;
505  background-image: none;
506  background-position: 0 0;
507}
508.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
509  background: url("throbber.gif") center center no-repeat;
510}
511.jstree-default .jstree-file {
512  background: url("32px.png") -100px -68px no-repeat;
513}
514.jstree-default .jstree-folder {
515  background: url("32px.png") -260px -4px no-repeat;
516}
517.jstree-default > .jstree-container-ul > .jstree-node {
518  margin-left: 0;
519  margin-right: 0;
520}
521#jstree-dnd.jstree-default {
522  line-height: 24px;
523  padding: 0 4px;
524}
525#jstree-dnd.jstree-default .jstree-ok,
526#jstree-dnd.jstree-default .jstree-er {
527  background-image: url("32px.png");
528  background-repeat: no-repeat;
529  background-color: transparent;
530}
531#jstree-dnd.jstree-default i {
532  background: transparent;
533  width: 24px;
534  height: 24px;
535  line-height: 24px;
536}
537#jstree-dnd.jstree-default .jstree-ok {
538  background-position: -4px -68px;
539}
540#jstree-dnd.jstree-default .jstree-er {
541  background-position: -36px -68px;
542}
543.jstree-default .jstree-ellipsis {
544  overflow: hidden;
545}
546.jstree-default .jstree-ellipsis .jstree-anchor {
547  width: calc(100% - 29px);
548  text-overflow: ellipsis;
549  overflow: hidden;
550}
551.jstree-default .jstree-ellipsis.jstree-no-icons .jstree-anchor {
552  width: calc(100% - 5px);
553}
554.jstree-default.jstree-rtl .jstree-node {
555  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
556}
557.jstree-default.jstree-rtl .jstree-last {
558  background: transparent;
559}
560.jstree-default-small .jstree-node {
561  min-height: 18px;
562  line-height: 18px;
563  margin-left: 18px;
564  min-width: 18px;
565}
566.jstree-default-small .jstree-anchor {
567  line-height: 18px;
568  height: 18px;
569}
570.jstree-default-small .jstree-icon {
571  width: 18px;
572  height: 18px;
573  line-height: 18px;
574}
575.jstree-default-small .jstree-icon:empty {
576  width: 18px;
577  height: 18px;
578  line-height: 18px;
579}
580.jstree-default-small.jstree-rtl .jstree-node {
581  margin-right: 18px;
582}
583.jstree-default-small .jstree-wholerow {
584  height: 18px;
585}
586.jstree-default-small .jstree-node,
587.jstree-default-small .jstree-icon {
588  background-image: url("32px.png");
589}
590.jstree-default-small .jstree-node {
591  background-position: -295px -7px;
592  background-repeat: repeat-y;
593}
594.jstree-default-small .jstree-last {
595  background: transparent;
596}
597.jstree-default-small .jstree-open > .jstree-ocl {
598  background-position: -135px -7px;
599}
600.jstree-default-small .jstree-closed > .jstree-ocl {
601  background-position: -103px -7px;
602}
603.jstree-default-small .jstree-leaf > .jstree-ocl {
604  background-position: -71px -7px;
605}
606.jstree-default-small .jstree-themeicon {
607  background-position: -263px -7px;
608}
609.jstree-default-small > .jstree-no-dots .jstree-node,
610.jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
611  background: transparent;
612}
613.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
614  background-position: -39px -7px;
615}
616.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
617  background-position: -7px -7px;
618}
619.jstree-default-small .jstree-disabled {
620  background: transparent;
621}
622.jstree-default-small .jstree-disabled.jstree-hovered {
623  background: transparent;
624}
625.jstree-default-small .jstree-disabled.jstree-clicked {
626  background: #efefef;
627}
628.jstree-default-small .jstree-checkbox {
629  background-position: -167px -7px;
630}
631.jstree-default-small .jstree-checkbox:hover {
632  background-position: -167px -39px;
633}
634.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
635.jstree-default-small .jstree-checked > .jstree-checkbox {
636  background-position: -231px -7px;
637}
638.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
639.jstree-default-small .jstree-checked > .jstree-checkbox:hover {
640  background-position: -231px -39px;
641}
642.jstree-default-small .jstree-anchor > .jstree-undetermined {
643  background-position: -199px -7px;
644}
645.jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
646  background-position: -199px -39px;
647}
648.jstree-default-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-small > .jstree-striped {
658  background-size: auto 36px;
659}
660.jstree-default-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-small.jstree-rtl .jstree-last {
666  background: transparent;
667}
668.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
669  background-position: -135px -39px;
670}
671.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
672  background-position: -103px -39px;
673}
674.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
675  background-position: -71px -39px;
676}
677.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node,
678.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
679  background: transparent;
680}
681.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
682  background-position: -39px -39px;
683}
684.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
685  background-position: -7px -39px;
686}
687.jstree-default-small .jstree-themeicon-custom {
688  background-color: transparent;
689  background-image: none;
690  background-position: 0 0;
691}
692.jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
693  background: url("throbber.gif") center center no-repeat;
694}
695.jstree-default-small .jstree-file {
696  background: url("32px.png") -103px -71px no-repeat;
697}
698.jstree-default-small .jstree-folder {
699  background: url("32px.png") -263px -7px no-repeat;
700}
701.jstree-default-small > .jstree-container-ul > .jstree-node {
702  margin-left: 0;
703  margin-right: 0;
704}
705#jstree-dnd.jstree-default-small {
706  line-height: 18px;
707  padding: 0 4px;
708}
709#jstree-dnd.jstree-default-small .jstree-ok,
710#jstree-dnd.jstree-default-small .jstree-er {
711  background-image: url("32px.png");
712  background-repeat: no-repeat;
713  background-color: transparent;
714}
715#jstree-dnd.jstree-default-small i {
716  background: transparent;
717  width: 18px;
718  height: 18px;
719  line-height: 18px;
720}
721#jstree-dnd.jstree-default-small .jstree-ok {
722  background-position: -7px -71px;
723}
724#jstree-dnd.jstree-default-small .jstree-er {
725  background-position: -39px -71px;
726}
727.jstree-default-small .jstree-ellipsis {
728  overflow: hidden;
729}
730.jstree-default-small .jstree-ellipsis .jstree-anchor {
731  width: calc(100% - 23px);
732  text-overflow: ellipsis;
733  overflow: hidden;
734}
735.jstree-default-small .jstree-ellipsis.jstree-no-icons .jstree-anchor {
736  width: calc(100% - 5px);
737}
738.jstree-default-small.jstree-rtl .jstree-node {
739  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
740}
741.jstree-default-small.jstree-rtl .jstree-last {
742  background: transparent;
743}
744.jstree-default-large .jstree-node {
745  min-height: 32px;
746  line-height: 32px;
747  margin-left: 32px;
748  min-width: 32px;
749}
750.jstree-default-large .jstree-anchor {
751  line-height: 32px;
752  height: 32px;
753}
754.jstree-default-large .jstree-icon {
755  width: 32px;
756  height: 32px;
757  line-height: 32px;
758}
759.jstree-default-large .jstree-icon:empty {
760  width: 32px;
761  height: 32px;
762  line-height: 32px;
763}
764.jstree-default-large.jstree-rtl .jstree-node {
765  margin-right: 32px;
766}
767.jstree-default-large .jstree-wholerow {
768  height: 32px;
769}
770.jstree-default-large .jstree-node,
771.jstree-default-large .jstree-icon {
772  background-image: url("32px.png");
773}
774.jstree-default-large .jstree-node {
775  background-position: -288px 0px;
776  background-repeat: repeat-y;
777}
778.jstree-default-large .jstree-last {
779  background: transparent;
780}
781.jstree-default-large .jstree-open > .jstree-ocl {
782  background-position: -128px 0px;
783}
784.jstree-default-large .jstree-closed > .jstree-ocl {
785  background-position: -96px 0px;
786}
787.jstree-default-large .jstree-leaf > .jstree-ocl {
788  background-position: -64px 0px;
789}
790.jstree-default-large .jstree-themeicon {
791  background-position: -256px 0px;
792}
793.jstree-default-large > .jstree-no-dots .jstree-node,
794.jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
795  background: transparent;
796}
797.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
798  background-position: -32px 0px;
799}
800.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
801  background-position: 0px 0px;
802}
803.jstree-default-large .jstree-disabled {
804  background: transparent;
805}
806.jstree-default-large .jstree-disabled.jstree-hovered {
807  background: transparent;
808}
809.jstree-default-large .jstree-disabled.jstree-clicked {
810  background: #efefef;
811}
812.jstree-default-large .jstree-checkbox {
813  background-position: -160px 0px;
814}
815.jstree-default-large .jstree-checkbox:hover {
816  background-position: -160px -32px;
817}
818.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
819.jstree-default-large .jstree-checked > .jstree-checkbox {
820  background-position: -224px 0px;
821}
822.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
823.jstree-default-large .jstree-checked > .jstree-checkbox:hover {
824  background-position: -224px -32px;
825}
826.jstree-default-large .jstree-anchor > .jstree-undetermined {
827  background-position: -192px 0px;
828}
829.jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
830  background-position: -192px -32px;
831}
832.jstree-default-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-large > .jstree-striped {
842  background-size: auto 64px;
843}
844.jstree-default-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-large.jstree-rtl .jstree-last {
850  background: transparent;
851}
852.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
853  background-position: -128px -32px;
854}
855.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
856  background-position: -96px -32px;
857}
858.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
859  background-position: -64px -32px;
860}
861.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node,
862.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
863  background: transparent;
864}
865.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
866  background-position: -32px -32px;
867}
868.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
869  background-position: 0px -32px;
870}
871.jstree-default-large .jstree-themeicon-custom {
872  background-color: transparent;
873  background-image: none;
874  background-position: 0 0;
875}
876.jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
877  background: url("throbber.gif") center center no-repeat;
878}
879.jstree-default-large .jstree-file {
880  background: url("32px.png") -96px -64px no-repeat;
881}
882.jstree-default-large .jstree-folder {
883  background: url("32px.png") -256px 0px no-repeat;
884}
885.jstree-default-large > .jstree-container-ul > .jstree-node {
886  margin-left: 0;
887  margin-right: 0;
888}
889#jstree-dnd.jstree-default-large {
890  line-height: 32px;
891  padding: 0 4px;
892}
893#jstree-dnd.jstree-default-large .jstree-ok,
894#jstree-dnd.jstree-default-large .jstree-er {
895  background-image: url("32px.png");
896  background-repeat: no-repeat;
897  background-color: transparent;
898}
899#jstree-dnd.jstree-default-large i {
900  background: transparent;
901  width: 32px;
902  height: 32px;
903  line-height: 32px;
904}
905#jstree-dnd.jstree-default-large .jstree-ok {
906  background-position: 0px -64px;
907}
908#jstree-dnd.jstree-default-large .jstree-er {
909  background-position: -32px -64px;
910}
911.jstree-default-large .jstree-ellipsis {
912  overflow: hidden;
913}
914.jstree-default-large .jstree-ellipsis .jstree-anchor {
915  width: calc(100% - 37px);
916  text-overflow: ellipsis;
917  overflow: hidden;
918}
919.jstree-default-large .jstree-ellipsis.jstree-no-icons .jstree-anchor {
920  width: calc(100% - 5px);
921}
922.jstree-default-large.jstree-rtl .jstree-node {
923  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
924}
925.jstree-default-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-responsive {
959    /*
960	.jstree-open > .jstree-ocl,
961	.jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; }
962	*/
963  }
964  .jstree-default-responsive .jstree-icon {
965    background-image: url("40px.png");
966  }
967  .jstree-default-responsive .jstree-node,
968  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
969    background: transparent;
970  }
971  .jstree-default-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-responsive .jstree-anchor {
979    line-height: 40px;
980    height: 40px;
981  }
982  .jstree-default-responsive .jstree-icon,
983  .jstree-default-responsive .jstree-icon:empty {
984    width: 40px;
985    height: 40px;
986    line-height: 40px;
987  }
988  .jstree-default-responsive > .jstree-container-ul > .jstree-node {
989    margin-left: 0;
990  }
991  .jstree-default-responsive.jstree-rtl .jstree-node {
992    margin-left: 0;
993    margin-right: 40px;
994    background: transparent;
995  }
996  .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
997    margin-right: 0;
998  }
999  .jstree-default-responsive .jstree-ocl,
1000  .jstree-default-responsive .jstree-themeicon,
1001  .jstree-default-responsive .jstree-checkbox {
1002    background-size: 120px 240px;
1003  }
1004  .jstree-default-responsive .jstree-leaf > .jstree-ocl,
1005  .jstree-default-responsive.jstree-rtl .jstree-leaf > .jstree-ocl {
1006    background: transparent;
1007  }
1008  .jstree-default-responsive .jstree-open > .jstree-ocl {
1009    background-position: 0 0px !important;
1010  }
1011  .jstree-default-responsive .jstree-closed > .jstree-ocl {
1012    background-position: 0 -40px !important;
1013  }
1014  .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
1015    background-position: -40px 0px !important;
1016  }
1017  .jstree-default-responsive .jstree-themeicon {
1018    background-position: -40px -40px;
1019  }
1020  .jstree-default-responsive .jstree-checkbox,
1021  .jstree-default-responsive .jstree-checkbox:hover {
1022    background-position: -40px -80px;
1023  }
1024  .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
1025  .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
1026  .jstree-default-responsive .jstree-checked > .jstree-checkbox,
1027  .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
1028    background-position: 0 -80px;
1029  }
1030  .jstree-default-responsive .jstree-anchor > .jstree-undetermined,
1031  .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
1032    background-position: 0 -120px;
1033  }
1034  .jstree-default-responsive .jstree-anchor {
1035    font-weight: bold;
1036    font-size: 1.1em;
1037    text-shadow: 1px 1px white;
1038  }
1039  .jstree-default-responsive > .jstree-striped {
1040    background: transparent;
1041  }
1042  .jstree-default-responsive .jstree-wholerow {
1043    border-top: 1px solid rgba(255, 255, 255, 0.7);
1044    border-bottom: 1px solid rgba(64, 64, 64, 0.2);
1045    background: #ebebeb;
1046    height: 40px;
1047  }
1048  .jstree-default-responsive .jstree-wholerow-hovered {
1049    background: #e7f4f9;
1050  }
1051  .jstree-default-responsive .jstree-wholerow-clicked {
1052    background: #beebff;
1053  }
1054  .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
1055    box-shadow: inset 0 -6px 3px -5px #666666;
1056  }
1057  .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
1058    box-shadow: inset 0 6px 3px -5px #666666;
1059    border-top: 0;
1060  }
1061  .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
1062    box-shadow: none;
1063  }
1064  .jstree-default-responsive .jstree-node,
1065  .jstree-default-responsive .jstree-icon,
1066  .jstree-default-responsive .jstree-node > .jstree-ocl,
1067  .jstree-default-responsive .jstree-themeicon,
1068  .jstree-default-responsive .jstree-checkbox {
1069    background-image: url("40px.png");
1070    background-size: 120px 240px;
1071  }
1072  .jstree-default-responsive .jstree-node {
1073    background-position: -80px 0;
1074    background-repeat: repeat-y;
1075  }
1076  .jstree-default-responsive .jstree-last {
1077    background: transparent;
1078  }
1079  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
1080    background-position: -40px -120px;
1081  }
1082  .jstree-default-responsive .jstree-last > .jstree-ocl {
1083    background-position: -40px -160px;
1084  }
1085  .jstree-default-responsive .jstree-themeicon-custom {
1086    background-color: transparent;
1087    background-image: none;
1088    background-position: 0 0;
1089  }
1090  .jstree-default-responsive .jstree-file {
1091    background: url("40px.png") 0 -160px no-repeat;
1092    background-size: 120px 240px;
1093  }
1094  .jstree-default-responsive .jstree-folder {
1095    background: url("40px.png") -40px -40px no-repeat;
1096    background-size: 120px 240px;
1097  }
1098  .jstree-default-responsive > .jstree-container-ul > .jstree-node {
1099    margin-left: 0;
1100    margin-right: 0;
1101  }
1102}
1103