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