5 .skin-blue .main-header .navbar {
6 background-color: #3c8dbc;
8 .skin-blue .main-header .navbar .nav > li > a {
11 .skin-blue .main-header .navbar .nav > li > a:hover,
12 .skin-blue .main-header .navbar .nav > li > a:active,
13 .skin-blue .main-header .navbar .nav > li > a:focus,
14 .skin-blue .main-header .navbar .nav .open > a,
15 .skin-blue .main-header .navbar .nav .open > a:hover,
16 .skin-blue .main-header .navbar .nav .open > a:focus,
17 .skin-blue .main-header .navbar .nav > .active > a {
18 background: rgba(0, 0, 0, 0.1);
21 .skin-blue .main-header .navbar .sidebar-toggle {
24 .skin-blue .main-header .navbar .sidebar-toggle:hover {
26 background: rgba(0, 0, 0, 0.1);
28 .skin-blue .main-header .navbar .sidebar-toggle {
31 .skin-blue .main-header .navbar .sidebar-toggle:hover {
32 background-color: #367fa9;
34 @media (max-width: 767px) {
35 .skin-blue .main-header .navbar .dropdown-menu li.divider {
36 background-color: rgba(255, 255, 255, 0.1);
38 .skin-blue .main-header .navbar .dropdown-menu li a {
41 .skin-blue .main-header .navbar .dropdown-menu li a:hover {
45 .skin-blue .main-header .logo {
46 background-color: #367fa9;
48 border-bottom: 0 solid transparent;
50 .skin-blue .main-header .logo:hover {
51 background-color: #357ca5;
53 .skin-blue .main-header li.user-header {
54 background-color: #3c8dbc;
56 .skin-blue .content-header {
57 background: transparent;
60 .skin-blue .main-sidebar,
61 .skin-blue .left-side {
62 background-color: #222d32;
64 .skin-blue .user-panel > .info,
65 .skin-blue .user-panel > .info > a {
68 .skin-blue .sidebar-menu > li.header {
72 .skin-blue .sidebar-menu > li > a {
73 border-left: 3px solid transparent;
75 .skin-blue .sidebar-menu > li:hover > a,
76 .skin-blue .sidebar-menu > li.active > a {
79 border-left-color: #3c8dbc;
81 .skin-blue .sidebar-menu > li > .treeview-menu {
85 .skin-blue .sidebar a {
88 .skin-blue .sidebar a:hover {
89 text-decoration: none;
91 .skin-blue .treeview-menu > li > a {
94 .skin-blue .treeview-menu > li.active > a,
95 .skin-blue .treeview-menu > li > a:hover {
98 .skin-blue .sidebar-form {
100 border: 1px solid #374850;
103 .skin-blue .sidebar-form input[type="text"],
104 .skin-blue .sidebar-form .btn {
106 background-color: #374850;
107 border: 1px solid transparent;
110 .skin-blue .sidebar-form input[type="text"] {
112 border-top-left-radius: 2px;
113 border-top-right-radius: 0;
114 border-bottom-right-radius: 0;
115 border-bottom-left-radius: 2px;
117 .skin-blue .sidebar-form input[type="text"]:focus,
118 .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
119 background-color: #fff;
122 .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
123 border-left-color: #fff;
125 .skin-blue .sidebar-form .btn {
127 border-top-left-radius: 0;
128 border-top-right-radius: 2px;
129 border-bottom-right-radius: 2px;
130 border-bottom-left-radius: 0;
132 .skin-blue.layout-top-nav .main-header > .logo {
133 background-color: #3c8dbc;
135 border-bottom: 0 solid transparent;
137 .skin-blue.layout-top-nav .main-header > .logo:hover {
138 background-color: #3b8ab8;
144 .skin-blue-light .main-header .navbar {
145 background-color: #3c8dbc;
147 .skin-blue-light .main-header .navbar .nav > li > a {
150 .skin-blue-light .main-header .navbar .nav > li > a:hover,
151 .skin-blue-light .main-header .navbar .nav > li > a:active,
152 .skin-blue-light .main-header .navbar .nav > li > a:focus,
153 .skin-blue-light .main-header .navbar .nav .open > a,
154 .skin-blue-light .main-header .navbar .nav .open > a:hover,
155 .skin-blue-light .main-header .navbar .nav .open > a:focus,
156 .skin-blue-light .main-header .navbar .nav > .active > a {
157 background: rgba(0, 0, 0, 0.1);
160 .skin-blue-light .main-header .navbar .sidebar-toggle {
163 .skin-blue-light .main-header .navbar .sidebar-toggle:hover {
165 background: rgba(0, 0, 0, 0.1);
167 .skin-blue-light .main-header .navbar .sidebar-toggle {
170 .skin-blue-light .main-header .navbar .sidebar-toggle:hover {
171 background-color: #367fa9;
173 @media (max-width: 767px) {
174 .skin-blue-light .main-header .navbar .dropdown-menu li.divider {
175 background-color: rgba(255, 255, 255, 0.1);
177 .skin-blue-light .main-header .navbar .dropdown-menu li a {
180 .skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
184 .skin-blue-light .main-header .logo {
185 background-color: #3c8dbc;
187 border-bottom: 0 solid transparent;
189 .skin-blue-light .main-header .logo:hover {
190 background-color: #3b8ab8;
192 .skin-blue-light .main-header li.user-header {
193 background-color: #3c8dbc;
195 .skin-blue-light .content-header {
196 background: transparent;
198 .skin-blue-light .wrapper,
199 .skin-blue-light .main-sidebar,
200 .skin-blue-light .left-side {
201 background-color: #f9fafc;
203 .skin-blue-light .content-wrapper,
204 .skin-blue-light .main-footer {
205 border-left: 1px solid #d2d6de;
207 .skin-blue-light .user-panel > .info,
208 .skin-blue-light .user-panel > .info > a {
211 .skin-blue-light .sidebar-menu > li {
212 -webkit-transition: border-left-color 0.3s ease;
213 -o-transition: border-left-color 0.3s ease;
214 transition: border-left-color 0.3s ease;
216 .skin-blue-light .sidebar-menu > li.header {
220 .skin-blue-light .sidebar-menu > li > a {
221 border-left: 3px solid transparent;
224 .skin-blue-light .sidebar-menu > li:hover > a,
225 .skin-blue-light .sidebar-menu > li.active > a {
229 .skin-blue-light .sidebar-menu > li.active {
230 border-left-color: #3c8dbc;
232 .skin-blue-light .sidebar-menu > li.active > a {
235 .skin-blue-light .sidebar-menu > li > .treeview-menu {
238 .skin-blue-light .sidebar a {
241 .skin-blue-light .sidebar a:hover {
242 text-decoration: none;
244 .skin-blue-light .treeview-menu > li > a {
247 .skin-blue-light .treeview-menu > li.active > a,
248 .skin-blue-light .treeview-menu > li > a:hover {
251 .skin-blue-light .treeview-menu > li.active > a {
254 .skin-blue-light .sidebar-form {
256 border: 1px solid #d2d6de;
259 .skin-blue-light .sidebar-form input[type="text"],
260 .skin-blue-light .sidebar-form .btn {
262 background-color: #fff;
263 border: 1px solid transparent;
266 .skin-blue-light .sidebar-form input[type="text"] {
268 border-top-left-radius: 2px;
269 border-top-right-radius: 0;
270 border-bottom-right-radius: 0;
271 border-bottom-left-radius: 2px;
273 .skin-blue-light .sidebar-form input[type="text"]:focus,
274 .skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
275 background-color: #fff;
278 .skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
279 border-left-color: #fff;
281 .skin-blue-light .sidebar-form .btn {
283 border-top-left-radius: 0;
284 border-top-right-radius: 2px;
285 border-bottom-right-radius: 2px;
286 border-bottom-left-radius: 0;
288 @media (min-width: 768px) {
289 .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
290 border-left: 1px solid #d2d6de;
293 .skin-blue-light .main-footer {
294 border-top-color: #d2d6de;
296 .skin-blue.layout-top-nav .main-header > .logo {
297 background-color: #3c8dbc;
299 border-bottom: 0 solid transparent;
301 .skin-blue.layout-top-nav .main-header > .logo:hover {
302 background-color: #3b8ab8;
308 /* skin-black navbar */
309 .skin-black .main-header {
310 -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
311 box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
313 .skin-black .main-header .navbar-toggle {
316 .skin-black .main-header .navbar-brand {
318 border-right: 1px solid #eee;
320 .skin-black .main-header .navbar {
321 background-color: #ffffff;
323 .skin-black .main-header .navbar .nav > li > a {
326 .skin-black .main-header .navbar .nav > li > a:hover,
327 .skin-black .main-header .navbar .nav > li > a:active,
328 .skin-black .main-header .navbar .nav > li > a:focus,
329 .skin-black .main-header .navbar .nav .open > a,
330 .skin-black .main-header .navbar .nav .open > a:hover,
331 .skin-black .main-header .navbar .nav .open > a:focus,
332 .skin-black .main-header .navbar .nav > .active > a {
336 .skin-black .main-header .navbar .sidebar-toggle {
339 .skin-black .main-header .navbar .sidebar-toggle:hover {
343 .skin-black .main-header .navbar > .sidebar-toggle {
345 border-right: 1px solid #eee;
347 .skin-black .main-header .navbar .navbar-nav > li > a {
348 border-right: 1px solid #eee;
350 .skin-black .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
351 .skin-black .main-header .navbar .navbar-right > li > a {
352 border-left: 1px solid #eee;
353 border-right-width: 0;
355 .skin-black .main-header > .logo {
356 background-color: #ffffff;
358 border-bottom: 0 solid transparent;
359 border-right: 1px solid #eee;
361 .skin-black .main-header > .logo:hover {
362 background-color: #fcfcfc;
364 @media (max-width: 767px) {
365 .skin-black .main-header > .logo {
366 background-color: #222222;
368 border-bottom: 0 solid transparent;
371 .skin-black .main-header > .logo:hover {
372 background-color: #1f1f1f;
375 .skin-black .main-header li.user-header {
376 background-color: #222;
378 .skin-black .content-header {
379 background: transparent;
382 .skin-black .wrapper,
383 .skin-black .main-sidebar,
384 .skin-black .left-side {
385 background-color: #222d32;
387 .skin-black .user-panel > .info,
388 .skin-black .user-panel > .info > a {
391 .skin-black .sidebar-menu > li.header {
395 .skin-black .sidebar-menu > li > a {
396 border-left: 3px solid transparent;
398 .skin-black .sidebar-menu > li:hover > a,
399 .skin-black .sidebar-menu > li.active > a {
402 border-left-color: #ffffff;
404 .skin-black .sidebar-menu > li > .treeview-menu {
408 .skin-black .sidebar a {
411 .skin-black .sidebar a:hover {
412 text-decoration: none;
414 .skin-black .treeview-menu > li > a {
417 .skin-black .treeview-menu > li.active > a,
418 .skin-black .treeview-menu > li > a:hover {
421 .skin-black .sidebar-form {
423 border: 1px solid #374850;
426 .skin-black .sidebar-form input[type="text"],
427 .skin-black .sidebar-form .btn {
429 background-color: #374850;
430 border: 1px solid transparent;
433 .skin-black .sidebar-form input[type="text"] {
435 border-top-left-radius: 2px;
436 border-top-right-radius: 0;
437 border-bottom-right-radius: 0;
438 border-bottom-left-radius: 2px;
440 .skin-black .sidebar-form input[type="text"]:focus,
441 .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
442 background-color: #fff;
445 .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
446 border-left-color: #fff;
448 .skin-black .sidebar-form .btn {
450 border-top-left-radius: 0;
451 border-top-right-radius: 2px;
452 border-bottom-right-radius: 2px;
453 border-bottom-left-radius: 0;
455 .skin-black .pace .pace-progress {
458 .skin-black .pace .pace-activity {
459 border-top-color: #222;
460 border-left-color: #222;
466 /* skin-black navbar */
467 .skin-black-light .main-header {
468 -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
469 box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
471 .skin-black-light .main-header .navbar-toggle {
474 .skin-black-light .main-header .navbar-brand {
476 border-right: 1px solid #eee;
478 .skin-black-light .main-header .navbar {
479 background-color: #ffffff;
481 .skin-black-light .main-header .navbar .nav > li > a {
484 .skin-black-light .main-header .navbar .nav > li > a:hover,
485 .skin-black-light .main-header .navbar .nav > li > a:active,
486 .skin-black-light .main-header .navbar .nav > li > a:focus,
487 .skin-black-light .main-header .navbar .nav .open > a,
488 .skin-black-light .main-header .navbar .nav .open > a:hover,
489 .skin-black-light .main-header .navbar .nav .open > a:focus,
490 .skin-black-light .main-header .navbar .nav > .active > a {
494 .skin-black-light .main-header .navbar .sidebar-toggle {
497 .skin-black-light .main-header .navbar .sidebar-toggle:hover {
501 .skin-black-light .main-header .navbar > .sidebar-toggle {
503 border-right: 1px solid #eee;
505 .skin-black-light .main-header .navbar .navbar-nav > li > a {
506 border-right: 1px solid #eee;
508 .skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
509 .skin-black-light .main-header .navbar .navbar-right > li > a {
510 border-left: 1px solid #eee;
511 border-right-width: 0;
513 .skin-black-light .main-header > .logo {
514 background-color: #ffffff;
516 border-bottom: 0 solid transparent;
517 border-right: 1px solid #eee;
519 .skin-black-light .main-header > .logo:hover {
520 background-color: #fcfcfc;
522 @media (max-width: 767px) {
523 .skin-black-light .main-header > .logo {
524 background-color: #222222;
526 border-bottom: 0 solid transparent;
529 .skin-black-light .main-header > .logo:hover {
530 background-color: #1f1f1f;
533 .skin-black-light .main-header li.user-header {
534 background-color: #222;
536 .skin-black-light .content-header {
537 background: transparent;
540 .skin-black-light .wrapper,
541 .skin-black-light .main-sidebar,
542 .skin-black-light .left-side {
543 background-color: #f9fafc;
545 .skin-black-light .content-wrapper,
546 .skin-black-light .main-footer {
547 border-left: 1px solid #d2d6de;
549 .skin-black-light .user-panel > .info,
550 .skin-black-light .user-panel > .info > a {
553 .skin-black-light .sidebar-menu > li {
554 -webkit-transition: border-left-color 0.3s ease;
555 -o-transition: border-left-color 0.3s ease;
556 transition: border-left-color 0.3s ease;
558 .skin-black-light .sidebar-menu > li.header {
562 .skin-black-light .sidebar-menu > li > a {
563 border-left: 3px solid transparent;
566 .skin-black-light .sidebar-menu > li:hover > a,
567 .skin-black-light .sidebar-menu > li.active > a {
571 .skin-black-light .sidebar-menu > li.active {
572 border-left-color: #ffffff;
574 .skin-black-light .sidebar-menu > li.active > a {
577 .skin-black-light .sidebar-menu > li > .treeview-menu {
580 .skin-black-light .sidebar a {
583 .skin-black-light .sidebar a:hover {
584 text-decoration: none;
586 .skin-black-light .treeview-menu > li > a {
589 .skin-black-light .treeview-menu > li.active > a,
590 .skin-black-light .treeview-menu > li > a:hover {
593 .skin-black-light .treeview-menu > li.active > a {
596 .skin-black-light .sidebar-form {
598 border: 1px solid #d2d6de;
601 .skin-black-light .sidebar-form input[type="text"],
602 .skin-black-light .sidebar-form .btn {
604 background-color: #fff;
605 border: 1px solid transparent;
608 .skin-black-light .sidebar-form input[type="text"] {
610 border-top-left-radius: 2px;
611 border-top-right-radius: 0;
612 border-bottom-right-radius: 0;
613 border-bottom-left-radius: 2px;
615 .skin-black-light .sidebar-form input[type="text"]:focus,
616 .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
617 background-color: #fff;
620 .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
621 border-left-color: #fff;
623 .skin-black-light .sidebar-form .btn {
625 border-top-left-radius: 0;
626 border-top-right-radius: 2px;
627 border-bottom-right-radius: 2px;
628 border-bottom-left-radius: 0;
630 @media (min-width: 768px) {
631 .skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
632 border-left: 1px solid #d2d6de;
639 .skin-green .main-header .navbar {
640 background-color: #00a65a;
642 .skin-green .main-header .navbar .nav > li > a {
645 .skin-green .main-header .navbar .nav > li > a:hover,
646 .skin-green .main-header .navbar .nav > li > a:active,
647 .skin-green .main-header .navbar .nav > li > a:focus,
648 .skin-green .main-header .navbar .nav .open > a,
649 .skin-green .main-header .navbar .nav .open > a:hover,
650 .skin-green .main-header .navbar .nav .open > a:focus,
651 .skin-green .main-header .navbar .nav > .active > a {
652 background: rgba(0, 0, 0, 0.1);
655 .skin-green .main-header .navbar .sidebar-toggle {
658 .skin-green .main-header .navbar .sidebar-toggle:hover {
660 background: rgba(0, 0, 0, 0.1);
662 .skin-green .main-header .navbar .sidebar-toggle {
665 .skin-green .main-header .navbar .sidebar-toggle:hover {
666 background-color: #008d4c;
668 @media (max-width: 767px) {
669 .skin-green .main-header .navbar .dropdown-menu li.divider {
670 background-color: rgba(255, 255, 255, 0.1);
672 .skin-green .main-header .navbar .dropdown-menu li a {
675 .skin-green .main-header .navbar .dropdown-menu li a:hover {
679 .skin-green .main-header .logo {
680 background-color: #008d4c;
682 border-bottom: 0 solid transparent;
684 .skin-green .main-header .logo:hover {
685 background-color: #008749;
687 .skin-green .main-header li.user-header {
688 background-color: #00a65a;
690 .skin-green .content-header {
691 background: transparent;
693 .skin-green .wrapper,
694 .skin-green .main-sidebar,
695 .skin-green .left-side {
696 background-color: #222d32;
698 .skin-green .user-panel > .info,
699 .skin-green .user-panel > .info > a {
702 .skin-green .sidebar-menu > li.header {
706 .skin-green .sidebar-menu > li > a {
707 border-left: 3px solid transparent;
709 .skin-green .sidebar-menu > li:hover > a,
710 .skin-green .sidebar-menu > li.active > a {
713 border-left-color: #00a65a;
715 .skin-green .sidebar-menu > li > .treeview-menu {
719 .skin-green .sidebar a {
722 .skin-green .sidebar a:hover {
723 text-decoration: none;
725 .skin-green .treeview-menu > li > a {
728 .skin-green .treeview-menu > li.active > a,
729 .skin-green .treeview-menu > li > a:hover {
732 .skin-green .sidebar-form {
734 border: 1px solid #374850;
737 .skin-green .sidebar-form input[type="text"],
738 .skin-green .sidebar-form .btn {
740 background-color: #374850;
741 border: 1px solid transparent;
744 .skin-green .sidebar-form input[type="text"] {
746 border-top-left-radius: 2px;
747 border-top-right-radius: 0;
748 border-bottom-right-radius: 0;
749 border-bottom-left-radius: 2px;
751 .skin-green .sidebar-form input[type="text"]:focus,
752 .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
753 background-color: #fff;
756 .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
757 border-left-color: #fff;
759 .skin-green .sidebar-form .btn {
761 border-top-left-radius: 0;
762 border-top-right-radius: 2px;
763 border-bottom-right-radius: 2px;
764 border-bottom-left-radius: 0;
770 .skin-green-light .main-header .navbar {
771 background-color: #00a65a;
773 .skin-green-light .main-header .navbar .nav > li > a {
776 .skin-green-light .main-header .navbar .nav > li > a:hover,
777 .skin-green-light .main-header .navbar .nav > li > a:active,
778 .skin-green-light .main-header .navbar .nav > li > a:focus,
779 .skin-green-light .main-header .navbar .nav .open > a,
780 .skin-green-light .main-header .navbar .nav .open > a:hover,
781 .skin-green-light .main-header .navbar .nav .open > a:focus,
782 .skin-green-light .main-header .navbar .nav > .active > a {
783 background: rgba(0, 0, 0, 0.1);
786 .skin-green-light .main-header .navbar .sidebar-toggle {
789 .skin-green-light .main-header .navbar .sidebar-toggle:hover {
791 background: rgba(0, 0, 0, 0.1);
793 .skin-green-light .main-header .navbar .sidebar-toggle {
796 .skin-green-light .main-header .navbar .sidebar-toggle:hover {
797 background-color: #008d4c;
799 @media (max-width: 767px) {
800 .skin-green-light .main-header .navbar .dropdown-menu li.divider {
801 background-color: rgba(255, 255, 255, 0.1);
803 .skin-green-light .main-header .navbar .dropdown-menu li a {
806 .skin-green-light .main-header .navbar .dropdown-menu li a:hover {
810 .skin-green-light .main-header .logo {
811 background-color: #00a65a;
813 border-bottom: 0 solid transparent;
815 .skin-green-light .main-header .logo:hover {
816 background-color: #00a157;
818 .skin-green-light .main-header li.user-header {
819 background-color: #00a65a;
821 .skin-green-light .content-header {
822 background: transparent;
824 .skin-green-light .wrapper,
825 .skin-green-light .main-sidebar,
826 .skin-green-light .left-side {
827 background-color: #f9fafc;
829 .skin-green-light .content-wrapper,
830 .skin-green-light .main-footer {
831 border-left: 1px solid #d2d6de;
833 .skin-green-light .user-panel > .info,
834 .skin-green-light .user-panel > .info > a {
837 .skin-green-light .sidebar-menu > li {
838 -webkit-transition: border-left-color 0.3s ease;
839 -o-transition: border-left-color 0.3s ease;
840 transition: border-left-color 0.3s ease;
842 .skin-green-light .sidebar-menu > li.header {
846 .skin-green-light .sidebar-menu > li > a {
847 border-left: 3px solid transparent;
850 .skin-green-light .sidebar-menu > li:hover > a,
851 .skin-green-light .sidebar-menu > li.active > a {
855 .skin-green-light .sidebar-menu > li.active {
856 border-left-color: #00a65a;
858 .skin-green-light .sidebar-menu > li.active > a {
861 .skin-green-light .sidebar-menu > li > .treeview-menu {
864 .skin-green-light .sidebar a {
867 .skin-green-light .sidebar a:hover {
868 text-decoration: none;
870 .skin-green-light .treeview-menu > li > a {
873 .skin-green-light .treeview-menu > li.active > a,
874 .skin-green-light .treeview-menu > li > a:hover {
877 .skin-green-light .treeview-menu > li.active > a {
880 .skin-green-light .sidebar-form {
882 border: 1px solid #d2d6de;
885 .skin-green-light .sidebar-form input[type="text"],
886 .skin-green-light .sidebar-form .btn {
888 background-color: #fff;
889 border: 1px solid transparent;
892 .skin-green-light .sidebar-form input[type="text"] {
894 border-top-left-radius: 2px;
895 border-top-right-radius: 0;
896 border-bottom-right-radius: 0;
897 border-bottom-left-radius: 2px;
899 .skin-green-light .sidebar-form input[type="text"]:focus,
900 .skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
901 background-color: #fff;
904 .skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
905 border-left-color: #fff;
907 .skin-green-light .sidebar-form .btn {
909 border-top-left-radius: 0;
910 border-top-right-radius: 2px;
911 border-bottom-right-radius: 2px;
912 border-bottom-left-radius: 0;
914 @media (min-width: 768px) {
915 .skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
916 border-left: 1px solid #d2d6de;
923 .skin-red .main-header .navbar {
924 background-color: #dd4b39;
926 .skin-red .main-header .navbar .nav > li > a {
929 .skin-red .main-header .navbar .nav > li > a:hover,
930 .skin-red .main-header .navbar .nav > li > a:active,
931 .skin-red .main-header .navbar .nav > li > a:focus,
932 .skin-red .main-header .navbar .nav .open > a,
933 .skin-red .main-header .navbar .nav .open > a:hover,
934 .skin-red .main-header .navbar .nav .open > a:focus,
935 .skin-red .main-header .navbar .nav > .active > a {
936 background: rgba(0, 0, 0, 0.1);
939 .skin-red .main-header .navbar .sidebar-toggle {
942 .skin-red .main-header .navbar .sidebar-toggle:hover {
944 background: rgba(0, 0, 0, 0.1);
946 .skin-red .main-header .navbar .sidebar-toggle {
949 .skin-red .main-header .navbar .sidebar-toggle:hover {
950 background-color: #d73925;
952 @media (max-width: 767px) {
953 .skin-red .main-header .navbar .dropdown-menu li.divider {
954 background-color: rgba(255, 255, 255, 0.1);
956 .skin-red .main-header .navbar .dropdown-menu li a {
959 .skin-red .main-header .navbar .dropdown-menu li a:hover {
963 .skin-red .main-header .logo {
964 background-color: #d73925;
966 border-bottom: 0 solid transparent;
968 .skin-red .main-header .logo:hover {
969 background-color: #d33724;
971 .skin-red .main-header li.user-header {
972 background-color: #dd4b39;
974 .skin-red .content-header {
975 background: transparent;
978 .skin-red .main-sidebar,
979 .skin-red .left-side {
980 background-color: #222d32;
982 .skin-red .user-panel > .info,
983 .skin-red .user-panel > .info > a {
986 .skin-red .sidebar-menu > li.header {
990 .skin-red .sidebar-menu > li > a {
991 border-left: 3px solid transparent;
993 .skin-red .sidebar-menu > li:hover > a,
994 .skin-red .sidebar-menu > li.active > a {
997 border-left-color: #dd4b39;
999 .skin-red .sidebar-menu > li > .treeview-menu {
1001 background: #2c3b41;
1003 .skin-red .sidebar a {
1006 .skin-red .sidebar a:hover {
1007 text-decoration: none;
1009 .skin-red .treeview-menu > li > a {
1012 .skin-red .treeview-menu > li.active > a,
1013 .skin-red .treeview-menu > li > a:hover {
1016 .skin-red .sidebar-form {
1018 border: 1px solid #374850;
1021 .skin-red .sidebar-form input[type="text"],
1022 .skin-red .sidebar-form .btn {
1024 background-color: #374850;
1025 border: 1px solid transparent;
1028 .skin-red .sidebar-form input[type="text"] {
1030 border-top-left-radius: 2px;
1031 border-top-right-radius: 0;
1032 border-bottom-right-radius: 0;
1033 border-bottom-left-radius: 2px;
1035 .skin-red .sidebar-form input[type="text"]:focus,
1036 .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
1037 background-color: #fff;
1040 .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
1041 border-left-color: #fff;
1043 .skin-red .sidebar-form .btn {
1045 border-top-left-radius: 0;
1046 border-top-right-radius: 2px;
1047 border-bottom-right-radius: 2px;
1048 border-bottom-left-radius: 0;
1054 .skin-red-light .main-header .navbar {
1055 background-color: #dd4b39;
1057 .skin-red-light .main-header .navbar .nav > li > a {
1060 .skin-red-light .main-header .navbar .nav > li > a:hover,
1061 .skin-red-light .main-header .navbar .nav > li > a:active,
1062 .skin-red-light .main-header .navbar .nav > li > a:focus,
1063 .skin-red-light .main-header .navbar .nav .open > a,
1064 .skin-red-light .main-header .navbar .nav .open > a:hover,
1065 .skin-red-light .main-header .navbar .nav .open > a:focus,
1066 .skin-red-light .main-header .navbar .nav > .active > a {
1067 background: rgba(0, 0, 0, 0.1);
1070 .skin-red-light .main-header .navbar .sidebar-toggle {
1073 .skin-red-light .main-header .navbar .sidebar-toggle:hover {
1075 background: rgba(0, 0, 0, 0.1);
1077 .skin-red-light .main-header .navbar .sidebar-toggle {
1080 .skin-red-light .main-header .navbar .sidebar-toggle:hover {
1081 background-color: #d73925;
1083 @media (max-width: 767px) {
1084 .skin-red-light .main-header .navbar .dropdown-menu li.divider {
1085 background-color: rgba(255, 255, 255, 0.1);
1087 .skin-red-light .main-header .navbar .dropdown-menu li a {
1090 .skin-red-light .main-header .navbar .dropdown-menu li a:hover {
1091 background: #d73925;
1094 .skin-red-light .main-header .logo {
1095 background-color: #dd4b39;
1097 border-bottom: 0 solid transparent;
1099 .skin-red-light .main-header .logo:hover {
1100 background-color: #dc4735;
1102 .skin-red-light .main-header li.user-header {
1103 background-color: #dd4b39;
1105 .skin-red-light .content-header {
1106 background: transparent;
1108 .skin-red-light .wrapper,
1109 .skin-red-light .main-sidebar,
1110 .skin-red-light .left-side {
1111 background-color: #f9fafc;
1113 .skin-red-light .content-wrapper,
1114 .skin-red-light .main-footer {
1115 border-left: 1px solid #d2d6de;
1117 .skin-red-light .user-panel > .info,
1118 .skin-red-light .user-panel > .info > a {
1121 .skin-red-light .sidebar-menu > li {
1122 -webkit-transition: border-left-color 0.3s ease;
1123 -o-transition: border-left-color 0.3s ease;
1124 transition: border-left-color 0.3s ease;
1126 .skin-red-light .sidebar-menu > li.header {
1128 background: #f9fafc;
1130 .skin-red-light .sidebar-menu > li > a {
1131 border-left: 3px solid transparent;
1134 .skin-red-light .sidebar-menu > li:hover > a,
1135 .skin-red-light .sidebar-menu > li.active > a {
1137 background: #f4f4f5;
1139 .skin-red-light .sidebar-menu > li.active {
1140 border-left-color: #dd4b39;
1142 .skin-red-light .sidebar-menu > li.active > a {
1145 .skin-red-light .sidebar-menu > li > .treeview-menu {
1146 background: #f4f4f5;
1148 .skin-red-light .sidebar a {
1151 .skin-red-light .sidebar a:hover {
1152 text-decoration: none;
1154 .skin-red-light .treeview-menu > li > a {
1157 .skin-red-light .treeview-menu > li.active > a,
1158 .skin-red-light .treeview-menu > li > a:hover {
1161 .skin-red-light .treeview-menu > li.active > a {
1164 .skin-red-light .sidebar-form {
1166 border: 1px solid #d2d6de;
1169 .skin-red-light .sidebar-form input[type="text"],
1170 .skin-red-light .sidebar-form .btn {
1172 background-color: #fff;
1173 border: 1px solid transparent;
1176 .skin-red-light .sidebar-form input[type="text"] {
1178 border-top-left-radius: 2px;
1179 border-top-right-radius: 0;
1180 border-bottom-right-radius: 0;
1181 border-bottom-left-radius: 2px;
1183 .skin-red-light .sidebar-form input[type="text"]:focus,
1184 .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
1185 background-color: #fff;
1188 .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
1189 border-left-color: #fff;
1191 .skin-red-light .sidebar-form .btn {
1193 border-top-left-radius: 0;
1194 border-top-right-radius: 2px;
1195 border-bottom-right-radius: 2px;
1196 border-bottom-left-radius: 0;
1198 @media (min-width: 768px) {
1199 .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
1200 border-left: 1px solid #d2d6de;
1207 .skin-yellow .main-header .navbar {
1208 background-color: #f39c12;
1210 .skin-yellow .main-header .navbar .nav > li > a {
1213 .skin-yellow .main-header .navbar .nav > li > a:hover,
1214 .skin-yellow .main-header .navbar .nav > li > a:active,
1215 .skin-yellow .main-header .navbar .nav > li > a:focus,
1216 .skin-yellow .main-header .navbar .nav .open > a,
1217 .skin-yellow .main-header .navbar .nav .open > a:hover,
1218 .skin-yellow .main-header .navbar .nav .open > a:focus,
1219 .skin-yellow .main-header .navbar .nav > .active > a {
1220 background: rgba(0, 0, 0, 0.1);
1223 .skin-yellow .main-header .navbar .sidebar-toggle {
1226 .skin-yellow .main-header .navbar .sidebar-toggle:hover {
1228 background: rgba(0, 0, 0, 0.1);
1230 .skin-yellow .main-header .navbar .sidebar-toggle {
1233 .skin-yellow .main-header .navbar .sidebar-toggle:hover {
1234 background-color: #e08e0b;
1236 @media (max-width: 767px) {
1237 .skin-yellow .main-header .navbar .dropdown-menu li.divider {
1238 background-color: rgba(255, 255, 255, 0.1);
1240 .skin-yellow .main-header .navbar .dropdown-menu li a {
1243 .skin-yellow .main-header .navbar .dropdown-menu li a:hover {
1244 background: #e08e0b;
1247 .skin-yellow .main-header .logo {
1248 background-color: #e08e0b;
1250 border-bottom: 0 solid transparent;
1252 .skin-yellow .main-header .logo:hover {
1253 background-color: #db8b0b;
1255 .skin-yellow .main-header li.user-header {
1256 background-color: #f39c12;
1258 .skin-yellow .content-header {
1259 background: transparent;
1261 .skin-yellow .wrapper,
1262 .skin-yellow .main-sidebar,
1263 .skin-yellow .left-side {
1264 background-color: #222d32;
1266 .skin-yellow .user-panel > .info,
1267 .skin-yellow .user-panel > .info > a {
1270 .skin-yellow .sidebar-menu > li.header {
1272 background: #1a2226;
1274 .skin-yellow .sidebar-menu > li > a {
1275 border-left: 3px solid transparent;
1277 .skin-yellow .sidebar-menu > li:hover > a,
1278 .skin-yellow .sidebar-menu > li.active > a {
1280 background: #1e282c;
1281 border-left-color: #f39c12;
1283 .skin-yellow .sidebar-menu > li > .treeview-menu {
1285 background: #2c3b41;
1287 .skin-yellow .sidebar a {
1290 .skin-yellow .sidebar a:hover {
1291 text-decoration: none;
1293 .skin-yellow .treeview-menu > li > a {
1296 .skin-yellow .treeview-menu > li.active > a,
1297 .skin-yellow .treeview-menu > li > a:hover {
1300 .skin-yellow .sidebar-form {
1302 border: 1px solid #374850;
1305 .skin-yellow .sidebar-form input[type="text"],
1306 .skin-yellow .sidebar-form .btn {
1308 background-color: #374850;
1309 border: 1px solid transparent;
1312 .skin-yellow .sidebar-form input[type="text"] {
1314 border-top-left-radius: 2px;
1315 border-top-right-radius: 0;
1316 border-bottom-right-radius: 0;
1317 border-bottom-left-radius: 2px;
1319 .skin-yellow .sidebar-form input[type="text"]:focus,
1320 .skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
1321 background-color: #fff;
1324 .skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
1325 border-left-color: #fff;
1327 .skin-yellow .sidebar-form .btn {
1329 border-top-left-radius: 0;
1330 border-top-right-radius: 2px;
1331 border-bottom-right-radius: 2px;
1332 border-bottom-left-radius: 0;
1338 .skin-yellow-light .main-header .navbar {
1339 background-color: #f39c12;
1341 .skin-yellow-light .main-header .navbar .nav > li > a {
1344 .skin-yellow-light .main-header .navbar .nav > li > a:hover,
1345 .skin-yellow-light .main-header .navbar .nav > li > a:active,
1346 .skin-yellow-light .main-header .navbar .nav > li > a:focus,
1347 .skin-yellow-light .main-header .navbar .nav .open > a,
1348 .skin-yellow-light .main-header .navbar .nav .open > a:hover,
1349 .skin-yellow-light .main-header .navbar .nav .open > a:focus,
1350 .skin-yellow-light .main-header .navbar .nav > .active > a {
1351 background: rgba(0, 0, 0, 0.1);
1354 .skin-yellow-light .main-header .navbar .sidebar-toggle {
1357 .skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
1359 background: rgba(0, 0, 0, 0.1);
1361 .skin-yellow-light .main-header .navbar .sidebar-toggle {
1364 .skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
1365 background-color: #e08e0b;
1367 @media (max-width: 767px) {
1368 .skin-yellow-light .main-header .navbar .dropdown-menu li.divider {
1369 background-color: rgba(255, 255, 255, 0.1);
1371 .skin-yellow-light .main-header .navbar .dropdown-menu li a {
1374 .skin-yellow-light .main-header .navbar .dropdown-menu li a:hover {
1375 background: #e08e0b;
1378 .skin-yellow-light .main-header .logo {
1379 background-color: #f39c12;
1381 border-bottom: 0 solid transparent;
1383 .skin-yellow-light .main-header .logo:hover {
1384 background-color: #f39a0d;
1386 .skin-yellow-light .main-header li.user-header {
1387 background-color: #f39c12;
1389 .skin-yellow-light .content-header {
1390 background: transparent;
1392 .skin-yellow-light .wrapper,
1393 .skin-yellow-light .main-sidebar,
1394 .skin-yellow-light .left-side {
1395 background-color: #f9fafc;
1397 .skin-yellow-light .content-wrapper,
1398 .skin-yellow-light .main-footer {
1399 border-left: 1px solid #d2d6de;
1401 .skin-yellow-light .user-panel > .info,
1402 .skin-yellow-light .user-panel > .info > a {
1405 .skin-yellow-light .sidebar-menu > li {
1406 -webkit-transition: border-left-color 0.3s ease;
1407 -o-transition: border-left-color 0.3s ease;
1408 transition: border-left-color 0.3s ease;
1410 .skin-yellow-light .sidebar-menu > li.header {
1412 background: #f9fafc;
1414 .skin-yellow-light .sidebar-menu > li > a {
1415 border-left: 3px solid transparent;
1418 .skin-yellow-light .sidebar-menu > li:hover > a,
1419 .skin-yellow-light .sidebar-menu > li.active > a {
1421 background: #f4f4f5;
1423 .skin-yellow-light .sidebar-menu > li.active {
1424 border-left-color: #f39c12;
1426 .skin-yellow-light .sidebar-menu > li.active > a {
1429 .skin-yellow-light .sidebar-menu > li > .treeview-menu {
1430 background: #f4f4f5;
1432 .skin-yellow-light .sidebar a {
1435 .skin-yellow-light .sidebar a:hover {
1436 text-decoration: none;
1438 .skin-yellow-light .treeview-menu > li > a {
1441 .skin-yellow-light .treeview-menu > li.active > a,
1442 .skin-yellow-light .treeview-menu > li > a:hover {
1445 .skin-yellow-light .treeview-menu > li.active > a {
1448 .skin-yellow-light .sidebar-form {
1450 border: 1px solid #d2d6de;
1453 .skin-yellow-light .sidebar-form input[type="text"],
1454 .skin-yellow-light .sidebar-form .btn {
1456 background-color: #fff;
1457 border: 1px solid transparent;
1460 .skin-yellow-light .sidebar-form input[type="text"] {
1462 border-top-left-radius: 2px;
1463 border-top-right-radius: 0;
1464 border-bottom-right-radius: 0;
1465 border-bottom-left-radius: 2px;
1467 .skin-yellow-light .sidebar-form input[type="text"]:focus,
1468 .skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
1469 background-color: #fff;
1472 .skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
1473 border-left-color: #fff;
1475 .skin-yellow-light .sidebar-form .btn {
1477 border-top-left-radius: 0;
1478 border-top-right-radius: 2px;
1479 border-bottom-right-radius: 2px;
1480 border-bottom-left-radius: 0;
1482 @media (min-width: 768px) {
1483 .skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
1484 border-left: 1px solid #d2d6de;
1491 .skin-purple .main-header .navbar {
1492 background-color: #605ca8;
1494 .skin-purple .main-header .navbar .nav > li > a {
1497 .skin-purple .main-header .navbar .nav > li > a:hover,
1498 .skin-purple .main-header .navbar .nav > li > a:active,
1499 .skin-purple .main-header .navbar .nav > li > a:focus,
1500 .skin-purple .main-header .navbar .nav .open > a,
1501 .skin-purple .main-header .navbar .nav .open > a:hover,
1502 .skin-purple .main-header .navbar .nav .open > a:focus,
1503 .skin-purple .main-header .navbar .nav > .active > a {
1504 background: rgba(0, 0, 0, 0.1);
1507 .skin-purple .main-header .navbar .sidebar-toggle {
1510 .skin-purple .main-header .navbar .sidebar-toggle:hover {
1512 background: rgba(0, 0, 0, 0.1);
1514 .skin-purple .main-header .navbar .sidebar-toggle {
1517 .skin-purple .main-header .navbar .sidebar-toggle:hover {
1518 background-color: #555299;
1520 @media (max-width: 767px) {
1521 .skin-purple .main-header .navbar .dropdown-menu li.divider {
1522 background-color: rgba(255, 255, 255, 0.1);
1524 .skin-purple .main-header .navbar .dropdown-menu li a {
1527 .skin-purple .main-header .navbar .dropdown-menu li a:hover {
1528 background: #555299;
1531 .skin-purple .main-header .logo {
1532 background-color: #555299;
1534 border-bottom: 0 solid transparent;
1536 .skin-purple .main-header .logo:hover {
1537 background-color: #545096;
1539 .skin-purple .main-header li.user-header {
1540 background-color: #605ca8;
1542 .skin-purple .content-header {
1543 background: transparent;
1545 .skin-purple .wrapper,
1546 .skin-purple .main-sidebar,
1547 .skin-purple .left-side {
1548 background-color: #222d32;
1550 .skin-purple .user-panel > .info,
1551 .skin-purple .user-panel > .info > a {
1554 .skin-purple .sidebar-menu > li.header {
1556 background: #1a2226;
1558 .skin-purple .sidebar-menu > li > a {
1559 border-left: 3px solid transparent;
1561 .skin-purple .sidebar-menu > li:hover > a,
1562 .skin-purple .sidebar-menu > li.active > a {
1564 background: #1e282c;
1565 border-left-color: #605ca8;
1567 .skin-purple .sidebar-menu > li > .treeview-menu {
1569 background: #2c3b41;
1571 .skin-purple .sidebar a {
1574 .skin-purple .sidebar a:hover {
1575 text-decoration: none;
1577 .skin-purple .treeview-menu > li > a {
1580 .skin-purple .treeview-menu > li.active > a,
1581 .skin-purple .treeview-menu > li > a:hover {
1584 .skin-purple .sidebar-form {
1586 border: 1px solid #374850;
1589 .skin-purple .sidebar-form input[type="text"],
1590 .skin-purple .sidebar-form .btn {
1592 background-color: #374850;
1593 border: 1px solid transparent;
1596 .skin-purple .sidebar-form input[type="text"] {
1598 border-top-left-radius: 2px;
1599 border-top-right-radius: 0;
1600 border-bottom-right-radius: 0;
1601 border-bottom-left-radius: 2px;
1603 .skin-purple .sidebar-form input[type="text"]:focus,
1604 .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
1605 background-color: #fff;
1608 .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
1609 border-left-color: #fff;
1611 .skin-purple .sidebar-form .btn {
1613 border-top-left-radius: 0;
1614 border-top-right-radius: 2px;
1615 border-bottom-right-radius: 2px;
1616 border-bottom-left-radius: 0;
1622 .skin-purple-light .main-header .navbar {
1623 background-color: #605ca8;
1625 .skin-purple-light .main-header .navbar .nav > li > a {
1628 .skin-purple-light .main-header .navbar .nav > li > a:hover,
1629 .skin-purple-light .main-header .navbar .nav > li > a:active,
1630 .skin-purple-light .main-header .navbar .nav > li > a:focus,
1631 .skin-purple-light .main-header .navbar .nav .open > a,
1632 .skin-purple-light .main-header .navbar .nav .open > a:hover,
1633 .skin-purple-light .main-header .navbar .nav .open > a:focus,
1634 .skin-purple-light .main-header .navbar .nav > .active > a {
1635 background: rgba(0, 0, 0, 0.1);
1638 .skin-purple-light .main-header .navbar .sidebar-toggle {
1641 .skin-purple-light .main-header .navbar .sidebar-toggle:hover {
1643 background: rgba(0, 0, 0, 0.1);
1645 .skin-purple-light .main-header .navbar .sidebar-toggle {
1648 .skin-purple-light .main-header .navbar .sidebar-toggle:hover {
1649 background-color: #555299;
1651 @media (max-width: 767px) {
1652 .skin-purple-light .main-header .navbar .dropdown-menu li.divider {
1653 background-color: rgba(255, 255, 255, 0.1);
1655 .skin-purple-light .main-header .navbar .dropdown-menu li a {
1658 .skin-purple-light .main-header .navbar .dropdown-menu li a:hover {
1659 background: #555299;
1662 .skin-purple-light .main-header .logo {
1663 background-color: #605ca8;
1665 border-bottom: 0 solid transparent;
1667 .skin-purple-light .main-header .logo:hover {
1668 background-color: #5d59a6;
1670 .skin-purple-light .main-header li.user-header {
1671 background-color: #605ca8;
1673 .skin-purple-light .content-header {
1674 background: transparent;
1676 .skin-purple-light .wrapper,
1677 .skin-purple-light .main-sidebar,
1678 .skin-purple-light .left-side {
1679 background-color: #f9fafc;
1681 .skin-purple-light .content-wrapper,
1682 .skin-purple-light .main-footer {
1683 border-left: 1px solid #d2d6de;
1685 .skin-purple-light .user-panel > .info,
1686 .skin-purple-light .user-panel > .info > a {
1689 .skin-purple-light .sidebar-menu > li {
1690 -webkit-transition: border-left-color 0.3s ease;
1691 -o-transition: border-left-color 0.3s ease;
1692 transition: border-left-color 0.3s ease;
1694 .skin-purple-light .sidebar-menu > li.header {
1696 background: #f9fafc;
1698 .skin-purple-light .sidebar-menu > li > a {
1699 border-left: 3px solid transparent;
1702 .skin-purple-light .sidebar-menu > li:hover > a,
1703 .skin-purple-light .sidebar-menu > li.active > a {
1705 background: #f4f4f5;
1707 .skin-purple-light .sidebar-menu > li.active {
1708 border-left-color: #605ca8;
1710 .skin-purple-light .sidebar-menu > li.active > a {
1713 .skin-purple-light .sidebar-menu > li > .treeview-menu {
1714 background: #f4f4f5;
1716 .skin-purple-light .sidebar a {
1719 .skin-purple-light .sidebar a:hover {
1720 text-decoration: none;
1722 .skin-purple-light .treeview-menu > li > a {
1725 .skin-purple-light .treeview-menu > li.active > a,
1726 .skin-purple-light .treeview-menu > li > a:hover {
1729 .skin-purple-light .treeview-menu > li.active > a {
1732 .skin-purple-light .sidebar-form {
1734 border: 1px solid #d2d6de;
1737 .skin-purple-light .sidebar-form input[type="text"],
1738 .skin-purple-light .sidebar-form .btn {
1740 background-color: #fff;
1741 border: 1px solid transparent;
1744 .skin-purple-light .sidebar-form input[type="text"] {
1746 border-top-left-radius: 2px;
1747 border-top-right-radius: 0;
1748 border-bottom-right-radius: 0;
1749 border-bottom-left-radius: 2px;
1751 .skin-purple-light .sidebar-form input[type="text"]:focus,
1752 .skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
1753 background-color: #fff;
1756 .skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
1757 border-left-color: #fff;
1759 .skin-purple-light .sidebar-form .btn {
1761 border-top-left-radius: 0;
1762 border-top-right-radius: 2px;
1763 border-bottom-right-radius: 2px;
1764 border-bottom-left-radius: 0;
1766 @media (min-width: 768px) {
1767 .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
1768 border-left: 1px solid #d2d6de;