.skin-1 { background-color: #4a4f56; } .skin-1 .navbar { background: none repeat scroll 0 0 #2c6aa0; } .skin-1 .sidebar { background-color: #222a2d; border-right-width: 0; } .skin-1 .nav-list > li { border-color: #3f4e54; } .skin-1 .nav-list > li > a { background-color: #222a2d; color: #b1bac1; } .skin-1 .nav-list > li:hover > a { background-color: #414b51; color: #e1eaf1; } .skin-1 .nav-list > li.open:hover > a, .skin-1 .nav-list > li.open > a { background-color: #222a2d; color: #85c0ec; } .skin-1 .nav-list > li.active:hover > a, .skin-1 .nav-list > li.active > a { background-color: #141a1b; color: #7bb7e5; } .skin-1 .nav-list > li:hover:before { background-color: #629cc9; } .skin-1 .nav-list > li.active:before { background-color: #4d96c6; display: block; } .skin-1 .nav-list li.active > a:after { -moz-border-right-colors: #fff; border-right-color: #fff; border-width: 16px 10px; right: 0; top: 3px; } .skin-1 .nav-list > li.active > .submenu li.active > a:after { top: 1px; } .skin-1 .nav-list > li .submenu { background-color: #333d3f; } .skin-1 .nav-list > li.active .submenu { background-color: #181e20; } .skin-1 .nav-list > li .submenu > li > a { background-color: #333d3f; border-top-color: #454d4e; border-top-style: solid; } .skin-1 .nav-list > li .submenu > li > a:hover { background-color: #2d3638; } .skin-1 .nav-list > li.active .submenu > li > a { background-color: #181e20; border-top-color: #222526; } .skin-1 .nav-list > li.active .submenu > li > a:hover { background-color: #14191a; } .skin-1 .nav-list > li > .submenu { border-top-color: #505a5b; } .skin-1 .nav-list > li.active > .submenu { border-top-color: #2f3e44; } .skin-1 .nav-list > li > .submenu > li > a { color: #d9dfe6; } .skin-1 .nav-list > li > .submenu > li:hover > a { color: #8ab4de; } .skin-1 .nav-list > li > .submenu > li.active > a { background-color: #161b1d; color: #7bb7e5; } .skin-1 .nav-list > li > .submenu:before, .skin-1 .nav-list > li > .submenu > li:before { border-color: #646c70; } .skin-1 .nav-list > li.active > .submenu:before, .skin-1 .nav-list > li.active > .submenu > li:before { border-color: #3f4e54; } .skin-1 .nav-list > li .submenu li > .submenu li > a { color: #d9dfe6; } .skin-1 .nav-list > li .submenu li > .submenu li:hover > a { color: #8ab4de; } .skin-1 .nav-list > li .submenu li.open > a, .skin-1 .nav-list > li .submenu li > .submenu > li.open > a { color: #85c0ec; } .skin-1 .nav-list > li .submenu li > .submenu li.active > a { color: #61a8dd; } .skin-1 .nav-list > li .submenu li > .submenu li.active:hover > a { color: #85c0ec; } .skin-1 .nav-list > li.active.highlight, .skin-1 .nav-list > li.active.highlight + li { border-color: #506b7f; } .skin-1 .nav-list > li.active.highlight + li:last-child { border-bottom-color: #3f4e54; } .skin-1 .nav-list > li.active.highlight > a:after { -moz-border-left-colors: #141a1b; -moz-border-right-colors: none; border-left-color: #141a1b; border-right-color: transparent; border-width: 20px 0 20px 10px; display: block; right: -10px; top: 0; z-index: 1; } .skin-1 .sidebar-shortcuts, .skin-1 .sidebar-shortcuts-mini, .skin-1 .sidebar > .nav-search { background-color: #222a2d; border-color: #3f4e54; } .skin-1 .sidebar-toggle { background-color: #181e21; border-color: #3f4e54; } .skin-1 .sidebar-toggle > .ace-icon { background-color: #222a2d; border-color: #aaa; color: #aaa; } .skin-1 .breadcrumbs { background-color: #f0f0f0; border-width: 0; } @media (min-width: 992px) { .skin-1 .breadcrumbs.breadcrumbs-fixed { border-bottom-width: 1px; } } @media only screen and (max-width: 991px) { .skin-1 .sidebar { border-width: 0; box-shadow: none; } .skin-1 .nav-list li.active > a:after { display: none; } } .skin-1 .sidebar.menu-min .nav-list > li.open > a { background-color: #222a2d; color: #b1bac1; } .skin-1 .sidebar.menu-min nav-list > li.active > a:after { border-width: 10px 6px; top: 8px; } .skin-1 .sidebar.menu-min .nav-list > li.active:hover > a:after { border-right-color: #242a2b; } .skin-1 .sidebar.menu-min .nav-list > li.active > a, .skin-1 .sidebar.menu-min .nav-list > li.active > a:hover { background-color: #141a1b; color: #7bb7e5; } .skin-1 .sidebar.menu-min .nav-list > li:hover > a { color: #e1eaf1; } .skin-1 .sidebar.menu-min .nav-list > li > a > .menu-text { background-color: #414b51; } .skin-1 .sidebar.menu-min .nav-list > li.active > a > .menu-text { background-color: #242a2b; } .skin-1 .sidebar.menu-min .nav-list > li.active:hover > a, .skin-1 .sidebar.menu-min .nav-list > li.active > a > .menu-text { color: #7bb7e5; } .skin-1 .sidebar.menu-min .nav-list > li.open.active > a { background-color: #141a1b; } .skin-1 .sidebar.menu-min .nav-list > li > .submenu, .skin-1 .sidebar.menu-min .nav-list > li > a > .menu-text { border-left: 1px solid #181d1f; border-width: 0 0 0 1px; box-shadow: none; } .skin-1 .sidebar.menu-min .nav-list > li.active > a > .menu-text { border-left-color: #305675; } .skin-1 .sidebar.menu-min .nav-list > li > .submenu { border-top: 1px solid #3f4e54; } .skin-1 .sidebar.menu-min .nav-list > li > .submenu:after { display: none; } .skin-1 .sidebar.menu-min .nav-list > li > .submenu { background-color: #333d3f; border-top-color: #5a606a; border-top-width: 1px !important; } .skin-1 .sidebar.menu-min .nav-list > li.active > .submenu { background-color: #181e20; border-left-color: #305675; border-top-color: #3b4547; } .skin-1 .sidebar.menu-min .nav-list > li > .arrow:after { -moz-border-right-colors: #414b51; border-right-color: #414b51; } .skin-1 .sidebar.menu-min .nav-list > li > .arrow:before { -moz-border-right-colors: #242a2b; border-right-color: #111415; } .skin-1 .sidebar.menu-min .nav-list > li.active > .arrow:after { -moz-border-right-colors: #242a2b; border-right-color: #242a2b; } .skin-1 .sidebar.menu-min .nav-list > li.active > .arrow:before { -moz-border-right-colors: #50a0dd; border-right-color: #50a0dd; } .skin-1 .sidebar.menu-min .sidebar-shortcuts-large { background-color: #222a2d; border-width: 0; box-shadow: none; top: 0; } @media (max-width: 991px) { .skin-1 .sidebar.responsive-min .nav-list > li.open > a { background-color: #222a2d; color: #b1bac1; } .skin-1 .sidebar.responsive-min nav-list > li.active > a:after { border-width: 10px 6px; top: 8px; } .skin-1 .sidebar.responsive-min .nav-list > li.active:hover > a:after { border-right-color: #242a2b; } .skin-1 .sidebar.responsive-min .nav-list > li.active > a, .skin-1 .sidebar.responsive-min .nav-list > li.active > a:hover { background-color: #141a1b; color: #7bb7e5; } .skin-1 .sidebar.responsive-min .nav-list > li:hover > a { color: #e1eaf1; } .skin-1 .sidebar.responsive-min .nav-list > li > a > .menu-text { background-color: #414b51; } .skin-1 .sidebar.responsive-min .nav-list > li.active > a > .menu-text { background-color: #242a2b; } .skin-1 .sidebar.responsive-min .nav-list > li.active:hover > a, .skin-1 .sidebar.responsive-min .nav-list > li.active > a > .menu-text { color: #7bb7e5; } .skin-1 .sidebar.responsive-min .nav-list > li.open.active > a { background-color: #141a1b; } .skin-1 .sidebar.responsive-min .nav-list > li > .submenu, .skin-1 .sidebar.responsive-min .nav-list > li > a > .menu-text { border-left: 1px solid #181d1f; border-width: 0 0 0 1px; box-shadow: none; } .skin-1 .sidebar.responsive-min .nav-list > li.active > a > .menu-text { border-left-color: #305675; } .skin-1 .sidebar.responsive-min .nav-list > li > .submenu { border-top: 1px solid #3f4e54; } .skin-1 .sidebar.responsive-min .nav-list > li > .submenu:after { display: none; } .skin-1 .sidebar.responsive-min .nav-list > li > .submenu { background-color: #333d3f; border-top-color: #5a606a; border-top-width: 1px !important; } .skin-1 .sidebar.responsive-min .nav-list > li.active > .submenu { background-color: #181e20; border-left-color: #305675; border-top-color: #3b4547; } .skin-1 .sidebar.responsive-min .nav-list > li > .arrow:after { -moz-border-right-colors: #414b51; border-right-color: #414b51; } .skin-1 .sidebar.responsive-min .nav-list > li > .arrow:before { -moz-border-right-colors: #242a2b; border-right-color: #111415; } .skin-1 .sidebar.responsive-min .nav-list > li.active > .arrow:after { -moz-border-right-colors: #242a2b; border-right-color: #242a2b; } .skin-1 .sidebar.responsive-min .nav-list > li.active > .arrow:before { -moz-border-right-colors: #50a0dd; border-right-color: #50a0dd; } .skin-1 .sidebar.responsive-min .sidebar-shortcuts-large { background-color: #222a2d; border-width: 0; box-shadow: none; top: 0; } } @media only screen and (min-width: 992px) { .skin-1 .nav-list li.hover > .submenu { border-color: #232828; padding-bottom: 2px; padding-left: 0; padding-right: 0; } .skin-1 .nav-list li.hover > .submenu > li > a { border-top-width: 1px; margin-bottom: 0; margin-top: 0; } .skin-1 .nav-list li.hover > .submenu > li:first-child > a { border-top-width: 0; } .skin-1 .nav-list > li > .submenu li.hover > .submenu { padding: 3px 2px; } .skin-1 .nav-list > li.active > .submenu li.hover > .submenu { border-left-color: #475561; } .skin-1 .nav-list li.active > .submenu li.hover.active > .submenu, .skin-1 .nav-list li.hover.active > .submenu { border-left-color: #305675; } .skin-1 .nav-list > li.active > .submenu li.hover > .submenu { background-color: #171e1f; } } @media only screen and (min-width: 992px) { .skin-1 .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a { color: #b1bac1; } .skin-1 .sidebar.navbar-collapse .nav-list > li.open.hover:hover > a { background-color: #414b51; color: #e1eaf1; } .skin-1 .sidebar.navbar-collapse .nav-list > li.active.hover:hover > a { background-color: #141a1b; color: #7bb7e5; } .skin-1 .sidebar.navbar-collapse .nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a { color: #d9dfe6; } } @media only screen and (min-width: 992px) and (max-width: 991px) { .skin-1 .sidebar.navbar-collapse .nav-list li.hover > .submenu { border-top-color: #505a5b; padding-bottom: 0; } .skin-1 .sidebar.navbar-collapse .nav-list li.hover.active > .submenu { border-top-color: #2f3e44; } .skin-1 .sidebar.navbar-collapse .nav-list li.active > .submenu li.hover.active > .submenu, .skin-1 .sidebar.navbar-collapse .nav-list li.hover.active > .submenu, .skin-1 .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu { border-left-width: 0; } .skin-1 .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu { padding: 0; } .skin-1 .sidebar.navbar-collapse .nav-list li li.hover > .submenu > li:first-child > a { border-top-width: 1px; } } .skin-1 .sidebar.navbar-collapse .nav-list > li .submenu > li.hover:hover > a { background-color: #2d3638; } .skin-1 .sidebar.navbar-collapse .nav-list > li.active .submenu > li.hover:hover > a { background-color: #14191a; } @media only screen and (min-width: 992px) { .skin-1 .sidebar:not(.navbar-collapse) .nav-list > li .submenu > li.hover:hover > a { background-color: #2d3638; } .skin-1 .sidebar:not(.navbar-collapse) .nav-list > li.active .submenu > li.hover:hover > a { background-color: #14191a; } } .skin-1 .nav-list li > .arrow:after { -moz-border-right-colors: #353c3d; border-right-color: #353c3d; } .skin-1 .nav-list li > .arrow:before { -moz-border-right-colors: #1d2122; border-right-color: #1d2122; } .skin-1 .nav-list > li.active > .arrow:after { -moz-border-right-colors: #171e1f; border-right-color: #171e1f; } .skin-1 .nav-list > li.active > .arrow:before { -moz-border-right-colors: #50a0dd; border-right-color: #50a0dd; } .skin-1 .nav-list > li.active > .submenu li.hover > .arrow:before { -moz-border-right-colors: #8fb6d5; border-right-color: #4f6e86; } .skin-1 .nav-list > li.active > .submenu li.hover.active > .arrow:before { -moz-border-right-colors: #2290e9; border-right-color: #305675; } .skin-1 .nav-list > li.active > .submenu li.hover > .arrow:after { -moz-border-right-colors: #171e1f; border-right-color: #171e1f; } .skin-1 .nav-list li.pull_up > .arrow:after { -moz-border-right-colors: #353c3d !important; border-right-color: #353c3d !important; } .skin-1 .nav-list li.pull_up > .arrow:before { -moz-border-right-colors: #1d2122 !important; border-right-color: #1d2122 !important; } .skin-1 .nav-list li.pull_up.active > .arrow:after { -moz-border-right-colors: #171e1f !important; border-right-color: #171e1f !important; } .skin-1 .nav-list li.pull_up.active > .arrow:before { -moz-border-right-colors: #50a0dd !important; border-right-color: #50a0dd !important; } .skin-1 .main-container .menu-toggler { background-color: #444; } .skin-1 .main-container .menu-toggler:before { border-bottom-color: #6fb3e0; border-top-color: #87b87f; } .skin-1 .main-container .menu-toggler:after { border-bottom-color: #d15b47; border-top-color: #ffa24d; } .skin-1 .main-container .menu-toggler > .toggler-text { -moz-border-top-colors: #444; border-top-color: #444; } .skin-1.display { background-color: #5d82a2; } .skin-1.display:before { border-bottom-color: #aed4ee; border-top-color: #b5d3b0; } .skin-1.display:after { border-bottom-color: #e09284; border-top-color: #ffca9a; } .skin-1.display > .toggler-text { -moz-border-top-colors: #5d82a2; border-top-color: #5d82a2; } .skin-1 .navbar .navbar-toggle { background-color: #4d9dcc; } .skin-1 .navbar .navbar-toggle:focus { background-color: #4d9dcc; border-color: transparent; } .skin-1 .navbar .navbar-toggle:hover { background-color: #3992c6; border-color: rgba(255, 255, 255, 0.1); } .skin-1 .navbar .navbar-toggle.display, .skin-1 .navbar .navbar-toggle[data-toggle="collapse"]:not(.collapsed) { background-color: #3384b3; border-color: rgba(255, 255, 255, 0.35); box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.25) inset; } @media only screen and (min-width: 768px) { .skin-1 .container.main-container:before { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); } } @media only screen and (min-width: 992px) { .skin-1 .sidebar.h-sidebar:before { background-color: #38424a; border-bottom-color: #4a5c63; } .skin-1 .sidebar.h-sidebar .nav-list { border-bottom-width: 0; } .skin-1 .sidebar.h-sidebar .nav-list > li.active:before { display: block; } .skin-1 .sidebar.h-sidebar .nav-list > li.hover.active > a:after { -moz-border-bottom-colors: #fff; -moz-border-left-colors: none; -moz-border-right-colors: none; border-color: transparent transparent #fff; border-width: 8px; bottom: 0; content: ""; display: block; left: 50%; margin-left: -8px; right: auto; top: auto; } .skin-1 .sidebar.h-sidebar .nav-list > li.hover.active:hover > a:after { display: none; } .skin-1 .sidebar.h-sidebar + .main-content .breadcrumbs { border-color: #e8e8e8; } .skin-1 .sidebar.h-sidebar .nav-list > li:hover { border-color: #506575; } .skin-1 .sidebar.h-sidebar .nav-list > li.active { border-color: #55738a; } .skin-1 .sidebar.h-sidebar .nav-list > li.hover > .submenu { border-top-color: #232828; } .skin-1 .sidebar.h-sidebar .nav-list > li.hover.active > .submenu { border-left-color: #232828; border-top-color: #305675; } .skin-1 .sidebar.h-sidebar .sidebar-shortcuts-large { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #222a2d; border-color: #305675 #232828 #232828; border-image: none; border-right: 1px solid #232828; border-style: solid; border-width: 1px; top: 100%; } .skin-1 .sidebar.h-sidebar .nav-list > li > .arrow:after { -moz-border-bottom-colors: #353c3d; -moz-border-right-colors: none; border-bottom-color: #353c3d; border-right-color: transparent; } .skin-1 .sidebar.h-sidebar .nav-list > li > .arrow:before { -moz-border-bottom-colors: #222727; -moz-border-right-colors: none; border-bottom-color: #191c1c; border-right-color: transparent; } .skin-1 .sidebar.h-sidebar .nav-list > li.active > .arrow:before, .skin-1 .sidebar.h-sidebar .sidebar-shortcuts-large:before { -moz-border-bottom-colors: #216ca6; -moz-border-right-colors: none; border-bottom-color: #50a0dd; border-right-color: transparent; } .skin-1 .sidebar.h-sidebar .nav-list > li.active > .arrow:after, .skin-1 .sidebar.h-sidebar .sidebar-shortcuts-large:after { -moz-border-bottom-colors: #171e1f; -moz-border-right-colors: none; border-bottom-color: #171e1f; border-right-color: transparent; } .skin-1 .sidebar.h-sidebar .sidebar-shortcuts-large:after { -moz-border-bottom-colors: #222a2d; border-bottom-color: #222a2d; } .skin-1 .sidebar.h-sidebar .nav-list > li.highlight.active > a:before { display: none; } } .skin-1 .sidebar-scroll .sidebar-shortcuts { border-bottom-color: #4a5c63; } .skin-1 .sidebar-scroll .sidebar-toggle { border-top-color: #4a5c63; } .skin-1 .sidebar-scroll .scroll-track { background-color: transparent; } .skin-1 .sidebar-scroll .scroll-bar { background-color: rgba(255, 255, 255, 0.45); } .skin-1 .scrollout .scroll-track { background-color: transparent; } .skin-1 .scrollout .scroll-bar { background-color: rgba(0, 0, 0, 0.2); } @media only screen and (min-width: 768px) and (max-width: 991px) { .skin-1 .navbar.navbar-collapse { background-color: transparent; } .skin-1 .navbar.navbar-collapse .navbar-container, .skin-1 .navbar.navbar-collapse:before { background: none repeat scroll 0 0 #2c6aa0; } } .skin-1 .nav-list > li.disabled:before { display: none !important; } .skin-1 .nav-list > li.disabled > a { background-color: #333 !important; color: #aaa !important; } .skin-1 .nav-list li .submenu > li.disabled > a, .skin-1 .nav-list li.disabled .submenu > li > a { background-color: #444 !important; color: #a0a0a0 !important; cursor: not-allowed !important; } .skin-1 .nav-list li .submenu > li.disabled > a > .menu-icon, .skin-1 .nav-list li.disabled .submenu > li > a > .menu-icon { display: none; } .skin-1 .nav-list > li.disabled .submenu > li > a { border-top-color: #505050; } .skin-2 { background-color: #5c5c5c; } .skin-2 .navbar { background: none repeat scroll 0 0 #c6487e; } .skin-2 .sidebar { background-color: #505050; border-right-width: 0; } .skin-2 .nav-list > li { border-color: #484848; } .skin-2 .nav-list > li:first-child { border-top-color: #5a5a5a; } .skin-2 .nav-list > li:last-child { border-bottom-color: #626262; } .skin-2 .nav-list > li > a { background-color: #393939; color: #e1e1e1; } .skin-2 .nav-list > li > a > .arrow, .skin-2 .nav-list > li > a > .menu-text { color: #e1e1e1; } .skin-2 .nav-list > li:hover > a { background-color: #bd5289; } .skin-2 .nav-list > li:hover > a > .menu-text { color: rgba(0, 0, 0, 0.6); font-weight: 700; } .skin-2 .nav-list > li:hover > a > .arrow, .skin-2 .nav-list > li:hover > a > .menu-icon { color: #fff; } .skin-2 .nav-list > li.open > a { background-color: #bd5289; } .skin-2 .nav-list > li.open > a > .menu-text { color: rgba(0, 0, 0, 0.6); font-weight: 700; } .skin-2 .nav-list > li.open > a > .arrow, .skin-2 .nav-list > li.open > a > .menu-icon { color: #fff; } .skin-2 .nav-list > li.active > a { background-color: #242424; color: #fff; } .skin-2 .nav-list > li.active > a > .menu-icon { color: inherit; } .skin-2 .nav-list > li.active > a > .arrow, .skin-2 .nav-list > li.active > a > .menu-text { color: #fff; } .skin-2 .nav-list > li.active.open:not(.highlight) > a, .skin-2 .nav-list > li.active.open > a, .skin-2 .nav-list > li.active:hover > a, .skin-2 .nav-list > li.active:hover:not(.highlight) > a { background-color: #242424; } .skin-2 .nav-list > li.active.highlight > a { background-color: #bd5289; } .skin-2 .nav-list > li.active.highlight > a > .menu-icon { color: #fff; } .skin-2 .nav-list li.active > a:after { -moz-border-right-colors: #fff; border-right-color: #fff; border-width: 16px 10px; right: 0; top: 3px; } .skin-2 .nav-list > li.active:after { display: none; } .skin-2 .nav-list > li.active > .submenu li.active > a:after { top: 1px; } .skin-2 .nav-list > li:before { height: 39px; top: 0; } .skin-2 .nav-list > li.active:before { background-color: #ce7da7; display: block; } .skin-2 .nav-list > li.active.highlight:before, .skin-2 .nav-list > li:before { background-color: #dea8c4; } .skin-2 .nav-list > li > .submenu { background-color: #45303b; border-top-width: 0; } .skin-2 .nav-list > li > .submenu > li, .skin-2 .nav-list > li > .submenu > li > .submenu, .skin-2 .nav-list > li > .submenu > li > .submenu > li, .skin-2 .nav-list > li > .submenu > li > .submenu > li .submenu, .skin-2 .nav-list > li > .submenu > li > .submenu > li .submenu li { background-color: inherit; } .skin-2 .nav-list > li .submenu > li > a { background-color: transparent; border-top: 1px solid rgba(255, 255, 255, 0.08); } .skin-2 .nav-list > li .submenu > li > a:hover { background-color: rgba(0, 0, 0, 0.1); color: #fff; } .skin-2 .nav-list > li .submenu > li > a:hover > .menu-icon { background-color: transparent; } .skin-2 .nav-list > li.active .submenu > li > a:hover { background-color: rgba(0, 0, 0, 0.1); } .skin-2 .nav-list > li > .submenu > li > a { color: #eee; } .skin-2 .nav-list > li > .submenu > li:first-child > a { border-top-width: 0; } .skin-2 .nav-list > li > .submenu > li.active > a { background-color: rgba(0, 0, 0, 0.05); font-weight: 700; } .skin-2 .nav-list > li > .submenu > li.active > a > .menu-icon { background-color: transparent; color: inherit; } .skin-2 .nav-list li .submenu li > a { color: #eee; font-size: 13px; } .skin-2 .nav-list > li > .submenu:before, .skin-2 .nav-list > li > .submenu > li:before { display: none; } .skin-2 .nav-list > li .submenu > li > a { padding-left: 32px; } .skin-2 .nav-list > li .submenu > li > a > .menu-icon { left: 12px; } @media only screen and (min-width: 992px) { .skin-2 .nav-list > li .submenu > li.hover > a { padding-left: 26px; } .skin-2 .nav-list > li .submenu > li.hover > a > .menu-icon { left: 6px; } } .skin-2 .nav-list > li > .submenu li > .submenu > li > a { border-top-width: 0; margin-left: 0; padding-bottom: 10px; padding-left: 37px; padding-top: 8px; } .skin-2 .nav-list > li > .submenu li > .submenu > li > .submenu > li > a { margin-left: 0; padding-left: 51px; } @media only screen and (min-width: 992px) { .skin-2 .nav-list > li > .submenu li > .submenu > li.hover > a { border-top-width: 1px; padding-bottom: 9px; } .skin-2 .nav-list > li > .submenu li > .submenu > li.hover:first-child > a { border-top-width: 0; } } .skin-2 .nav-list > li > .submenu li.active > a, .skin-2 .nav-list > li > .submenu li.open > a, .skin-2 .nav-list > li > .submenu li:hover > a { color: #da81af; } .skin-2 .nav-list > li > .submenu li > a > .ace-icon { background-color: transparent; } .skin-2 .nav-list > li.active.highlight .badge, .skin-2 .nav-list > li.active.highlight .label, .skin-2 .nav-list > li.open:not(.active) > a .badge, .skin-2 .nav-list > li.open:not(.active) > a .label, .skin-2 .nav-list > li:hover:not(.active) > a .badge, .skin-2 .nav-list > li:hover:not(.active) > a .label { background-color: rgba(0, 0, 0, 0.5) !important; } .skin-2 .nav-list > li.active.highlight .badge.badge-transparent, .skin-2 .nav-list > li.active.highlight .label.label-transparent, .skin-2 .nav-list > li.open:not(.active) > a .badge.badge-transparent, .skin-2 .nav-list > li.open:not(.active) > a .label.label-transparent, .skin-2 .nav-list > li:hover:not(.active) > a .badge.badge-transparent, .skin-2 .nav-list > li:hover:not(.active) > a .label.label-transparent { background-color: transparent !important; color: rgba(255, 255, 255, 0.8) !important; } .skin-2 .nav-list > li.active.highlight .badge.badge-transparent .ace-icon, .skin-2 .nav-list > li.active.highlight .label.label-transparent .ace-icon, .skin-2 .nav-list > li.open:not(.active) > a .badge.badge-transparent .ace-icon, .skin-2 .nav-list > li.open:not(.active) > a .label.label-transparent .ace-icon, .skin-2 .nav-list > li:hover:not(.active) > a .badge.badge-transparent .ace-icon, .skin-2 .nav-list > li:hover:not(.active) > a .label.label-transparent .ace-icon { color: rgba(255, 255, 255, 0.8) !important; } .skin-2 .nav-list li > .arrow:after { -moz-border-right-colors: #45303b; border-right-color: #45303b; } .skin-2 .nav-list li > .arrow:before { -moz-border-right-colors: #191919; border-right-color: #191919; } .skin-2 .nav-list > li.pull_up > .arrow:after { -moz-border-right-colors: #45303b !important; border-right-color: #45303b !important; } .skin-2 .nav-list > li.pull_up > .arrow:before { -moz-border-right-colors: #191919 !important; border-right-color: #191919 !important; } .skin-2 .nav-list > li.active.highlight > a:after { -moz-border-left-colors: #bd5289; -moz-border-right-colors: none; border-left-color: #bd5289; border-right-color: transparent; border-width: 20px 0 20px 10px; display: block; right: -10px; top: 0; z-index: 1; } .skin-2 .nav-list > li:nth-child(1) > a { color: #00be67; } .skin-2 .nav-list > li.open:nth-child(1) > a, .skin-2 .nav-list > li:nth-child(1):hover > a { background-color: #18a665; } .skin-2 .nav-list > li:nth-child(1) > .submenu { background-color: #2a4137; } .skin-2 .nav-list > li:nth-child(1) li > .arrow:after, .skin-2 .nav-list > li:nth-child(1) > .arrow:after { -moz-border-right-colors: #2a4137; border-right-color: #2a4137; } .skin-2 .nav-list > li.pull_up:nth-child(1) > .arrow:after { -moz-border-right-colors: #2a4137 !important; border-right-color: #2a4137 !important; } .skin-2 .nav-list > li:nth-child(1) > .submenu li.active > a, .skin-2 .nav-list > li:nth-child(1) > .submenu li.open > a, .skin-2 .nav-list > li:nth-child(1) > .submenu li:hover > a { color: #1eed8e; } .skin-2 .nav-list > li.active:nth-child(1):before { background-color: #52bc8c; } .skin-2 .nav-list > li.active.highlight:nth-child(1):before, .skin-2 .nav-list > li:nth-child(1):before { background-color: #8bd3b2; } .skin-2 .nav-list > li:nth-child(2) > a { color: #5ed02b; } .skin-2 .nav-list > li.open:nth-child(2) > a, .skin-2 .nav-list > li:nth-child(2):hover > a { background-color: #6ab14a; } .skin-2 .nav-list > li:nth-child(2) > .submenu { background-color: #36432f; } .skin-2 .nav-list > li:nth-child(2) li > .arrow:after, .skin-2 .nav-list > li:nth-child(2) > .arrow:after { -moz-border-right-colors: #36432f; border-right-color: #36432f; } .skin-2 .nav-list > li.pull_up:nth-child(2) > .arrow:after { -moz-border-right-colors: #36432f !important; border-right-color: #36432f !important; } .skin-2 .nav-list > li:nth-child(2) > .submenu li.active > a, .skin-2 .nav-list > li:nth-child(2) > .submenu li.open > a, .skin-2 .nav-list > li:nth-child(2) > .submenu li:hover > a { color: #92d275; } .skin-2 .nav-list > li.active:nth-child(2):before { background-color: #8fc478; } .skin-2 .nav-list > li.active.highlight:nth-child(2):before, .skin-2 .nav-list > li:nth-child(2):before { background-color: #b4d8a5; } .skin-2 .nav-list > li:nth-child(3) > a { color: #a7d700; } .skin-2 .nav-list > li.open:nth-child(3) > a, .skin-2 .nav-list > li:nth-child(3):hover > a { background-color: #98bc1b; } .skin-2 .nav-list > li:nth-child(3) > .submenu { background-color: #3e442a; } .skin-2 .nav-list > li:nth-child(3) li > .arrow:after, .skin-2 .nav-list > li:nth-child(3) > .arrow:after { -moz-border-right-colors: #3e442a; border-right-color: #3e442a; } .skin-2 .nav-list > li.pull_up:nth-child(3) > .arrow:after { -moz-border-right-colors: #3e442a !important; border-right-color: #3e442a !important; } .skin-2 .nav-list > li:nth-child(3) > .submenu li.active > a, .skin-2 .nav-list > li:nth-child(3) > .submenu li.open > a, .skin-2 .nav-list > li:nth-child(3) > .submenu li:hover > a { color: #c5ef35; } .skin-2 .nav-list > li.active:nth-child(3):before { background-color: #b2cd54; } .skin-2 .nav-list > li.active.highlight:nth-child(3):before, .skin-2 .nav-list > li:nth-child(3):before { background-color: #ccde8d; } .skin-2 .nav-list > li:nth-child(4) > a { color: #cee100; } .skin-2 .nav-list > li.open:nth-child(4) > a, .skin-2 .nav-list > li:nth-child(4):hover > a { background-color: #b7c51c; } .skin-2 .nav-list > li:nth-child(4) > .submenu { background-color: #43452a; } .skin-2 .nav-list > li:nth-child(4) li > .arrow:after, .skin-2 .nav-list > li:nth-child(4) > .arrow:after { -moz-border-right-colors: #43452a; border-right-color: #43452a; } .skin-2 .nav-list > li.pull_up:nth-child(4) > .arrow:after { -moz-border-right-colors: #43452a !important; border-right-color: #43452a !important; } .skin-2 .nav-list > li:nth-child(4) > .submenu li.active > a, .skin-2 .nav-list > li:nth-child(4) > .submenu li.open > a, .skin-2 .nav-list > li:nth-child(4) > .submenu li:hover > a { color: #e0ef3e; } .skin-2 .nav-list > li.active:nth-child(4):before { background-color: #c9d355; } .skin-2 .nav-list > li.active.highlight:nth-child(4):before, .skin-2 .nav-list > li:nth-child(4):before { background-color: #dbe28e; } .skin-2 .nav-list > li:nth-child(5) > a { color: #f8c600; } .skin-2 .nav-list > li.open:nth-child(5) > a, .skin-2 .nav-list > li:nth-child(5):hover > a { background-color: #d9b41f; } .skin-2 .nav-list > li:nth-child(5) > .submenu { background-color: #48422a; } .skin-2 .nav-list > li:nth-child(5) li > .arrow:after, .skin-2 .nav-list > li:nth-child(5) > .arrow:after { -moz-border-right-colors: #48422a; border-right-color: #48422a; } .skin-2 .nav-list > li.pull_up:nth-child(5) > .arrow:after { -moz-border-right-colors: #48422a !important; border-right-color: #48422a !important; } .skin-2 .nav-list > li:nth-child(5) > .submenu li.active > a, .skin-2 .nav-list > li:nth-child(5) > .submenu li.open > a, .skin-2 .nav-list > li:nth-child(5) > .submenu li:hover > a { color: #f1d153; } .skin-2 .nav-list > li.active:nth-child(5):before { background-color: #e3c657; } .skin-2 .nav-list > li.active.highlight:nth-child(5):before, .skin-2 .nav-list > li:nth-child(5):before { background-color: #ecd98f; } .skin-2 .nav-list > li:nth-child(6) > a { color: #ffab00; } .skin-2 .nav-list > li.open:nth-child(6) > a, .skin-2 .nav-list > li:nth-child(6):hover > a { background-color: #dfa020; } .skin-2 .nav-list > li:nth-child(6) > .submenu { background-color: #493f2a; } .skin-2 .nav-list > li:nth-child(6) li > .arrow:after, .skin-2 .nav-list > li:nth-child(6) > .arrow:after { -moz-border-right-colors: #493f2a; border-right-color: #493f2a; } .skin-2 .nav-list > li.pull_up:nth-child(6) > .arrow:after { -moz-border-right-colors: #493f2a !important; border-right-color: #493f2a !important; } .skin-2 .nav-list > li:nth-child(6) > .submenu li.active > a, .skin-2 .nav-list > li:nth-child(6) > .submenu li.open > a, .skin-2 .nav-list > li:nth-child(6) > .submenu li:hover > a { color: #f2c05a; } .skin-2 .nav-list > li.active:nth-child(6):before { background-color: #e7b858; } .skin-2 .nav-list > li.active.highlight:nth-child(6):before, .skin-2 .nav-list > li:nth-child(6):before { background-color: #efd08f; } .skin-2 .nav-list > li:nth-child(7) > a { color: #ff6e00; } .skin-2 .nav-list > li.open:nth-child(7) > a, .skin-2 .nav-list > li:nth-child(7):hover > a { background-color: #df7220; } .skin-2 .nav-list > li:nth-child(7) > .submenu { background-color: #49372a; } .skin-2 .nav-list > li:nth-child(7) li > .arrow:after, .skin-2 .nav-list > li:nth-child(7) > .arrow:after { -moz-border-right-colors: #49372a; border-right-color: #49372a; } .skin-2 .nav-list > li.pull_up:nth-child(7) > .arrow:after { -moz-border-right-colors: #49372a !important; border-right-color: #49372a !important; } .skin-2 .nav-list > li:nth-child(7) > .submenu li.active > a, .skin-2 .nav-list > li:nth-child(7) > .submenu li.open > a, .skin-2 .nav-list > li:nth-child(7) > .submenu li:hover > a { color: #f29b5a; } .skin-2 .nav-list > li.active:nth-child(7):before { background-color: #e79658; } .skin-2 .nav-list > li.active.highlight:nth-child(7):before, .skin-2 .nav-list > li:nth-child(7):before { background-color: #efb98f; } .skin-2 .nav-list > li:nth-child(8) > a { color: #f21c30; } .skin-2 .nav-list > li.open:nth-child(8) > a, .skin-2 .nav-list > li:nth-child(8):hover > a { background-color: #d43a48; } .skin-2 .nav-list > li:nth-child(8) > .submenu { background-color: #472e30; } .skin-2 .nav-list > li:nth-child(8) li > .arrow:after, .skin-2 .nav-list > li:nth-child(8) > .arrow:after { -moz-border-right-colors: #472e30; border-right-color: #472e30; } .skin-2 .nav-list > li.pull_up:nth-child(8) > .arrow:after { -moz-border-right-colors: #472e30 !important; border-right-color: #472e30 !important; } .skin-2 .nav-list > li:nth-child(8) > .submenu li.active > a, .skin-2 .nav-list > li:nth-child(8) > .submenu li.open > a, .skin-2 .nav-list > li:nth-child(8) > .submenu li:hover > a { color: #ea717c; } .skin-2 .nav-list > li.active:nth-child(8):before { background-color: #df6b76; } .skin-2 .nav-list > li.active.highlight:nth-child(8):before, .skin-2 .nav-list > li:nth-child(8):before { background-color: #ea9da4; } .skin-2 .nav-list > li:nth-child(9) > a { color: #db348a; } .skin-2 .nav-list > li.open:nth-child(9) > a, .skin-2 .nav-list > li:nth-child(9):hover > a { background-color: #bd5289; } .skin-2 .nav-list > li:nth-child(9) > .submenu { background-color: #45303b; } .skin-2 .nav-list > li:nth-child(9) li > .arrow:after, .skin-2 .nav-list > li:nth-child(9) > .arrow:after { -moz-border-right-colors: #45303b; border-right-color: #45303b; } .skin-2 .nav-list > li.pull_up:nth-child(9) > .arrow:after { -moz-border-right-colors: #45303b !important; border-right-color: #45303b !important; } .skin-2 .nav-list > li:nth-child(9) > .submenu li.active > a, .skin-2 .nav-list > li:nth-child(9) > .submenu li.open > a, .skin-2 .nav-list > li:nth-child(9) > .submenu li:hover > a { color: #da81af; } .skin-2 .nav-list > li.active:nth-child(9):before { background-color: #ce7da7; } .skin-2 .nav-list > li.active.highlight:nth-child(9):before, .skin-2 .nav-list > li:nth-child(9):before { background-color: #dea8c4; } .skin-2 .nav-list > li:nth-child(10) > a { color: #c55ee7; } .skin-2 .nav-list > li.open:nth-child(10) > a, .skin-2 .nav-list > li:nth-child(10):hover > a { background-color: #b975d0; } .skin-2 .nav-list > li:nth-child(10) > .submenu { background-color: #423646; } .skin-2 .nav-list > li:nth-child(10) li > .arrow:after, .skin-2 .nav-list > li:nth-child(10) > .arrow:after { -moz-border-right-colors: #423646; border-right-color: #423646; } .skin-2 .nav-list > li.pull_up:nth-child(10) > .arrow:after { -moz-border-right-colors: #423646 !important; border-right-color: #423646 !important; } .skin-2 .nav-list > li:nth-child(10) > .submenu li.active > a, .skin-2 .nav-list > li:nth-child(10) > .submenu li.open > a, .skin-2 .nav-list > li:nth-child(10) > .submenu li:hover > a { color: #d9a9e9; } .skin-2 .nav-list > li.active:nth-child(10):before { background-color: #cb98dc; } .skin-2 .nav-list > li.active.highlight:nth-child(10):before, .skin-2 .nav-list > li:nth-child(10):before { background-color: #dcbae7; } .skin-2 .nav-list > li:nth-child(11) > a { color: #218bee; } .skin-2 .nav-list > li.open:nth-child(11) > a, .skin-2 .nav-list > li:nth-child(11):hover > a { background-color: #3f8ad0; } .skin-2 .nav-list > li:nth-child(11) > .submenu { background-color: #2e3b47; } .skin-2 .nav-list > li:nth-child(11) li > .arrow:after, .skin-2 .nav-list > li:nth-child(11) > .arrow:after { -moz-border-right-colors: #2e3b47; border-right-color: #2e3b47; } .skin-2 .nav-list > li.pull_up:nth-child(11) > .arrow:after { -moz-border-right-colors: #2e3b47 !important; border-right-color: #2e3b47 !important; } .skin-2 .nav-list > li:nth-child(11) > .submenu li.active > a, .skin-2 .nav-list > li:nth-child(11) > .submenu li.open > a, .skin-2 .nav-list > li:nth-child(11) > .submenu li:hover > a { color: #74b0e7; } .skin-2 .nav-list > li.active:nth-child(11):before { background-color: #6fa7dc; } .skin-2 .nav-list > li.active.highlight:nth-child(11):before, .skin-2 .nav-list > li:nth-child(11):before { background-color: #9fc4e8; } .skin-2 .nav-list > li:nth-child(12) > a { color: #2ecee7; } .skin-2 .nav-list > li.open:nth-child(12) > a, .skin-2 .nav-list > li:nth-child(12):hover > a { background-color: #4bb9ca; } .skin-2 .nav-list > li:nth-child(12) > .submenu { background-color: #304346; } .skin-2 .nav-list > li:nth-child(12) li > .arrow:after, .skin-2 .nav-list > li:nth-child(12) > .arrow:after { -moz-border-right-colors: #304346; border-right-color: #304346; } .skin-2 .nav-list > li.pull_up:nth-child(12) > .arrow:after { -moz-border-right-colors: #304346 !important; border-right-color: #304346 !important; } .skin-2 .nav-list > li:nth-child(12) > .submenu li.active > a, .skin-2 .nav-list > li:nth-child(12) > .submenu li.open > a, .skin-2 .nav-list > li:nth-child(12) > .submenu li:hover > a { color: #7ed6e3; } .skin-2 .nav-list > li.active:nth-child(12):before { background-color: #78cad7; } .skin-2 .nav-list > li.active.highlight:nth-child(12):before, .skin-2 .nav-list > li:nth-child(12):before { background-color: #a5dce4; } @media only screen and (min-width: 992px) { .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(1) > a { color: #00be67; } .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(1) > .arrow:after { -moz-border-bottom-colors: #2a4137; border-bottom-color: #2a4137; } .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(2) > a { color: #5ed02b; } .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(2) > .arrow:after { -moz-border-bottom-colors: #36432f; border-bottom-color: #36432f; } .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(3) > a { color: #a7d700; } .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(3) > .arrow:after { -moz-border-bottom-colors: #3e442a; border-bottom-color: #3e442a; } .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(4) > a { color: #cee100; } .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(4) > .arrow:after { -moz-border-bottom-colors: #43452a; border-bottom-color: #43452a; } .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(5) > a { color: #f8c600; } .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(5) > .arrow:after { -moz-border-bottom-colors: #48422a; border-bottom-color: #48422a; } .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(6) > a { color: #ffab00; } .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(6) > .arrow:after { -moz-border-bottom-colors: #493f2a; border-bottom-color: #493f2a; } .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(7) > a { color: #ff6e00; } .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(7) > .arrow:after { -moz-border-bottom-colors: #49372a; border-bottom-color: #49372a; } .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(8) > a { color: #f21c30; } .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(8) > .arrow:after { -moz-border-bottom-colors: #472e30; border-bottom-color: #472e30; } .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(9) > a { color: #db348a; } .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(9) > .arrow:after { -moz-border-bottom-colors: #45303b; border-bottom-color: #45303b; } .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(10) > a { color: #c55ee7; } .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(10) > .arrow:after { -moz-border-bottom-colors: #423646; border-bottom-color: #423646; } .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(11) > a { color: #218bee; } .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(11) > .arrow:after { -moz-border-bottom-colors: #2e3b47; border-bottom-color: #2e3b47; } .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(12) > a { color: #2ecee7; } .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child(12) > .arrow:after { -moz-border-bottom-colors: #304346; border-bottom-color: #304346; } } .skin-2 .nav-list > li.highlight.active:nth-child(1) > a { background-color: #18a665; } .skin-2 .nav-list > li.active.highlight:nth-child(1) > a:after { -moz-border-left-colors: #18a665; border-left-color: #18a665; } .skin-2 .nav-list > li.highlight.active:nth-child(2) > a { background-color: #6ab14a; } .skin-2 .nav-list > li.active.highlight:nth-child(2) > a:after { -moz-border-left-colors: #6ab14a; border-left-color: #6ab14a; } .skin-2 .nav-list > li.highlight.active:nth-child(3) > a { background-color: #98bc1b; } .skin-2 .nav-list > li.active.highlight:nth-child(3) > a:after { -moz-border-left-colors: #98bc1b; border-left-color: #98bc1b; } .skin-2 .nav-list > li.highlight.active:nth-child(4) > a { background-color: #b7c51c; } .skin-2 .nav-list > li.active.highlight:nth-child(4) > a:after { -moz-border-left-colors: #b7c51c; border-left-color: #b7c51c; } .skin-2 .nav-list > li.highlight.active:nth-child(5) > a { background-color: #d9b41f; } .skin-2 .nav-list > li.active.highlight:nth-child(5) > a:after { -moz-border-left-colors: #d9b41f; border-left-color: #d9b41f; } .skin-2 .nav-list > li.highlight.active:nth-child(6) > a { background-color: #dfa020; } .skin-2 .nav-list > li.active.highlight:nth-child(6) > a:after { -moz-border-left-colors: #dfa020; border-left-color: #dfa020; } .skin-2 .nav-list > li.highlight.active:nth-child(7) > a { background-color: #df7220; } .skin-2 .nav-list > li.active.highlight:nth-child(7) > a:after { -moz-border-left-colors: #df7220; border-left-color: #df7220; } .skin-2 .nav-list > li.highlight.active:nth-child(8) > a { background-color: #d43a48; } .skin-2 .nav-list > li.active.highlight:nth-child(8) > a:after { -moz-border-left-colors: #d43a48; border-left-color: #d43a48; } .skin-2 .nav-list > li.highlight.active:nth-child(9) > a { background-color: #bd5289; } .skin-2 .nav-list > li.active.highlight:nth-child(9) > a:after { -moz-border-left-colors: #bd5289; border-left-color: #bd5289; } .skin-2 .nav-list > li.highlight.active:nth-child(10) > a { background-color: #b975d0; } .skin-2 .nav-list > li.active.highlight:nth-child(10) > a:after { -moz-border-left-colors: #b975d0; border-left-color: #b975d0; } .skin-2 .nav-list > li.highlight.active:nth-child(11) > a { background-color: #3f8ad0; } .skin-2 .nav-list > li.active.highlight:nth-child(11) > a:after { -moz-border-left-colors: #3f8ad0; border-left-color: #3f8ad0; } .skin-2 .nav-list > li.highlight.active:nth-child(12) > a { background-color: #4bb9ca; } .skin-2 .nav-list > li.active.highlight:nth-child(12) > a:after { -moz-border-left-colors: #4bb9ca; border-left-color: #4bb9ca; } .skin-2 .sidebar-shortcuts .btn { background-color: #555 !important; border-radius: 32px !important; border-width: 2px; } .skin-2 .sidebar-shortcuts .btn:hover { background-color: #222 !important; } .skin-2 .sidebar-shortcuts .btn:focus { outline: 0 none; } .skin-2 .sidebar-shortcuts-mini .btn { border-radius: 100% !important; border-width: 2px !important; opacity: 1; padding: 6px !important; } .skin-2 .sidebar-shortcuts, .skin-2 .sidebar-shortcuts-mini, .skin-2 .sidebar > .nav-search { background-color: #393939; } .skin-2 .sidebar-toggle { background-color: #2f2f2f; border-color: #767676; } .skin-2 .sidebar-toggle:before { border-color: inherit; } .skin-2 .sidebar-toggle > .ace-icon { background-color: #333; border-color: #aaa; color: #aaa; } .skin-2 .breadcrumbs { background-color: #e7f2f8; border-radius: 4px; border-width: 0; margin: 8px 8px 0; } .skin-2 .navbar:not(.navbar-fixed-top):not(.h-navbar) + .main-container .breadcrumbs { margin-bottom: 8px; margin-top: auto; top: 8px; } @media only screen and (max-width: 991px) { .skin-2 .breadcrumbs { margin: 5px 5px 0; } .skin-2 .navbar:not(.navbar-fixed-top) + .main-container .breadcrumbs, .skin-2 .navbar:not(.navbar-fixed-top):not(.h-navbar) + .main-container .breadcrumbs { margin-bottom: 5px; margin-top: auto; top: 5px; } .skin-2 .menu-toggler + .sidebar.responsive + .main-content .breadcrumbs { border-radius: 0; margin: 0; top: auto; } } @media (min-width: 992px) { .skin-2 .breadcrumbs.breadcrumbs-fixed + .page-content { padding-top: 57px; } } @media (min-width: 992px) and (max-width: 991px) { .skin-2 .breadcrumbs.breadcrumbs-fixed + .page-content { padding-top: 54px; } .skin-2 .menu-toggler + .sidebar.reponsive + .main-content .breadcrumbs.breadcrumbs-fixed + .page-content { padding-top: 49px; } } @media (min-width: 992px) and (max-width: 991px) { .skin-2 .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed { width: 734px; } } @media (min-width: 992px) and (max-width: 991px) { .skin-2 .container.main-container .breadcrumbs-fixed, .skin-2 .container.main-container .sidebar.menu-min + .main-content .breadcrumbs-fixed { width: 734px; } .skin-2 .container.main-container .sidebar.responsive-min + .main-content .breadcrumbs-fixed { width: 691px; } } @media (min-width: 992px) { .skin-2 .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed { width: 843px; } } @media (min-width: 992px) { .skin-2 .container.main-container .breadcrumbs-fixed { width: 964px; } .skin-2 .container.main-container .sidebar + .main-content .breadcrumbs-fixed { width: 758px; } .skin-2 .container.main-container .sidebar.menu-min + .main-content .breadcrumbs-fixed { width: 905px; } } @media (min-width: 1200px) { .skin-2 .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed { width: 1043px; } } @media (min-width: 1200px) { .skin-2 .container.main-container .breadcrumbs-fixed { width: 1148px; } .skin-2 .container.main-container .sidebar + .main-content .breadcrumbs-fixed { width: 958px; } .skin-2 .container.main-container .sidebar.menu-min + .main-content .breadcrumbs-fixed { width: 1105px; } } @media (min-width: 768px) { .skin-2 .container.main-container .sidebar.h-sidebar + .main-content .breadcrumbs-fixed { width: auto; } } @media only screen and (max-width: 991px) { .skin-2 .sidebar { border-width: 0; box-shadow: none; } .skin-2 .nav-list li.active > a:after { display: none; } } .skin-2 .sidebar.menu-min .nav-list > li.open > a { color: #e1e1e1; } .skin-2 .sidebar.menu-min .nav-list > li.active > a { color: #fff; } .skin-2 .sidebar.menu-min .nav-list > li > a > .menu-text { background-color: inherit; border-color: rgba(0, 0, 0, 0.4); border-style: solid; border-width: 0 0 0 1px; box-shadow: none; color: rgba(0, 0, 0, 0.6); font-weight: 700; margin-left: 1px; } .skin-2 .sidebar.menu-min .nav-list > li.active > a > .menu-text { background-color: inherit; color: #fff; } .skin-2 .sidebar.menu-min .nav-list > li > .submenu { border-color: rgba(0, 0, 0, 0.3); border-style: solid; border-width: 1px 0 0 1px; box-shadow: none; margin-left: 1px; } .skin-2 .sidebar.menu-min .nav-list > li > .submenu:after { display: none; } .skin-2 .sidebar.menu-min .nav-list > li.active > .submenu { border-top-color: rgba(0, 0, 0, 0.5); } .skin-2 .sidebar.menu-min .sidebar-shortcuts-large { background-color: #393939; border-color: #666; border-width: 0 0 0 1px; box-shadow: none; top: 0; } .skin-2 .sidebar.menu-min .nav-list > li.active.highlight > .arrow:after, .skin-2 .sidebar.menu-min .nav-list > li > .arrow:after { -moz-border-right-colors: #bd5289; border-right-color: #bd5289; } .skin-2 .sidebar.menu-min .nav-list > li.active.highlight > .arrow:before, .skin-2 .sidebar.menu-min .nav-list > li > .arrow:before { -moz-border-right-colors: rgba(0, 0, 0, 0.7); border-right-color: rgba(0, 0, 0, 0.7); } .skin-2 .sidebar.menu-min.h-sidebar .nav-list > li.active.highlight > .arrow:after { border-bottom-color: #bd5289; border-right-color: transparent; } .skin-2 .sidebar.menu-min.h-sidebar .nav-list > li.active.highlight > .arrow:before { -moz-border-bottom-colors: #191919; -moz-border-right-colors: none; border-bottom-color: #191919; border-right-color: transparent; } .skin-2 .sidebar.menu-min .nav-list > li.active.highlight > a > .menu-text, .skin-2 .sidebar.menu-min .nav-list > li > a > .menu-text { border-left-color: rgba(0, 0, 0, 0.5); } .skin-2 .sidebar.menu-min .nav-list > li.pull_up.active.highlight > a > .menu-text, .skin-2 .sidebar.menu-min .nav-list > li.pull_up > a > .menu-text { border-left-color: rgba(0, 0, 0, 0.7); } .skin-2 .sidebar.menu-min .nav-list > li.pull_up.active:not(.highlight) > a > .menu-text { border-left-color: #666; } .skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child(1) > .arrow:after, .skin-2 .sidebar.menu-min .nav-list > li:nth-child(1) > .arrow:after { -moz-border-right-colors: #18a665; border-right-color: #18a665; } .skin-2 .sidebar.menu-min.h-sidebar .nav-list > li.active.highlight:nth-child(1) > .arrow:after { -moz-border-bottom-colors: #2a4137; border-bottom-color: #2a4137; border-right-color: transparent; } .skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child(2) > .arrow:after, .skin-2 .sidebar.menu-min .nav-list > li:nth-child(2) > .arrow:after { -moz-border-right-colors: #6ab14a; border-right-color: #6ab14a; } .skin-2 .sidebar.menu-min.h-sidebar .nav-list > li.active.highlight:nth-child(2) > .arrow:after { -moz-border-bottom-colors: #36432f; border-bottom-color: #36432f; border-right-color: transparent; } .skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child(3) > .arrow:after, .skin-2 .sidebar.menu-min .nav-list > li:nth-child(3) > .arrow:after { -moz-border-right-colors: #98bc1b; border-right-color: #98bc1b; } .skin-2 .sidebar.menu-min.h-sidebar .nav-list > li.active.highlight:nth-child(3) > .arrow:after { -moz-border-bottom-colors: #3e442a; border-bottom-color: #3e442a; border-right-color: transparent; } .skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child(4) > .arrow:after, .skin-2 .sidebar.menu-min .nav-list > li:nth-child(4) > .arrow:after { -moz-border-right-colors: #b7c51c; border-right-color: #b7c51c; } .skin-2 .sidebar.menu-min.h-sidebar .nav-list > li.active.highlight:nth-child(4) > .arrow:after { -moz-border-bottom-colors: #43452a; border-bottom-color: #43452a; border-right-color: transparent; } .skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child(5) > .arrow:after, .skin-2 .sidebar.menu-min .nav-list > li:nth-child(5) > .arrow:after { -moz-border-right-colors: #d9b41f; border-right-color: #d9b41f; } .skin-2 .sidebar.menu-min.h-sidebar .nav-list > li.active.highlight:nth-child(5) > .arrow:after { -moz-border-bottom-colors: #48422a; border-bottom-color: #48422a; border-right-color: transparent; } .skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child(6) > .arrow:after, .skin-2 .sidebar.menu-min .nav-list > li:nth-child(6) > .arrow:after { -moz-border-right-colors: #dfa020; border-right-color: #dfa020; } .skin-2 .sidebar.menu-min.h-sidebar .nav-list > li.active.highlight:nth-child(6) > .arrow:after { -moz-border-bottom-colors: #493f2a; border-bottom-color: #493f2a; border-right-color: transparent; } .skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child(7) > .arrow:after, .skin-2 .sidebar.menu-min .nav-list > li:nth-child(7) > .arrow:after { -moz-border-right-colors: #df7220; border-right-color: #df7220; } .skin-2 .sidebar.menu-min.h-sidebar .nav-list > li.active.highlight:nth-child(7) > .arrow:after { -moz-border-bottom-colors: #49372a; border-bottom-color: #49372a; border-right-color: transparent; } .skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child(8) > .arrow:after, .skin-2 .sidebar.menu-min .nav-list > li:nth-child(8) > .arrow:after { -moz-border-right-colors: #d43a48; border-right-color: #d43a48; } .skin-2 .sidebar.menu-min.h-sidebar .nav-list > li.active.highlight:nth-child(8) > .arrow:after { -moz-border-bottom-colors: #472e30; border-bottom-color: #472e30; border-right-color: transparent; } .skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child(9) > .arrow:after, .skin-2 .sidebar.menu-min .nav-list > li:nth-child(9) > .arrow:after { -moz-border-right-colors: #bd5289; border-right-color: #bd5289; } .skin-2 .sidebar.menu-min.h-sidebar .nav-list > li.active.highlight:nth-child(9) > .arrow:after { -moz-border-bottom-colors: #45303b; border-bottom-color: #45303b; border-right-color: transparent; } .skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child(10) > .arrow:after, .skin-2 .sidebar.menu-min .nav-list > li:nth-child(10) > .arrow:after { -moz-border-right-colors: #b975d0; border-right-color: #b975d0; } .skin-2 .sidebar.menu-min.h-sidebar .nav-list > li.active.highlight:nth-child(10) > .arrow:after { -moz-border-bottom-colors: #423646; border-bottom-color: #423646; border-right-color: transparent; } .skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child(11) > .arrow:after, .skin-2 .sidebar.menu-min .nav-list > li:nth-child(11) > .arrow:after { -moz-border-right-colors: #3f8ad0; border-right-color: #3f8ad0; } .skin-2 .sidebar.menu-min.h-sidebar .nav-list > li.active.highlight:nth-child(11) > .arrow:after { -moz-border-bottom-colors: #2e3b47; border-bottom-color: #2e3b47; border-right-color: transparent; } .skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child(12) > .arrow:after, .skin-2 .sidebar.menu-min .nav-list > li:nth-child(12) > .arrow:after { -moz-border-right-colors: #4bb9ca; border-right-color: #4bb9ca; } .skin-2 .sidebar.menu-min.h-sidebar .nav-list > li.active.highlight:nth-child(12) > .arrow:after { -moz-border-bottom-colors: #304346; border-bottom-color: #304346; border-right-color: transparent; } .skin-2 .sidebar.menu-min .nav-list > li.active > a > .menu-text { border-left-color: #777; } .skin-2 .sidebar.menu-min .nav-list > li.active > .arrow:after { -moz-border-right-colors: #242424; border-right-color: #242424; } .skin-2 .sidebar.menu-min .nav-list > li.active > .arrow:before { -moz-border-right-colors: #fff; border-right-color: #888; } @media (max-width: 991px) { .skin-2 .sidebar.responsive-min .nav-list > li.open > a { color: #e1e1e1; } .skin-2 .sidebar.responsive-min .nav-list > li.active > a { color: #fff; } .skin-2 .sidebar.responsive-min .nav-list > li > a > .menu-text { background-color: inherit; border-color: rgba(0, 0, 0, 0.4); border-style: solid; border-width: 0 0 0 1px; box-shadow: none; color: rgba(0, 0, 0, 0.6); font-weight: 700; margin-left: 1px; } .skin-2 .sidebar.responsive-min .nav-list > li.active > a > .menu-text { background-color: inherit; color: #fff; } .skin-2 .sidebar.responsive-min .nav-list > li > .submenu { border-color: rgba(0, 0, 0, 0.3); border-style: solid; border-width: 1px 0 0 1px; box-shadow: none; margin-left: 1px; } .skin-2 .sidebar.responsive-min .nav-list > li > .submenu:after { display: none; } .skin-2 .sidebar.responsive-min .nav-list > li.active > .submenu { border-top-color: rgba(0, 0, 0, 0.5); } .skin-2 .sidebar.responsive-min .sidebar-shortcuts-large { background-color: #393939; border-color: #666; border-width: 0 0 0 1px; box-shadow: none; top: 0; } .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight > .arrow:after, .skin-2 .sidebar.responsive-min .nav-list > li > .arrow:after { -moz-border-right-colors: #bd5289; border-right-color: #bd5289; } .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight > .arrow:before, .skin-2 .sidebar.responsive-min .nav-list > li > .arrow:before { -moz-border-right-colors: rgba(0, 0, 0, 0.7); border-right-color: rgba(0, 0, 0, 0.7); } .skin-2 .sidebar.responsive-min.h-sidebar .nav-list > li.active.highlight > .arrow:after { border-bottom-color: #bd5289; border-right-color: transparent; } .skin-2 .sidebar.responsive-min.h-sidebar .nav-list > li.active.highlight > .arrow:before { -moz-border-bottom-colors: #191919; -moz-border-right-colors: none; border-bottom-color: #191919; border-right-color: transparent; } .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight > a > .menu-text, .skin-2 .sidebar.responsive-min .nav-list > li > a > .menu-text { border-left-color: rgba(0, 0, 0, 0.5); } .skin-2 .sidebar.responsive-min .nav-list > li.pull_up.active.highlight > a > .menu-text, .skin-2 .sidebar.responsive-min .nav-list > li.pull_up > a > .menu-text { border-left-color: rgba(0, 0, 0, 0.7); } .skin-2 .sidebar.responsive-min .nav-list > li.pull_up.active:not(.highlight) > a > .menu-text { border-left-color: #666; } .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child(1) > .arrow:after, .skin-2 .sidebar.responsive-min .nav-list > li:nth-child(1) > .arrow:after { -moz-border-right-colors: #18a665; border-right-color: #18a665; } .skin-2 .sidebar.responsive-min.h-sidebar .nav-list > li.active.highlight:nth-child(1) > .arrow:after { -moz-border-bottom-colors: #2a4137; border-bottom-color: #2a4137; border-right-color: transparent; } .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child(2) > .arrow:after, .skin-2 .sidebar.responsive-min .nav-list > li:nth-child(2) > .arrow:after { -moz-border-right-colors: #6ab14a; border-right-color: #6ab14a; } .skin-2 .sidebar.responsive-min.h-sidebar .nav-list > li.active.highlight:nth-child(2) > .arrow:after { -moz-border-bottom-colors: #36432f; border-bottom-color: #36432f; border-right-color: transparent; } .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child(3) > .arrow:after, .skin-2 .sidebar.responsive-min .nav-list > li:nth-child(3) > .arrow:after { -moz-border-right-colors: #98bc1b; border-right-color: #98bc1b; } .skin-2 .sidebar.responsive-min.h-sidebar .nav-list > li.active.highlight:nth-child(3) > .arrow:after { -moz-border-bottom-colors: #3e442a; border-bottom-color: #3e442a; border-right-color: transparent; } .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child(4) > .arrow:after, .skin-2 .sidebar.responsive-min .nav-list > li:nth-child(4) > .arrow:after { -moz-border-right-colors: #b7c51c; border-right-color: #b7c51c; } .skin-2 .sidebar.responsive-min.h-sidebar .nav-list > li.active.highlight:nth-child(4) > .arrow:after { -moz-border-bottom-colors: #43452a; border-bottom-color: #43452a; border-right-color: transparent; } .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child(5) > .arrow:after, .skin-2 .sidebar.responsive-min .nav-list > li:nth-child(5) > .arrow:after { -moz-border-right-colors: #d9b41f; border-right-color: #d9b41f; } .skin-2 .sidebar.responsive-min.h-sidebar .nav-list > li.active.highlight:nth-child(5) > .arrow:after { -moz-border-bottom-colors: #48422a; border-bottom-color: #48422a; border-right-color: transparent; } .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child(6) > .arrow:after, .skin-2 .sidebar.responsive-min .nav-list > li:nth-child(6) > .arrow:after { -moz-border-right-colors: #dfa020; border-right-color: #dfa020; } .skin-2 .sidebar.responsive-min.h-sidebar .nav-list > li.active.highlight:nth-child(6) > .arrow:after { -moz-border-bottom-colors: #493f2a; border-bottom-color: #493f2a; border-right-color: transparent; } .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child(7) > .arrow:after, .skin-2 .sidebar.responsive-min .nav-list > li:nth-child(7) > .arrow:after { -moz-border-right-colors: #df7220; border-right-color: #df7220; } .skin-2 .sidebar.responsive-min.h-sidebar .nav-list > li.active.highlight:nth-child(7) > .arrow:after { -moz-border-bottom-colors: #49372a; border-bottom-color: #49372a; border-right-color: transparent; } .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child(8) > .arrow:after, .skin-2 .sidebar.responsive-min .nav-list > li:nth-child(8) > .arrow:after { -moz-border-right-colors: #d43a48; border-right-color: #d43a48; } .skin-2 .sidebar.responsive-min.h-sidebar .nav-list > li.active.highlight:nth-child(8) > .arrow:after { -moz-border-bottom-colors: #472e30; border-bottom-color: #472e30; border-right-color: transparent; } .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child(9) > .arrow:after, .skin-2 .sidebar.responsive-min .nav-list > li:nth-child(9) > .arrow:after { -moz-border-right-colors: #bd5289; border-right-color: #bd5289; } .skin-2 .sidebar.responsive-min.h-sidebar .nav-list > li.active.highlight:nth-child(9) > .arrow:after { -moz-border-bottom-colors: #45303b; border-bottom-color: #45303b; border-right-color: transparent; } .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child(10) > .arrow:after, .skin-2 .sidebar.responsive-min .nav-list > li:nth-child(10) > .arrow:after { -moz-border-right-colors: #b975d0; border-right-color: #b975d0; } .skin-2 .sidebar.responsive-min.h-sidebar .nav-list > li.active.highlight:nth-child(10) > .arrow:after { -moz-border-bottom-colors: #423646; border-bottom-color: #423646; border-right-color: transparent; } .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child(11) > .arrow:after, .skin-2 .sidebar.responsive-min .nav-list > li:nth-child(11) > .arrow:after { -moz-border-right-colors: #3f8ad0; border-right-color: #3f8ad0; } .skin-2 .sidebar.responsive-min.h-sidebar .nav-list > li.active.highlight:nth-child(11) > .arrow:after { -moz-border-bottom-colors: #2e3b47; border-bottom-color: #2e3b47; border-right-color: transparent; } .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child(12) > .arrow:after, .skin-2 .sidebar.responsive-min .nav-list > li:nth-child(12) > .arrow:after { -moz-border-right-colors: #4bb9ca; border-right-color: #4bb9ca; } .skin-2 .sidebar.responsive-min.h-sidebar .nav-list > li.active.highlight:nth-child(12) > .arrow:after { -moz-border-bottom-colors: #304346; border-bottom-color: #304346; border-right-color: transparent; } .skin-2 .sidebar.responsive-min .nav-list > li.active > a > .menu-text { border-left-color: #777; } .skin-2 .sidebar.responsive-min .nav-list > li.active > .arrow:after { -moz-border-right-colors: #242424; border-right-color: #242424; } .skin-2 .sidebar.responsive-min .nav-list > li.active > .arrow:before { -moz-border-right-colors: #fff; border-right-color: #888; } } @media only screen and (min-width: 992px) { .skin-2 .nav-list li.hover > .submenu { border: 1px solid rgba(0, 0, 0, 0.4); padding-left: 0; padding-right: 0; } .skin-2 .nav-list li.hover > .submenu > li > a { margin-bottom: 0; margin-top: 0; } .skin-2 .nav-list li.hover > .submenu > li:first-child > a { border-top-width: 0; } .skin-2 .nav-list li .submenu > li.hover.active > a { background-color: rgba(0, 0, 0, 0.05); } .skin-2 .nav-list > li > .submenu li.hover > .submenu { padding: 2px; } .skin-2 .nav-list > li > .submenu li > .submenu > li.hover > a { border-top-color: rgba(255, 255, 255, 0.08); } .skin-2 .menu-min .nav-list > li.active:hover > a:after, .skin-2 .nav-list > li.active.hover:hover > a.dropdown-toggle:after { display: none; } } @media only screen and (min-width: 992px) { .skin-2 .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a { background-color: #393939; font-weight: 400; } .skin-2 .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a > .arrow, .skin-2 .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a > .menu-icon, .skin-2 .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a > .menu-text { color: inherit; } .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a { color: #eee; } .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu > li.open.hover:not(:hover):not(:focus):not(.active) > a > .menu-icon { display: none; } } @media only screen and (min-width: 992px) { .skin-2 .sidebar:not(.navbar-collapse) .nav-list > li .submenu > li.hover:hover > a, .skin-2 .sidebar:not(.navbar-collapse) .nav-list > li.active .submenu > li.hover:hover > a { background-color: rgba(0, 0, 0, 0.1); } } @media only screen and (max-width: 991px) { .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu:before, .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu > li:before, .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu > li > .submenu:before { display: none; } .skin-2 .sidebar.navbar-collapse .nav-list > li:before { height: 41px !important; } } @media only screen and (min-width: 992px) and (max-width: 991px) { .skin-2 .sidebar.navbar-collapse .nav-list > li.hover > .submenu { padding-bottom: 0; } .skin-2 .sidebar.navbar-collapse .nav-list li.hover > .submenu { border-width: 0; } .skin-2 .sidebar.navbar-collapse .nav-list li li.hover:hover > a { background-color: transparent; } .skin-2 .sidebar.navbar-collapse .nav-list li li.hover > a:hover { background-color: rgba(0, 0, 0, 0.1); } .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu > li.active.hover:hover > a { background-color: rgba(0, 0, 0, 0.05); } .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu > li.active.hover > a:hover { background-color: rgba(0, 0, 0, 0.1); } .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu { padding: 0; } .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu > li > a { margin-left: 0 !important; padding-left: 37px !important; } .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu li > .submenu > li > .submenu > li > a { margin-left: 0 !important; padding-left: 51px !important; } .skin-2 .sidebar.navbar-collapse .nav-list li.hover > .submenu li > a { padding-left: 32px !important; } .skin-2 .sidebar.navbar-collapse .nav-list li.hover > .submenu li > a > .menu-icon { background-color: transparent; } .skin-2 .sidebar.navbar-collapse .nav-list li.hover > .submenu > li.active > a { background-color: transparent; font-weight: 400; } .skin-2 .sidebar.navbar-collapse .nav-list > li.hover > .submenu > li.active > a { background-color: rgba(0, 0, 0, 0.05); font-weight: 700; } .skin-2 .sidebar.navbar-collapse .nav-list li.hover > .submenu > li.active > a:hover { background-color: rgba(0, 0, 0, 0.1); } .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu li > .submenu > li.hover > a { border-top-width: 0; } .skin-2 .sidebar.navbar-collapse .nav-list > li .submenu > li.hover > a > .menu-icon { left: 12px; } .skin-2 .sidebar.navbar-collapse .nav-list > li .submenu > li.hover:hover > a, .skin-2 .sidebar.navbar-collapse .nav-list > li.active .submenu > li.hover:hover > a { background-color: rgba(0, 0, 0, 0.1); } .skin-2 .sidebar.navbar-collapse.menu-min .nav-list li.hover > .submenu li > a { padding-left: 32px; } } @media only screen and (max-width: 991px) { .skin-2 .sidebar.navbar-collapse.menu-min .sidebar-shortcuts-large { border-width: 0; } .skin-2 .sidebar.navbar-collapse.menu-min .nav-list > li > a > .menu-text { color: #e1e1e1; font-weight: 400; margin-left: 0; } .skin-2 .sidebar.navbar-collapse.menu-min .nav-list > li:hover > a > .menu-text { color: rgba(0, 0, 0, 0.6); font-weight: 700; } .skin-2 .sidebar.navbar-collapse.menu-min .nav-list > li.active > a > .menu-text { color: #fff; font-weight: 700; } .skin-2 .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu { border-top-width: 0; margin-left: 0; } .skin-2 .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu li > a > .menu-icon { left: 12px; } } @media (min-width: 992px) { .skin-2 .sidebar.compact .nav-list > li.active:before { bottom: 0; height: auto; } } .skin-2 .main-container .menu-toggler { background-color: #d685b0; } .skin-2 .main-container .menu-toggler:after, .skin-2 .main-container .menu-toggler:before { border-bottom-color: #fff; border-top-color: #fff; } .skin-2 .main-container .menu-toggler > .toggler-text { -moz-border-top-colors: #d685b0; border-top-color: #d685b0; } .skin-2 .navbar .navbar-toggle { background-color: #db78a1; } .skin-2 .navbar .navbar-toggle:focus { background-color: #db78a1; border-color: transparent; } .skin-2 .navbar .navbar-toggle:hover { background-color: #d76896; border-color: rgba(255, 255, 255, 0.1); } .skin-2 .navbar .navbar-toggle.display, .skin-2 .navbar .navbar-toggle[data-toggle="collapse"]:not(.collapsed) { background-color: #d2588b; border-color: rgba(255, 255, 255, 0.35); box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.25) inset; } @media only screen and (min-width: 768px) { .skin-2 .container.main-container:before { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); } } @media only screen and (min-width: 992px) { .skin-2 .sidebar.h-sidebar { background-color: #393939; } .skin-2 .sidebar.h-sidebar:before { background-color: #767676; border-bottom-color: #7b7b7b; } .skin-2 .sidebar.h-sidebar .nav-list { border-bottom-width: 0; } .skin-2 .sidebar.h-sidebar .nav-list > li > a > .menu-text { color: #e1e1e1; font-weight: 400; } .skin-2 .sidebar.h-sidebar .nav-list > li:hover > a > .menu-text { color: #fff; font-weight: 400; } .skin-2 .sidebar.h-sidebar .nav-list > li.active > a > .menu-text { color: #fff; font-weight: 700; } .skin-2 .sidebar.h-sidebar .nav-list > li:before { left: 0; right: 0; } .skin-2 .sidebar.h-sidebar .nav-list > li.hover > .submenu { border-top-color: rgba(0, 0, 0, 0.4); border-width: 1px; margin-left: -1px; } .skin-2 .sidebar.h-sidebar .nav-list > li .submenu > li.hover > a { padding-left: 22px; } .skin-2 .sidebar.h-sidebar .nav-list > li .submenu > li.hover > a > .menu-icon { left: 4px; } .skin-2 .sidebar.h-sidebar.compact .nav-list > li.active:before { bottom: auto; height: 2px; } .skin-2 .sidebar.h-sidebar .nav-list > li.highlight.active > a:after { display: none; } .skin-2 .sidebar.h-sidebar .nav-list > li.hover.active > a:after { -moz-border-bottom-colors: #fff; -moz-border-left-colors: none; -moz-border-right-colors: none; border-color: transparent transparent #fff; border-width: 8px; bottom: 0; display: block; left: 50%; margin-left: -8px; right: auto; top: auto; } .skin-2 .sidebar.h-sidebar .nav-list > li.hover.active:hover > a:after { display: none; } .skin-2 .sidebar.h-sidebar .sidebar-shortcuts-large { background-color: #505050; border-top-color: #777; border-top-style: solid; border-width: 1px 0 0 !important; top: 100%; } .skin-2 .sidebar.h-sidebar .sidebar-shortcuts-mini { padding-top: 2px; } .skin-2 .sidebar.h-sidebar .sidebar-shortcuts-mini > .btn { padding: 7px !important; } .skin-2 .sidebar.h-sidebar .nav-list > li.hover > .arrow:after { -moz-border-bottom-colors: #45303b; -moz-border-right-colors: none; border-bottom-color: #45303b; border-right-color: transparent; } .skin-2 .sidebar.h-sidebar .nav-list > li.hover > .arrow:before { -moz-border-bottom-colors: #191919; -moz-border-right-colors: none; border-bottom-color: #191919; border-right-color: transparent; } .skin-2 .sidebar.h-sidebar .sidebar-shortcuts-large:after { border-bottom-color: #505050; } .skin-2 .sidebar.h-sidebar .sidebar-shortcuts-large:before { -moz-border-bottom-colors: #999; border-bottom-color: #999; } .skin-2 .sidebar.h-sidebar + .main-content .breadcrumbs { border-color: #d5e7f1; top: 2px; } } .skin-2 .sidebar-scroll .sidebar-shortcuts { border-bottom-color: #555; } .skin-2 .sidebar-scroll .sidebar-toggle { border-top-color: #555; } .skin-2 .sidebar-scroll .scroll-track { background-color: transparent; } .skin-2 .sidebar-scroll .scroll-bar { background-color: rgba(255, 255, 255, 0.45); } .skin-2 .scrollout .scroll-track { background-color: transparent; } .skin-2 .scrollout .scroll-bar { background-color: rgba(0, 0, 0, 0.2); } @media only screen and (min-width: 768px) and (max-width: 991px) { .skin-2 .navbar.navbar-collapse { background-color: transparent; } .skin-2 .navbar.navbar-collapse .navbar-container, .skin-2 .navbar.navbar-collapse:before { background: none repeat scroll 0 0 #c6487e; } } .skin-2 .nav-list > li.disabled:before { display: none !important; } .skin-2 .nav-list > li.disabled > a, .skin-2 .nav-list > li > a.disabled { background-color: #555 !important; color: #ccc !important; } .skin-2 .nav-list > li.disabled > a > .menu-text, .skin-2 .nav-list > li > a.disabled > .menu-text { color: #ccc !important; } .skin-2 .nav-list > li.disabled > a .badge, .skin-2 .nav-list > li.disabled > a .label, .skin-2 .nav-list > li > a.disabled .badge, .skin-2 .nav-list > li > a.disabled .label { background-color: rgba(0, 0, 0, 0.5) !important; } .skin-2 .nav-list > li.active.highlight.disabled > a:after, .skin-2 .nav-list > li.active.highlight > a.disabled:after { -moz-border-left-colors: #555 !important; border-left-color: #555 !important; } .skin-2 .nav-list li .submenu > li.disabled > a, .skin-2 .nav-list li .submenu > li > a.disabled, .skin-2 .nav-list li.disabled .submenu > li > a, .skin-2 .nav-list li > a.disabled + .submenu > li > a { background-color: #666 !important; color: #ddd !important; cursor: not-allowed !important; } .skin-2 .nav-list li .submenu > li.disabled > a > .menu-icon, .skin-2 .nav-list li .submenu > li > a.disabled > .menu-icon, .skin-2 .nav-list li.disabled .submenu > li > a > .menu-icon, .skin-2 .nav-list li > a.disabled + .submenu > li > a > .menu-icon { display: none; } .skin-3 { background-color: #bbb; } .skin-3 .main-container:before { background: -moz-linear-gradient(center top , #eef5fa 0px, #fff 8%) repeat scroll 0 4px / 100% 26px rgba(0, 0, 0, 0); } @media (min-width: 768px) { .skin-3 .main-container.container:before { box-shadow: 0 0 0 1px rgba(50, 100, 200, 0.1); } } .skin-3 .navbar { background: none repeat scroll 0 0 #404040; } .skin-3 .sidebar { background-color: #dbdbdb; border-color: #a4c6dd; border-style: solid; border-width: 0 1px 0 0; } .skin-3 .nav-list > li { border-color: #f2f2f2 !important; } .skin-3 .nav-list > li > a { background-color: #e3e3e3; color: #5a5a5a; } .skin-3 .nav-list > li > a > .arrow { color: inherit; } .skin-3 .nav-list > li > a:focus { background-color: #e8e8e8; color: #5a5a5a; } .skin-3 .nav-list > li:hover { border-color: #95bad2 !important; } .skin-3 .nav-list > li:hover + li { border-top-color: #95bad2 !important; } .skin-3 .nav-list > li.open { border-color: #95bad2 !important; } .skin-3 .nav-list > li.open + li { border-top-color: #95bad2 !important; } .skin-3 .nav-list > li.active, .skin-3 .nav-list > li.active + li { border-color: #a4c6dd !important; } .skin-3 .nav-list > li.active + li:last-child { border-bottom-color: #f2f2f2 !important; } .skin-3 .nav-list > li.active + li:last-child:hover { border-bottom-color: #95bad2 !important; } .skin-3 .nav-list > li:hover > a { background-color: #fff; color: #337dbb; } .skin-3 .nav-list > li.open:hover > a, .skin-3 .nav-list > li.open > a { background-color: #f8f8f8; color: #337dbb; } .skin-3 .nav-list > li.open > a > .arrow { color: inherit; } .skin-3 .nav-list > li.active.highlight > a, .skin-3 .nav-list > li.active > a { background-color: #f3faff !important; color: #4d96cb !important; } .skin-3 .nav-list > li.open:before, .skin-3 .nav-list > li:hover:before { background-color: #4f8ab4 !important; display: block; } .skin-3 .nav-list > li.active:before { background-color: #4d96cb !important; display: block; } .skin-3 .page-content { background-color: transparent; } .skin-3 .infobox-container .infobox:not(.infobox-dark) { background-color: transparent; border-style: solid; } .skin-3 .nav-list > li.active:after { display: none; } .skin-3 .nav-list li.active > a:after { -moz-border-right-colors: #fff; border-right-color: #fff; border-width: 16px 10px; right: -1px; top: 3px; } .skin-3 .nav-list li.active > a:before { -moz-border-right-colors: #91bad6; background-color: transparent; border-color: transparent #91bad6 transparent transparent; border-style: solid; border-width: 16px 10px; content: ""; display: block; position: absolute; right: 0; top: 3px; } .skin-3 .nav-list > li.active > .submenu li.active > a:after, .skin-3 .nav-list > li.active > .submenu li.active > a:before { top: 1px; } .skin-3 .nav-list li.active.open > a:before { display: none; } .skin-3 .nav-list li.active:not(.open) li.active > a:before { display: none !important; } .skin-3 .nav-list > li.highlight.active > a:after { -moz-border-left-colors: #f3faff; border-left-color: #f3faff; } .skin-3 .nav-list > li.highlight.active > a:before { -moz-border-left-colors: #91bad6; border-left-color: #91bad6; } .skin-3 .nav-list li > .arrow:before { -moz-border-right-colors: #7fafcf; border-right-color: #7fafcf; } .skin-3 .nav-list > li .submenu > li.active:not(.open) > a { background-color: #f5f7fa; } .skin-3 .nav-list > li .submenu > li.active:not(.open) > a:hover { background-color: #f1f5f9; } @media only screen and (max-width: 991px) { .skin-3 .sidebar.responsive .nav-list > li.active.open > a:after { display: none; } } @media only screen and (min-width: 992px) { .skin-3 .nav-list li.hover > .submenu { border-color: #99bfd9; } } @media only screen and (min-width: 992px) { .skin-3 .nav-list li.hover.active > a:before { display: block; } .skin-3 .nav-list li.hover .submenu > li.active > a:before { display: none; } } .skin-3 .sidebar.menu-min .nav-list > li > a > .menu-text { background-color: #f1f5f9; border-color: #a4c6dd; } .skin-3 .sidebar.menu-min .nav-list > li.active > a > .menu-text { background-color: #edf3f7; } .skin-3 .sidebar.menu-min .nav-list > li > .submenu { border-color: #c9dae5 #a4c6dd #a4c6dd; } .skin-3 .sidebar.menu-min .nav-list > li.active > .arrow:before { -moz-border-right-colors: #709fbf; border-right-color: #709fbf; } .skin-3 .sidebar.menu-min .nav-list > li > .arrow:after { -moz-border-right-colors: #edf3f7; border-right-color: #edf3f7; } .skin-3 .sidebar.menu-min .nav-list li.active > a:after, .skin-3 .sidebar.menu-min .nav-list li.active > a:before { display: none; } .skin-3 .sidebar.menu-min .nav-list > li.active > a:after, .skin-3 .sidebar.menu-min .nav-list > li.active > a:before { border-width: 9px 7px; display: block; top: 10px; } @media only screen and (max-width: 991px) { .skin-3 .sidebar.menu-min.responsive .nav-list > li.active > a:after, .skin-3 .sidebar.menu-min.responsive .nav-list > li.active > a:before { display: none; } } .skin-3 .sidebar.menu-min .nav-list > li.active.highlight > a:after, .skin-3 .sidebar.menu-min .nav-list > li.active.highlight > a:before { border-width: 20px 0 21px 10px; top: -1px; } .skin-3 .sidebar.menu-min .nav-list > li.active:hover > a:after, .skin-3 .sidebar.menu-min .nav-list > li.active:hover > a:before { display: none; } .skin-3 .sidebar.menu-min .sidebar-shortcuts-large { background-color: #f5f5f5; } @media only screen and (max-width: 991px) { .skin-3 .sidebar.responsive { border-bottom-width: 1px !important; } .skin-3 .sidebar.navbar-collapse { border-bottom-color: #a4c6dd; } .skin-3 .nav-list li.active > a:after, .skin-3 .nav-list li.active > a:before { display: none; } .skin-3 .sidebar.responsive-min .nav-list > li > a > .menu-text { background-color: #f1f5f9; border-color: #a4c6dd; } .skin-3 .sidebar.responsive-min .nav-list > li.active > a > .menu-text { background-color: #edf3f7; } .skin-3 .sidebar.responsive-min .nav-list > li > .submenu { border-color: #c9dae5 #a4c6dd #a4c6dd; } .skin-3 .sidebar.responsive-min .nav-list > li.active > .arrow:before { -moz-border-right-colors: #709fbf; border-right-color: #709fbf; } .skin-3 .sidebar.responsive-min .nav-list > li > .arrow:after { -moz-border-right-colors: #edf3f7; border-right-color: #edf3f7; } .skin-3 .sidebar.responsive-min .nav-list li.active > a:after, .skin-3 .sidebar.responsive-min .nav-list li.active > a:before { display: none; } .skin-3 .sidebar.responsive-min .nav-list > li.active > a:after, .skin-3 .sidebar.responsive-min .nav-list > li.active > a:before { border-width: 9px 7px; display: block; top: 10px; } .skin-3 .sidebar.responsive-min .nav-list > li.active.highlight > a:after, .skin-3 .sidebar.responsive-min .nav-list > li.active.highlight > a:before { border-width: 20px 0 21px 10px; top: -1px; } .skin-3 .sidebar.responsive-min .nav-list > li.active:hover > a:after, .skin-3 .sidebar.responsive-min .nav-list > li.active:hover > a:before { display: none; } .skin-3 .sidebar.responsive-min .sidebar-shortcuts-large { background-color: #f5f5f5; } .skin-3 .sidebar.responsive-max { border-width: 0 1px 1px 0; } .skin-3 .sidebar.responsive-max .nav-list li.hover.active > a:before { display: none; } .skin-3 .sidebar.navbar-collapse .sidebar-shortcuts-large { background-color: transparent; } } @media not all { .skin-3 .sidebar.responsive-min.responsive .nav-list > li.active > a:after, .skin-3 .sidebar.responsive-min.responsive .nav-list > li.active > a:before { display: none; } } .skin-3 .sidebar-shortcuts, .skin-3 .sidebar-shortcuts-mini { background-color: #dbdbdb; } .skin-3 .sidebar-shortcuts-large > .btn:focus { outline: 0 none; } .skin-3 .sidebar > .nav-search { background-color: #dbdbdb; } .skin-3 .sidebar-toggle { background-color: #d0d0d0; border-color: #f2f2f2; } .skin-3 .sidebar-toggle:before { border-color: #f2f2f2; } .skin-3 .sidebar-toggle > .ace-icon { background-color: #fff; border-color: #999; color: #999; } @media only screen and (max-width: 991px) { .skin-3 .sidebar.navbar-collapse .nav-list > li:before { height: 43px !important; } .skin-3 .sidebar.navbar-collapse .sidebar-shortcuts { padding: 0 0 3px !important; } } @media only screen and (min-width: 992px) { .skin-3 .nav-list > li.active.hover:hover > a.dropdown-toggle:after, .skin-3 .nav-list > li.active.hover:hover > a.dropdown-toggle:before { display: none; } } .skin-3 .main-container .menu-toggler { background-color: #62a8d1; color: #fff; } .skin-3 .main-container .menu-toggler:after, .skin-3 .main-container .menu-toggler:before { border-color: #fff; } .skin-3 .main-container .menu-toggler > .toggler-text { -moz-border-top-colors: #62a8d1; border-top-color: #62a8d1; } .skin-3 .main-container .menu-toggler > .toggler-text:after { color: #fff; } .skin-3 .navbar .navbar-toggle { background-color: #648cae; border-color: rgba(255, 255, 255, 0.15); transition: background-color 0.1s ease 0s; } .skin-3 .navbar .navbar-toggle:focus { background-color: #648cae; border-color: rgba(255, 255, 255, 0.15); } .skin-3 .navbar .navbar-toggle:hover { background-color: #5782a7; border-color: rgba(255, 255, 255, 0.15); } .skin-3 .navbar .navbar-toggle.display, .skin-3 .navbar .navbar-toggle[data-toggle="collapse"]:not(.collapsed) { background-color: #507899; border-color: rgba(255, 255, 255, 0.3); } .skin-3 .breadcrumbs { background-color: #e7f2f8; border-radius: 4px; border-width: 0; margin: 8px 8px 0; } .skin-3 .navbar:not(.navbar-fixed-top):not(.h-navbar) + .main-container .breadcrumbs { margin-bottom: 8px; margin-top: auto; top: 8px; } @media only screen and (max-width: 991px) { .skin-3 .breadcrumbs { margin: 5px 5px 0; } .skin-3 .navbar:not(.navbar-fixed-top) + .main-container .breadcrumbs, .skin-3 .navbar:not(.navbar-fixed-top):not(.h-navbar) + .main-container .breadcrumbs { margin-bottom: 5px; margin-top: auto; top: 5px; } .skin-3 .menu-toggler + .sidebar.responsive + .main-content .breadcrumbs { border-radius: 0; margin: 0; top: auto; } } @media (min-width: 992px) { .skin-3 .breadcrumbs.breadcrumbs-fixed + .page-content { padding-top: 57px; } } @media (min-width: 992px) and (max-width: 991px) { .skin-3 .breadcrumbs.breadcrumbs-fixed + .page-content { padding-top: 54px; } .skin-3 .menu-toggler + .sidebar.reponsive + .main-content .breadcrumbs.breadcrumbs-fixed + .page-content { padding-top: 49px; } } @media (min-width: 992px) and (max-width: 991px) { .skin-3 .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed { width: 734px; } } @media (min-width: 992px) and (max-width: 991px) { .skin-3 .container.main-container .breadcrumbs-fixed, .skin-3 .container.main-container .sidebar.menu-min + .main-content .breadcrumbs-fixed { width: 734px; } .skin-3 .container.main-container .sidebar.responsive-min + .main-content .breadcrumbs-fixed { width: 691px; } } @media (min-width: 992px) { .skin-3 .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed { width: 843px; } } @media (min-width: 992px) { .skin-3 .container.main-container .breadcrumbs-fixed { width: 964px; } .skin-3 .container.main-container .sidebar + .main-content .breadcrumbs-fixed { width: 758px; } .skin-3 .container.main-container .sidebar.menu-min + .main-content .breadcrumbs-fixed { width: 905px; } } @media (min-width: 1200px) { .skin-3 .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed { width: 1043px; } } @media (min-width: 1200px) { .skin-3 .container.main-container .breadcrumbs-fixed { width: 1148px; } .skin-3 .container.main-container .sidebar + .main-content .breadcrumbs-fixed { width: 958px; } .skin-3 .container.main-container .sidebar.menu-min + .main-content .breadcrumbs-fixed { width: 1105px; } } @media only screen and (max-width: 991px) { .skin-3 .nav-list li.active > a:after, .skin-3 .nav-list li.active > a:before { display: none; } } .skin-3 .sidebar-shortcuts-large > .btn { border-width: 1px; line-height: 26px; } .skin-3 .sidebar-shortcuts-mini { padding-bottom: 3px; padding-left: 1px; padding-top: 3px; } .skin-3 .sidebar-shortcuts-mini > .btn { border-width: 1px !important; margin: 1px 1px 0 0; opacity: 1; padding: 7px !important; } @media only screen and (min-width: 992px) { .skin-3 .sidebar.h-sidebar { background-color: #e3e3e3; } .skin-3 .sidebar.h-sidebar:before { background-color: #cbd0d6; border-bottom-width: 0; } .skin-3 .sidebar.h-sidebar .sidebar-shortcuts-mini > .btn { padding: 8px !important; } .skin-3 .sidebar.h-sidebar .sidebar-shortcuts-large { background-color: #fff; line-height: 36px; } .skin-3 .sidebar.h-sidebar + .main-content .breadcrumbs { border-color: #d5e7f1; top: 2px; } .skin-3 .sidebar.h-sidebar .nav-list > li.hover > .submenu { border-color: #a4c6dd; } .skin-3 .sidebar.h-sidebar .nav-list > li { border-color: #f2f2f2; } .skin-3 .sidebar.h-sidebar .nav-list > li:hover { border-color: #95bad2; } .skin-3 .sidebar.h-sidebar .nav-list > li.active { border-color: #a4c6dd; } .skin-3 .sidebar.h-sidebar .nav-list > li.active > a:after { -moz-border-bottom-colors: #fff; -moz-border-right-colors: none; border-color: transparent transparent #fff; border-width: 8px 7px !important; bottom: -2px; left: 50%; margin-left: -7px; right: auto; top: auto; } .skin-3 .sidebar.h-sidebar .nav-list > li.active > a:before { -moz-border-bottom-colors: #74add7; -moz-border-right-colors: none; border-color: transparent transparent #74add7; border-width: 8px !important; bottom: -1px; display: block; left: 50%; margin-left: -8px !important; right: auto; top: auto; } .skin-3 .sidebar.h-sidebar .nav-list > li.hover > .arrow:before { -moz-border-bottom-colors: #7fafcf; -moz-border-right-colors: none; border-bottom-color: #7fafcf; border-right-color: transparent; } } .skin-3 .sidebar-scroll .sidebar-shortcuts { } .skin-3 .sidebar-scroll .sidebar-toggle { border-top-color: #99b6c9; } .skin-3 .sidebar-scroll .scroll-track { background-color: transparent; } .skin-3 .sidebar-scroll .scroll-bar { background-color: rgba(0, 0, 0, 0.2); } @media only screen and (min-width: 768px) and (max-width: 991px) { .skin-3 .navbar.navbar-collapse { background-color: transparent; } .skin-3 .navbar.navbar-collapse .navbar-container, .skin-3 .navbar.navbar-collapse:before { background: none repeat scroll 0 0 #404040; } } .skin-3 .nav-list > li.disabled:before { display: none !important; }