Administrator
2022-09-14 58d006e05dcf2a20d0ec5367dd03d66a61db6849
提交 | 用户 | 时间
58d006 1 /* skin 1 */
A 2 .skin-1 {
3   background-color: #4a4f56;
4 }
5 .skin-1 .navbar {
6   background: #2c6aa0;
7 }
8 .skin-1 .sidebar {
9   background-color: #222a2d;
10   border-right-width: 0;
11 }
12 .skin-1 .nav-list > li {
13   border-color: #3f4e54;
14 }
15 .skin-1 .nav-list > li > a {
16   background-color: #222a2d;
17   color: #bac2c8;
18 }
19 .skin-1 .nav-list > li:hover > a {
20   background-color: #414b51;
21   color: #e1eaf1;
22 }
23 .skin-1 .nav-list > li.open > a,
24 .skin-1 .nav-list > li.open:hover > a {
25   color: #85c0ec;
26   background-color: #222a2d;
27 }
28 .skin-1 .nav-list > li.active > a,
29 .skin-1 .nav-list > li.active:hover > a {
30   background-color: #141a1b;
31   color: #7bb7e5;
32 }
33 .skin-1 .nav-list > li:hover:before {
34   background-color: #629cc9;
35 }
36 .skin-1 .nav-list > li.active:before {
37   display: block;
38   background-color: #4d96c6;
39 }
40 .skin-1 .nav-list li.active > a:after {
41   border-right-color: #FFF;
42   -moz-border-right-colors: #FFF;
43   border-width: 11px 7px;
44   top: 8px;
45   right: 0;
46 }
47 .skin-1 .nav-list > li.active > .submenu li.active > a:after {
48   top: 5px;
49 }
50 .skin-1 .nav-list > li .submenu {
51   background-color: #333d3f;
52 }
53 .skin-1 .nav-list > li.active .submenu {
54   background-color: #181e20;
55 }
56 .skin-1 .nav-list > li .submenu > li > a {
57   border-top-style: solid;
58   border-top-color: #454d4e;
59   background-color: #333d3f;
60 }
61 .skin-1 .nav-list > li .submenu > li > a:hover {
62   background-color: #2d3638;
63 }
64 .skin-1 .nav-list > li.active .submenu > li > a {
65   border-top-color: #222526;
66   background-color: #181e20;
67 }
68 .skin-1 .nav-list > li.active .submenu > li > a:hover {
69   background-color: #14191a;
70 }
71 .skin-1 .nav-list > li > .submenu {
72   border-top-color: #505a5b;
73 }
74 .skin-1 .nav-list > li.active > .submenu {
75   border-top-color: #2f3e44;
76 }
77 .skin-1 .nav-list > li > .submenu > li > a {
78   color: #d9dfe6;
79 }
80 .skin-1 .nav-list > li > .submenu > li:hover > a {
81   color: #8ab4de;
82 }
83 .skin-1 .nav-list > li > .submenu > li.active > a {
84   color: #7bb7e5;
85   background-color: #161b1d;
86 }
87 .skin-1 .nav-list > li > .submenu:before,
88 .skin-1 .nav-list > li > .submenu > li:before {
89   border-color: #646c70;
90 }
91 .skin-1 .nav-list > li.active > .submenu:before,
92 .skin-1 .nav-list > li.active > .submenu > li:before {
93   border-color: #3f4e54;
94 }
95 .skin-1 .nav-list > li .submenu li > .submenu li > a {
96   color: #d9dfe6;
97 }
98 .skin-1 .nav-list > li .submenu li > .submenu li:hover > a {
99   color: #8ab4de;
100 }
101 .skin-1 .nav-list > li .submenu li.open > a,
102 .skin-1 .nav-list > li .submenu li > .submenu > li.open > a {
103   color: #85c0ec;
104 }
105 .skin-1 .nav-list > li .submenu li > .submenu li.active > a {
106   color: #61a8dd;
107 }
108 .skin-1 .nav-list > li .submenu li > .submenu li.active:hover > a {
109   color: #85c0ec;
110 }
111 .skin-1 .sidebar .nav-list > li.active.highlight,
112 .skin-1 .sidebar .nav-list > li.active.highlight + li {
113   border-color: #506b7f;
114 }
115 .skin-1 .sidebar .nav-list > li.active.highlight + li:last-child {
116   border-bottom-color: #3f4e54;
117 }
118 .skin-1 .sidebar .nav-list > li.active.highlight > a:after {
119   border-right-color: transparent;
120   -moz-border-right-colors: none;
121   border-left-color: #141a1b;
122   -moz-border-left-colors: #141a1b;
123   border-width: 20px 0 20px 10px;
124   z-index: 1;
125   top: 0;
126   right: -10px;
127 }
128 .skin-1 .sidebar .nav-list > li.active.highlight > a:before {
129   border-left-color: #506b7f;
130   -moz-border-left-colors: #506b7f;
131   border-style: solid;
132   border-color: transparent;
133   border-width: 20px 0 20px 10px;
134   content: "";
135   position: absolute;
136   right: -11px;
137   top: 0;
138   z-index: 1;
139 }
140 .skin-1 .sidebar-shortcuts,
141 .skin-1 .sidebar-shortcuts-mini {
142   background-color: #222a2d;
143   border-color: #3f4e54;
144 }
145 .skin-1 .sidebar > .nav-search {
146   background-color: #222a2d;
147   border-color: #3f4e54;
148 }
149 .skin-1 .sidebar-toggle {
150   background-color: #181e21;
151   border-color: #3f4e54;
152 }
153 .skin-1 .sidebar-toggle > .ace-icon {
154   background-color: #222a2d;
155   color: #aaaaaa;
156   border-color: #aaaaaa;
157 }
158 .skin-1 .breadcrumbs {
159   border-width: 0;
160   background-color: #f0f0f0;
161 }
162 @media (min-width: 992px) {
163   .skin-1 .breadcrumbs.breadcrumbs-fixed {
164     border-bottom-width: 1px;
165   }
166 }
167 @media only screen and (max-width: 991px) {
168   .skin-1 .sidebar.responsive {
169     border-width: 0;
170     -webkit-box-shadow: none;
171     box-shadow: none;
172   }
173   .skin-1 .sidebar.responsive .nav-list li.active > a:after {
174     display: none;
175   }
176   .skin-1 .sidebar.responsive .nav-list > li.active.highlight > a:after {
177     display: block;
178   }
179 }
180 .skin-1 .sidebar.menu-min .nav-list > li.open > a {
181   background-color: #222a2d;
182   color: #bac2c8;
183 }
184 .skin-1 .sidebar.menu-min .nav-list > li.active > a:after {
185   border-width: 9px 6px;
186   top: 10px;
187 }
188 .skin-1 .sidebar.menu-min .nav-list > li.active.highlight > a:after {
189   border-width: 20px 0 20px 10px;
190   top: 0;
191 }
192 .skin-1 .sidebar.menu-min .nav-list > li.active:hover > a:after {
193   border-right-color: #242a2b;
194 }
195 .skin-1 .sidebar.menu-min .nav-list > li.active > a,
196 .skin-1 .sidebar.menu-min .nav-list > li.active > a:hover {
197   background-color: #141a1b;
198   color: #7bb7e5;
199 }
200 .skin-1 .sidebar.menu-min .nav-list > li:hover > a {
201   color: #e1eaf1;
202 }
203 .skin-1 .sidebar.menu-min .nav-list > li > a > .menu-text {
204   background-color: #414b51;
205 }
206 .skin-1 .sidebar.menu-min .nav-list > li.active > a > .menu-text {
207   background-color: #242a2b;
208   border: 0px solid #3b4547;
209   border-width: 1px 1px 0;
210   border-left-color: #305675;
211 }
212 .skin-1 .sidebar.menu-min .nav-list > li.active > a:not(.dropdown-toggle) > .menu-text {
213   border-width: 1px;
214   border-top-color: #4a5c63;
215   border-bottom-color: #4a5c63;
216   border-right-color: #4a5c63;
217 }
218 .skin-1 .sidebar.menu-min .nav-list > li.active:hover > a,
219 .skin-1 .sidebar.menu-min .nav-list > li.active > a > .menu-text {
220   color: #7bb7e5;
221 }
222 .skin-1 .sidebar.menu-min .nav-list > li.open.active > a {
223   background-color: #141a1b;
224 }
225 .skin-1 .sidebar.menu-min .nav-list > li > a > .menu-text,
226 .skin-1 .sidebar.menu-min .nav-list > li > .submenu {
227   border-width: 0;
228   border-left: 1px solid #181d1f;
229   -webkit-box-shadow: none;
230   box-shadow: none;
231 }
232 .skin-1 .sidebar.menu-min .nav-list > li > .submenu {
233   border-top: 1px solid #3f4e54;
234 }
235 .skin-1 .sidebar.menu-min .nav-list > li > .submenu:after {
236   display: none;
237 }
238 .skin-1 .sidebar.menu-min .nav-list > li > .submenu {
239   background-color: #333d3f;
240   border-top-color: #5a606a;
241   border-top-width: 1px !important;
242 }
243 .skin-1 .sidebar.menu-min .nav-list > li.active > .submenu {
244   background-color: #181e20;
245   border-top-color: #3b4547;
246   border-left-color: #305675;
247 }
248 .skin-1 .sidebar.menu-min .nav-list > li > .arrow:after {
249   border-right-color: #414b51;
250   -moz-border-right-colors: #414b51;
251 }
252 .skin-1 .sidebar.menu-min .nav-list > li > .arrow:before {
253   border-right-color: #111415;
254   -moz-border-right-colors: #242a2b;
255 }
256 .skin-1 .sidebar.menu-min .nav-list > li.active > .arrow:after {
257   border-right-color: #242a2b;
258   -moz-border-right-colors: #242a2b;
259 }
260 .skin-1 .sidebar.menu-min .nav-list > li.active > .arrow:before {
261   border-right-color: #50a0dd;
262   -moz-border-right-colors: #50a0dd;
263 }
264 .skin-1 .sidebar.menu-min .sidebar-shortcuts-large {
265   background-color: #222a2d;
266   -webkit-box-shadow: none;
267   box-shadow: none;
268   border: 1px solid #4a5c63;
269   border-width: 0 1px 1px 0;
270   top: 0;
271 }
272 @media (max-width: 991px) {
273   .skin-1 .sidebar.responsive-min .nav-list > li.open > a {
274     background-color: #222a2d;
275     color: #bac2c8;
276   }
277   .skin-1 .sidebar.responsive-min .nav-list > li.active > a:after {
278     border-width: 9px 6px;
279     top: 10px;
280   }
281   .skin-1 .sidebar.responsive-min .nav-list > li.active.highlight > a:after {
282     border-width: 20px 0 20px 10px;
283     top: 0;
284   }
285   .skin-1 .sidebar.responsive-min .nav-list > li.active:hover > a:after {
286     border-right-color: #242a2b;
287   }
288   .skin-1 .sidebar.responsive-min .nav-list > li.active > a,
289   .skin-1 .sidebar.responsive-min .nav-list > li.active > a:hover {
290     background-color: #141a1b;
291     color: #7bb7e5;
292   }
293   .skin-1 .sidebar.responsive-min .nav-list > li:hover > a {
294     color: #e1eaf1;
295   }
296   .skin-1 .sidebar.responsive-min .nav-list > li > a > .menu-text {
297     background-color: #414b51;
298   }
299   .skin-1 .sidebar.responsive-min .nav-list > li.active > a > .menu-text {
300     background-color: #242a2b;
301     border: 0px solid #3b4547;
302     border-width: 1px 1px 0;
303     border-left-color: #305675;
304   }
305   .skin-1 .sidebar.responsive-min .nav-list > li.active > a:not(.dropdown-toggle) > .menu-text {
306     border-width: 1px;
307     border-top-color: #4a5c63;
308     border-bottom-color: #4a5c63;
309     border-right-color: #4a5c63;
310   }
311   .skin-1 .sidebar.responsive-min .nav-list > li.active:hover > a,
312   .skin-1 .sidebar.responsive-min .nav-list > li.active > a > .menu-text {
313     color: #7bb7e5;
314   }
315   .skin-1 .sidebar.responsive-min .nav-list > li.open.active > a {
316     background-color: #141a1b;
317   }
318   .skin-1 .sidebar.responsive-min .nav-list > li > a > .menu-text,
319   .skin-1 .sidebar.responsive-min .nav-list > li > .submenu {
320     border-width: 0;
321     border-left: 1px solid #181d1f;
322     -webkit-box-shadow: none;
323     box-shadow: none;
324   }
325   .skin-1 .sidebar.responsive-min .nav-list > li > .submenu {
326     border-top: 1px solid #3f4e54;
327   }
328   .skin-1 .sidebar.responsive-min .nav-list > li > .submenu:after {
329     display: none;
330   }
331   .skin-1 .sidebar.responsive-min .nav-list > li > .submenu {
332     background-color: #333d3f;
333     border-top-color: #5a606a;
334     border-top-width: 1px !important;
335   }
336   .skin-1 .sidebar.responsive-min .nav-list > li.active > .submenu {
337     background-color: #181e20;
338     border-top-color: #3b4547;
339     border-left-color: #305675;
340   }
341   .skin-1 .sidebar.responsive-min .nav-list > li > .arrow:after {
342     border-right-color: #414b51;
343     -moz-border-right-colors: #414b51;
344   }
345   .skin-1 .sidebar.responsive-min .nav-list > li > .arrow:before {
346     border-right-color: #111415;
347     -moz-border-right-colors: #242a2b;
348   }
349   .skin-1 .sidebar.responsive-min .nav-list > li.active > .arrow:after {
350     border-right-color: #242a2b;
351     -moz-border-right-colors: #242a2b;
352   }
353   .skin-1 .sidebar.responsive-min .nav-list > li.active > .arrow:before {
354     border-right-color: #50a0dd;
355     -moz-border-right-colors: #50a0dd;
356   }
357   .skin-1 .sidebar.responsive-min .sidebar-shortcuts-large {
358     background-color: #222a2d;
359     -webkit-box-shadow: none;
360     box-shadow: none;
361     border: 1px solid #4a5c63;
362     border-width: 0 1px 1px 0;
363     top: 0;
364   }
365   .skin-1 .sidebar.responsive-min .nav-list > li.active > a:after {
366     display: block;
367   }
368   .skin-1 .sidebar.responsive-max .nav-list li.active > a:after {
369     display: none;
370   }
371   .skin-1 .sidebar.responsive-max .nav-list > li.highlight.active > a:after {
372     display: block;
373   }
374 }
375 @media only screen and (min-width: 992px) {
376   .skin-1 .nav-list li.hover > .submenu {
377     padding-left: 0;
378     padding-bottom: 2px;
379     padding-right: 0;
380     border-color: #232828;
381   }
382   .skin-1 .nav-list li.hover > .submenu > li > a {
383     border-top-width: 1px;
384     margin-bottom: 0;
385     margin-top: 0;
386   }
387   .skin-1 .nav-list li.hover > .submenu > li:first-child > a {
388     border-top-width: 0;
389   }
390   .skin-1 .nav-list > li > .submenu li.hover > .submenu {
391     padding: 3px 2px;
392   }
393   .skin-1 .nav-list > li.active > .submenu li.hover > .submenu {
394     border-left-color: #475561;
395   }
396   .skin-1 .nav-list li.hover.active > .submenu,
397   .skin-1 .nav-list li.active > .submenu li.hover.active > .submenu {
398     border-left-color: #305675;
399   }
400   .skin-1 .nav-list > li.active > .submenu li.hover > .submenu {
401     background-color: #171e1f;
402   }
403 }
404 @media only screen and (min-width: 992px) {
405   .skin-1 .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a {
406     color: #bac2c8;
407   }
408   .skin-1 .sidebar.navbar-collapse .nav-list > li.open.hover:hover > a {
409     color: #e1eaf1;
410     background-color: #414b51;
411   }
412   .skin-1 .sidebar.navbar-collapse .nav-list > li.active.hover:hover > a {
413     color: #7bb7e5;
414     background-color: #141a1b;
415   }
416   .skin-1 .sidebar.navbar-collapse .nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a {
417     color: #d9dfe6;
418   }
419 }
420 @media only screen and (min-width: 992px) and (max-width: 991px) {
421   .skin-1 .sidebar.navbar-collapse {
422     /**.nav-list li li:hover > a {
423         background-color: @submenu-item-background;
424     }
425     .nav-list li li > a:hover,
426     .nav-list li li.open > a:hover {
427         background-color: @submenu-item-hover-background;
428     }
429
430     .nav-list > li.active li:hover > a {
431         background-color: @submenu-item-background-active;
432     }
433     .nav-list > li.active li > a:hover {
434         background-color: @submenu-item-background-active-hover;
435     }*/
436   }
437   .skin-1 .sidebar.navbar-collapse .nav-list li.hover > .submenu {
438     padding-bottom: 0;
439   }
440   .skin-1 .sidebar.navbar-collapse .nav-list li.hover > .submenu {
441     border-top-color: #505a5b;
442   }
443   .skin-1 .sidebar.navbar-collapse .nav-list li.hover.active > .submenu {
444     border-top-color: #2f3e44;
445   }
446   .skin-1 .sidebar.navbar-collapse .nav-list li.hover.active > .submenu,
447   .skin-1 .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu,
448   .skin-1 .sidebar.navbar-collapse .nav-list li.active > .submenu li.hover.active > .submenu {
449     border-left-width: 0;
450   }
451   .skin-1 .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu {
452     padding: 0;
453   }
454   .skin-1 .sidebar.navbar-collapse .nav-list li li.hover > .submenu > li:first-child > a {
455     border-top-width: 1px;
456   }
457 }
458 .skin-1 .sidebar.navbar-collapse .nav-list > li .submenu > li.hover:hover > a {
459   background-color: #2d3638;
460 }
461 .skin-1 .sidebar.navbar-collapse .nav-list > li.active .submenu > li.hover:hover > a {
462   background-color: #14191a;
463 }
464 @media only screen and (min-width: 992px) {
465   .skin-1 .sidebar:not(.navbar-collapse) .nav-list > li .submenu > li.hover:hover > a {
466     background-color: #2d3638;
467   }
468   .skin-1 .sidebar:not(.navbar-collapse) .nav-list > li.active .submenu > li.hover:hover > a {
469     background-color: #14191a;
470   }
471 }
472 .skin-1 .nav-list li > .arrow:after {
473   border-right-color: #353c3d;
474   -moz-border-right-colors: #353c3d;
475 }
476 .skin-1 .nav-list li > .arrow:before {
477   border-right-color: #1d2122;
478   -moz-border-right-colors: #1d2122;
479 }
480 .skin-1 .nav-list > li.active > .arrow:after {
481   border-right-color: #171e1f;
482   -moz-border-right-colors: #171e1f;
483 }
484 .skin-1 .nav-list > li.active > .arrow:before {
485   border-right-color: #50a0dd;
486   -moz-border-right-colors: #50a0dd;
487 }
488 .skin-1 .nav-list > li.active > .submenu li.hover > .arrow:before {
489   border-right-color: #4f6e86;
490   -moz-border-right-colors: #8fb6d5;
491 }
492 .skin-1 .nav-list > li.active > .submenu li.hover.active > .arrow:before {
493   border-right-color: #305675;
494   -moz-border-right-colors: #2290e9;
495 }
496 .skin-1 .nav-list > li.active > .submenu li.hover > .arrow:after {
497   border-right-color: #171e1f;
498   -moz-border-right-colors: #171e1f;
499 }
500 .skin-1 .nav-list li.pull_up > .arrow:after {
501   border-right-color: #353c3d !important;
502   -moz-border-right-colors: #353c3d !important;
503 }
504 .skin-1 .nav-list li.pull_up > .arrow:before {
505   border-right-color: #1d2122 !important;
506   -moz-border-right-colors: #1d2122 !important;
507 }
508 .skin-1 .nav-list li.pull_up.active > .arrow:after {
509   border-right-color: #171e1f !important;
510   -moz-border-right-colors: #171e1f !important;
511 }
512 .skin-1 .nav-list li.pull_up.active > .arrow:before {
513   border-right-color: #50a0dd !important;
514   -moz-border-right-colors: #50a0dd !important;
515 }
516 .skin-1 .main-container .menu-toggler {
517   background-color: #444444;
518 }
519 .skin-1 .main-container .menu-toggler:before {
520   border-top-color: #87b87f;
521   border-bottom-color: #6fb3e0;
522 }
523 .skin-1 .main-container .menu-toggler:after {
524   border-top-color: #ffa24d;
525   border-bottom-color: #d15b47;
526 }
527 .skin-1 .main-container .menu-toggler > .toggler-text {
528   border-top-color: #444444;
529   -moz-border-top-colors: #444444;
530 }
531 .skin-1.display {
532   background-color: #5d82a2;
533 }
534 .skin-1.display:before {
535   border-top-color: #b5d3b0;
536   border-bottom-color: #aed4ee;
537 }
538 .skin-1.display:after {
539   border-top-color: #ffca9a;
540   border-bottom-color: #e09284;
541 }
542 .skin-1.display > .toggler-text {
543   border-top-color: #5d82a2;
544   -moz-border-top-colors: #5d82a2;
545 }
546 .skin-1 .navbar .navbar-toggle {
547   background-color: #4D9DCC;
548 }
549 .skin-1 .navbar .navbar-toggle:focus {
550   background-color: #4D9DCC;
551   border-color: transparent;
552 }
553 .skin-1 .navbar .navbar-toggle:hover {
554   background-color: #3992c6;
555   border-color: rgba(255, 255, 255, 0.1);
556 }
557 .skin-1 .navbar .navbar-toggle.display,
558 .skin-1 .navbar .navbar-toggle[data-toggle=collapse]:not(.collapsed) {
559   background-color: #3384b3;
560   box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
561   border-color: rgba(255, 255, 255, 0.35);
562 }
563 @media only screen and (min-width: 768px) {
564   .skin-1 .container.main-container:before {
565     box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
566   }
567 }
568 @media only screen and (min-width: 992px) {
569   .skin-1 .sidebar.h-sidebar:before {
570     background-color: #38424a;
571     border-bottom-color: #4a5c63;
572   }
573   .skin-1 .sidebar.h-sidebar .nav-list {
574     border-bottom-width: 0;
575   }
576   .skin-1 .sidebar.h-sidebar .nav-list > li.active:before {
577     display: block;
578   }
579   .skin-1 .sidebar.h-sidebar .nav-list > li.hover.active > a:after {
580     -moz-border-left-colors: none;
581     -moz-border-right-colors: none;
582     -moz-border-bottom-colors: #FFF;
583     border-color: transparent transparent #FFF;
584     border-width: 8px;
585     top: auto;
586     bottom: 0;
587     right: auto;
588     left: 50%;
589     margin-left: -8px;
590     content: "";
591     display: block;
592   }
593   .skin-1 .sidebar.h-sidebar .nav-list > li.hover.active:hover > a:after,
594   .skin-1 .sidebar.h-sidebar .nav-list > li.hover.active.hover-show > a:after {
595     display: none;
596   }
597   .skin-1 .sidebar.h-sidebar + .main-content .breadcrumbs {
598     border-color: #E8E8E8;
599   }
600   .skin-1 .sidebar.h-sidebar .nav-list > li {
601     border-color: #3f4e54;
602   }
603   .skin-1 .sidebar.h-sidebar .nav-list > li:hover,
604   .skin-1 .sidebar.h-sidebar .nav-list > li:hover + li {
605     border-left-color: #506575;
606   }
607   .skin-1 .sidebar.h-sidebar .nav-list > li:last-child:hover {
608     border-right-color: #506575;
609   }
610   .skin-1 .sidebar.h-sidebar .nav-list > li.active,
611   .skin-1 .sidebar.h-sidebar .nav-list > li.active + li,
612   .skin-1 .sidebar.h-sidebar .nav-list > li:hover + li.active {
613     border-left-color: #55738a;
614   }
615   .skin-1 .sidebar.h-sidebar .nav-list > li.active:last-child {
616     border-right-color: #55738a;
617   }
618   .skin-1 .sidebar.h-sidebar .nav-list > li.hover > .submenu {
619     border-top-color: #232828;
620   }
621   .skin-1 .sidebar.h-sidebar .nav-list > li.hover.active > .submenu {
622     border-top-color: #305675;
623     border-left-color: #232828;
624   }
625   .skin-1 .sidebar.h-sidebar .sidebar-shortcuts-large {
626     background-color: #222a2d;
627     border: 1px solid #232828;
628     border-top-color: #305675;
629     top: 100%;
630   }
631   .skin-1 .sidebar.h-sidebar .nav-list > li > .arrow:after {
632     border-right-color: transparent;
633     -moz-border-right-colors: none;
634     border-bottom-color: #353c3d;
635     -moz-border-bottom-colors: #353c3d;
636   }
637   .skin-1 .sidebar.h-sidebar .nav-list > li > .arrow:before {
638     -moz-border-right-colors: none;
639     border-right-color: transparent;
640     border-bottom-color: #191c1c;
641     -moz-border-bottom-colors: #222727;
642   }
643   .skin-1 .sidebar.h-sidebar .nav-list > li.active > .arrow:before,
644   .skin-1 .sidebar.h-sidebar .sidebar-shortcuts-large:before {
645     border-right-color: transparent;
646     -moz-border-right-colors: none;
647     border-bottom-color: #50a0dd;
648     -moz-border-bottom-colors: #216ca6;
649   }
650   .skin-1 .sidebar.h-sidebar .nav-list > li.active > .arrow:after,
651   .skin-1 .sidebar.h-sidebar .sidebar-shortcuts-large:after {
652     border-right-color: transparent;
653     -moz-border-right-colors: none;
654     border-bottom-color: #171e1f;
655     -moz-border-bottom-colors: #171e1f;
656   }
657   .skin-1 .sidebar.h-sidebar .sidebar-shortcuts-large:after {
658     border-bottom-color: #222a2d;
659     -moz-border-bottom-colors: #222a2d;
660   }
661   .skin-1 .sidebar.h-sidebar .nav-list > li.highlight.active > a:before {
662     display: none;
663   }
664   .skin-1 .sidebar.h-sidebar.menu-min .nav-list > li > a > .menu-text {
665     border-width: 1px 0 0;
666     border-top-color: #181d1f;
667   }
668   .skin-1 .sidebar.h-sidebar.menu-min .nav-list > li.active > a > .menu-text {
669     border-top-color: #305675;
670   }
671   .skin-1 .sidebar.h-sidebar.menu-min .nav-list > li.active > .submenu {
672     border-top-color: #3b4547;
673   }
674   .skin-1 .sidebar.h-sidebar.menu-min .nav-list > li > .arrow:after {
675     border-bottom-color: #414b51;
676     -moz-border-bottom-colors: #414b51;
677   }
678   .skin-1 .sidebar.h-sidebar.menu-min .nav-list > li > .arrow:before {
679     border-bottom-color: #111415;
680     -moz-border-bottom-colors: #242a2b;
681   }
682   .skin-1 .sidebar.h-sidebar.menu-min .nav-list > li.active > .arrow:after {
683     border-bottom-color: #242a2b;
684     -moz-border-bottom-colors: #242a2b;
685   }
686   .skin-1 .sidebar.h-sidebar.menu-min .nav-list > li.active > .arrow:before {
687     border-bottom-color: #50a0dd;
688     -moz-border-bottom-colors: #50a0dd;
689   }
690   .skin-1 .h-sidebar.sidebar-fixed + .main-content {
691     padding-top: 86px;
692   }
693   .skin-1 .h-sidebar.sidebar-fixed.no-gap + .main-content {
694     padding-top: 72px;
695   }
696   .skin-1 .h-sidebar.sidebar-fixed.menu-min + .main-content {
697     padding-top: 61px;
698   }
699   .skin-1 .h-sidebar.sidebar-fixed.menu-min.no-gap + .main-content {
700     padding-top: 47px;
701   }
702   .skin-1 .main-content .h-sidebar.sidebar .nav-list {
703     border-left: 1px solid #4a5c63;
704   }
705 }
706 .skin-1 .sidebar-scroll .sidebar-shortcuts {
707   border-bottom-color: #4a5c63;
708 }
709 .skin-1 .sidebar-scroll .sidebar-toggle {
710   border-top-color: #4a5c63;
711 }
712 .skin-1 .scrollout .scroll-track {
713   background-color: transparent;
714 }
715 .skin-1 .scrollout .scroll-bar {
716   background-color: #CCC;
717   background-color: rgba(0, 0, 0, 0.2);
718 }
719 @media only screen and (min-width: 768px) and (max-width: 991px) {
720   .skin-1 .navbar.navbar-collapse {
721     background-color: transparent;
722   }
723   .skin-1 .navbar.navbar-collapse:before,
724   .skin-1 .navbar.navbar-collapse .navbar-container {
725     background: #2c6aa0;
726   }
727 }
728 .skin-1 .nav-list > li.disabled:before {
729   display: none !important;
730 }
731 .skin-1 .nav-list > li.disabled > a {
732   background-color: #333 !important;
733   color: #AAA !important;
734 }
735 .skin-1 .nav-list li .submenu > li.disabled > a,
736 .skin-1 .nav-list li.disabled .submenu > li > a {
737   background-color: #444 !important;
738   color: #A0A0A0 !important;
739   cursor: not-allowed !important;
740 }
741 .skin-1 .nav-list li .submenu > li.disabled > a > .menu-icon,
742 .skin-1 .nav-list li.disabled .submenu > li > a > .menu-icon {
743   display: none;
744 }
745 .skin-1 .nav-list > li.disabled .submenu > li > a {
746   border-top-color: #505050;
747 }
748 .skin-2 {
749   background-color: #5c5c5c;
750 }
751 .skin-2 .navbar {
752   background: #c6487e;
753 }
754 .skin-2 .sidebar {
755   background-color: #505050;
756   border-right-width: 0;
757 }
758 .skin-2 .nav-list > li {
759   border-color: #484848;
760 }
761 .skin-2 .nav-list > li:first-child {
762   border-top-color: #5a5a5a;
763 }
764 .skin-2 .nav-list > li:last-child {
765   border-bottom-color: #626262;
766 }
767 .skin-2 .nav-list > li > a {
768   background-color: #393939;
769   color: #e6e6e6;
770 }
771 .skin-2 .nav-list > li > a > .menu-text,
772 .skin-2 .nav-list > li > a > .arrow {
773   color: #e6e6e6;
774 }
775 .skin-2 .nav-list > li:hover > a,
776 .skin-2 .nav-list > li.hover-show > a {
777   background-color: #bd5289;
778 }
779 .skin-2 .nav-list > li:hover > a > .menu-text,
780 .skin-2 .nav-list > li.hover-show > a > .menu-text {
781   font-weight: bold;
782   color: #ffffff;
783   color: rgba(0, 0, 0, 0.6);
784 }
785 .skin-2 .nav-list > li:hover > a > .menu-icon,
786 .skin-2 .nav-list > li.hover-show > a > .menu-icon,
787 .skin-2 .nav-list > li:hover > a > .arrow,
788 .skin-2 .nav-list > li.hover-show > a > .arrow {
789   color: #ffffff;
790 }
791 .skin-2 .nav-list > li.open > a {
792   background-color: #bd5289;
793 }
794 .skin-2 .nav-list > li.open > a > .menu-text {
795   font-weight: bold;
796   color: rgba(0, 0, 0, 0.6);
797 }
798 .skin-2 .nav-list > li.open > a > .menu-icon,
799 .skin-2 .nav-list > li.open > a > .arrow {
800   color: #ffffff;
801 }
802 .skin-2 .nav-list > li.active > a {
803   background-color: #242424;
804   color: #ffffff;
805 }
806 .skin-2 .nav-list > li.active > a > .menu-icon {
807   color: inherit;
808 }
809 .skin-2 .nav-list > li.active > a > .menu-text,
810 .skin-2 .nav-list > li.active > a > .arrow {
811   color: #ffffff;
812 }
813 .skin-2 .nav-list > li.active:hover > a,
814 .skin-2 .nav-list > li.active:not(.highlight):hover > a,
815 .skin-2 .nav-list > li.active.hover-show > a,
816 .skin-2 .nav-list > li.active:not(.highlight).hover-show > a,
817 .skin-2 .nav-list > li.active.open > a,
818 .skin-2 .nav-list > li.active.open:not(.highlight) > a {
819   background-color: #242424;
820 }
821 .skin-2 .nav-list > li.active.highlight > a {
822   background-color: #bd5289;
823 }
824 .skin-2 .nav-list > li.active.highlight > a > .menu-icon {
825   color: #ffffff;
826 }
827 .skin-2 .nav-list li.active > a:after {
828   border-right-color: #FFF;
829   -moz-border-right-colors: #FFF;
830   border-width: 11px 7px;
831   top: 8px;
832   right: 0;
833 }
834 .skin-2 .nav-list > li.active > .submenu li.active > a:after {
835   top: 6px;
836 }
837 .skin-2 .nav-list > li:before {
838   top: 0;
839   height: 39px;
840 }
841 .skin-2 .nav-list > li.active:before {
842   display: block;
843   background-color: #ce7da7;
844 }
845 .skin-2 .nav-list > li.active.highlight:before,
846 .skin-2 .nav-list > li:before {
847   background-color: #dea8c4;
848 }
849 .skin-2 .nav-list > li > .submenu {
850   border-top-width: 0;
851   background-color: #45303b;
852 }
853 .skin-2 .nav-list > li > .submenu > li,
854 .skin-2 .nav-list > li > .submenu > li > .submenu,
855 .skin-2 .nav-list > li > .submenu > li > .submenu > li,
856 .skin-2 .nav-list > li > .submenu > li > .submenu > li .submenu,
857 .skin-2 .nav-list > li > .submenu > li > .submenu > li .submenu li {
858   background-color: inherit;
859 }
860 .skin-2 .nav-list > li .submenu > li > a {
861   border-top: 1px solid;
862   border-top-color: #555;
863   border-top-color: rgba(255, 255, 255, 0.08);
864   background-color: transparent;
865 }
866 .skin-2 .nav-list > li .submenu > li > a:hover {
867   background-color: rgba(0, 0, 0, 0.1);
868   color: #FFF;
869 }
870 .skin-2 .nav-list > li .submenu > li > a:hover > .menu-icon {
871   background-color: transparent;
872 }
873 .skin-2 .nav-list > li.active .submenu > li > a:hover {
874   background-color: rgba(0, 0, 0, 0.1);
875 }
876 .skin-2 .nav-list > li > .submenu > li > a {
877   color: #eeeeee;
878 }
879 .skin-2 .nav-list > li > .submenu > li:first-child > a {
880   border-top-width: 0;
881 }
882 .skin-2 .nav-list > li > .submenu > li.active > a {
883   background-color: rgba(0, 0, 0, 0.05);
884   font-weight: bold;
885 }
886 .skin-2 .nav-list > li > .submenu > li.active > a > .menu-icon {
887   color: inherit;
888   background-color: transparent;
889 }
890 .skin-2 .nav-list li .submenu li > a {
891   color: #eeeeee;
892   font-size: 13px;
893 }
894 .skin-2 .nav-list > li > .submenu:before,
895 .skin-2 .nav-list > li > .submenu > li:before {
896   display: none;
897 }
898 .skin-2 .nav-list > li .submenu > li > a {
899   padding-left: 32px;
900 }
901 .skin-2 .nav-list > li .submenu > li > a > .menu-icon {
902   left: 12px;
903 }
904 @media only screen and (min-width: 992px) {
905   .skin-2 .nav-list > li .submenu > li.hover > a {
906     padding-left: 26px;
907   }
908   .skin-2 .nav-list > li .submenu > li.hover > a > .menu-icon {
909     left: 6px;
910   }
911 }
912 .skin-2 .nav-list > li > .submenu li > .submenu > li > a {
913   margin-left: 0;
914   padding-left: 37px;
915   padding-top: 8px;
916   padding-bottom: 10px;
917   border-top-width: 0;
918 }
919 .skin-2 .nav-list > li > .submenu li > .submenu > li > .submenu > li > a {
920   margin-left: 0;
921   padding-left: 51px;
922 }
923 @media only screen and (min-width: 992px) {
924   .skin-2 .nav-list > li > .submenu li > .submenu > li.hover > a {
925     border-top-width: 1px;
926     padding-bottom: 9px;
927   }
928   .skin-2 .nav-list > li > .submenu li > .submenu > li.hover:first-child > a {
929     border-top-width: 0;
930   }
931 }
932 .skin-2 .nav-list > li > .submenu li:hover > a,
933 .skin-2 .nav-list > li > .submenu li.hover-show > a,
934 .skin-2 .nav-list > li > .submenu li.active > a,
935 .skin-2 .nav-list > li > .submenu li.open > a {
936   color: #da81af;
937 }
938 .skin-2 .nav-list > li > .submenu li > a > .ace-icon {
939   background-color: transparent;
940 }
941 .skin-2 .nav-list > li:hover:not(.active) > a .badge,
942 .skin-2 .nav-list > li.hover-show:not(.active) > a .badge,
943 .skin-2 .nav-list > li.open:not(.active) > a .badge,
944 .skin-2 .nav-list > li.active.highlight .badge,
945 .skin-2 .nav-list > li:hover:not(.active) > a .label,
946 .skin-2 .nav-list > li.hover-show:not(.active) > a .label,
947 .skin-2 .nav-list > li.open:not(.active) > a .label,
948 .skin-2 .nav-list > li.active.highlight .label {
949   background-color: rgba(0, 0, 0, 0.5) !important;
950 }
951 .skin-2 .nav-list > li:hover:not(.active) > a .badge.badge-transparent,
952 .skin-2 .nav-list > li.hover-show:not(.active) > a .badge.badge-transparent,
953 .skin-2 .nav-list > li.open:not(.active) > a .badge.badge-transparent,
954 .skin-2 .nav-list > li.active.highlight .badge.badge-transparent,
955 .skin-2 .nav-list > li:hover:not(.active) > a .label.label-transparent,
956 .skin-2 .nav-list > li.hover-show:not(.active) > a .label.label-transparent,
957 .skin-2 .nav-list > li.open:not(.active) > a .label.label-transparent,
958 .skin-2 .nav-list > li.active.highlight .label.label-transparent {
959   color: rgba(255, 255, 255, 0.8) !important;
960   background-color: transparent !important;
961 }
962 .skin-2 .nav-list > li:hover:not(.active) > a .badge.badge-transparent .ace-icon,
963 .skin-2 .nav-list > li.hover-show:not(.active) > a .badge.badge-transparent .ace-icon,
964 .skin-2 .nav-list > li.open:not(.active) > a .badge.badge-transparent .ace-icon,
965 .skin-2 .nav-list > li.active.highlight .badge.badge-transparent .ace-icon,
966 .skin-2 .nav-list > li:hover:not(.active) > a .label.label-transparent .ace-icon,
967 .skin-2 .nav-list > li.hover-show:not(.active) > a .label.label-transparent .ace-icon,
968 .skin-2 .nav-list > li.open:not(.active) > a .label.label-transparent .ace-icon,
969 .skin-2 .nav-list > li.active.highlight .label.label-transparent .ace-icon {
970   color: rgba(255, 255, 255, 0.8) !important;
971 }
972 .skin-2 .nav-list li > .arrow:after {
973   border-right-color: #45303b;
974   -moz-border-right-colors: #45303b;
975 }
976 .skin-2 .nav-list li > .arrow:before {
977   border-right-color: #191919;
978   -moz-border-right-colors: #191919;
979 }
980 .skin-2 .nav-list > li.pull_up > .arrow:after {
981   border-right-color: #45303b !important;
982   -moz-border-right-colors: #45303b !important;
983 }
984 .skin-2 .nav-list > li.pull_up > .arrow:before {
985   border-right-color: #191919 !important;
986   -moz-border-right-colors: #191919 !important;
987 }
988 .skin-2 .nav-list > li.active.highlight > a:after {
989   border-right-color: transparent;
990   -moz-border-right-colors: none;
991   border-left-color: #bd5289;
992   -moz-border-left-colors: #bd5289;
993   border-width: 20px 0 20px 10px;
994   z-index: 1;
995   top: 0;
996   right: -10px;
997   display: block;
998 }
999 .skin-2 .nav-list > li:nth-child(1) > a {
1000   color: #00be67;
1001 }
1002 .skin-2 .nav-list > li:nth-child(1):hover > a,
1003 .skin-2 .nav-list > li:nth-child(1).hover-show > a,
1004 .skin-2 .nav-list > li.open:nth-child(1) > a {
1005   background-color: #18a665;
1006 }
1007 .skin-2 .nav-list > li:nth-child(1) > .submenu {
1008   background-color: #2a4137;
1009 }
1010 .skin-2 .nav-list > li:nth-child(1) > .arrow:after,
1011 .skin-2 .nav-list > li:nth-child(1) li > .arrow:after {
1012   border-right-color: #2a4137;
1013   -moz-border-right-colors: #2a4137;
1014 }
1015 .skin-2 .nav-list > li.pull_up:nth-child(1) > .arrow:after {
1016   border-right-color: #2a4137 !important;
1017   -moz-border-right-colors: #2a4137 !important;
1018 }
1019 .skin-2 .nav-list > li:nth-child(1) > .submenu li:hover > a,
1020 .skin-2 .nav-list > li:nth-child(1) > .submenu li.hover-show > a,
1021 .skin-2 .nav-list > li:nth-child(1) > .submenu li.active > a,
1022 .skin-2 .nav-list > li:nth-child(1) > .submenu li.open > a {
1023   color: #1eed8e;
1024 }
1025 .skin-2 .nav-list > li.active:nth-child(1):before {
1026   background-color: #ce7da7;
1027   background-color: #52bc8c;
1028 }
1029 .skin-2 .nav-list > li.active.highlight:nth-child(1):before,
1030 .skin-2 .nav-list > li:nth-child(1):before {
1031   background-color: #8bd3b2;
1032 }
1033 .skin-2 .nav-list > li:nth-child(2) > a {
1034   color: #5ed02b;
1035 }
1036 .skin-2 .nav-list > li:nth-child(2):hover > a,
1037 .skin-2 .nav-list > li:nth-child(2).hover-show > a,
1038 .skin-2 .nav-list > li.open:nth-child(2) > a {
1039   background-color: #6ab14a;
1040 }
1041 .skin-2 .nav-list > li:nth-child(2) > .submenu {
1042   background-color: #36432f;
1043 }
1044 .skin-2 .nav-list > li:nth-child(2) > .arrow:after,
1045 .skin-2 .nav-list > li:nth-child(2) li > .arrow:after {
1046   border-right-color: #36432f;
1047   -moz-border-right-colors: #36432f;
1048 }
1049 .skin-2 .nav-list > li.pull_up:nth-child(2) > .arrow:after {
1050   border-right-color: #36432f !important;
1051   -moz-border-right-colors: #36432f !important;
1052 }
1053 .skin-2 .nav-list > li:nth-child(2) > .submenu li:hover > a,
1054 .skin-2 .nav-list > li:nth-child(2) > .submenu li.hover-show > a,
1055 .skin-2 .nav-list > li:nth-child(2) > .submenu li.active > a,
1056 .skin-2 .nav-list > li:nth-child(2) > .submenu li.open > a {
1057   color: #92d275;
1058 }
1059 .skin-2 .nav-list > li.active:nth-child(2):before {
1060   background-color: #ce7da7;
1061   background-color: #8fc478;
1062 }
1063 .skin-2 .nav-list > li.active.highlight:nth-child(2):before,
1064 .skin-2 .nav-list > li:nth-child(2):before {
1065   background-color: #b4d8a5;
1066 }
1067 .skin-2 .nav-list > li:nth-child(3) > a {
1068   color: #a7d700;
1069 }
1070 .skin-2 .nav-list > li:nth-child(3):hover > a,
1071 .skin-2 .nav-list > li:nth-child(3).hover-show > a,
1072 .skin-2 .nav-list > li.open:nth-child(3) > a {
1073   background-color: #98bc1b;
1074 }
1075 .skin-2 .nav-list > li:nth-child(3) > .submenu {
1076   background-color: #3e442a;
1077 }
1078 .skin-2 .nav-list > li:nth-child(3) > .arrow:after,
1079 .skin-2 .nav-list > li:nth-child(3) li > .arrow:after {
1080   border-right-color: #3e442a;
1081   -moz-border-right-colors: #3e442a;
1082 }
1083 .skin-2 .nav-list > li.pull_up:nth-child(3) > .arrow:after {
1084   border-right-color: #3e442a !important;
1085   -moz-border-right-colors: #3e442a !important;
1086 }
1087 .skin-2 .nav-list > li:nth-child(3) > .submenu li:hover > a,
1088 .skin-2 .nav-list > li:nth-child(3) > .submenu li.hover-show > a,
1089 .skin-2 .nav-list > li:nth-child(3) > .submenu li.active > a,
1090 .skin-2 .nav-list > li:nth-child(3) > .submenu li.open > a {
1091   color: #c5ef35;
1092 }
1093 .skin-2 .nav-list > li.active:nth-child(3):before {
1094   background-color: #ce7da7;
1095   background-color: #b2cd54;
1096 }
1097 .skin-2 .nav-list > li.active.highlight:nth-child(3):before,
1098 .skin-2 .nav-list > li:nth-child(3):before {
1099   background-color: #ccde8d;
1100 }
1101 .skin-2 .nav-list > li:nth-child(4) > a {
1102   color: #cee100;
1103 }
1104 .skin-2 .nav-list > li:nth-child(4):hover > a,
1105 .skin-2 .nav-list > li:nth-child(4).hover-show > a,
1106 .skin-2 .nav-list > li.open:nth-child(4) > a {
1107   background-color: #b7c51c;
1108 }
1109 .skin-2 .nav-list > li:nth-child(4) > .submenu {
1110   background-color: #43452a;
1111 }
1112 .skin-2 .nav-list > li:nth-child(4) > .arrow:after,
1113 .skin-2 .nav-list > li:nth-child(4) li > .arrow:after {
1114   border-right-color: #43452a;
1115   -moz-border-right-colors: #43452a;
1116 }
1117 .skin-2 .nav-list > li.pull_up:nth-child(4) > .arrow:after {
1118   border-right-color: #43452a !important;
1119   -moz-border-right-colors: #43452a !important;
1120 }
1121 .skin-2 .nav-list > li:nth-child(4) > .submenu li:hover > a,
1122 .skin-2 .nav-list > li:nth-child(4) > .submenu li.hover-show > a,
1123 .skin-2 .nav-list > li:nth-child(4) > .submenu li.active > a,
1124 .skin-2 .nav-list > li:nth-child(4) > .submenu li.open > a {
1125   color: #e0ef3e;
1126 }
1127 .skin-2 .nav-list > li.active:nth-child(4):before {
1128   background-color: #ce7da7;
1129   background-color: #c9d355;
1130 }
1131 .skin-2 .nav-list > li.active.highlight:nth-child(4):before,
1132 .skin-2 .nav-list > li:nth-child(4):before {
1133   background-color: #dbe28e;
1134 }
1135 .skin-2 .nav-list > li:nth-child(5) > a {
1136   color: #f8c600;
1137 }
1138 .skin-2 .nav-list > li:nth-child(5):hover > a,
1139 .skin-2 .nav-list > li:nth-child(5).hover-show > a,
1140 .skin-2 .nav-list > li.open:nth-child(5) > a {
1141   background-color: #d9b41f;
1142 }
1143 .skin-2 .nav-list > li:nth-child(5) > .submenu {
1144   background-color: #48422a;
1145 }
1146 .skin-2 .nav-list > li:nth-child(5) > .arrow:after,
1147 .skin-2 .nav-list > li:nth-child(5) li > .arrow:after {
1148   border-right-color: #48422a;
1149   -moz-border-right-colors: #48422a;
1150 }
1151 .skin-2 .nav-list > li.pull_up:nth-child(5) > .arrow:after {
1152   border-right-color: #48422a !important;
1153   -moz-border-right-colors: #48422a !important;
1154 }
1155 .skin-2 .nav-list > li:nth-child(5) > .submenu li:hover > a,
1156 .skin-2 .nav-list > li:nth-child(5) > .submenu li.hover-show > a,
1157 .skin-2 .nav-list > li:nth-child(5) > .submenu li.active > a,
1158 .skin-2 .nav-list > li:nth-child(5) > .submenu li.open > a {
1159   color: #f1d153;
1160 }
1161 .skin-2 .nav-list > li.active:nth-child(5):before {
1162   background-color: #ce7da7;
1163   background-color: #e3c657;
1164 }
1165 .skin-2 .nav-list > li.active.highlight:nth-child(5):before,
1166 .skin-2 .nav-list > li:nth-child(5):before {
1167   background-color: #ecd98f;
1168 }
1169 .skin-2 .nav-list > li:nth-child(6) > a {
1170   color: #ffab00;
1171 }
1172 .skin-2 .nav-list > li:nth-child(6):hover > a,
1173 .skin-2 .nav-list > li:nth-child(6).hover-show > a,
1174 .skin-2 .nav-list > li.open:nth-child(6) > a {
1175   background-color: #dfa020;
1176 }
1177 .skin-2 .nav-list > li:nth-child(6) > .submenu {
1178   background-color: #493f2a;
1179 }
1180 .skin-2 .nav-list > li:nth-child(6) > .arrow:after,
1181 .skin-2 .nav-list > li:nth-child(6) li > .arrow:after {
1182   border-right-color: #493f2a;
1183   -moz-border-right-colors: #493f2a;
1184 }
1185 .skin-2 .nav-list > li.pull_up:nth-child(6) > .arrow:after {
1186   border-right-color: #493f2a !important;
1187   -moz-border-right-colors: #493f2a !important;
1188 }
1189 .skin-2 .nav-list > li:nth-child(6) > .submenu li:hover > a,
1190 .skin-2 .nav-list > li:nth-child(6) > .submenu li.hover-show > a,
1191 .skin-2 .nav-list > li:nth-child(6) > .submenu li.active > a,
1192 .skin-2 .nav-list > li:nth-child(6) > .submenu li.open > a {
1193   color: #f2c05a;
1194 }
1195 .skin-2 .nav-list > li.active:nth-child(6):before {
1196   background-color: #ce7da7;
1197   background-color: #e7b858;
1198 }
1199 .skin-2 .nav-list > li.active.highlight:nth-child(6):before,
1200 .skin-2 .nav-list > li:nth-child(6):before {
1201   background-color: #efd08f;
1202 }
1203 .skin-2 .nav-list > li:nth-child(7) > a {
1204   color: #ff6e00;
1205 }
1206 .skin-2 .nav-list > li:nth-child(7):hover > a,
1207 .skin-2 .nav-list > li:nth-child(7).hover-show > a,
1208 .skin-2 .nav-list > li.open:nth-child(7) > a {
1209   background-color: #df7220;
1210 }
1211 .skin-2 .nav-list > li:nth-child(7) > .submenu {
1212   background-color: #49372a;
1213 }
1214 .skin-2 .nav-list > li:nth-child(7) > .arrow:after,
1215 .skin-2 .nav-list > li:nth-child(7) li > .arrow:after {
1216   border-right-color: #49372a;
1217   -moz-border-right-colors: #49372a;
1218 }
1219 .skin-2 .nav-list > li.pull_up:nth-child(7) > .arrow:after {
1220   border-right-color: #49372a !important;
1221   -moz-border-right-colors: #49372a !important;
1222 }
1223 .skin-2 .nav-list > li:nth-child(7) > .submenu li:hover > a,
1224 .skin-2 .nav-list > li:nth-child(7) > .submenu li.hover-show > a,
1225 .skin-2 .nav-list > li:nth-child(7) > .submenu li.active > a,
1226 .skin-2 .nav-list > li:nth-child(7) > .submenu li.open > a {
1227   color: #f29b5a;
1228 }
1229 .skin-2 .nav-list > li.active:nth-child(7):before {
1230   background-color: #ce7da7;
1231   background-color: #e79658;
1232 }
1233 .skin-2 .nav-list > li.active.highlight:nth-child(7):before,
1234 .skin-2 .nav-list > li:nth-child(7):before {
1235   background-color: #efb98f;
1236 }
1237 .skin-2 .nav-list > li:nth-child(8) > a {
1238   color: #f21c30;
1239 }
1240 .skin-2 .nav-list > li:nth-child(8):hover > a,
1241 .skin-2 .nav-list > li:nth-child(8).hover-show > a,
1242 .skin-2 .nav-list > li.open:nth-child(8) > a {
1243   background-color: #d43a48;
1244 }
1245 .skin-2 .nav-list > li:nth-child(8) > .submenu {
1246   background-color: #472e30;
1247 }
1248 .skin-2 .nav-list > li:nth-child(8) > .arrow:after,
1249 .skin-2 .nav-list > li:nth-child(8) li > .arrow:after {
1250   border-right-color: #472e30;
1251   -moz-border-right-colors: #472e30;
1252 }
1253 .skin-2 .nav-list > li.pull_up:nth-child(8) > .arrow:after {
1254   border-right-color: #472e30 !important;
1255   -moz-border-right-colors: #472e30 !important;
1256 }
1257 .skin-2 .nav-list > li:nth-child(8) > .submenu li:hover > a,
1258 .skin-2 .nav-list > li:nth-child(8) > .submenu li.hover-show > a,
1259 .skin-2 .nav-list > li:nth-child(8) > .submenu li.active > a,
1260 .skin-2 .nav-list > li:nth-child(8) > .submenu li.open > a {
1261   color: #ea717c;
1262 }
1263 .skin-2 .nav-list > li.active:nth-child(8):before {
1264   background-color: #ce7da7;
1265   background-color: #df6b76;
1266 }
1267 .skin-2 .nav-list > li.active.highlight:nth-child(8):before,
1268 .skin-2 .nav-list > li:nth-child(8):before {
1269   background-color: #ea9da4;
1270 }
1271 .skin-2 .nav-list > li:nth-child(9) > a {
1272   color: #db348a;
1273 }
1274 .skin-2 .nav-list > li:nth-child(9):hover > a,
1275 .skin-2 .nav-list > li:nth-child(9).hover-show > a,
1276 .skin-2 .nav-list > li.open:nth-child(9) > a {
1277   background-color: #bd5289;
1278 }
1279 .skin-2 .nav-list > li:nth-child(9) > .submenu {
1280   background-color: #45303b;
1281 }
1282 .skin-2 .nav-list > li:nth-child(9) > .arrow:after,
1283 .skin-2 .nav-list > li:nth-child(9) li > .arrow:after {
1284   border-right-color: #45303b;
1285   -moz-border-right-colors: #45303b;
1286 }
1287 .skin-2 .nav-list > li.pull_up:nth-child(9) > .arrow:after {
1288   border-right-color: #45303b !important;
1289   -moz-border-right-colors: #45303b !important;
1290 }
1291 .skin-2 .nav-list > li:nth-child(9) > .submenu li:hover > a,
1292 .skin-2 .nav-list > li:nth-child(9) > .submenu li.hover-show > a,
1293 .skin-2 .nav-list > li:nth-child(9) > .submenu li.active > a,
1294 .skin-2 .nav-list > li:nth-child(9) > .submenu li.open > a {
1295   color: #da81af;
1296 }
1297 .skin-2 .nav-list > li.active:nth-child(9):before {
1298   background-color: #ce7da7;
1299 }
1300 .skin-2 .nav-list > li.active.highlight:nth-child(9):before,
1301 .skin-2 .nav-list > li:nth-child(9):before {
1302   background-color: #dea8c4;
1303 }
1304 .skin-2 .nav-list > li:nth-child(10) > a {
1305   color: #c55ee7;
1306 }
1307 .skin-2 .nav-list > li:nth-child(10):hover > a,
1308 .skin-2 .nav-list > li:nth-child(10).hover-show > a,
1309 .skin-2 .nav-list > li.open:nth-child(10) > a {
1310   background-color: #b975d0;
1311 }
1312 .skin-2 .nav-list > li:nth-child(10) > .submenu {
1313   background-color: #423646;
1314 }
1315 .skin-2 .nav-list > li:nth-child(10) > .arrow:after,
1316 .skin-2 .nav-list > li:nth-child(10) li > .arrow:after {
1317   border-right-color: #423646;
1318   -moz-border-right-colors: #423646;
1319 }
1320 .skin-2 .nav-list > li.pull_up:nth-child(10) > .arrow:after {
1321   border-right-color: #423646 !important;
1322   -moz-border-right-colors: #423646 !important;
1323 }
1324 .skin-2 .nav-list > li:nth-child(10) > .submenu li:hover > a,
1325 .skin-2 .nav-list > li:nth-child(10) > .submenu li.hover-show > a,
1326 .skin-2 .nav-list > li:nth-child(10) > .submenu li.active > a,
1327 .skin-2 .nav-list > li:nth-child(10) > .submenu li.open > a {
1328   color: #d9a9e9;
1329 }
1330 .skin-2 .nav-list > li.active:nth-child(10):before {
1331   background-color: #ce7da7;
1332   background-color: #cb98dc;
1333 }
1334 .skin-2 .nav-list > li.active.highlight:nth-child(10):before,
1335 .skin-2 .nav-list > li:nth-child(10):before {
1336   background-color: #dcbae7;
1337 }
1338 .skin-2 .nav-list > li:nth-child(11) > a {
1339   color: #218bee;
1340 }
1341 .skin-2 .nav-list > li:nth-child(11):hover > a,
1342 .skin-2 .nav-list > li:nth-child(11).hover-show > a,
1343 .skin-2 .nav-list > li.open:nth-child(11) > a {
1344   background-color: #3f8ad0;
1345 }
1346 .skin-2 .nav-list > li:nth-child(11) > .submenu {
1347   background-color: #2e3b47;
1348 }
1349 .skin-2 .nav-list > li:nth-child(11) > .arrow:after,
1350 .skin-2 .nav-list > li:nth-child(11) li > .arrow:after {
1351   border-right-color: #2e3b47;
1352   -moz-border-right-colors: #2e3b47;
1353 }
1354 .skin-2 .nav-list > li.pull_up:nth-child(11) > .arrow:after {
1355   border-right-color: #2e3b47 !important;
1356   -moz-border-right-colors: #2e3b47 !important;
1357 }
1358 .skin-2 .nav-list > li:nth-child(11) > .submenu li:hover > a,
1359 .skin-2 .nav-list > li:nth-child(11) > .submenu li.hover-show > a,
1360 .skin-2 .nav-list > li:nth-child(11) > .submenu li.active > a,
1361 .skin-2 .nav-list > li:nth-child(11) > .submenu li.open > a {
1362   color: #74b0e7;
1363 }
1364 .skin-2 .nav-list > li.active:nth-child(11):before {
1365   background-color: #ce7da7;
1366   background-color: #6fa7dc;
1367 }
1368 .skin-2 .nav-list > li.active.highlight:nth-child(11):before,
1369 .skin-2 .nav-list > li:nth-child(11):before {
1370   background-color: #9fc4e8;
1371 }
1372 .skin-2 .nav-list > li:nth-child(12) > a {
1373   color: #2ecee7;
1374 }
1375 .skin-2 .nav-list > li:nth-child(12):hover > a,
1376 .skin-2 .nav-list > li:nth-child(12).hover-show > a,
1377 .skin-2 .nav-list > li.open:nth-child(12) > a {
1378   background-color: #4bb9ca;
1379 }
1380 .skin-2 .nav-list > li:nth-child(12) > .submenu {
1381   background-color: #304346;
1382 }
1383 .skin-2 .nav-list > li:nth-child(12) > .arrow:after,
1384 .skin-2 .nav-list > li:nth-child(12) li > .arrow:after {
1385   border-right-color: #304346;
1386   -moz-border-right-colors: #304346;
1387 }
1388 .skin-2 .nav-list > li.pull_up:nth-child(12) > .arrow:after {
1389   border-right-color: #304346 !important;
1390   -moz-border-right-colors: #304346 !important;
1391 }
1392 .skin-2 .nav-list > li:nth-child(12) > .submenu li:hover > a,
1393 .skin-2 .nav-list > li:nth-child(12) > .submenu li.hover-show > a,
1394 .skin-2 .nav-list > li:nth-child(12) > .submenu li.active > a,
1395 .skin-2 .nav-list > li:nth-child(12) > .submenu li.open > a {
1396   color: #7ed6e3;
1397 }
1398 .skin-2 .nav-list > li.active:nth-child(12):before {
1399   background-color: #ce7da7;
1400   background-color: #78cad7;
1401 }
1402 .skin-2 .nav-list > li.active.highlight:nth-child(12):before,
1403 .skin-2 .nav-list > li:nth-child(12):before {
1404   background-color: #a5dce4;
1405 }
1406 @media only screen and (min-width: 992px) {
1407   .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(1) > a {
1408     color: #00be67;
1409   }
1410   .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(1) > .arrow:after {
1411     border-bottom-color: #2a4137;
1412     -moz-border-bottom-colors: #2a4137;
1413   }
1414   .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(2) > a {
1415     color: #5ed02b;
1416   }
1417   .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(2) > .arrow:after {
1418     border-bottom-color: #36432f;
1419     -moz-border-bottom-colors: #36432f;
1420   }
1421   .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(3) > a {
1422     color: #a7d700;
1423   }
1424   .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(3) > .arrow:after {
1425     border-bottom-color: #3e442a;
1426     -moz-border-bottom-colors: #3e442a;
1427   }
1428   .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(4) > a {
1429     color: #cee100;
1430   }
1431   .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(4) > .arrow:after {
1432     border-bottom-color: #43452a;
1433     -moz-border-bottom-colors: #43452a;
1434   }
1435   .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(5) > a {
1436     color: #f8c600;
1437   }
1438   .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(5) > .arrow:after {
1439     border-bottom-color: #48422a;
1440     -moz-border-bottom-colors: #48422a;
1441   }
1442   .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(6) > a {
1443     color: #ffab00;
1444   }
1445   .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(6) > .arrow:after {
1446     border-bottom-color: #493f2a;
1447     -moz-border-bottom-colors: #493f2a;
1448   }
1449   .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(7) > a {
1450     color: #ff6e00;
1451   }
1452   .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(7) > .arrow:after {
1453     border-bottom-color: #49372a;
1454     -moz-border-bottom-colors: #49372a;
1455   }
1456   .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(8) > a {
1457     color: #f21c30;
1458   }
1459   .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(8) > .arrow:after {
1460     border-bottom-color: #472e30;
1461     -moz-border-bottom-colors: #472e30;
1462   }
1463   .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(9) > a {
1464     color: #db348a;
1465   }
1466   .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(9) > .arrow:after {
1467     border-bottom-color: #45303b;
1468     -moz-border-bottom-colors: #45303b;
1469   }
1470   .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(10) > a {
1471     color: #c55ee7;
1472   }
1473   .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(10) > .arrow:after {
1474     border-bottom-color: #423646;
1475     -moz-border-bottom-colors: #423646;
1476   }
1477   .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(11) > a {
1478     color: #218bee;
1479   }
1480   .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(11) > .arrow:after {
1481     border-bottom-color: #2e3b47;
1482     -moz-border-bottom-colors: #2e3b47;
1483   }
1484   .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(12) > a {
1485     color: #2ecee7;
1486   }
1487   .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(12) > .arrow:after {
1488     border-bottom-color: #304346;
1489     -moz-border-bottom-colors: #304346;
1490   }
1491 }
1492 .skin-2 .nav-list > li.highlight.active:nth-child(1) > a {
1493   background-color: #18a665;
1494 }
1495 .skin-2 .nav-list > li.active.highlight:nth-child(1) > a:after {
1496   border-left-color: #18a665;
1497   -moz-border-left-colors: #18a665;
1498 }
1499 .skin-2 .nav-list > li.highlight.active:nth-child(2) > a {
1500   background-color: #6ab14a;
1501 }
1502 .skin-2 .nav-list > li.active.highlight:nth-child(2) > a:after {
1503   border-left-color: #6ab14a;
1504   -moz-border-left-colors: #6ab14a;
1505 }
1506 .skin-2 .nav-list > li.highlight.active:nth-child(3) > a {
1507   background-color: #98bc1b;
1508 }
1509 .skin-2 .nav-list > li.active.highlight:nth-child(3) > a:after {
1510   border-left-color: #98bc1b;
1511   -moz-border-left-colors: #98bc1b;
1512 }
1513 .skin-2 .nav-list > li.highlight.active:nth-child(4) > a {
1514   background-color: #b7c51c;
1515 }
1516 .skin-2 .nav-list > li.active.highlight:nth-child(4) > a:after {
1517   border-left-color: #b7c51c;
1518   -moz-border-left-colors: #b7c51c;
1519 }
1520 .skin-2 .nav-list > li.highlight.active:nth-child(5) > a {
1521   background-color: #d9b41f;
1522 }
1523 .skin-2 .nav-list > li.active.highlight:nth-child(5) > a:after {
1524   border-left-color: #d9b41f;
1525   -moz-border-left-colors: #d9b41f;
1526 }
1527 .skin-2 .nav-list > li.highlight.active:nth-child(6) > a {
1528   background-color: #dfa020;
1529 }
1530 .skin-2 .nav-list > li.active.highlight:nth-child(6) > a:after {
1531   border-left-color: #dfa020;
1532   -moz-border-left-colors: #dfa020;
1533 }
1534 .skin-2 .nav-list > li.highlight.active:nth-child(7) > a {
1535   background-color: #df7220;
1536 }
1537 .skin-2 .nav-list > li.active.highlight:nth-child(7) > a:after {
1538   border-left-color: #df7220;
1539   -moz-border-left-colors: #df7220;
1540 }
1541 .skin-2 .nav-list > li.highlight.active:nth-child(8) > a {
1542   background-color: #d43a48;
1543 }
1544 .skin-2 .nav-list > li.active.highlight:nth-child(8) > a:after {
1545   border-left-color: #d43a48;
1546   -moz-border-left-colors: #d43a48;
1547 }
1548 .skin-2 .nav-list > li.highlight.active:nth-child(9) > a {
1549   background-color: #bd5289;
1550 }
1551 .skin-2 .nav-list > li.active.highlight:nth-child(9) > a:after {
1552   border-left-color: #bd5289;
1553   -moz-border-left-colors: #bd5289;
1554 }
1555 .skin-2 .nav-list > li.highlight.active:nth-child(10) > a {
1556   background-color: #b975d0;
1557 }
1558 .skin-2 .nav-list > li.active.highlight:nth-child(10) > a:after {
1559   border-left-color: #b975d0;
1560   -moz-border-left-colors: #b975d0;
1561 }
1562 .skin-2 .nav-list > li.highlight.active:nth-child(11) > a {
1563   background-color: #3f8ad0;
1564 }
1565 .skin-2 .nav-list > li.active.highlight:nth-child(11) > a:after {
1566   border-left-color: #3f8ad0;
1567   -moz-border-left-colors: #3f8ad0;
1568 }
1569 .skin-2 .nav-list > li.highlight.active:nth-child(12) > a {
1570   background-color: #4bb9ca;
1571 }
1572 .skin-2 .nav-list > li.active.highlight:nth-child(12) > a:after {
1573   border-left-color: #4bb9ca;
1574   -moz-border-left-colors: #4bb9ca;
1575 }
1576 .skin-2 .sidebar-shortcuts .btn {
1577   background-color: #555 !important;
1578   border-radius: 32px;
1579   border-width: 2px;
1580 }
1581 .skin-2 .sidebar-shortcuts .btn:hover {
1582   background-color: #222 !important;
1583 }
1584 .skin-2 .sidebar-shortcuts .btn:focus {
1585   outline: none;
1586 }
1587 .skin-2 .sidebar-shortcuts-mini .btn {
1588   border-radius: 32px;
1589   border-width: 2px;
1590   opacity: 1;
1591   padding: 6px;
1592 }
1593 .skin-2 .sidebar-shortcuts,
1594 .skin-2 .sidebar-shortcuts-mini {
1595   background-color: #393939;
1596 }
1597 .skin-2 .sidebar > .nav-search {
1598   background-color: #393939;
1599 }
1600 .skin-2 .sidebar-toggle {
1601   background-color: #2f2f2f;
1602   border-color: #767676;
1603 }
1604 .skin-2 .sidebar-toggle:before {
1605   border-color: inherit;
1606 }
1607 .skin-2 .sidebar-toggle > .ace-icon {
1608   background-color: #333333;
1609   border-color: #aaaaaa;
1610   color: #aaaaaa;
1611 }
1612 .skin-2 .breadcrumbs {
1613   border-width: 0;
1614   background-color: #e7f2f8;
1615   border-radius: 4px;
1616   margin: 8px 8px 0;
1617 }
1618 @media only screen and (max-width: 991px) {
1619   .skin-2 .breadcrumbs {
1620     margin: 5px 5px 0;
1621   }
1622   .skin-2 .menu-toggler + .sidebar.responsive + .main-content .breadcrumbs {
1623     margin: 0;
1624     border-radius: 0;
1625   }
1626 }
1627 @media (min-width: 992px) {
1628   .skin-2 .breadcrumbs.breadcrumbs-fixed + .page-content {
1629     padding-top: 57px;
1630   }
1631 }
1632 @media (min-width: 992px) and (max-width: 991px) {
1633   .skin-2 .breadcrumbs.breadcrumbs-fixed + .page-content {
1634     padding-top: 54px;
1635   }
1636   .skin-2 .menu-toggler + .sidebar.reponsive + .main-content .breadcrumbs.breadcrumbs-fixed + .page-content {
1637     padding-top: 49px;
1638   }
1639 }
1640 @media (min-width: 992px) and (max-width: 991px) {
1641   .skin-2 .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed {
1642     width: 734px;
1643   }
1644 }
1645 @media (min-width: 992px) and (max-width: 991px) {
1646   .skin-2 .container.main-container .breadcrumbs-fixed {
1647     width: 734px;
1648   }
1649   .skin-2 .container.main-container .sidebar.menu-min + .main-content .breadcrumbs-fixed {
1650     width: 734px;
1651   }
1652   .skin-2 .container.main-container .sidebar.responsive-min + .main-content .breadcrumbs-fixed {
1653     width: 691px;
1654   }
1655 }
1656 @media (min-width: 992px) {
1657   .skin-2 .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed {
1658     width: 843px;
1659   }
1660 }
1661 @media (min-width: 992px) {
1662   .skin-2 .container.main-container .breadcrumbs-fixed {
1663     width: 964px;
1664   }
1665   .skin-2 .container.main-container .sidebar + .main-content .breadcrumbs-fixed {
1666     width: 758px;
1667   }
1668   .skin-2 .container.main-container .sidebar.menu-min + .main-content .breadcrumbs-fixed {
1669     width: 905px;
1670   }
1671 }
1672 @media (min-width: 1200px) {
1673   .skin-2 .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed {
1674     width: 1043px;
1675   }
1676 }
1677 @media (min-width: 1200px) {
1678   .skin-2 .container.main-container .breadcrumbs-fixed {
1679     width: 1148px;
1680   }
1681   .skin-2 .container.main-container .sidebar + .main-content .breadcrumbs-fixed {
1682     width: 958px;
1683   }
1684   .skin-2 .container.main-container .sidebar.menu-min + .main-content .breadcrumbs-fixed {
1685     width: 1105px;
1686   }
1687 }
1688 @media (min-width: 768px) {
1689   .skin-2 .container.main-container .sidebar.h-sidebar + .main-content .breadcrumbs-fixed {
1690     width: auto;
1691   }
1692 }
1693 @media only screen and (max-width: 991px) {
1694   .skin-2 .sidebar {
1695     border-width: 0;
1696     -webkit-box-shadow: none;
1697     box-shadow: none;
1698   }
1699   .skin-2 .nav-list li.active > a:after {
1700     display: none;
1701   }
1702 }
1703 .skin-2 .sidebar.menu-min .nav-list > li.open > a {
1704   color: #e6e6e6;
1705 }
1706 .skin-2 .sidebar.menu-min .nav-list > li.active > a {
1707   color: #ffffff;
1708 }
1709 .skin-2 .sidebar.menu-min .nav-list > li.active > a:after {
1710   border-width: 9px 6px;
1711   top: 10px;
1712 }
1713 .skin-2 .sidebar.menu-min .nav-list > li.active.highlight > a:after {
1714   border-width: 20px 0 20px 10px;
1715   top: 0;
1716 }
1717 .skin-2 .sidebar.menu-min .nav-list > li > a > .menu-text {
1718   background-color: inherit;
1719   font-weight: bold;
1720   color: rgba(0, 0, 0, 0.6);
1721   border-width: 0 0 0 1px;
1722   border-style: solid;
1723   border-color: #333;
1724   border-color: rgba(0, 0, 0, 0.4);
1725   -webkit-box-shadow: none;
1726   box-shadow: none;
1727   margin-left: 1px;
1728 }
1729 .skin-2 .sidebar.menu-min .nav-list > li.active > a > .menu-text {
1730   background-color: inherit;
1731   color: #FFF;
1732 }
1733 .skin-2 .sidebar.menu-min .nav-list > li > .submenu {
1734   border-style: solid;
1735   border-width: 1px 0 0 1px;
1736   border-color: #444;
1737   border-color: rgba(0, 0, 0, 0.3);
1738   -webkit-box-shadow: none;
1739   box-shadow: none;
1740   margin-left: 1px;
1741 }
1742 .skin-2 .sidebar.menu-min .nav-list > li > .submenu:after {
1743   display: none;
1744 }
1745 .skin-2 .sidebar.menu-min .nav-list > li.active > .submenu {
1746   border-top-color: rgba(0, 0, 0, 0.5);
1747 }
1748 .skin-2 .sidebar.menu-min .sidebar-shortcuts-large {
1749   background-color: #393939;
1750   -webkit-box-shadow: none;
1751   box-shadow: none;
1752   border: 1px solid #555555;
1753   border-width: 0 1px 1px 0;
1754   top: 0;
1755   border-color: #666;
1756 }
1757 .skin-2 .sidebar.menu-min .nav-list > li > .arrow:after,
1758 .skin-2 .sidebar.menu-min .nav-list > li.active.highlight > .arrow:after {
1759   border-right-color: #bd5289;
1760   -moz-border-right-colors: #bd5289;
1761 }
1762 .skin-2 .sidebar.menu-min .nav-list > li > .arrow:before,
1763 .skin-2 .sidebar.menu-min .nav-list > li.active.highlight > .arrow:before {
1764   border-right-color: #333;
1765   border-right-color: rgba(0, 0, 0, 0.7);
1766   -moz-border-right-colors: rgba(0, 0, 0, 0.7);
1767 }
1768 .skin-2 .sidebar.menu-min .nav-list > li.active:not(.highlight) > a:not(.dropdown-toggle) > .menu-text {
1769   border-width: 1px;
1770   border-top-color: #555555;
1771   border-bottom-color: #555555;
1772   border-right-color: #555555;
1773 }
1774 .skin-2 .sidebar.menu-min .nav-list > li > a > .menu-text,
1775 .skin-2 .sidebar.menu-min .nav-list > li.active.highlight > a > .menu-text {
1776   border-left-color: #333;
1777   border-left-color: rgba(0, 0, 0, 0.5);
1778 }
1779 .skin-2 .sidebar.menu-min .nav-list > li.pull_up > a > .menu-text,
1780 .skin-2 .sidebar.menu-min .nav-list > li.pull_up.active.highlight > a > .menu-text {
1781   border-left-color: #222;
1782   border-left-color: rgba(0, 0, 0, 0.7);
1783 }
1784 .skin-2 .sidebar.menu-min .nav-list > li.pull_up.active:not(.highlight) > a > .menu-text {
1785   border-left-color: #666;
1786 }
1787 .skin-2 .sidebar.menu-min .nav-list > li:nth-child(1) > .arrow:after,
1788 .skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child(1) > .arrow:after {
1789   border-right-color: #18a665;
1790   -moz-border-right-colors: #18a665;
1791 }
1792 .skin-2 .sidebar.menu-min .nav-list > li:nth-child(2) > .arrow:after,
1793 .skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child(2) > .arrow:after {
1794   border-right-color: #6ab14a;
1795   -moz-border-right-colors: #6ab14a;
1796 }
1797 .skin-2 .sidebar.menu-min .nav-list > li:nth-child(3) > .arrow:after,
1798 .skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child(3) > .arrow:after {
1799   border-right-color: #98bc1b;
1800   -moz-border-right-colors: #98bc1b;
1801 }
1802 .skin-2 .sidebar.menu-min .nav-list > li:nth-child(4) > .arrow:after,
1803 .skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child(4) > .arrow:after {
1804   border-right-color: #b7c51c;
1805   -moz-border-right-colors: #b7c51c;
1806 }
1807 .skin-2 .sidebar.menu-min .nav-list > li:nth-child(5) > .arrow:after,
1808 .skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child(5) > .arrow:after {
1809   border-right-color: #d9b41f;
1810   -moz-border-right-colors: #d9b41f;
1811 }
1812 .skin-2 .sidebar.menu-min .nav-list > li:nth-child(6) > .arrow:after,
1813 .skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child(6) > .arrow:after {
1814   border-right-color: #dfa020;
1815   -moz-border-right-colors: #dfa020;
1816 }
1817 .skin-2 .sidebar.menu-min .nav-list > li:nth-child(7) > .arrow:after,
1818 .skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child(7) > .arrow:after {
1819   border-right-color: #df7220;
1820   -moz-border-right-colors: #df7220;
1821 }
1822 .skin-2 .sidebar.menu-min .nav-list > li:nth-child(8) > .arrow:after,
1823 .skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child(8) > .arrow:after {
1824   border-right-color: #d43a48;
1825   -moz-border-right-colors: #d43a48;
1826 }
1827 .skin-2 .sidebar.menu-min .nav-list > li:nth-child(9) > .arrow:after,
1828 .skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child(9) > .arrow:after {
1829   border-right-color: #bd5289;
1830   -moz-border-right-colors: #bd5289;
1831 }
1832 .skin-2 .sidebar.menu-min .nav-list > li:nth-child(10) > .arrow:after,
1833 .skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child(10) > .arrow:after {
1834   border-right-color: #b975d0;
1835   -moz-border-right-colors: #b975d0;
1836 }
1837 .skin-2 .sidebar.menu-min .nav-list > li:nth-child(11) > .arrow:after,
1838 .skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child(11) > .arrow:after {
1839   border-right-color: #3f8ad0;
1840   -moz-border-right-colors: #3f8ad0;
1841 }
1842 .skin-2 .sidebar.menu-min .nav-list > li:nth-child(12) > .arrow:after,
1843 .skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child(12) > .arrow:after {
1844   border-right-color: #4bb9ca;
1845   -moz-border-right-colors: #4bb9ca;
1846 }
1847 .skin-2 .sidebar.menu-min .nav-list > li.active > a > .menu-text {
1848   border-left-color: #777;
1849 }
1850 .skin-2 .sidebar.menu-min .nav-list > li.active > .arrow:after {
1851   border-right-color: #242424;
1852   -moz-border-right-colors: #242424;
1853 }
1854 .skin-2 .sidebar.menu-min .nav-list > li.active > .arrow:before {
1855   border-right-color: #888;
1856   -moz-border-right-colors: #FFF;
1857 }
1858 @media (max-width: 991px) {
1859   .skin-2 .sidebar.responsive .nav-list > li.active > a:after {
1860     display: none;
1861   }
1862   .skin-2 .sidebar.responsive .nav-list > li.active.highlight > a:after {
1863     display: block;
1864   }
1865 }
1866 @media (max-width: 991px) {
1867   .skin-2 .sidebar.responsive-min .nav-list > li.open > a {
1868     color: #e6e6e6;
1869   }
1870   .skin-2 .sidebar.responsive-min .nav-list > li.active > a {
1871     color: #ffffff;
1872   }
1873   .skin-2 .sidebar.responsive-min .nav-list > li.active > a:after {
1874     border-width: 9px 6px;
1875     top: 10px;
1876   }
1877   .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight > a:after {
1878     border-width: 20px 0 20px 10px;
1879     top: 0;
1880   }
1881   .skin-2 .sidebar.responsive-min .nav-list > li > a > .menu-text {
1882     background-color: inherit;
1883     font-weight: bold;
1884     color: rgba(0, 0, 0, 0.6);
1885     border-width: 0 0 0 1px;
1886     border-style: solid;
1887     border-color: #333;
1888     border-color: rgba(0, 0, 0, 0.4);
1889     -webkit-box-shadow: none;
1890     box-shadow: none;
1891     margin-left: 1px;
1892   }
1893   .skin-2 .sidebar.responsive-min .nav-list > li.active > a > .menu-text {
1894     background-color: inherit;
1895     color: #FFF;
1896   }
1897   .skin-2 .sidebar.responsive-min .nav-list > li > .submenu {
1898     border-style: solid;
1899     border-width: 1px 0 0 1px;
1900     border-color: #444;
1901     border-color: rgba(0, 0, 0, 0.3);
1902     -webkit-box-shadow: none;
1903     box-shadow: none;
1904     margin-left: 1px;
1905   }
1906   .skin-2 .sidebar.responsive-min .nav-list > li > .submenu:after {
1907     display: none;
1908   }
1909   .skin-2 .sidebar.responsive-min .nav-list > li.active > .submenu {
1910     border-top-color: rgba(0, 0, 0, 0.5);
1911   }
1912   .skin-2 .sidebar.responsive-min .sidebar-shortcuts-large {
1913     background-color: #393939;
1914     -webkit-box-shadow: none;
1915     box-shadow: none;
1916     border: 1px solid #555555;
1917     border-width: 0 1px 1px 0;
1918     top: 0;
1919     border-color: #666;
1920   }
1921   .skin-2 .sidebar.responsive-min .nav-list > li > .arrow:after,
1922   .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight > .arrow:after {
1923     border-right-color: #bd5289;
1924     -moz-border-right-colors: #bd5289;
1925   }
1926   .skin-2 .sidebar.responsive-min .nav-list > li > .arrow:before,
1927   .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight > .arrow:before {
1928     border-right-color: #333;
1929     border-right-color: rgba(0, 0, 0, 0.7);
1930     -moz-border-right-colors: rgba(0, 0, 0, 0.7);
1931   }
1932   .skin-2 .sidebar.responsive-min .nav-list > li.active:not(.highlight) > a:not(.dropdown-toggle) > .menu-text {
1933     border-width: 1px;
1934     border-top-color: #555555;
1935     border-bottom-color: #555555;
1936     border-right-color: #555555;
1937   }
1938   .skin-2 .sidebar.responsive-min .nav-list > li > a > .menu-text,
1939   .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight > a > .menu-text {
1940     border-left-color: #333;
1941     border-left-color: rgba(0, 0, 0, 0.5);
1942   }
1943   .skin-2 .sidebar.responsive-min .nav-list > li.pull_up > a > .menu-text,
1944   .skin-2 .sidebar.responsive-min .nav-list > li.pull_up.active.highlight > a > .menu-text {
1945     border-left-color: #222;
1946     border-left-color: rgba(0, 0, 0, 0.7);
1947   }
1948   .skin-2 .sidebar.responsive-min .nav-list > li.pull_up.active:not(.highlight) > a > .menu-text {
1949     border-left-color: #666;
1950   }
1951   .skin-2 .sidebar.responsive-min .nav-list > li:nth-child(1) > .arrow:after,
1952   .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child(1) > .arrow:after {
1953     border-right-color: #18a665;
1954     -moz-border-right-colors: #18a665;
1955   }
1956   .skin-2 .sidebar.responsive-min .nav-list > li:nth-child(2) > .arrow:after,
1957   .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child(2) > .arrow:after {
1958     border-right-color: #6ab14a;
1959     -moz-border-right-colors: #6ab14a;
1960   }
1961   .skin-2 .sidebar.responsive-min .nav-list > li:nth-child(3) > .arrow:after,
1962   .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child(3) > .arrow:after {
1963     border-right-color: #98bc1b;
1964     -moz-border-right-colors: #98bc1b;
1965   }
1966   .skin-2 .sidebar.responsive-min .nav-list > li:nth-child(4) > .arrow:after,
1967   .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child(4) > .arrow:after {
1968     border-right-color: #b7c51c;
1969     -moz-border-right-colors: #b7c51c;
1970   }
1971   .skin-2 .sidebar.responsive-min .nav-list > li:nth-child(5) > .arrow:after,
1972   .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child(5) > .arrow:after {
1973     border-right-color: #d9b41f;
1974     -moz-border-right-colors: #d9b41f;
1975   }
1976   .skin-2 .sidebar.responsive-min .nav-list > li:nth-child(6) > .arrow:after,
1977   .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child(6) > .arrow:after {
1978     border-right-color: #dfa020;
1979     -moz-border-right-colors: #dfa020;
1980   }
1981   .skin-2 .sidebar.responsive-min .nav-list > li:nth-child(7) > .arrow:after,
1982   .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child(7) > .arrow:after {
1983     border-right-color: #df7220;
1984     -moz-border-right-colors: #df7220;
1985   }
1986   .skin-2 .sidebar.responsive-min .nav-list > li:nth-child(8) > .arrow:after,
1987   .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child(8) > .arrow:after {
1988     border-right-color: #d43a48;
1989     -moz-border-right-colors: #d43a48;
1990   }
1991   .skin-2 .sidebar.responsive-min .nav-list > li:nth-child(9) > .arrow:after,
1992   .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child(9) > .arrow:after {
1993     border-right-color: #bd5289;
1994     -moz-border-right-colors: #bd5289;
1995   }
1996   .skin-2 .sidebar.responsive-min .nav-list > li:nth-child(10) > .arrow:after,
1997   .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child(10) > .arrow:after {
1998     border-right-color: #b975d0;
1999     -moz-border-right-colors: #b975d0;
2000   }
2001   .skin-2 .sidebar.responsive-min .nav-list > li:nth-child(11) > .arrow:after,
2002   .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child(11) > .arrow:after {
2003     border-right-color: #3f8ad0;
2004     -moz-border-right-colors: #3f8ad0;
2005   }
2006   .skin-2 .sidebar.responsive-min .nav-list > li:nth-child(12) > .arrow:after,
2007   .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child(12) > .arrow:after {
2008     border-right-color: #4bb9ca;
2009     -moz-border-right-colors: #4bb9ca;
2010   }
2011   .skin-2 .sidebar.responsive-min .nav-list > li.active > a > .menu-text {
2012     border-left-color: #777;
2013   }
2014   .skin-2 .sidebar.responsive-min .nav-list > li.active > .arrow:after {
2015     border-right-color: #242424;
2016     -moz-border-right-colors: #242424;
2017   }
2018   .skin-2 .sidebar.responsive-min .nav-list > li.active > .arrow:before {
2019     border-right-color: #888;
2020     -moz-border-right-colors: #FFF;
2021   }
2022   .skin-2 .sidebar.responsive-min .nav-list > li.active > a:after {
2023     display: block;
2024   }
2025 }
2026 @media only screen and (min-width: 992px) {
2027   .skin-2 .nav-list li.hover > .submenu {
2028     padding-left: 0;
2029     padding-right: 0;
2030     border: 1px solid;
2031     border-color: rgba(0, 0, 0, 0.4);
2032   }
2033   .skin-2 .nav-list li.hover > .submenu > li > a {
2034     margin-bottom: 0;
2035     margin-top: 0;
2036   }
2037   .skin-2 .nav-list li.hover > .submenu > li:first-child > a {
2038     border-top-width: 0;
2039   }
2040   .skin-2 .nav-list li .submenu > li.hover.active > a {
2041     background-color: rgba(0, 0, 0, 0.05);
2042   }
2043   .skin-2 .nav-list > li > .submenu li.hover > .submenu {
2044     padding: 2px;
2045   }
2046   .skin-2 .nav-list > li > .submenu li > .submenu > li.hover > a {
2047     border-top-color: #222;
2048     border-top-color: rgba(255, 255, 255, 0.08);
2049   }
2050   .skin-2 .nav-list > li.active.hover:hover > a.dropdown-toggle:after,
2051   .skin-2 .nav-list > li.active.hover.hover-show > a.dropdown-toggle:after,
2052   .skin-2 .menu-min .nav-list > li.active:hover > a:after,
2053   .skin-2 .menu-min .nav-list > li.active.hover-show > a:after {
2054     display: none;
2055   }
2056 }
2057 @media only screen and (min-width: 992px) {
2058   .skin-2 .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a {
2059     background-color: #393939;
2060     font-weight: normal;
2061   }
2062   .skin-2 .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a > .menu-icon,
2063   .skin-2 .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a > .menu-text,
2064   .skin-2 .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a > .arrow {
2065     color: inherit;
2066   }
2067   .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a {
2068     color: #eeeeee;
2069   }
2070   .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu > li.open.hover:not(:hover):not(:focus):not(.active) > a > .menu-icon {
2071     display: none;
2072   }
2073 }
2074 @media only screen and (min-width: 992px) {
2075   .skin-2 .sidebar:not(.navbar-collapse) .nav-list > li .submenu > li.hover:hover > a,
2076   .skin-2 .sidebar:not(.navbar-collapse) .nav-list > li .submenu > li.hover.hover-show > a {
2077     background-color: rgba(0, 0, 0, 0.1);
2078   }
2079   .skin-2 .sidebar:not(.navbar-collapse) .nav-list > li.active .submenu > li.hover:hover > a,
2080   .skin-2 .sidebar:not(.navbar-collapse) .nav-list > li.active .submenu > li.hover.hover-show > a {
2081     background-color: rgba(0, 0, 0, 0.1);
2082   }
2083 }
2084 @media only screen and (max-width: 991px) {
2085   .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu:before,
2086   .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu > li:before,
2087   .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu > li > .submenu:before {
2088     display: none;
2089   }
2090   .skin-2 .sidebar.navbar-collapse .nav-list > li:before {
2091     height: 41px !important;
2092     top: 0;
2093   }
2094   .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu li > .submenu > li > a {
2095     margin-left: 0;
2096     padding-left: 42px;
2097   }
2098   .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu li > .submenu > li > .submenu > li > a {
2099     margin-left: 0;
2100     padding-left: 58px;
2101   }
2102   .skin-2 .sidebar.navbar-collapse .nav-list > li > a > .menu-text,
2103   .skin-2 .sidebar.navbar-collapse .nav-list > li.active.highlight > a > .menu-text {
2104     border-width: 0;
2105   }
2106 }
2107 @media only screen and (min-width: 992px) and (max-width: 991px) {
2108   .skin-2 .sidebar.navbar-collapse .nav-list > li.hover > .submenu {
2109     padding-bottom: 0;
2110   }
2111   .skin-2 .sidebar.navbar-collapse .nav-list li.hover > .submenu {
2112     border-width: 0;
2113   }
2114   .skin-2 .sidebar.navbar-collapse .nav-list li li.hover:hover > a,
2115   .skin-2 .sidebar.navbar-collapse .nav-list li li.hover.hover-show > a {
2116     background-color: transparent;
2117   }
2118   .skin-2 .sidebar.navbar-collapse .nav-list li li.hover > a:hover {
2119     background-color: rgba(0, 0, 0, 0.1);
2120   }
2121   .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu > li.active.hover:hover > a,
2122   .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu > li.active.hover.hover-show > a {
2123     background-color: rgba(0, 0, 0, 0.05);
2124   }
2125   .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu > li.active.hover > a:hover {
2126     background-color: rgba(0, 0, 0, 0.1);
2127   }
2128   .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu {
2129     border-left-width: 0t;
2130     padding: 0;
2131   }
2132   .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu > li > a {
2133     margin-left: 0 !important;
2134     padding-left: 37px !important;
2135   }
2136   .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu li > .submenu > li > .submenu > li > a {
2137     margin-left: 0 !important;
2138     padding-left: 51px !important;
2139   }
2140   .skin-2 .sidebar.navbar-collapse .nav-list li.hover > .submenu li > a {
2141     padding-left: 32px !important;
2142   }
2143   .skin-2 .sidebar.navbar-collapse .nav-list li.hover > .submenu li > a > .menu-icon {
2144     background-color: transparent;
2145   }
2146   .skin-2 .sidebar.navbar-collapse .nav-list li.hover > .submenu > li.active > a {
2147     background-color: transparent;
2148     font-weight: normal;
2149   }
2150   .skin-2 .sidebar.navbar-collapse .nav-list > li.hover > .submenu > li.active > a {
2151     background-color: rgba(0, 0, 0, 0.05);
2152     font-weight: bold;
2153   }
2154   .skin-2 .sidebar.navbar-collapse .nav-list li.hover > .submenu > li.active > a:hover {
2155     background-color: rgba(0, 0, 0, 0.1);
2156   }
2157   .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu li > .submenu > li.hover > a {
2158     border-top-width: 0;
2159   }
2160   .skin-2 .sidebar.navbar-collapse .nav-list > li .submenu > li.hover > a > .menu-icon {
2161     left: 12px;
2162   }
2163   .skin-2 .sidebar.navbar-collapse .nav-list > li .submenu > li.hover:hover > a,
2164   .skin-2 .sidebar.navbar-collapse .nav-list > li .submenu > li.hover.hover-show > a {
2165     background-color: rgba(0, 0, 0, 0.1);
2166   }
2167   .skin-2 .sidebar.navbar-collapse .nav-list > li.active .submenu > li.hover:hover > a,
2168   .skin-2 .sidebar.navbar-collapse .nav-list > li.active .submenu > li.hover.hover-show > a {
2169     background-color: rgba(0, 0, 0, 0.1);
2170   }
2171   .skin-2 .sidebar.navbar-collapse.menu-min .nav-list li.hover > .submenu li > a {
2172     padding-left: 32px;
2173   }
2174 }
2175 @media only screen and (max-width: 991px) {
2176   .skin-2 .sidebar.navbar-collapse.menu-min .sidebar-shortcuts-large {
2177     border-width: 0;
2178   }
2179   .skin-2 .sidebar.navbar-collapse.menu-min .nav-list > li > a > .menu-text {
2180     font-weight: normal;
2181     color: #e6e6e6;
2182     margin-left: 0;
2183   }
2184   .skin-2 .sidebar.navbar-collapse.menu-min .nav-list > li:hover > a > .menu-text {
2185     font-weight: bold;
2186     color: rgba(0, 0, 0, 0.6);
2187   }
2188   .skin-2 .sidebar.navbar-collapse.menu-min .nav-list > li.active > a > .menu-text {
2189     font-weight: bold;
2190     color: #ffffff;
2191   }
2192   .skin-2 .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu {
2193     margin-left: 0;
2194     border-top-width: 0;
2195   }
2196   .skin-2 .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu li > a > .menu-icon {
2197     left: 12px;
2198   }
2199 }
2200 @media (min-width: 992px) {
2201   .skin-2 .sidebar.compact .nav-list > li:before {
2202     height: auto;
2203     bottom: 0;
2204   }
2205 }
2206 .skin-2 .main-container .menu-toggler {
2207   background-color: #d685b0;
2208 }
2209 .skin-2 .main-container .menu-toggler:before {
2210   border-top-color: #FFF;
2211   border-bottom-color: #FFF;
2212 }
2213 .skin-2 .main-container .menu-toggler:after {
2214   border-top-color: #FFF;
2215   border-bottom-color: #FFF;
2216 }
2217 .skin-2 .main-container .menu-toggler > .toggler-text {
2218   border-top-color: #d685b0;
2219   -moz-border-top-colors: #d685b0;
2220 }
2221 .skin-2 .navbar .navbar-toggle {
2222   background-color: #DB78A1;
2223 }
2224 .skin-2 .navbar .navbar-toggle:focus {
2225   background-color: #DB78A1;
2226   border-color: transparent;
2227 }
2228 .skin-2 .navbar .navbar-toggle:hover {
2229   background-color: #d76896;
2230   border-color: rgba(255, 255, 255, 0.1);
2231 }
2232 .skin-2 .navbar .navbar-toggle.display,
2233 .skin-2 .navbar .navbar-toggle[data-toggle=collapse]:not(.collapsed) {
2234   background-color: #d2588b;
2235   box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
2236   border-color: rgba(255, 255, 255, 0.35);
2237 }
2238 @media only screen and (min-width: 768px) {
2239   .skin-2 .container.main-container:before {
2240     box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
2241   }
2242 }
2243 @media only screen and (min-width: 992px) {
2244   .skin-2 .sidebar.h-sidebar {
2245     background-color: #393939;
2246   }
2247   .skin-2 .sidebar.h-sidebar:before {
2248     background-color: #767676;
2249     border-bottom-color: #7b7b7b;
2250   }
2251   .skin-2 .sidebar.h-sidebar .nav-list {
2252     border-bottom-width: 0;
2253   }
2254   .skin-2 .sidebar.h-sidebar .nav-list > li > a > .menu-text {
2255     color: #e6e6e6;
2256     font-weight: normal;
2257   }
2258   .skin-2 .sidebar.h-sidebar .nav-list > li:hover > a > .menu-text,
2259   .skin-2 .sidebar.h-sidebar .nav-list > li.hover-show > a > .menu-text {
2260     color: #ffffff;
2261     font-weight: normal;
2262   }
2263   .skin-2 .sidebar.h-sidebar .nav-list > li.active > a > .menu-text {
2264     font-weight: bold;
2265     color: #ffffff;
2266   }
2267   .skin-2 .sidebar.h-sidebar .nav-list > li:before {
2268     left: 0;
2269     right: 0;
2270   }
2271   .skin-2 .sidebar.h-sidebar .nav-list > li.hover > .submenu {
2272     margin-left: -1px;
2273     border-width: 1px;
2274     border-top-color: rgba(0, 0, 0, 0.4);
2275   }
2276   .skin-2 .sidebar.h-sidebar .nav-list > li .submenu > li.hover > a {
2277     padding-left: 22px;
2278   }
2279   .skin-2 .sidebar.h-sidebar .nav-list > li .submenu > li.hover > a > .menu-icon {
2280     left: 4px;
2281   }
2282   .skin-2 .sidebar.h-sidebar.compact .nav-list > li.active:before {
2283     height: 2px;
2284     bottom: auto;
2285   }
2286   .skin-2 .sidebar.h-sidebar .nav-list > li.highlight.active > a:after {
2287     display: none;
2288   }
2289   .skin-2 .sidebar.h-sidebar .nav-list > li.hover.active > a:after {
2290     display: block;
2291     -moz-border-left-colors: none;
2292     -moz-border-right-colors: none;
2293     -moz-border-bottom-colors: #FFF;
2294     border-color: transparent transparent #FFF;
2295     border-width: 8px;
2296     top: auto;
2297     bottom: 0;
2298     right: auto;
2299     left: 50%;
2300     margin-left: -8px;
2301   }
2302   .skin-2 .sidebar.h-sidebar .nav-list > li.hover.active:hover > a:after,
2303   .skin-2 .sidebar.h-sidebar .nav-list > li.hover.active.hover-show > a:after {
2304     display: none;
2305   }
2306   .skin-2 .sidebar.h-sidebar .sidebar-shortcuts-large {
2307     background-color: #505050;
2308     border-width: 1px 0 0 !important;
2309     border-top: 1px solid #777;
2310     top: 100%;
2311   }
2312   .skin-2 .sidebar.h-sidebar .sidebar-shortcuts-mini {
2313     padding-top: 2px;
2314   }
2315   .skin-2 .sidebar.h-sidebar .sidebar-shortcuts-mini > .btn {
2316     padding: 7px;
2317   }
2318   .skin-2 .sidebar.h-sidebar .nav-list > li.active.highlight > .arrow:after {
2319     border-right-color: transparent;
2320     border-bottom-color: #bd5289;
2321   }
2322   .skin-2 .sidebar.h-sidebar .nav-list > li.active.highlight > .arrow:before {
2323     border-right-color: transparent;
2324     -moz-border-right-colors: none;
2325     border-bottom-color: #191919;
2326     -moz-border-bottom-colors: #191919;
2327   }
2328   .skin-2 .sidebar.h-sidebar .nav-list > li.hover > .arrow:after {
2329     border-right-color: transparent;
2330     -moz-border-right-colors: none;
2331     border-bottom-color: #45303b;
2332     -moz-border-bottom-colors: #45303b;
2333   }
2334   .skin-2 .sidebar.h-sidebar .nav-list > li.hover > .arrow:before {
2335     -moz-border-right-colors: none;
2336     border-right-color: transparent;
2337     border-bottom-color: #191919;
2338     -moz-border-bottom-colors: #191919;
2339   }
2340   .skin-2 .sidebar.h-sidebar .sidebar-shortcuts-large:after {
2341     border-bottom-color: #505050;
2342   }
2343   .skin-2 .sidebar.h-sidebar .sidebar-shortcuts-large:before {
2344     border-bottom-color: #999;
2345     -moz-border-bottom-colors: #999;
2346   }
2347   .skin-2 .sidebar.h-sidebar.menu-min .sidebar-shortcuts-mini {
2348     padding-top: 3px;
2349   }
2350   .skin-2 .sidebar.h-sidebar.menu-min .sidebar-shortcuts-mini > .btn {
2351     padding: 6px;
2352   }
2353   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li > a > .menu-text {
2354     border-width: 1px 0 0 0;
2355     border-top-color: rgba(0, 0, 0, 0.5);
2356   }
2357   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li > .arrow:before,
2358   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active.highlight > .arrow:before {
2359     -moz-border-bottom-colors: rgba(0, 0, 0, 0.7);
2360     border-bottom-color: rgba(0, 0, 0, 0.7);
2361   }
2362   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li:nth-child(1) > .arrow:after,
2363   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active.highlight:nth-child(1) > .arrow:after {
2364     border-bottom-color: #18a665;
2365     -moz-border-bottom-colors: #18a665;
2366   }
2367   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li:nth-child(2) > .arrow:after,
2368   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active.highlight:nth-child(2) > .arrow:after {
2369     border-bottom-color: #6ab14a;
2370     -moz-border-bottom-colors: #6ab14a;
2371   }
2372   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li:nth-child(3) > .arrow:after,
2373   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active.highlight:nth-child(3) > .arrow:after {
2374     border-bottom-color: #98bc1b;
2375     -moz-border-bottom-colors: #98bc1b;
2376   }
2377   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li:nth-child(4) > .arrow:after,
2378   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active.highlight:nth-child(4) > .arrow:after {
2379     border-bottom-color: #b7c51c;
2380     -moz-border-bottom-colors: #b7c51c;
2381   }
2382   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li:nth-child(5) > .arrow:after,
2383   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active.highlight:nth-child(5) > .arrow:after {
2384     border-bottom-color: #d9b41f;
2385     -moz-border-bottom-colors: #d9b41f;
2386   }
2387   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li:nth-child(6) > .arrow:after,
2388   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active.highlight:nth-child(6) > .arrow:after {
2389     border-bottom-color: #dfa020;
2390     -moz-border-bottom-colors: #dfa020;
2391   }
2392   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li:nth-child(7) > .arrow:after,
2393   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active.highlight:nth-child(7) > .arrow:after {
2394     border-bottom-color: #df7220;
2395     -moz-border-bottom-colors: #df7220;
2396   }
2397   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li:nth-child(8) > .arrow:after,
2398   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active.highlight:nth-child(8) > .arrow:after {
2399     border-bottom-color: #d43a48;
2400     -moz-border-bottom-colors: #d43a48;
2401   }
2402   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li:nth-child(9) > .arrow:after,
2403   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active.highlight:nth-child(9) > .arrow:after {
2404     border-bottom-color: #bd5289;
2405     -moz-border-bottom-colors: #bd5289;
2406   }
2407   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li:nth-child(10) > .arrow:after,
2408   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active.highlight:nth-child(10) > .arrow:after {
2409     border-bottom-color: #b975d0;
2410     -moz-border-bottom-colors: #b975d0;
2411   }
2412   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li:nth-child(11) > .arrow:after,
2413   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active.highlight:nth-child(11) > .arrow:after {
2414     border-bottom-color: #3f8ad0;
2415     -moz-border-bottom-colors: #3f8ad0;
2416   }
2417   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li:nth-child(12) > .arrow:after,
2418   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active.highlight:nth-child(12) > .arrow:after {
2419     border-bottom-color: #4bb9ca;
2420     -moz-border-bottom-colors: #4bb9ca;
2421   }
2422   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active > .arrow:after {
2423     border-bottom-color: #242424;
2424     -moz-border-bottom-colors: #242424;
2425   }
2426   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active > .arrow:before {
2427     border-bottom-color: #888;
2428     -moz-border-bottom-colors: #FFF;
2429   }
2430   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li > a > .menu-text,
2431   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active.highlight > a > .menu-text {
2432     border-top-color: #333;
2433     border-top-color: rgba(0, 0, 0, 0.5);
2434   }
2435   .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active > a > .menu-text {
2436     border-top-color: #777;
2437   }
2438   .skin-2 .sidebar.h-sidebar + .main-content .breadcrumbs {
2439     border-color: #d5e7f1;
2440     top: 2px;
2441   }
2442   .skin-2 .h-sidebar.sidebar-fixed + .main-content {
2443     padding-top: 86px;
2444   }
2445   .skin-2 .h-sidebar.sidebar-fixed.no-gap + .main-content {
2446     padding-top: 72px;
2447   }
2448   .skin-2 .h-sidebar.sidebar-fixed.menu-min + .main-content {
2449     padding-top: 61px;
2450   }
2451   .skin-2 .h-sidebar.sidebar-fixed.menu-min.no-gap + .main-content {
2452     padding-top: 47px;
2453   }
2454   .skin-2 .main-content .h-sidebar.sidebar .nav-list {
2455     border-left: 1px solid #575757;
2456   }
2457 }
2458 .skin-2 .sidebar-scroll .sidebar-shortcuts {
2459   border-bottom-color: #555555;
2460 }
2461 .skin-2 .sidebar-scroll .sidebar-toggle {
2462   border-top-color: #555555;
2463 }
2464 .skin-2 .scrollout .scroll-track {
2465   background-color: transparent;
2466 }
2467 .skin-2 .scrollout .scroll-bar {
2468   background-color: #CCC;
2469   background-color: rgba(0, 0, 0, 0.2);
2470 }
2471 @media only screen and (min-width: 768px) and (max-width: 991px) {
2472   .skin-2 .navbar.navbar-collapse {
2473     background-color: transparent;
2474   }
2475   .skin-2 .navbar.navbar-collapse:before,
2476   .skin-2 .navbar.navbar-collapse .navbar-container {
2477     background: #c6487e;
2478   }
2479 }
2480 .skin-2 .nav-list > li.disabled:before {
2481   display: none !important;
2482 }
2483 .skin-2 .nav-list > li.disabled > a,
2484 .skin-2 .nav-list > li > a.disabled {
2485   background-color: #555 !important;
2486   color: #CCC !important;
2487 }
2488 .skin-2 .nav-list > li.disabled > a > .menu-text,
2489 .skin-2 .nav-list > li > a.disabled > .menu-text {
2490   color: #CCC !important;
2491 }
2492 .skin-2 .nav-list > li.disabled > a .label,
2493 .skin-2 .nav-list > li > a.disabled .label,
2494 .skin-2 .nav-list > li.disabled > a .badge,
2495 .skin-2 .nav-list > li > a.disabled .badge {
2496   background-color: rgba(0, 0, 0, 0.5) !important;
2497 }
2498 .skin-2 .nav-list > li.active.highlight.disabled > a:after,
2499 .skin-2 .nav-list > li.active.highlight > a.disabled:after {
2500   -moz-border-left-colors: #555 !important;
2501   border-left-color: #555 !important;
2502 }
2503 .skin-2 .nav-list li .submenu > li.disabled > a,
2504 .skin-2 .nav-list li .submenu > li > a.disabled,
2505 .skin-2 .nav-list li.disabled .submenu > li > a,
2506 .skin-2 .nav-list li > a.disabled + .submenu > li > a {
2507   background-color: #666 !important;
2508   color: #DDD !important;
2509   cursor: not-allowed !important;
2510 }
2511 .skin-2 .nav-list li .submenu > li.disabled > a > .menu-icon,
2512 .skin-2 .nav-list li .submenu > li > a.disabled > .menu-icon,
2513 .skin-2 .nav-list li.disabled .submenu > li > a > .menu-icon,
2514 .skin-2 .nav-list li > a.disabled + .submenu > li > a > .menu-icon {
2515   display: none;
2516 }
2517 /* skin 3 */
2518 .skin-3 {
2519   background-color: #bbbbbb;
2520 }
2521 .skin-3 .main-container:before {
2522   background: #FFF;
2523   background: -moz-linear-gradient(top, #eef5fa 0%, #ffffff 8%) 0 4px;
2524   background: -webkit-gradient(linear, 0 0, 0 100%, from(#eef5fa), color-stop(4%, #ffffff)) 0 4px;
2525   background: -webkit-linear-gradient(top, #eef5fa 0%, #ffffff 8%) 0 4px;
2526   background: -o-linear-gradient(top, #eef5fa 0%, #ffffff 8%) 0 4px;
2527   background: -ms-linear-gradient(top, #eef5fa 0%, #ffffff 8%) 0 4px;
2528   background: linear-gradient(top, #eef5fa 0%, #ffffff 8%) 0 4px;
2529   -moz-background-size: 100% 26px;
2530   -webkit-background-size: 100% 26px;
2531   -o-background-size: 100% 26px;
2532   -ms-background-size: 100% 26px;
2533   background-size: 100% 26px;
2534 }
2535 @media (min-width: 768px) {
2536   .skin-3 .main-container.container:before {
2537     -webkit-box-shadow: 0 0 0 1px rgba(50, 100, 200, 0.1);
2538     box-shadow: 0 0 0 1px rgba(50, 100, 200, 0.1);
2539   }
2540 }
2541 .skin-3 .navbar {
2542   background: #404040;
2543 }
2544 .skin-3 .sidebar {
2545   background-color: #dbdbdb;
2546   border-style: solid;
2547   border-width: 0 1px 0 0;
2548   border-color: #a4c6dd;
2549 }
2550 .skin-3 .nav-list > li {
2551   border-color: #f2f2f2;
2552 }
2553 .skin-3 .nav-list > li > a {
2554   background-color: #e3e3e3;
2555   color: #5a5a5a;
2556 }
2557 .skin-3 .nav-list > li > a > .arrow {
2558   color: inherit;
2559 }
2560 .skin-3 .nav-list > li > a:focus {
2561   background-color: #e8e8e8;
2562   color: #5a5a5a;
2563 }
2564 .skin-3 .nav-list > li:hover {
2565   border-color: #95bad2 !important;
2566 }
2567 .skin-3 .nav-list > li:hover + li {
2568   border-top-color: #95bad2 !important;
2569 }
2570 .skin-3 .nav-list > li.open {
2571   border-color: #95bad2 !important;
2572 }
2573 .skin-3 .nav-list > li.open + li {
2574   border-top-color: #95bad2 !important;
2575 }
2576 .skin-3 .nav-list > li.active {
2577   border-color: #a4c6dd !important;
2578 }
2579 .skin-3 .nav-list > li.active + li {
2580   border-color: #a4c6dd !important;
2581 }
2582 .skin-3 .nav-list > li.active + li:last-child {
2583   border-bottom-color: #f2f2f2 !important;
2584 }
2585 .skin-3 .nav-list > li.active + li:last-child:hover {
2586   border-bottom-color: #95bad2 !important;
2587 }
2588 .skin-3 .nav-list > li:hover > a {
2589   background-color: #ffffff;
2590   color: #337dbb;
2591 }
2592 .skin-3 .nav-list > li.open > a,
2593 .skin-3 .nav-list > li.open:hover > a {
2594   color: #337dbb;
2595   background-color: #f8f8f8;
2596 }
2597 .skin-3 .nav-list > li.open > a > .arrow {
2598   color: inherit;
2599 }
2600 .skin-3 .nav-list > li.active > a,
2601 .skin-3 .nav-list > li.active.highlight > a {
2602   background-color: #f3faff !important;
2603   color: #4d96cb !important;
2604 }
2605 .skin-3 .nav-list > li:hover:before,
2606 .skin-3 .nav-list > li.open:before {
2607   display: block;
2608   background-color: #4f8ab4 !important;
2609 }
2610 .skin-3 .nav-list > li.active:before {
2611   display: block;
2612   background-color: #4D96CB !important;
2613 }
2614 .skin-3 .page-content {
2615   background-color: transparent;
2616 }
2617 .skin-3 .infobox-container .infobox:not(.infobox-dark) {
2618   border-style: solid;
2619   background-color: transparent;
2620 }
2621 .skin-3 .nav-list > li.active:after {
2622   display: none;
2623 }
2624 .skin-3 .nav-list li.active > a:after {
2625   border-right-color: #FFF;
2626   -moz-border-right-colors: #FFF;
2627   border-width: 12px 8px;
2628   top: 7px;
2629   right: -1px;
2630 }
2631 .skin-3 .nav-list li.active > a:before {
2632   display: block;
2633   content: "";
2634   position: absolute;
2635   background-color: transparent;
2636   border-style: solid;
2637   border-color: transparent;
2638   border-right-color: #91bad6;
2639   -moz-border-right-colors: #91bad6;
2640   right: 0;
2641   border-width: 12px 8px;
2642   top: 7px;
2643 }
2644 .skin-3 .nav-list > li.active > .submenu li.active > a:before,
2645 .skin-3 .nav-list > li.active > .submenu li.active > a:after {
2646   top: 4px;
2647 }
2648 .skin-3 .nav-list li.active.open > a:before {
2649   display: none;
2650 }
2651 .skin-3 .nav-list li.highlight.active.open > a:before {
2652   display: block;
2653 }
2654 .skin-3 .nav-list li.active:not(.open) li.active > a:before {
2655   display: none !important;
2656 }
2657 .skin-3 .nav-list > li.highlight.active > a:after {
2658   border-left-color: #f3faff;
2659   -moz-border-left-colors: #f3faff;
2660 }
2661 .skin-3 .nav-list > li.highlight.active > a:before {
2662   border-left-color: #91bad6;
2663   -moz-border-left-colors: #91bad6;
2664 }
2665 .skin-3 .nav-list li > .arrow:before {
2666   border-right-color: #7fafcf;
2667   -moz-border-right-colors: #7fafcf;
2668 }
2669 .skin-3 .nav-list > li .submenu > li.active:not(.open) > a {
2670   background-color: #f5f7fa;
2671 }
2672 .skin-3 .nav-list > li .submenu > li.active:not(.open) > a:hover {
2673   background-color: #f1f5f9;
2674 }
2675 @media only screen and (max-width: 991px) {
2676   .skin-3 .sidebar.responsive .nav-list > li.active.open > a:after {
2677     display: none;
2678   }
2679 }
2680 @media only screen and (min-width: 992px) {
2681   .skin-3 .nav-list li.hover > .submenu {
2682     border-color: #99bfd9;
2683   }
2684 }
2685 @media only screen and (min-width: 992px) {
2686   .skin-3 .nav-list li.hover.active > a:before {
2687     display: block;
2688   }
2689   .skin-3 .nav-list li.hover .submenu > li.active > a:before {
2690     display: none ;
2691   }
2692 }
2693 .skin-3 .sidebar.menu-min .nav-list > li > a > .menu-text {
2694   background-color: #f1f5f9;
2695   border-color: #A4C6DD;
2696 }
2697 .skin-3 .sidebar.menu-min .nav-list > li.active > a > .menu-text {
2698   background-color: #EDF3F7;
2699 }
2700 .skin-3 .sidebar.menu-min .nav-list > li > .submenu {
2701   border-color: #A4C6DD;
2702   border-top-color: #C9DAE5;
2703 }
2704 .skin-3 .sidebar.menu-min .nav-list > li.active > .arrow:before {
2705   border-right-color: #709FBF;
2706   -moz-border-right-colors: #709FBF;
2707 }
2708 .skin-3 .sidebar.menu-min .nav-list > li > .arrow:after {
2709   border-right-color: #EDF3F7;
2710   -moz-border-right-colors: #EDF3F7;
2711 }
2712 .skin-3 .sidebar.menu-min .nav-list li.active > a:after,
2713 .skin-3 .sidebar.menu-min .nav-list li.active > a:before {
2714   display: none;
2715 }
2716 .skin-3 .sidebar.menu-min .nav-list > li.active > a:after,
2717 .skin-3 .sidebar.menu-min .nav-list > li.active > a:before {
2718   display: block;
2719   border-width: 9px 7px;
2720   top: 10px;
2721 }
2722 .skin-3 .sidebar.menu-min .nav-list > li.active.highlight > a:after,
2723 .skin-3 .sidebar.menu-min .nav-list > li.active.highlight > a:before {
2724   border-width: 20px 0 21px 10px;
2725   top: -1px;
2726 }
2727 .skin-3 .sidebar.menu-min .nav-list > li.active:hover > a:after,
2728 .skin-3 .sidebar.menu-min .nav-list > li.active.hover-show > a:after,
2729 .skin-3 .sidebar.menu-min .nav-list > li.active:hover > a:before,
2730 .skin-3 .sidebar.menu-min .nav-list > li.active.hover-show > a:before {
2731   display: none;
2732 }
2733 .skin-3 .sidebar.menu-min .sidebar-shortcuts-large {
2734   background-color: #F5F5F5;
2735 }
2736 @media only screen and (max-width: 991px) {
2737   .skin-3 .sidebar.menu-min.responsive .nav-list > li.active > a:after,
2738   .skin-3 .sidebar.menu-min.responsive .nav-list > li.active > a:before {
2739     display: none;
2740   }
2741 }
2742 @media only screen and (max-width: 991px) {
2743   .skin-3 .sidebar.responsive {
2744     border-bottom-width: 1px !important;
2745   }
2746   .skin-3 .sidebar.responsive .nav-list > li.active.open > a:after {
2747     display: none;
2748   }
2749   .skin-3 .sidebar.responsive .nav-list > li.active.highlight > a:after,
2750   .skin-3 .sidebar.responsive .nav-list > li.active.highlight > a:before {
2751     display: block;
2752   }
2753   .skin-3 .sidebar.navbar-collapse {
2754     border-bottom-color: #A4C6DD;
2755   }
2756   .skin-3 .nav-list li.active > a:after,
2757   .skin-3 .nav-list li.active > a:before {
2758     display: none;
2759   }
2760   .skin-3 .sidebar.responsive-min .nav-list > li > a > .menu-text {
2761     background-color: #f1f5f9;
2762     border-color: #A4C6DD;
2763   }
2764   .skin-3 .sidebar.responsive-min .nav-list > li.active > a > .menu-text {
2765     background-color: #EDF3F7;
2766   }
2767   .skin-3 .sidebar.responsive-min .nav-list > li > .submenu {
2768     border-color: #A4C6DD;
2769     border-top-color: #C9DAE5;
2770   }
2771   .skin-3 .sidebar.responsive-min .nav-list > li.active > .arrow:before {
2772     border-right-color: #709FBF;
2773     -moz-border-right-colors: #709FBF;
2774   }
2775   .skin-3 .sidebar.responsive-min .nav-list > li > .arrow:after {
2776     border-right-color: #EDF3F7;
2777     -moz-border-right-colors: #EDF3F7;
2778   }
2779   .skin-3 .sidebar.responsive-min .nav-list li.active > a:after,
2780   .skin-3 .sidebar.responsive-min .nav-list li.active > a:before {
2781     display: none;
2782   }
2783   .skin-3 .sidebar.responsive-min .nav-list > li.active > a:after,
2784   .skin-3 .sidebar.responsive-min .nav-list > li.active > a:before {
2785     display: block;
2786     border-width: 9px 7px;
2787     top: 10px;
2788   }
2789   .skin-3 .sidebar.responsive-min .nav-list > li.active.highlight > a:after,
2790   .skin-3 .sidebar.responsive-min .nav-list > li.active.highlight > a:before {
2791     border-width: 20px 0 21px 10px;
2792     top: -1px;
2793   }
2794   .skin-3 .sidebar.responsive-min .nav-list > li.active:hover > a:after,
2795   .skin-3 .sidebar.responsive-min .nav-list > li.active.hover-show > a:after,
2796   .skin-3 .sidebar.responsive-min .nav-list > li.active:hover > a:before,
2797   .skin-3 .sidebar.responsive-min .nav-list > li.active.hover-show > a:before {
2798     display: none;
2799   }
2800   .skin-3 .sidebar.responsive-min .sidebar-shortcuts-large {
2801     background-color: #F5F5F5;
2802   }
2803   .skin-3 .sidebar.responsive-max {
2804     border-width: 0 1px 1px 0;
2805   }
2806   .skin-3 .sidebar.responsive-max .nav-list li.hover.active > a:before {
2807     display: none;
2808   }
2809   .skin-3 .sidebar.responsive-max .nav-list > li.active.open > a:after {
2810     display: none;
2811   }
2812   .skin-3 .sidebar.responsive-max .nav-list > li.active.highlight > a:after,
2813   .skin-3 .sidebar.responsive-max .nav-list > li.active.highlight > a:before {
2814     display: block;
2815   }
2816   .skin-3 .sidebar.navbar-collapse .sidebar-shortcuts-large {
2817     background-color: transparent;
2818   }
2819 }
2820 .skin-3 .sidebar-shortcuts,
2821 .skin-3 .sidebar-shortcuts-mini {
2822   background-color: #dbdbdb;
2823 }
2824 .skin-3 .sidebar-shortcuts-large > .btn:focus {
2825   outline: none;
2826 }
2827 .skin-3 .sidebar > .nav-search {
2828   background-color: #dbdbdb;
2829 }
2830 .skin-3 .sidebar-toggle {
2831   background-color: #d0d0d0;
2832   border-color: #f2f2f2;
2833 }
2834 .skin-3 .sidebar-toggle:before {
2835   border-color: #f2f2f2;
2836 }
2837 .skin-3 .sidebar-toggle > .ace-icon {
2838   background-color: #ffffff;
2839   background-color: #FFF;
2840   border-color: #999;
2841   color: #999;
2842 }
2843 .skin-3 .sidebar-scroll .nav-wrap-up + .sidebar-toggle:after {
2844   display: block;
2845   content: "";
2846   position: absolute;
2847   top: 0;
2848   bottom: 0;
2849   right: -1px;
2850   border-right: 1px solid #a4c6dd;
2851 }
2852 @media only screen and (max-width: 991px) {
2853   .skin-3 .sidebar.navbar-collapse .nav-list > li:before {
2854     height: 43px !important;
2855   }
2856   .skin-3 .sidebar.navbar-collapse .sidebar-shortcuts {
2857     padding: 0 0 3px !important;
2858   }
2859 }
2860 @media only screen and (min-width: 992px) {
2861   .skin-3 .nav-list > li.active.hover:hover > a.dropdown-toggle:after,
2862   .skin-3 .nav-list > li.active.hover.hover-show > a.dropdown-toggle:after,
2863   .skin-3 .nav-list > li.active.hover:hover > a.dropdown-toggle:before,
2864   .skin-3 .nav-list > li.active.hover.hover-show > a.dropdown-toggle:before {
2865     display: none;
2866   }
2867 }
2868 .skin-3 .main-container .menu-toggler {
2869   background-color: #62A8D1;
2870   color: #FFF;
2871 }
2872 .skin-3 .main-container .menu-toggler:before,
2873 .skin-3 .main-container .menu-toggler:after {
2874   border-color: #FFF;
2875 }
2876 .skin-3 .main-container .menu-toggler > .toggler-text {
2877   border-top-color: #62A8D1;
2878   -moz-border-top-colors: #62A8D1;
2879 }
2880 .skin-3 .main-container .menu-toggler > .toggler-text:after {
2881   color: #FFF;
2882 }
2883 .skin-3 .navbar .navbar-toggle {
2884   border-color: rgba(255, 255, 255, 0.15);
2885   transition: background-color 0.1s ease 0s;
2886   background-color: #648CAE;
2887 }
2888 .skin-3 .navbar .navbar-toggle:focus {
2889   background-color: #648CAE;
2890   border-color: rgba(255, 255, 255, 0.15);
2891 }
2892 .skin-3 .navbar .navbar-toggle:hover {
2893   background-color: #5782a7;
2894   border-color: rgba(255, 255, 255, 0.15);
2895 }
2896 .skin-3 .navbar .navbar-toggle.display,
2897 .skin-3 .navbar .navbar-toggle[data-toggle=collapse]:not(.collapsed) {
2898   background-color: #507899;
2899   border-color: rgba(255, 255, 255, 0.3);
2900 }
2901 .skin-3 .breadcrumbs {
2902   border-width: 0;
2903   background-color: #e7f2f8;
2904   border-radius: 4px;
2905   margin: 8px 8px 0;
2906 }
2907 @media only screen and (max-width: 991px) {
2908   .skin-3 .breadcrumbs {
2909     margin: 5px 5px 0;
2910   }
2911   .skin-3 .menu-toggler + .sidebar.responsive + .main-content .breadcrumbs {
2912     margin: 0;
2913     border-radius: 0;
2914   }
2915 }
2916 @media (min-width: 992px) {
2917   .skin-3 .breadcrumbs.breadcrumbs-fixed + .page-content {
2918     padding-top: 57px;
2919   }
2920 }
2921 @media (min-width: 992px) and (max-width: 991px) {
2922   .skin-3 .breadcrumbs.breadcrumbs-fixed + .page-content {
2923     padding-top: 54px;
2924   }
2925   .skin-3 .menu-toggler + .sidebar.reponsive + .main-content .breadcrumbs.breadcrumbs-fixed + .page-content {
2926     padding-top: 49px;
2927   }
2928 }
2929 @media (min-width: 992px) and (max-width: 991px) {
2930   .skin-3 .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed {
2931     width: 734px;
2932   }
2933 }
2934 @media (min-width: 992px) and (max-width: 991px) {
2935   .skin-3 .container.main-container .breadcrumbs-fixed {
2936     width: 734px;
2937   }
2938   .skin-3 .container.main-container .sidebar.menu-min + .main-content .breadcrumbs-fixed {
2939     width: 734px;
2940   }
2941   .skin-3 .container.main-container .sidebar.responsive-min + .main-content .breadcrumbs-fixed {
2942     width: 691px;
2943   }
2944 }
2945 @media (min-width: 992px) {
2946   .skin-3 .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed {
2947     width: 843px;
2948   }
2949 }
2950 @media (min-width: 992px) {
2951   .skin-3 .container.main-container .breadcrumbs-fixed {
2952     width: 964px;
2953   }
2954   .skin-3 .container.main-container .sidebar + .main-content .breadcrumbs-fixed {
2955     width: 758px;
2956   }
2957   .skin-3 .container.main-container .sidebar.menu-min + .main-content .breadcrumbs-fixed {
2958     width: 905px;
2959   }
2960 }
2961 @media (min-width: 1200px) {
2962   .skin-3 .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed {
2963     width: 1043px;
2964   }
2965 }
2966 @media (min-width: 1200px) {
2967   .skin-3 .container.main-container .breadcrumbs-fixed {
2968     width: 1148px;
2969   }
2970   .skin-3 .container.main-container .sidebar + .main-content .breadcrumbs-fixed {
2971     width: 958px;
2972   }
2973   .skin-3 .container.main-container .sidebar.menu-min + .main-content .breadcrumbs-fixed {
2974     width: 1105px;
2975   }
2976 }
2977 @media only screen and (max-width: 991px) {
2978   .skin-3 .nav-list li.active > a:before,
2979   .skin-3 .nav-list li.active > a:after {
2980     display: none;
2981   }
2982 }
2983 .skin-3 .sidebar-shortcuts-large > .btn {
2984   line-height: 26px;
2985   border-width: 1px;
2986 }
2987 .skin-3 .sidebar-shortcuts-mini {
2988   padding-top: 3px;
2989   padding-bottom: 3px;
2990   padding-left: 1px;
2991 }
2992 .skin-3 .sidebar-shortcuts-mini > .btn {
2993   border-width: 1px;
2994   opacity: 1;
2995   padding: 7px;
2996   margin: 1px 1px 0 0;
2997 }
2998 @media only screen and (min-width: 992px) {
2999   .skin-3 .sidebar.h-sidebar {
3000     background-color: #e3e3e3;
3001   }
3002   .skin-3 .sidebar.h-sidebar:before {
3003     background-color: #CBD0D6;
3004     border-bottom-width: 0;
3005   }
3006   .skin-3 .sidebar.h-sidebar .sidebar-shortcuts-mini > .btn {
3007     padding: 8px;
3008   }
3009   .skin-3 .sidebar.h-sidebar .sidebar-shortcuts-large {
3010     background-color: #FFF;
3011     line-height: 36px;
3012   }
3013   .skin-3 .sidebar.h-sidebar + .main-content .breadcrumbs {
3014     border-color: #d5e7f1;
3015     top: 2px;
3016   }
3017   .skin-3 .sidebar.h-sidebar .nav-list > li.hover > .submenu {
3018     border-color: #A4C6DD;
3019   }
3020   .skin-3 .sidebar.h-sidebar .nav-list > li {
3021     border-color: #f2f2f2;
3022   }
3023   .skin-3 .sidebar.h-sidebar .nav-list > li:hover,
3024   .skin-3 .sidebar.h-sidebar .nav-list > li:hover + li {
3025     border-left-color: #95bad2;
3026   }
3027   .skin-3 .sidebar.h-sidebar .nav-list > li:last-child:hover {
3028     border-right-color: #95bad2;
3029   }
3030   .skin-3 .sidebar.h-sidebar .nav-list > li.active,
3031   .skin-3 .sidebar.h-sidebar .nav-list > li.active + li,
3032   .skin-3 .sidebar.h-sidebar .nav-list > li:hover + li.active {
3033     border-left-color: #a4c6dd;
3034   }
3035   .skin-3 .sidebar.h-sidebar .nav-list > li.active:last-child {
3036     border-right-color: #a4c6dd;
3037   }
3038   .skin-3 .sidebar.h-sidebar .nav-list > li.active > a:after {
3039     left: 0;
3040     top: auto;
3041     right: auto;
3042     bottom: -2px;
3043     left: 50%;
3044     margin-left: -7px;
3045     border-color: transparent;
3046     -moz-border-right-colors: none;
3047     border-width: 8px 7px !important;
3048     border-bottom-color: #FFF;
3049     -moz-border-bottom-colors: #FFF;
3050   }
3051   .skin-3 .sidebar.h-sidebar .nav-list > li.active > a:before {
3052     display: block;
3053     left: 0;
3054     top: auto;
3055     right: auto;
3056     bottom: -1px;
3057     left: 50%;
3058     margin-left: -8px !important;
3059     border-width: 8px !important;
3060     border-color: transparent;
3061     -moz-border-right-colors: none;
3062     border-bottom-color: #74add7;
3063     -moz-border-bottom-colors: #74add7;
3064   }
3065   .skin-3 .sidebar.h-sidebar .nav-list > li.hover > .arrow:before {
3066     -moz-border-right-colors: none;
3067     border-right-color: transparent;
3068     border-bottom-color: #7fafcf;
3069     -moz-border-bottom-colors: #7fafcf;
3070   }
3071   .skin-3 .sidebar.h-sidebar.menu-min .sidebar-shortcuts {
3072     max-width: 52px;
3073     padding-left: 2px;
3074     padding-right: 2px;
3075   }
3076   .skin-3 .sidebar.h-sidebar.menu-min .sidebar-shortcuts-mini > .btn {
3077     padding: 7px;
3078   }
3079   .skin-3 .sidebar.h-sidebar.menu-min .nav-list > li.hover > .submenu {
3080     border-top-color: #C9DAE5;
3081   }
3082   .skin-3 .sidebar.h-sidebar.menu-min .nav-list > li.active > a > .menu-text {
3083     border-left-color: #A4C6DD;
3084   }
3085   .skin-3 .sidebar.h-sidebar.menu-min .nav-list > li > .arrow:after {
3086     -moz-border-bottom-colors: #EDF3F7;
3087     border-bottom-color: #EDF3F7;
3088   }
3089 }
3090 .skin-3 .sidebar-scroll .sidebar-shortcuts {
3091   border-bottom-color: 1px solid #99B6C9;
3092 }
3093 .skin-3 .sidebar-scroll .sidebar-toggle {
3094   border-top-color: #99B6C9;
3095 }
3096 @media only screen and (min-width: 768px) and (max-width: 991px) {
3097   .skin-3 .navbar.navbar-collapse {
3098     background-color: transparent;
3099   }
3100   .skin-3 .navbar.navbar-collapse:before,
3101   .skin-3 .navbar.navbar-collapse .navbar-container {
3102     background: #404040;
3103   }
3104 }
3105 .skin-3 .nav-list > li.disabled:before {
3106   display: none !important;
3107 }