1/*!
2 * Fancytree "ThemeRoller" skin.
3 * This file should be included after a jQuery Themeroller style sheet.
4 * It is meant to be used together with the ext-themeroller extension.
5 *
6 * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
7 * the LESS templates.
8 */
9/*******************************************************************************
10 * Common Styles for Fancytree Skins.
11 *
12 * This section is automatically generated from the `skin-common.less` template.
13 *
14 * Copyright (c) 2008-2023, Martin Wendt (https://wwWendt.de)
15 * Released under the MIT license
16 * https://github.com/mar10/fancytree/wiki/LicenseInfo
17 *
18 * @version 2.38.3
19 * @date 2023-02-01T20:52:50Z
20******************************************************************************/
21/*------------------------------------------------------------------------------
22 * Helpers
23 *----------------------------------------------------------------------------*/
24.fancytree-helper-hidden {
25  display: none;
26}
27.fancytree-helper-indeterminate-cb {
28  color: #777;
29}
30.fancytree-helper-disabled {
31  color: #c0c0c0;
32}
33/* Helper to allow spinning loader icon with glyph-, ligature-, and SVG-icons. */
34.fancytree-helper-spin {
35  -webkit-animation: spin 1000ms infinite linear;
36  animation: spin 1000ms infinite linear;
37}
38@-webkit-keyframes spin {
39  0% {
40    -webkit-transform: rotate(0deg);
41    transform: rotate(0deg);
42  }
43  100% {
44    -webkit-transform: rotate(359deg);
45    transform: rotate(359deg);
46  }
47}
48@keyframes spin {
49  0% {
50    -webkit-transform: rotate(0deg);
51    transform: rotate(0deg);
52  }
53  100% {
54    -webkit-transform: rotate(359deg);
55    transform: rotate(359deg);
56  }
57}
58/*------------------------------------------------------------------------------
59 * Container and UL / LI
60 *----------------------------------------------------------------------------*/
61ul.fancytree-container {
62  font-family: tahoma, arial, helvetica;
63  font-size: 10pt;
64  white-space: nowrap;
65  padding: 3px;
66  margin: 0;
67  background-color: white;
68  border: 1px dotted gray;
69  min-height: 0%;
70  position: relative;
71}
72ul.fancytree-container ul {
73  padding: 0 0 0 16px;
74  margin: 0;
75}
76ul.fancytree-container ul > li:before {
77  content: none;
78}
79ul.fancytree-container li {
80  list-style-image: none;
81  list-style-position: outside;
82  list-style-type: none;
83  -moz-background-clip: border;
84  -moz-background-inline-policy: continuous;
85  -moz-background-origin: padding;
86  background-attachment: scroll;
87  background-color: transparent;
88  background-position: 0px 0px;
89  background-repeat: repeat-y;
90  background-image: none;
91  margin: 0;
92}
93ul.fancytree-container li.fancytree-lastsib {
94  background-image: none;
95}
96.ui-fancytree-disabled ul.fancytree-container {
97  opacity: 0.5;
98  background-color: silver;
99}
100ul.fancytree-connectors.fancytree-container li {
101  background-image: url("../skin-themeroller/vline.gif");
102  background-position: 0 0;
103}
104ul.fancytree-container li.fancytree-lastsib,
105ul.fancytree-no-connector > li {
106  background-image: none;
107}
108li.fancytree-animating {
109  position: relative;
110}
111/*------------------------------------------------------------------------------
112 * Common icon definitions
113 *----------------------------------------------------------------------------*/
114span.fancytree-empty,
115span.fancytree-vline,
116span.fancytree-expander,
117span.fancytree-icon,
118span.fancytree-checkbox,
119span.fancytree-drag-helper-img,
120#fancytree-drop-marker {
121  width: 16px;
122  height: 16px;
123  display: inline-block;
124  vertical-align: top;
125  background-repeat: no-repeat;
126  background-image: url("../skin-themeroller/icons.gif");
127  background-position: 0px 0px;
128}
129span.fancytree-icon,
130span.fancytree-checkbox,
131span.fancytree-expander,
132span.fancytree-custom-icon {
133  margin-top: 2px;
134}
135/* Used by icon option: */
136span.fancytree-custom-icon {
137  width: 16px;
138  height: 16px;
139  display: inline-block;
140  margin-left: 3px;
141  background-position: 0px 0px;
142}
143/* Used by 'icon' node option: */
144img.fancytree-icon {
145  width: 16px;
146  height: 16px;
147  margin-left: 3px;
148  margin-top: 2px;
149  vertical-align: top;
150  border-style: none;
151}
152/*------------------------------------------------------------------------------
153 * Expander icon
154 *
155 * Note: IE6 doesn't correctly evaluate multiples class names,
156 *		 so we create combined class names that can be used in the CSS.
157 *
158 * Prefix: fancytree-exp-
159 * 1st character: 'e': expanded, 'c': collapsed, 'n': no children
160 * 2nd character (optional): 'd': lazy (Delayed)
161 * 3rd character (optional): 'l': Last sibling
162 *----------------------------------------------------------------------------*/
163span.fancytree-expander {
164  cursor: pointer;
165}
166.fancytree-exp-n span.fancytree-expander,
167.fancytree-exp-nl span.fancytree-expander {
168  background-image: none;
169  cursor: default;
170}
171.fancytree-connectors .fancytree-exp-n span.fancytree-expander,
172.fancytree-connectors .fancytree-exp-nl span.fancytree-expander {
173  background-image: url("../skin-themeroller/icons.gif");
174  margin-top: 0;
175}
176.fancytree-connectors .fancytree-exp-n span.fancytree-expander,
177.fancytree-connectors .fancytree-exp-n span.fancytree-expander:hover {
178  background-position: 0px -64px;
179}
180.fancytree-connectors .fancytree-exp-nl span.fancytree-expander,
181.fancytree-connectors .fancytree-exp-nl span.fancytree-expander:hover {
182  background-position: -16px -64px;
183}
184.fancytree-exp-c span.fancytree-expander {
185  background-position: 0px -80px;
186}
187.fancytree-exp-c span.fancytree-expander:hover {
188  background-position: -16px -80px;
189}
190.fancytree-exp-cl span.fancytree-expander {
191  background-position: 0px -96px;
192}
193.fancytree-exp-cl span.fancytree-expander:hover {
194  background-position: -16px -96px;
195}
196.fancytree-exp-cd span.fancytree-expander {
197  background-position: -64px -80px;
198}
199.fancytree-exp-cd span.fancytree-expander:hover {
200  background-position: -80px -80px;
201}
202.fancytree-exp-cdl span.fancytree-expander {
203  background-position: -64px -96px;
204}
205.fancytree-exp-cdl span.fancytree-expander:hover {
206  background-position: -80px -96px;
207}
208.fancytree-exp-e span.fancytree-expander,
209.fancytree-exp-ed span.fancytree-expander {
210  background-position: -32px -80px;
211}
212.fancytree-exp-e span.fancytree-expander:hover,
213.fancytree-exp-ed span.fancytree-expander:hover {
214  background-position: -48px -80px;
215}
216.fancytree-exp-el span.fancytree-expander,
217.fancytree-exp-edl span.fancytree-expander {
218  background-position: -32px -96px;
219}
220.fancytree-exp-el span.fancytree-expander:hover,
221.fancytree-exp-edl span.fancytree-expander:hover {
222  background-position: -48px -96px;
223}
224/* Fade out expanders, when container is not hovered or active */
225.fancytree-fade-expander span.fancytree-expander {
226  transition: opacity 1.5s;
227  opacity: 0;
228}
229.fancytree-fade-expander:hover span.fancytree-expander,
230.fancytree-fade-expander.fancytree-treefocus span.fancytree-expander,
231.fancytree-fade-expander .fancytree-treefocus span.fancytree-expander,
232.fancytree-fade-expander [class*="fancytree-statusnode-"] span.fancytree-expander {
233  transition: opacity 0.6s;
234  opacity: 1;
235}
236/*------------------------------------------------------------------------------
237 * Checkbox icon
238 *----------------------------------------------------------------------------*/
239span.fancytree-checkbox {
240  margin-left: 3px;
241  background-position: 0px -32px;
242}
243span.fancytree-checkbox:hover {
244  background-position: -16px -32px;
245}
246span.fancytree-checkbox.fancytree-radio {
247  background-position: 0px -48px;
248}
249span.fancytree-checkbox.fancytree-radio:hover {
250  background-position: -16px -48px;
251}
252.fancytree-partsel span.fancytree-checkbox {
253  background-position: -64px -32px;
254}
255.fancytree-partsel span.fancytree-checkbox:hover {
256  background-position: -80px -32px;
257}
258.fancytree-partsel span.fancytree-checkbox.fancytree-radio {
259  background-position: -64px -48px;
260}
261.fancytree-partsel span.fancytree-checkbox.fancytree-radio:hover {
262  background-position: -80px -48px;
263}
264.fancytree-selected span.fancytree-checkbox {
265  background-position: -32px -32px;
266}
267.fancytree-selected span.fancytree-checkbox:hover {
268  background-position: -48px -32px;
269}
270.fancytree-selected span.fancytree-checkbox.fancytree-radio {
271  background-position: -32px -48px;
272}
273.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover {
274  background-position: -48px -48px;
275}
276.fancytree-unselectable span.fancytree-checkbox {
277  opacity: 0.4;
278  filter: alpha(opacity=40);
279}
280.fancytree-unselectable span.fancytree-checkbox:hover {
281  background-position: 0px -32px;
282}
283.fancytree-unselectable span.fancytree-checkbox.fancytree-radio:hover {
284  background-position: 0px -48px;
285}
286.fancytree-unselectable.fancytree-partsel span.fancytree-checkbox:hover {
287  background-position: -64px -32px;
288}
289.fancytree-unselectable.fancytree-selected span.fancytree-checkbox:hover {
290  background-position: -32px -32px;
291}
292.fancytree-unselectable.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover {
293  background-position: -32px -48px;
294}
295.fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox {
296  visibility: hidden;
297}
298.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,
299.fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox,
300.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,
301.fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox {
302  visibility: unset;
303}
304.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,
305.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox {
306  visibility: unset;
307}
308/*------------------------------------------------------------------------------
309 * Node type icon
310 * Note: IE6 doesn't correctly evaluate multiples class names,
311 *		 so we create combined class names that can be used in the CSS.
312 *
313 * Prefix: fancytree-ico-
314 * 1st character: 'e': expanded, 'c': collapsed
315 * 2nd character (optional): 'f': folder
316 *----------------------------------------------------------------------------*/
317span.fancytree-icon {
318  margin-left: 3px;
319  background-position: 0px 0px;
320}
321/* Documents */
322.fancytree-ico-c span.fancytree-icon:hover {
323  background-position: -16px 0px;
324}
325.fancytree-has-children.fancytree-ico-c span.fancytree-icon {
326  background-position: -32px 0px;
327}
328.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover {
329  background-position: -48px 0px;
330}
331.fancytree-ico-e span.fancytree-icon {
332  background-position: -64px 0px;
333}
334.fancytree-ico-e span.fancytree-icon:hover {
335  background-position: -80px 0px;
336}
337/* Folders */
338.fancytree-ico-cf span.fancytree-icon {
339  background-position: 0px -16px;
340}
341.fancytree-ico-cf span.fancytree-icon:hover {
342  background-position: -16px -16px;
343}
344.fancytree-has-children.fancytree-ico-cf span.fancytree-icon {
345  background-position: -32px -16px;
346}
347.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover {
348  background-position: -48px -16px;
349}
350.fancytree-ico-ef span.fancytree-icon {
351  background-position: -64px -16px;
352}
353.fancytree-ico-ef span.fancytree-icon:hover {
354  background-position: -80px -16px;
355}
356.fancytree-loading span.fancytree-expander,
357.fancytree-loading span.fancytree-expander:hover,
358.fancytree-statusnode-loading span.fancytree-icon,
359.fancytree-statusnode-loading span.fancytree-icon:hover,
360span.fancytree-icon.fancytree-icon-loading {
361  background-image: url("../skin-themeroller/loading.gif");
362  background-position: 0px 0px;
363}
364/* Status node icons */
365.fancytree-statusnode-error span.fancytree-icon,
366.fancytree-statusnode-error span.fancytree-icon:hover {
367  background-position: 0px -112px;
368}
369/*------------------------------------------------------------------------------
370 * Node titles and highlighting
371 *----------------------------------------------------------------------------*/
372span.fancytree-node {
373  /* See #117 */
374  display: inherit;
375  width: 100%;
376  margin-top: 0px;
377  min-height: 20px;
378}
379span.fancytree-title {
380  color: black;
381  cursor: pointer;
382  display: inline-block;
383  vertical-align: top;
384  min-height: 20px;
385  padding: 0 3px 0 3px;
386  margin: 0px 0 0 3px;
387  border: 1px solid transparent;
388  -webkit-border-radius: 0px;
389  -moz-border-radius: 0px;
390  -ms-border-radius: 0px;
391  -o-border-radius: 0px;
392  border-radius: 0px;
393}
394span.fancytree-node.fancytree-error span.fancytree-title {
395  color: red;
396}
397/*------------------------------------------------------------------------------
398 * Drag'n'drop support
399 *----------------------------------------------------------------------------*/
400/* ext-dnd5: */
401span.fancytree-childcounter {
402  color: #fff;
403  background: #337ab7;
404  border: 1px solid gray;
405  border-radius: 10px;
406  padding: 2px;
407  text-align: center;
408}
409/* ext-dnd: */
410div.fancytree-drag-helper span.fancytree-childcounter,
411div.fancytree-drag-helper span.fancytree-dnd-modifier {
412  display: inline-block;
413  color: #fff;
414  background: #337ab7;
415  border: 1px solid gray;
416  min-width: 10px;
417  height: 10px;
418  line-height: 1;
419  vertical-align: baseline;
420  border-radius: 10px;
421  padding: 2px;
422  text-align: center;
423  font-size: 9px;
424}
425div.fancytree-drag-helper span.fancytree-childcounter {
426  position: absolute;
427  top: -6px;
428  right: -6px;
429}
430div.fancytree-drag-helper span.fancytree-dnd-modifier {
431  background: #5cb85c;
432  border: none;
433  font-weight: bolder;
434}
435div.fancytree-drag-helper.fancytree-drop-accept span.fancytree-drag-helper-img {
436  background-position: -32px -112px;
437}
438div.fancytree-drag-helper.fancytree-drop-reject span.fancytree-drag-helper-img {
439  background-position: -16px -112px;
440}
441/*** Drop marker icon *********************************************************/
442#fancytree-drop-marker {
443  width: 32px;
444  position: absolute;
445  background-position: 0px -128px;
446  margin: 0;
447}
448#fancytree-drop-marker.fancytree-drop-after,
449#fancytree-drop-marker.fancytree-drop-before {
450  width: 64px;
451  background-position: 0px -144px;
452}
453#fancytree-drop-marker.fancytree-drop-copy {
454  background-position: -64px -128px;
455}
456#fancytree-drop-marker.fancytree-drop-move {
457  background-position: -32px -128px;
458}
459/*** Source node while dragging ***********************************************/
460span.fancytree-drag-source.fancytree-drag-remove {
461  opacity: 0.15;
462}
463/*** Target node while dragging cursor is over it *****************************/
464/*------------------------------------------------------------------------------
465 * 'rtl' option
466 *----------------------------------------------------------------------------*/
467.fancytree-container.fancytree-rtl .fancytree-title {
468  /*unicode-bidi: bidi-override;*/
469  /* optional: reverse title letters */
470}
471.fancytree-container.fancytree-rtl span.fancytree-connector,
472.fancytree-container.fancytree-rtl span.fancytree-expander,
473.fancytree-container.fancytree-rtl span.fancytree-icon,
474.fancytree-container.fancytree-rtl span.fancytree-drag-helper-img {
475  background-image: url("../skin-themeroller/icons-rtl.gif");
476}
477.fancytree-container.fancytree-rtl .fancytree-exp-n span.fancytree-expander,
478.fancytree-container.fancytree-rtl .fancytree-exp-nl span.fancytree-expander {
479  background-image: none;
480}
481.fancytree-container.fancytree-rtl.fancytree-connectors .fancytree-exp-n span.fancytree-expander,
482.fancytree-container.fancytree-rtl.fancytree-connectors .fancytree-exp-nl span.fancytree-expander {
483  background-image: url("../skin-themeroller/icons-rtl.gif");
484}
485ul.fancytree-container.fancytree-rtl ul {
486  padding: 0 16px 0 0;
487}
488ul.fancytree-container.fancytree-rtl.fancytree-connectors li {
489  background-position: right 0;
490  background-image: url("../skin-themeroller/vline-rtl.gif");
491}
492ul.fancytree-container.fancytree-rtl li.fancytree-lastsib,
493ul.fancytree-container.fancytree-rtl.fancytree-no-connector > li {
494  background-image: none;
495}
496#fancytree-drop-marker.fancytree-rtl {
497  background-image: url("../skin-themeroller/icons-rtl.gif");
498}
499/*------------------------------------------------------------------------------
500 * 'table' extension
501 *----------------------------------------------------------------------------*/
502table.fancytree-ext-table {
503  font-family: tahoma, arial, helvetica;
504  font-size: 10pt;
505  border-collapse: collapse;
506  /* ext-ariagrid */
507}
508table.fancytree-ext-table span.fancytree-node {
509  display: inline-block;
510  box-sizing: border-box;
511}
512table.fancytree-ext-table td.fancytree-status-merged {
513  text-align: center;
514  font-style: italic;
515  color: #c0c0c0;
516}
517table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged {
518  color: red;
519}
520table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr.fancytree-active > td {
521  background-color: #eee;
522}
523table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr > td.fancytree-active-cell {
524  background-color: #cbe8f6;
525}
526table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode > tbody > tr > td.fancytree-active-cell {
527  background-color: #3875d7;
528}
529/*------------------------------------------------------------------------------
530 * 'columnview' extension
531 *----------------------------------------------------------------------------*/
532table.fancytree-ext-columnview tbody tr td {
533  position: relative;
534  border: 1px solid gray;
535  vertical-align: top;
536  overflow: auto;
537}
538table.fancytree-ext-columnview tbody tr td > ul {
539  padding: 0;
540}
541table.fancytree-ext-columnview tbody tr td > ul li {
542  list-style-image: none;
543  list-style-position: outside;
544  list-style-type: none;
545  -moz-background-clip: border;
546  -moz-background-inline-policy: continuous;
547  -moz-background-origin: padding;
548  background-attachment: scroll;
549  background-color: transparent;
550  background-position: 0px 0px;
551  background-repeat: repeat-y;
552  background-image: none;
553  /* no v-lines */
554  margin: 0;
555}
556table.fancytree-ext-columnview span.fancytree-node {
557  position: relative;
558  /* allow positioning of embedded spans */
559  display: inline-block;
560}
561table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
562  background-color: #e0e0e0;
563}
564table.fancytree-ext-columnview span.fancytree-node.fancytree-active {
565  background-color: #cbe8f6;
566}
567table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right {
568  position: absolute;
569  right: 3px;
570  background-position: 0px -80px;
571}
572table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover {
573  background-position: -16px -80px;
574}
575/*------------------------------------------------------------------------------
576 * 'filter' extension
577 *----------------------------------------------------------------------------*/
578.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title {
579  color: #c0c0c0;
580  font-weight: lighter;
581}
582.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title,
583.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title {
584  color: black;
585  font-weight: normal;
586}
587.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title,
588.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title {
589  color: black;
590  font-weight: bold;
591}
592.fancytree-ext-filter-hide tr.fancytree-hide,
593.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide {
594  display: none;
595}
596.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title,
597.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title {
598  color: #c0c0c0;
599  font-weight: lighter;
600}
601.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title,
602.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title {
603  color: black;
604  font-weight: normal;
605}
606/* Hide expanders if all child nodes are hidden by filter */
607.fancytree-ext-filter-hide-expanders tr.fancytree-match span.fancytree-expander,
608.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-match span.fancytree-expander {
609  visibility: hidden;
610}
611.fancytree-ext-filter-hide-expanders tr.fancytree-submatch span.fancytree-expander,
612.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-submatch span.fancytree-expander {
613  visibility: visible;
614}
615.fancytree-ext-childcounter span.fancytree-icon,
616.fancytree-ext-filter span.fancytree-icon,
617.fancytree-ext-childcounter span.fancytree-custom-icon,
618.fancytree-ext-filter span.fancytree-custom-icon {
619  position: relative;
620}
621.fancytree-ext-childcounter span.fancytree-childcounter,
622.fancytree-ext-filter span.fancytree-childcounter {
623  color: #fff;
624  background: #777;
625  border: 1px solid gray;
626  position: absolute;
627  top: -6px;
628  right: -6px;
629  min-width: 10px;
630  height: 10px;
631  line-height: 1;
632  vertical-align: baseline;
633  border-radius: 10px;
634  padding: 2px;
635  text-align: center;
636  font-size: 9px;
637}
638/*------------------------------------------------------------------------------
639 * 'wide' extension
640 *----------------------------------------------------------------------------*/
641ul.fancytree-ext-wide {
642  position: relative;
643  min-width: 100%;
644  z-index: 2;
645  -webkit-box-sizing: border-box;
646  -moz-box-sizing: border-box;
647  box-sizing: border-box;
648}
649ul.fancytree-ext-wide span.fancytree-node > span {
650  position: relative;
651  z-index: 2;
652}
653ul.fancytree-ext-wide span.fancytree-node span.fancytree-title {
654  position: absolute;
655  z-index: 1;
656  left: 0px;
657  min-width: 100%;
658  margin-left: 0;
659  margin-right: 0;
660  -webkit-box-sizing: border-box;
661  -moz-box-sizing: border-box;
662  box-sizing: border-box;
663}
664/*------------------------------------------------------------------------------
665 * 'fixed' extension
666 *----------------------------------------------------------------------------*/
667.fancytree-ext-fixed-wrapper .fancytree-ext-fixed-hidden {
668  display: none;
669}
670.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-bottom {
671  border-bottom: 3px solid rgba(0, 0, 0, 0.75);
672}
673.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-right {
674  border-right: 3px solid rgba(0, 0, 0, 0.75);
675}
676.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tl {
677  position: absolute;
678  overflow: hidden;
679  z-index: 3;
680  top: 0px;
681  left: 0px;
682}
683.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tr {
684  position: absolute;
685  overflow: hidden;
686  z-index: 2;
687  top: 0px;
688}
689.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-bl {
690  position: absolute;
691  overflow: hidden;
692  z-index: 2;
693  left: 0px;
694}
695.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-br {
696  position: absolute;
697  overflow: scroll;
698  z-index: 1;
699}
700/*******************************************************************************
701 * Styles specific to this skin.
702 *
703 * This section is automatically generated from the `ui-fancytree.less` template.
704 ******************************************************************************/
705/*******************************************************************************
706 * Node titles
707 */
708.fancytree-plain span.fancytree-node {
709  border: 1px solid transparent;
710}
711/*******************************************************************************
712 * 'table' extension
713 */
714table.fancytree-ext-table tbody tr td {
715  border: 1px solid transparent;
716}
717