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