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