Put_MES/APP/QMAPP.Web/Scripts/bootstrap-ace/css/uncompressed/ace-skins.css

/* skin 1 */
.skin-1 {
  background-color: #4a4f56;
}
.skin-1 .navbar {
  background: #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 > a,
.skin-1 .nav-list > li.open:hover > a {
  color: #85c0ec;
  background-color: #222a2d;
}
.skin-1 .nav-list > li.active > a,
.skin-1 .nav-list > li.active:hover > a {
  background-color: #141a1b;
  color: #7bb7e5;
}
.skin-1 .nav-list > li:hover:before {
  background-color: #629cc9;
}
.skin-1 .nav-list > li.active:before {
  display: block;
  background-color: #4d96c6;
}
.skin-1 .nav-list li.active > a:after {
  border-width: 16px 10px;
  border-right-color: #FFF;
  -moz-border-right-colors: #FFF;
  top: 3px;
  right: 0;
}
.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 {
  border-top-style: solid;
  border-top-color: #454d4e;
  background-color: #333d3f;
}
.skin-1 .nav-list > li .submenu > li > a:hover {
  background-color: #2d3638;
}
.skin-1 .nav-list > li.active .submenu > li > a {
  border-top-color: #222526;
  background-color: #181e20;
}
.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 {
  color: #7bb7e5;
  background-color: #161b1d;
}
.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 {
  border-right-color: transparent;
  -moz-border-right-colors: none;
  border-left-color: #141a1b;
  -moz-border-left-colors: #141a1b;
  border-width: 20px 0 20px 10px;
  z-index: 1;
  top: 0;
  right: -10px;
  display: block;
}
.skin-1 .sidebar-shortcuts,
.skin-1 .sidebar-shortcuts-mini {
  background-color: #222a2d;
  border-color: #3f4e54;
}
.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;
  color: #aaaaaa;
  border-color: #aaaaaa;
}
.skin-1 .breadcrumbs {
  border-width: 0;
  background-color: #f0f0f0;
}
@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;
    -webkit-box-shadow: none;
    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 > a > .menu-text,
.skin-1 .sidebar.menu-min .nav-list > li > .submenu {
  border-width: 0;
  border-left: 1px solid #181d1f;
  -webkit-box-shadow: none;
  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-top-color: #3b4547;
  border-left-color: #305675;
}
.skin-1 .sidebar.menu-min .nav-list > li > .arrow:after {
  border-right-color: #414b51;
  -moz-border-right-colors: #414b51;
}
.skin-1 .sidebar.menu-min .nav-list > li > .arrow:before {
  border-right-color: #111415;
  -moz-border-right-colors: #242a2b;
}
.skin-1 .sidebar.menu-min .nav-list > li.active > .arrow:after {
  border-right-color: #242a2b;
  -moz-border-right-colors: #242a2b;
}
.skin-1 .sidebar.menu-min .nav-list > li.active > .arrow:before {
  border-right-color: #50a0dd;
  -moz-border-right-colors: #50a0dd;
}
.skin-1 .sidebar.menu-min .sidebar-shortcuts-large {
  background-color: #222a2d;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-width: 0;
  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 > a > .menu-text,
  .skin-1 .sidebar.responsive-min .nav-list > li > .submenu {
    border-width: 0;
    border-left: 1px solid #181d1f;
    -webkit-box-shadow: none;
    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-top-color: #3b4547;
    border-left-color: #305675;
  }
  .skin-1 .sidebar.responsive-min .nav-list > li > .arrow:after {
    border-right-color: #414b51;
    -moz-border-right-colors: #414b51;
  }
  .skin-1 .sidebar.responsive-min .nav-list > li > .arrow:before {
    border-right-color: #111415;
    -moz-border-right-colors: #242a2b;
  }
  .skin-1 .sidebar.responsive-min .nav-list > li.active > .arrow:after {
    border-right-color: #242a2b;
    -moz-border-right-colors: #242a2b;
  }
  .skin-1 .sidebar.responsive-min .nav-list > li.active > .arrow:before {
    border-right-color: #50a0dd;
    -moz-border-right-colors: #50a0dd;
  }
  .skin-1 .sidebar.responsive-min .sidebar-shortcuts-large {
    background-color: #222a2d;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-width: 0;
    top: 0;
  }
}
.skin-1 .nav-list li.hover > .submenu {
  padding-left: 0;
  padding-bottom: 2px;
  padding-right: 0;
  border-color: #232828;
}
.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.hover.active > .submenu,
.skin-1 .nav-list li.active > .submenu 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 {
    color: #e1eaf1;
    background-color: #414b51;
  }
  .skin-1 .sidebar.navbar-collapse .nav-list > li.active.hover:hover > a {
    color: #7bb7e5;
    background-color: #141a1b;
  }
  .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 (max-width: 991px) {
  .skin-1 .sidebar.navbar-collapse {
    /**.nav-list li li:hover > a {
		background-color: @submenu-item-background;
	}
	.nav-list li li > a:hover,
	.nav-list li li.open > a:hover {
		background-color: @submenu-item-hover-background;
	}

	.nav-list > li.active li:hover > a {
		background-color: @submenu-item-background-active;
	}
	.nav-list > li.active li > a:hover {
		background-color: @submenu-item-background-active-hover;
	}*/
  }
  .skin-1 .sidebar.navbar-collapse .nav-list li.hover > .submenu {
    padding-bottom: 0;
  }
  .skin-1 .sidebar.navbar-collapse .nav-list li.hover > .submenu {
    border-top-color: #505a5b;
  }
  .skin-1 .sidebar.navbar-collapse .nav-list li.hover.active > .submenu {
    border-top-color: #2f3e44;
  }
  .skin-1 .sidebar.navbar-collapse .nav-list li.hover.active > .submenu,
  .skin-1 .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu,
  .skin-1 .sidebar.navbar-collapse .nav-list li.active > .submenu li.hover.active > .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;
}
.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 {
  border-right-color: #353c3d;
  -moz-border-right-colors: #353c3d;
}
.skin-1 .nav-list li > .arrow:before {
  border-right-color: #1d2122;
  -moz-border-right-colors: #1d2122;
}
.skin-1 .nav-list > li.active > .arrow:after {
  border-right-color: #171e1f;
  -moz-border-right-colors: #171e1f;
}
.skin-1 .nav-list > li.active > .arrow:before {
  border-right-color: #50a0dd;
  -moz-border-right-colors: #50a0dd;
}
.skin-1 .nav-list > li.active > .submenu li.hover > .arrow:before {
  border-right-color: #4f6e86;
  -moz-border-right-colors: #8fb6d5;
}
.skin-1 .nav-list > li.active > .submenu li.hover.active > .arrow:before {
  border-right-color: #305675;
  -moz-border-right-colors: #2290e9;
}
.skin-1 .nav-list > li.active > .submenu li.hover > .arrow:after {
  border-right-color: #171e1f;
  -moz-border-right-colors: #171e1f;
}
.skin-1 .nav-list li.pull_up > .arrow:after {
  border-right-color: #353c3d !important;
  -moz-border-right-colors: #353c3d !important;
}
.skin-1 .nav-list li.pull_up > .arrow:before {
  border-right-color: #1d2122 !important;
  -moz-border-right-colors: #1d2122 !important;
}
.skin-1 .nav-list li.pull_up.active > .arrow:after {
  border-right-color: #171e1f !important;
  -moz-border-right-colors: #171e1f !important;
}
.skin-1 .nav-list li.pull_up.active > .arrow:before {
  border-right-color: #50a0dd !important;
  -moz-border-right-colors: #50a0dd !important;
}
.skin-1 .main-container .menu-toggler {
  background-color: #444444;
}
.skin-1 .main-container .menu-toggler:before {
  border-top-color: #87b87f;
  border-bottom-color: #6fb3e0;
}
.skin-1 .main-container .menu-toggler:after {
  border-top-color: #ffa24d;
  border-bottom-color: #d15b47;
}
.skin-1 .main-container .menu-toggler > .toggler-text {
  border-top-color: #444444;
  -moz-border-top-colors: #444444;
}
.skin-1.display {
  background-color: #5d82a2;
}
.skin-1.display:before {
  border-top-color: #b5d3b0;
  border-bottom-color: #aed4ee;
}
.skin-1.display:after {
  border-top-color: #ffca9a;
  border-bottom-color: #e09284;
}
.skin-1.display > .toggler-text {
  border-top-color: #5d82a2;
  -moz-border-top-colors: #5d82a2;
}
.skin-1 .navbar .navbar-toggle {
  transition: background-color 0.1s ease 0s;
  background-color: #4D9DCC;
}
.skin-1 .navbar .navbar-toggle:focus {
  background-color: #4D9DCC;
}
.skin-1 .navbar .navbar-toggle:hover {
  background-color: #3992c6;
}
.skin-1 .navbar .navbar-toggle.display,
.skin-1 .navbar .navbar-toggle[data-toggle=collapse]:not(.collapsed) {
  background-color: #3384b3;
}
@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-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: #FFF;
    border-color: transparent transparent #FFF;
    border-width: 8px;
    top: auto;
    bottom: 0;
    right: auto;
    left: 50%;
    margin-left: -8px;
    content: "";
    display: block;
  }
  .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-top-color: #305675;
    border-left-color: #232828;
  }
  .skin-1 .sidebar.h-sidebar .sidebar-shortcuts-large {
    background-color: #222a2d;
    border: 1px solid #232828;
    border-top-color: #305675;
    top: 100%;
  }
  .skin-1 .sidebar.h-sidebar .nav-list > li > .arrow:after {
    border-right-color: transparent;
    -moz-border-right-colors: none;
    border-bottom-color: #353c3d;
    -moz-border-bottom-colors: #353c3d;
  }
  .skin-1 .sidebar.h-sidebar .nav-list > li > .arrow:before {
    -moz-border-right-colors: none;
    border-right-color: transparent;
    border-bottom-color: #191c1c;
    -moz-border-bottom-colors: #222727;
  }
  .skin-1 .sidebar.h-sidebar .nav-list > li.active > .arrow:before,
  .skin-1 .sidebar.h-sidebar .sidebar-shortcuts-large:before {
    border-right-color: transparent;
    -moz-border-right-colors: none;
    border-bottom-color: #50a0dd;
    -moz-border-bottom-colors: #216ca6;
  }
  .skin-1 .sidebar.h-sidebar .nav-list > li.active > .arrow:after,
  .skin-1 .sidebar.h-sidebar .sidebar-shortcuts-large:after {
    border-right-color: transparent;
    -moz-border-right-colors: none;
    border-bottom-color: #171e1f;
    -moz-border-bottom-colors: #171e1f;
  }
  .skin-1 .sidebar.h-sidebar .sidebar-shortcuts-large:after {
    border-bottom-color: #222a2d;
    -moz-border-bottom-colors: #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: #CCC;
  background-color: rgba(255, 255, 255, 0.45);
}
.skin-1 .scrollout .scroll-track {
  background-color: transparent;
}
.skin-1 .scrollout .scroll-bar {
  background-color: #CCC;
  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:before,
  .skin-1 .navbar.navbar-collapse .navbar-container {
    background: #2c6aa0;
  }
}
.skin-2 {
  background-color: #5c5c5c;
}
.skin-2 .navbar {
  background: #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 > .menu-text,
.skin-2 .nav-list > li > a > .arrow {
  color: #e1e1e1;
}
.skin-2 .nav-list > li:hover > a {
  background-color: #bd5289;
}
.skin-2 .nav-list > li:hover > a > .menu-text {
  font-weight: bold;
  color: #ffffff;
  color: rgba(0, 0, 0, 0.6);
}
.skin-2 .nav-list > li:hover > a > .menu-icon,
.skin-2 .nav-list > li:hover > a > .arrow {
  color: #ffffff;
}
.skin-2 .nav-list > li.open > a {
  background-color: #bd5289;
}
.skin-2 .nav-list > li.open > a > .menu-text {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.6);
}
.skin-2 .nav-list > li.open > a > .menu-icon,
.skin-2 .nav-list > li.open > a > .arrow {
  color: #ffffff;
}
.skin-2 .nav-list > li.active > a {
  background-color: #242424;
  color: #ffffff;
}
.skin-2 .nav-list > li.active > a > .menu-icon {
  color: inherit;
}
.skin-2 .nav-list > li.active > a > .menu-text,
.skin-2 .nav-list > li.active > a > .arrow {
  color: #ffffff;
}
.skin-2 .nav-list > li.active:hover > a,
.skin-2 .nav-list > li.active:not(.highlight):hover > a,
.skin-2 .nav-list > li.active.open > a,
.skin-2 .nav-list > li.active.open: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: #ffffff;
}
.skin-2 .nav-list li.active > a:after {
  border-width: 16px 10px;
  border-right-color: #FFF;
  -moz-border-right-colors: #FFF;
  top: 3px;
  right: 0;
}
.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 {
  top: 0;
  height: 39px;
}
.skin-2 .nav-list > li.active:before {
  display: block;
  background-color: #ce7da7;
}
.skin-2 .nav-list > li.active.highlight:before,
.skin-2 .nav-list > li:before {
  background-color: #dea8c4;
}
.skin-2 .nav-list > li > .submenu {
  border-top-width: 0;
  background-color: #45303b;
}
.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 {
  border-top: 1px solid;
  border-top-color: #555;
  border-top-color: rgba(255, 255, 255, 0.08);
  background-color: transparent;
}
.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: #eeeeee;
}
.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: bold;
}
.skin-2 .nav-list > li > .submenu > li.active > a > .menu-icon {
  color: inherit;
  background-color: transparent;
}
.skin-2 .nav-list li .submenu li > a {
  color: #eeeeee;
  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;
}
.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 {
  margin-left: 0;
  padding-left: 37px;
  padding-top: 8px;
  padding-bottom: 10px;
  border-top-width: 0;
}
.skin-2 .nav-list > li > .submenu li > .submenu > li > .submenu > li > a {
  margin-left: 0;
  padding-left: 51px;
}
.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:hover > a,
.skin-2 .nav-list > li > .submenu li.active > a,
.skin-2 .nav-list > li > .submenu li.open > a {
  color: #da81af;
}
.skin-2 .nav-list > li > .submenu li > a > .ace-icon {
  background-color: transparent;
}
.skin-2 .nav-list > li:hover:not(.active) > a .badge,
.skin-2 .nav-list > li.open:not(.active) > a .badge,
.skin-2 .nav-list > li.active.highlight .badge,
.skin-2 .nav-list > li:hover:not(.active) > a .label,
.skin-2 .nav-list > li.open:not(.active) > a .label,
.skin-2 .nav-list > li.active.highlight .label {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.skin-2 .nav-list > li:hover:not(.active) > a .badge.badge-transparent,
.skin-2 .nav-list > li.open:not(.active) > a .badge.badge-transparent,
.skin-2 .nav-list > li.active.highlight .badge.badge-transparent,
.skin-2 .nav-list > li:hover:not(.active) > a .label.label-transparent,
.skin-2 .nav-list > li.open:not(.active) > a .label.label-transparent,
.skin-2 .nav-list > li.active.highlight .label.label-transparent {
  color: rgba(255, 255, 255, 0.8) !important;
  background-color: transparent !important;
}
.skin-2 .nav-list > li:hover:not(.active) > a .badge.badge-transparent .ace-icon,
.skin-2 .nav-list > li.open:not(.active) > a .badge.badge-transparent .ace-icon,
.skin-2 .nav-list > li.active.highlight .badge.badge-transparent .ace-icon,
.skin-2 .nav-list > li:hover:not(.active) > a .label.label-transparent .ace-icon,
.skin-2 .nav-list > li.open:not(.active) > a .label.label-transparent .ace-icon,
.skin-2 .nav-list > li.active.highlight .label.label-transparent .ace-icon {
  color: rgba(255, 255, 255, 0.8) !important;
}
.skin-2 .nav-list li > .arrow:after {
  border-right-color: #45303b;
  -moz-border-right-colors: #45303b;
}
.skin-2 .nav-list li > .arrow:before {
  border-right-color: #191919;
  -moz-border-right-colors: #191919;
}
.skin-2 .nav-list > li.pull_up > .arrow:after {
  border-right-color: #45303b !important;
  -moz-border-right-colors: #45303b !important;
}
.skin-2 .nav-list > li.pull_up > .arrow:before {
  border-right-color: #191919 !important;
  -moz-border-right-colors: #191919 !important;
}
.skin-2 .nav-list > li.active.highlight > a:after {
  border-right-color: transparent;
  -moz-border-right-colors: none;
  border-left-color: #bd5289;
  -moz-border-left-colors: #bd5289;
  border-width: 20px 0 20px 10px;
  z-index: 1;
  top: 0;
  right: -10px;
  display: block;
}
.skin-2 .nav-list > li:nth-child( 1) > a {
  color: #00be67;
}
.skin-2 .nav-list > li:nth-child( 1):hover > a,
.skin-2 .nav-list > li.open:nth-child( 1) > a {
  background-color: #18a665;
}
.skin-2 .nav-list > li:nth-child( 1) > .submenu {
  background-color: #2a4137;
}
.skin-2 .nav-list > li:nth-child( 1) > .arrow:after,
.skin-2 .nav-list > li:nth-child( 1) li > .arrow:after {
  border-right-color: #2a4137;
  -moz-border-right-colors: #2a4137;
}
.skin-2 .nav-list > li.pull_up:nth-child( 1) > .arrow:after {
  border-right-color: #2a4137 !important;
  -moz-border-right-colors: #2a4137 !important;
}
.skin-2 .nav-list > li:nth-child( 1) > .submenu li:hover > a,
.skin-2 .nav-list > li:nth-child( 1) > .submenu li.active > a,
.skin-2 .nav-list > li:nth-child( 1) > .submenu li.open > a {
  color: #1eed8e;
}
.skin-2 .nav-list > li.active:nth-child( 1):before {
  background-color: #ce7da7;
  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:nth-child( 2):hover > a,
.skin-2 .nav-list > li.open:nth-child( 2) > a {
  background-color: #6ab14a;
}
.skin-2 .nav-list > li:nth-child( 2) > .submenu {
  background-color: #36432f;
}
.skin-2 .nav-list > li:nth-child( 2) > .arrow:after,
.skin-2 .nav-list > li:nth-child( 2) li > .arrow:after {
  border-right-color: #36432f;
  -moz-border-right-colors: #36432f;
}
.skin-2 .nav-list > li.pull_up:nth-child( 2) > .arrow:after {
  border-right-color: #36432f !important;
  -moz-border-right-colors: #36432f !important;
}
.skin-2 .nav-list > li:nth-child( 2) > .submenu li:hover > a,
.skin-2 .nav-list > li:nth-child( 2) > .submenu li.active > a,
.skin-2 .nav-list > li:nth-child( 2) > .submenu li.open > a {
  color: #92d275;
}
.skin-2 .nav-list > li.active:nth-child( 2):before {
  background-color: #ce7da7;
  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:nth-child( 3):hover > a,
.skin-2 .nav-list > li.open:nth-child( 3) > a {
  background-color: #98bc1b;
}
.skin-2 .nav-list > li:nth-child( 3) > .submenu {
  background-color: #3e442a;
}
.skin-2 .nav-list > li:nth-child( 3) > .arrow:after,
.skin-2 .nav-list > li:nth-child( 3) li > .arrow:after {
  border-right-color: #3e442a;
  -moz-border-right-colors: #3e442a;
}
.skin-2 .nav-list > li.pull_up:nth-child( 3) > .arrow:after {
  border-right-color: #3e442a !important;
  -moz-border-right-colors: #3e442a !important;
}
.skin-2 .nav-list > li:nth-child( 3) > .submenu li:hover > a,
.skin-2 .nav-list > li:nth-child( 3) > .submenu li.active > a,
.skin-2 .nav-list > li:nth-child( 3) > .submenu li.open > a {
  color: #c5ef35;
}
.skin-2 .nav-list > li.active:nth-child( 3):before {
  background-color: #ce7da7;
  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:nth-child( 4):hover > a,
.skin-2 .nav-list > li.open:nth-child( 4) > a {
  background-color: #b7c51c;
}
.skin-2 .nav-list > li:nth-child( 4) > .submenu {
  background-color: #43452a;
}
.skin-2 .nav-list > li:nth-child( 4) > .arrow:after,
.skin-2 .nav-list > li:nth-child( 4) li > .arrow:after {
  border-right-color: #43452a;
  -moz-border-right-colors: #43452a;
}
.skin-2 .nav-list > li.pull_up:nth-child( 4) > .arrow:after {
  border-right-color: #43452a !important;
  -moz-border-right-colors: #43452a !important;
}
.skin-2 .nav-list > li:nth-child( 4) > .submenu li:hover > a,
.skin-2 .nav-list > li:nth-child( 4) > .submenu li.active > a,
.skin-2 .nav-list > li:nth-child( 4) > .submenu li.open > a {
  color: #e0ef3e;
}
.skin-2 .nav-list > li.active:nth-child( 4):before {
  background-color: #ce7da7;
  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:nth-child( 5):hover > a,
.skin-2 .nav-list > li.open:nth-child( 5) > a {
  background-color: #d9b41f;
}
.skin-2 .nav-list > li:nth-child( 5) > .submenu {
  background-color: #48422a;
}
.skin-2 .nav-list > li:nth-child( 5) > .arrow:after,
.skin-2 .nav-list > li:nth-child( 5) li > .arrow:after {
  border-right-color: #48422a;
  -moz-border-right-colors: #48422a;
}
.skin-2 .nav-list > li.pull_up:nth-child( 5) > .arrow:after {
  border-right-color: #48422a !important;
  -moz-border-right-colors: #48422a !important;
}
.skin-2 .nav-list > li:nth-child( 5) > .submenu li:hover > a,
.skin-2 .nav-list > li:nth-child( 5) > .submenu li.active > a,
.skin-2 .nav-list > li:nth-child( 5) > .submenu li.open > a {
  color: #f1d153;
}
.skin-2 .nav-list > li.active:nth-child( 5):before {
  background-color: #ce7da7;
  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:nth-child( 6):hover > a,
.skin-2 .nav-list > li.open:nth-child( 6) > a {
  background-color: #dfa020;
}
.skin-2 .nav-list > li:nth-child( 6) > .submenu {
  background-color: #493f2a;
}
.skin-2 .nav-list > li:nth-child( 6) > .arrow:after,
.skin-2 .nav-list > li:nth-child( 6) li > .arrow:after {
  border-right-color: #493f2a;
  -moz-border-right-colors: #493f2a;
}
.skin-2 .nav-list > li.pull_up:nth-child( 6) > .arrow:after {
  border-right-color: #493f2a !important;
  -moz-border-right-colors: #493f2a !important;
}
.skin-2 .nav-list > li:nth-child( 6) > .submenu li:hover > a,
.skin-2 .nav-list > li:nth-child( 6) > .submenu li.active > a,
.skin-2 .nav-list > li:nth-child( 6) > .submenu li.open > a {
  color: #f2c05a;
}
.skin-2 .nav-list > li.active:nth-child( 6):before {
  background-color: #ce7da7;
  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:nth-child( 7):hover > a,
.skin-2 .nav-list > li.open:nth-child( 7) > a {
  background-color: #df7220;
}
.skin-2 .nav-list > li:nth-child( 7) > .submenu {
  background-color: #49372a;
}
.skin-2 .nav-list > li:nth-child( 7) > .arrow:after,
.skin-2 .nav-list > li:nth-child( 7) li > .arrow:after {
  border-right-color: #49372a;
  -moz-border-right-colors: #49372a;
}
.skin-2 .nav-list > li.pull_up:nth-child( 7) > .arrow:after {
  border-right-color: #49372a !important;
  -moz-border-right-colors: #49372a !important;
}
.skin-2 .nav-list > li:nth-child( 7) > .submenu li:hover > a,
.skin-2 .nav-list > li:nth-child( 7) > .submenu li.active > a,
.skin-2 .nav-list > li:nth-child( 7) > .submenu li.open > a {
  color: #f29b5a;
}
.skin-2 .nav-list > li.active:nth-child( 7):before {
  background-color: #ce7da7;
  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:nth-child( 8):hover > a,
.skin-2 .nav-list > li.open:nth-child( 8) > a {
  background-color: #d43a48;
}
.skin-2 .nav-list > li:nth-child( 8) > .submenu {
  background-color: #472e30;
}
.skin-2 .nav-list > li:nth-child( 8) > .arrow:after,
.skin-2 .nav-list > li:nth-child( 8) li > .arrow:after {
  border-right-color: #472e30;
  -moz-border-right-colors: #472e30;
}
.skin-2 .nav-list > li.pull_up:nth-child( 8) > .arrow:after {
  border-right-color: #472e30 !important;
  -moz-border-right-colors: #472e30 !important;
}
.skin-2 .nav-list > li:nth-child( 8) > .submenu li:hover > a,
.skin-2 .nav-list > li:nth-child( 8) > .submenu li.active > a,
.skin-2 .nav-list > li:nth-child( 8) > .submenu li.open > a {
  color: #ea717c;
}
.skin-2 .nav-list > li.active:nth-child( 8):before {
  background-color: #ce7da7;
  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:nth-child( 9):hover > a,
.skin-2 .nav-list > li.open:nth-child( 9) > a {
  background-color: #bd5289;
}
.skin-2 .nav-list > li:nth-child( 9) > .submenu {
  background-color: #45303b;
}
.skin-2 .nav-list > li:nth-child( 9) > .arrow:after,
.skin-2 .nav-list > li:nth-child( 9) li > .arrow:after {
  border-right-color: #45303b;
  -moz-border-right-colors: #45303b;
}
.skin-2 .nav-list > li.pull_up:nth-child( 9) > .arrow:after {
  border-right-color: #45303b !important;
  -moz-border-right-colors: #45303b !important;
}
.skin-2 .nav-list > li:nth-child( 9) > .submenu li:hover > a,
.skin-2 .nav-list > li:nth-child( 9) > .submenu li.active > a,
.skin-2 .nav-list > li:nth-child( 9) > .submenu li.open > 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:nth-child( 10):hover > a,
.skin-2 .nav-list > li.open:nth-child( 10) > a {
  background-color: #b975d0;
}
.skin-2 .nav-list > li:nth-child( 10) > .submenu {
  background-color: #423646;
}
.skin-2 .nav-list > li:nth-child( 10) > .arrow:after,
.skin-2 .nav-list > li:nth-child( 10) li > .arrow:after {
  border-right-color: #423646;
  -moz-border-right-colors: #423646;
}
.skin-2 .nav-list > li.pull_up:nth-child( 10) > .arrow:after {
  border-right-color: #423646 !important;
  -moz-border-right-colors: #423646 !important;
}
.skin-2 .nav-list > li:nth-child( 10) > .submenu li:hover > a,
.skin-2 .nav-list > li:nth-child( 10) > .submenu li.active > a,
.skin-2 .nav-list > li:nth-child( 10) > .submenu li.open > a {
  color: #d9a9e9;
}
.skin-2 .nav-list > li.active:nth-child( 10):before {
  background-color: #ce7da7;
  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:nth-child( 11):hover > a,
.skin-2 .nav-list > li.open:nth-child( 11) > a {
  background-color: #3f8ad0;
}
.skin-2 .nav-list > li:nth-child( 11) > .submenu {
  background-color: #2e3b47;
}
.skin-2 .nav-list > li:nth-child( 11) > .arrow:after,
.skin-2 .nav-list > li:nth-child( 11) li > .arrow:after {
  border-right-color: #2e3b47;
  -moz-border-right-colors: #2e3b47;
}
.skin-2 .nav-list > li.pull_up:nth-child( 11) > .arrow:after {
  border-right-color: #2e3b47 !important;
  -moz-border-right-colors: #2e3b47 !important;
}
.skin-2 .nav-list > li:nth-child( 11) > .submenu li:hover > a,
.skin-2 .nav-list > li:nth-child( 11) > .submenu li.active > a,
.skin-2 .nav-list > li:nth-child( 11) > .submenu li.open > a {
  color: #74b0e7;
}
.skin-2 .nav-list > li.active:nth-child( 11):before {
  background-color: #ce7da7;
  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:nth-child( 12):hover > a,
.skin-2 .nav-list > li.open:nth-child( 12) > a {
  background-color: #4bb9ca;
}
.skin-2 .nav-list > li:nth-child( 12) > .submenu {
  background-color: #304346;
}
.skin-2 .nav-list > li:nth-child( 12) > .arrow:after,
.skin-2 .nav-list > li:nth-child( 12) li > .arrow:after {
  border-right-color: #304346;
  -moz-border-right-colors: #304346;
}
.skin-2 .nav-list > li.pull_up:nth-child( 12) > .arrow:after {
  border-right-color: #304346 !important;
  -moz-border-right-colors: #304346 !important;
}
.skin-2 .nav-list > li:nth-child( 12) > .submenu li:hover > a,
.skin-2 .nav-list > li:nth-child( 12) > .submenu li.active > a,
.skin-2 .nav-list > li:nth-child( 12) > .submenu li.open > a {
  color: #7ed6e3;
}
.skin-2 .nav-list > li.active:nth-child( 12):before {
  background-color: #ce7da7;
  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 {
    border-bottom-color: #2a4137;
    -moz-border-bottom-colors: #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 {
    border-bottom-color: #36432f;
    -moz-border-bottom-colors: #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 {
    border-bottom-color: #3e442a;
    -moz-border-bottom-colors: #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 {
    border-bottom-color: #43452a;
    -moz-border-bottom-colors: #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 {
    border-bottom-color: #48422a;
    -moz-border-bottom-colors: #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 {
    border-bottom-color: #493f2a;
    -moz-border-bottom-colors: #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 {
    border-bottom-color: #49372a;
    -moz-border-bottom-colors: #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 {
    border-bottom-color: #472e30;
    -moz-border-bottom-colors: #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 {
    border-bottom-color: #45303b;
    -moz-border-bottom-colors: #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 {
    border-bottom-color: #423646;
    -moz-border-bottom-colors: #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 {
    border-bottom-color: #2e3b47;
    -moz-border-bottom-colors: #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 {
    border-bottom-color: #304346;
    -moz-border-bottom-colors: #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 {
  border-left-color: #18a665;
  -moz-border-left-colors: #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 {
  border-left-color: #6ab14a;
  -moz-border-left-colors: #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 {
  border-left-color: #98bc1b;
  -moz-border-left-colors: #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 {
  border-left-color: #b7c51c;
  -moz-border-left-colors: #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 {
  border-left-color: #d9b41f;
  -moz-border-left-colors: #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 {
  border-left-color: #dfa020;
  -moz-border-left-colors: #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 {
  border-left-color: #df7220;
  -moz-border-left-colors: #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 {
  border-left-color: #d43a48;
  -moz-border-left-colors: #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 {
  border-left-color: #bd5289;
  -moz-border-left-colors: #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 {
  border-left-color: #b975d0;
  -moz-border-left-colors: #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 {
  border-left-color: #3f8ad0;
  -moz-border-left-colors: #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 {
  border-left-color: #4bb9ca;
  -moz-border-left-colors: #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: 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 {
  background-color: #393939;
}
.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: #333333;
  border-color: #aaaaaa;
  color: #aaaaaa;
}
.skin-2 .breadcrumbs {
  border-width: 0;
  background-color: #e7f2f8;
  border-radius: 4px;
  margin: 8px 8px 0;
}
.skin-2 .navbar:not(.navbar-fixed-top):not(.h-navbar) + .main-container .breadcrumbs {
  margin-top: auto;
  top: 8px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px) {
  .skin-2 .breadcrumbs {
    margin: 5px 5px 0;
  }
  .skin-2 .navbar:not(.navbar-fixed-top):not(.h-navbar) + .main-container .breadcrumbs,
  .skin-2 .navbar:not(.navbar-fixed-top) + .main-container .breadcrumbs {
    margin-top: auto;
    top: 5px;
    margin-bottom: 5px;
  }
  .skin-2 .menu-toggler + .sidebar.responsive + .main-content .breadcrumbs {
    margin: 0;
    top: auto;
    border-radius: 0;
  }
}
@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 .breadcrumbs-fixed {
    width: 734px;
  }
  .skin-2 .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed {
    width: 734px;
  }
  .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 .breadcrumbs-fixed {
    width: 758px;
  }
  .skin-2 .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed {
    width: 843px;
  }
  .skin-2 .container.main-container .sidebar.menu-min + .main-content .breadcrumbs-fixed {
    width: 905px;
  }
}
@media (min-width: 1200px) {
  .skin-2 .container.main-container .breadcrumbs-fixed {
    width: 958px;
  }
  .skin-2 .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed {
    width: 1043px;
  }
  .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;
    -webkit-box-shadow: none;
    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: #ffffff;
}
.skin-2 .sidebar.menu-min .nav-list > li > a > .menu-text {
  background-color: inherit;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.6);
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: #333;
  border-color: rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: none;
  box-shadow: none;
  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-style: solid;
  border-width: 1px 0 0 1px;
  border-color: #444;
  border-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: none;
  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;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-width: 0 0 0 1px;
  top: 0;
  border-color: #666;
}
.skin-2 .sidebar.menu-min .nav-list > li > .arrow:after,
.skin-2 .sidebar.menu-min .nav-list > li.active.highlight > .arrow:after {
  border-right-color: #bd5289;
  -moz-border-right-colors: #bd5289;
}
.skin-2 .sidebar.menu-min .nav-list > li > .arrow:before,
.skin-2 .sidebar.menu-min .nav-list > li.active.highlight > .arrow:before {
  border-right-color: #333;
  border-right-color: rgba(0, 0, 0, 0.7);
  -moz-border-right-colors: rgba(0, 0, 0, 0.7);
}
.skin-2 .sidebar.menu-min.h-sidebar .nav-list > li.active.highlight > .arrow:after {
  border-right-color: transparent;
  border-bottom-color: #bd5289;
}
.skin-2 .sidebar.menu-min.h-sidebar .nav-list > li.active.highlight > .arrow:before {
  border-right-color: transparent;
  -moz-border-right-colors: none;
  border-bottom-color: #191919;
  -moz-border-bottom-colors: #191919;
}
.skin-2 .sidebar.menu-min .nav-list > li > a > .menu-text,
.skin-2 .sidebar.menu-min .nav-list > li.active.highlight > a > .menu-text {
  border-left-color: #333;
  border-left-color: rgba(0, 0, 0, 0.5);
}
.skin-2 .sidebar.menu-min .nav-list > li.pull_up > a > .menu-text,
.skin-2 .sidebar.menu-min .nav-list > li.pull_up.active.highlight > a > .menu-text {
  border-left-color: #222;
  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:nth-child( 1) > .arrow:after,
.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 1) > .arrow:after {
  border-right-color: #18a665;
  -moz-border-right-colors: #18a665;
}
.skin-2 .sidebar.menu-min.h-sidebar .nav-list > li.active.highlight:nth-child( 1) > .arrow:after {
  border-right-color: transparent;
  border-bottom-color: #2a4137;
  -moz-border-bottom-colors: #2a4137;
}
.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 2) > .arrow:after,
.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 2) > .arrow:after {
  border-right-color: #6ab14a;
  -moz-border-right-colors: #6ab14a;
}
.skin-2 .sidebar.menu-min.h-sidebar .nav-list > li.active.highlight:nth-child( 2) > .arrow:after {
  border-right-color: transparent;
  border-bottom-color: #36432f;
  -moz-border-bottom-colors: #36432f;
}
.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 3) > .arrow:after,
.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 3) > .arrow:after {
  border-right-color: #98bc1b;
  -moz-border-right-colors: #98bc1b;
}
.skin-2 .sidebar.menu-min.h-sidebar .nav-list > li.active.highlight:nth-child( 3) > .arrow:after {
  border-right-color: transparent;
  border-bottom-color: #3e442a;
  -moz-border-bottom-colors: #3e442a;
}
.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 4) > .arrow:after,
.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 4) > .arrow:after {
  border-right-color: #b7c51c;
  -moz-border-right-colors: #b7c51c;
}
.skin-2 .sidebar.menu-min.h-sidebar .nav-list > li.active.highlight:nth-child( 4) > .arrow:after {
  border-right-color: transparent;
  border-bottom-color: #43452a;
  -moz-border-bottom-colors: #43452a;
}
.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 5) > .arrow:after,
.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 5) > .arrow:after {
  border-right-color: #d9b41f;
  -moz-border-right-colors: #d9b41f;
}
.skin-2 .sidebar.menu-min.h-sidebar .nav-list > li.active.highlight:nth-child( 5) > .arrow:after {
  border-right-color: transparent;
  border-bottom-color: #48422a;
  -moz-border-bottom-colors: #48422a;
}
.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 6) > .arrow:after,
.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 6) > .arrow:after {
  border-right-color: #dfa020;
  -moz-border-right-colors: #dfa020;
}
.skin-2 .sidebar.menu-min.h-sidebar .nav-list > li.active.highlight:nth-child( 6) > .arrow:after {
  border-right-color: transparent;
  border-bottom-color: #493f2a;
  -moz-border-bottom-colors: #493f2a;
}
.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 7) > .arrow:after,
.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 7) > .arrow:after {
  border-right-color: #df7220;
  -moz-border-right-colors: #df7220;
}
.skin-2 .sidebar.menu-min.h-sidebar .nav-list > li.active.highlight:nth-child( 7) > .arrow:after {
  border-right-color: transparent;
  border-bottom-color: #49372a;
  -moz-border-bottom-colors: #49372a;
}
.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 8) > .arrow:after,
.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 8) > .arrow:after {
  border-right-color: #d43a48;
  -moz-border-right-colors: #d43a48;
}
.skin-2 .sidebar.menu-min.h-sidebar .nav-list > li.active.highlight:nth-child( 8) > .arrow:after {
  border-right-color: transparent;
  border-bottom-color: #472e30;
  -moz-border-bottom-colors: #472e30;
}
.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 9) > .arrow:after,
.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 9) > .arrow:after {
  border-right-color: #bd5289;
  -moz-border-right-colors: #bd5289;
}
.skin-2 .sidebar.menu-min.h-sidebar .nav-list > li.active.highlight:nth-child( 9) > .arrow:after {
  border-right-color: transparent;
  border-bottom-color: #45303b;
  -moz-border-bottom-colors: #45303b;
}
.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 10) > .arrow:after,
.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 10) > .arrow:after {
  border-right-color: #b975d0;
  -moz-border-right-colors: #b975d0;
}
.skin-2 .sidebar.menu-min.h-sidebar .nav-list > li.active.highlight:nth-child( 10) > .arrow:after {
  border-right-color: transparent;
  border-bottom-color: #423646;
  -moz-border-bottom-colors: #423646;
}
.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 11) > .arrow:after,
.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 11) > .arrow:after {
  border-right-color: #3f8ad0;
  -moz-border-right-colors: #3f8ad0;
}
.skin-2 .sidebar.menu-min.h-sidebar .nav-list > li.active.highlight:nth-child( 11) > .arrow:after {
  border-right-color: transparent;
  border-bottom-color: #2e3b47;
  -moz-border-bottom-colors: #2e3b47;
}
.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 12) > .arrow:after,
.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 12) > .arrow:after {
  border-right-color: #4bb9ca;
  -moz-border-right-colors: #4bb9ca;
}
.skin-2 .sidebar.menu-min.h-sidebar .nav-list > li.active.highlight:nth-child( 12) > .arrow:after {
  border-right-color: transparent;
  border-bottom-color: #304346;
  -moz-border-bottom-colors: #304346;
}
.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 {
  border-right-color: #242424;
  -moz-border-right-colors: #242424;
}
.skin-2 .sidebar.menu-min .nav-list > li.active > .arrow:before {
  border-right-color: #888;
  -moz-border-right-colors: #FFF;
}
@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: #ffffff;
  }
  .skin-2 .sidebar.responsive-min .nav-list > li > a > .menu-text {
    background-color: inherit;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.6);
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: #333;
    border-color: rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: none;
    box-shadow: none;
    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-style: solid;
    border-width: 1px 0 0 1px;
    border-color: #444;
    border-color: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: none;
    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;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-width: 0 0 0 1px;
    top: 0;
    border-color: #666;
  }
  .skin-2 .sidebar.responsive-min .nav-list > li > .arrow:after,
  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight > .arrow:after {
    border-right-color: #bd5289;
    -moz-border-right-colors: #bd5289;
  }
  .skin-2 .sidebar.responsive-min .nav-list > li > .arrow:before,
  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight > .arrow:before {
    border-right-color: #333;
    border-right-color: rgba(0, 0, 0, 0.7);
    -moz-border-right-colors: rgba(0, 0, 0, 0.7);
  }
  .skin-2 .sidebar.responsive-min.h-sidebar .nav-list > li.active.highlight > .arrow:after {
    border-right-color: transparent;
    border-bottom-color: #bd5289;
  }
  .skin-2 .sidebar.responsive-min.h-sidebar .nav-list > li.active.highlight > .arrow:before {
    border-right-color: transparent;
    -moz-border-right-colors: none;
    border-bottom-color: #191919;
    -moz-border-bottom-colors: #191919;
  }
  .skin-2 .sidebar.responsive-min .nav-list > li > a > .menu-text,
  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight > a > .menu-text {
    border-left-color: #333;
    border-left-color: rgba(0, 0, 0, 0.5);
  }
  .skin-2 .sidebar.responsive-min .nav-list > li.pull_up > a > .menu-text,
  .skin-2 .sidebar.responsive-min .nav-list > li.pull_up.active.highlight > a > .menu-text {
    border-left-color: #222;
    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:nth-child( 1) > .arrow:after,
  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 1) > .arrow:after {
    border-right-color: #18a665;
    -moz-border-right-colors: #18a665;
  }
  .skin-2 .sidebar.responsive-min.h-sidebar .nav-list > li.active.highlight:nth-child( 1) > .arrow:after {
    border-right-color: transparent;
    border-bottom-color: #2a4137;
    -moz-border-bottom-colors: #2a4137;
  }
  .skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 2) > .arrow:after,
  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 2) > .arrow:after {
    border-right-color: #6ab14a;
    -moz-border-right-colors: #6ab14a;
  }
  .skin-2 .sidebar.responsive-min.h-sidebar .nav-list > li.active.highlight:nth-child( 2) > .arrow:after {
    border-right-color: transparent;
    border-bottom-color: #36432f;
    -moz-border-bottom-colors: #36432f;
  }
  .skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 3) > .arrow:after,
  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 3) > .arrow:after {
    border-right-color: #98bc1b;
    -moz-border-right-colors: #98bc1b;
  }
  .skin-2 .sidebar.responsive-min.h-sidebar .nav-list > li.active.highlight:nth-child( 3) > .arrow:after {
    border-right-color: transparent;
    border-bottom-color: #3e442a;
    -moz-border-bottom-colors: #3e442a;
  }
  .skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 4) > .arrow:after,
  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 4) > .arrow:after {
    border-right-color: #b7c51c;
    -moz-border-right-colors: #b7c51c;
  }
  .skin-2 .sidebar.responsive-min.h-sidebar .nav-list > li.active.highlight:nth-child( 4) > .arrow:after {
    border-right-color: transparent;
    border-bottom-color: #43452a;
    -moz-border-bottom-colors: #43452a;
  }
  .skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 5) > .arrow:after,
  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 5) > .arrow:after {
    border-right-color: #d9b41f;
    -moz-border-right-colors: #d9b41f;
  }
  .skin-2 .sidebar.responsive-min.h-sidebar .nav-list > li.active.highlight:nth-child( 5) > .arrow:after {
    border-right-color: transparent;
    border-bottom-color: #48422a;
    -moz-border-bottom-colors: #48422a;
  }
  .skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 6) > .arrow:after,
  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 6) > .arrow:after {
    border-right-color: #dfa020;
    -moz-border-right-colors: #dfa020;
  }
  .skin-2 .sidebar.responsive-min.h-sidebar .nav-list > li.active.highlight:nth-child( 6) > .arrow:after {
    border-right-color: transparent;
    border-bottom-color: #493f2a;
    -moz-border-bottom-colors: #493f2a;
  }
  .skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 7) > .arrow:after,
  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 7) > .arrow:after {
    border-right-color: #df7220;
    -moz-border-right-colors: #df7220;
  }
  .skin-2 .sidebar.responsive-min.h-sidebar .nav-list > li.active.highlight:nth-child( 7) > .arrow:after {
    border-right-color: transparent;
    border-bottom-color: #49372a;
    -moz-border-bottom-colors: #49372a;
  }
  .skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 8) > .arrow:after,
  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 8) > .arrow:after {
    border-right-color: #d43a48;
    -moz-border-right-colors: #d43a48;
  }
  .skin-2 .sidebar.responsive-min.h-sidebar .nav-list > li.active.highlight:nth-child( 8) > .arrow:after {
    border-right-color: transparent;
    border-bottom-color: #472e30;
    -moz-border-bottom-colors: #472e30;
  }
  .skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 9) > .arrow:after,
  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 9) > .arrow:after {
    border-right-color: #bd5289;
    -moz-border-right-colors: #bd5289;
  }
  .skin-2 .sidebar.responsive-min.h-sidebar .nav-list > li.active.highlight:nth-child( 9) > .arrow:after {
    border-right-color: transparent;
    border-bottom-color: #45303b;
    -moz-border-bottom-colors: #45303b;
  }
  .skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 10) > .arrow:after,
  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 10) > .arrow:after {
    border-right-color: #b975d0;
    -moz-border-right-colors: #b975d0;
  }
  .skin-2 .sidebar.responsive-min.h-sidebar .nav-list > li.active.highlight:nth-child( 10) > .arrow:after {
    border-right-color: transparent;
    border-bottom-color: #423646;
    -moz-border-bottom-colors: #423646;
  }
  .skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 11) > .arrow:after,
  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 11) > .arrow:after {
    border-right-color: #3f8ad0;
    -moz-border-right-colors: #3f8ad0;
  }
  .skin-2 .sidebar.responsive-min.h-sidebar .nav-list > li.active.highlight:nth-child( 11) > .arrow:after {
    border-right-color: transparent;
    border-bottom-color: #2e3b47;
    -moz-border-bottom-colors: #2e3b47;
  }
  .skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 12) > .arrow:after,
  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 12) > .arrow:after {
    border-right-color: #4bb9ca;
    -moz-border-right-colors: #4bb9ca;
  }
  .skin-2 .sidebar.responsive-min.h-sidebar .nav-list > li.active.highlight:nth-child( 12) > .arrow:after {
    border-right-color: transparent;
    border-bottom-color: #304346;
    -moz-border-bottom-colors: #304346;
  }
  .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 {
    border-right-color: #242424;
    -moz-border-right-colors: #242424;
  }
  .skin-2 .sidebar.responsive-min .nav-list > li.active > .arrow:before {
    border-right-color: #888;
    -moz-border-right-colors: #FFF;
  }
}
.skin-2 .nav-list li.hover > .submenu {
  padding-left: 0;
  padding-right: 0;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.4);
}
.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: #222;
  border-top-color: rgba(255, 255, 255, 0.08);
}
.skin-2 .nav-list > li.active.hover:hover > a.dropdown-toggle:after,
.skin-2 .menu-min .nav-list > li.active:hover > a: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: normal;
  }
  .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,
  .skin-2 .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a > .arrow {
    color: inherit;
  }
  .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a {
    color: #eeeeee;
  }
  .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu > li.open.hover:not(:hover):not(:focus):not(.active) > a > .menu-icon {
    display: none;
  }
}
.skin-2 .sidebar:not(.navbar-collapse) .nav-list > li .submenu > li.hover:hover > a {
  background-color: rgba(0, 0, 0, 0.1);
}
.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;
  }
  .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 {
    border-left-width: 0t;
    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: normal;
  }
  .skin-2 .sidebar.navbar-collapse .nav-list > li.hover > .submenu > li.active > a {
    background-color: rgba(0, 0, 0, 0.05);
    font-weight: bold;
  }
  .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 {
    background-color: rgba(0, 0, 0, 0.1);
  }
  .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 .sidebar-shortcuts-large {
    border-width: 0;
  }
  .skin-2 .sidebar.navbar-collapse.menu-min .nav-list > li > a > .menu-text {
    font-weight: normal;
    color: #e1e1e1;
    margin-left: 0;
  }
  .skin-2 .sidebar.navbar-collapse.menu-min .nav-list > li:hover > a > .menu-text {
    font-weight: bold;
    color: rgba(0, 0, 0, 0.6);
  }
  .skin-2 .sidebar.navbar-collapse.menu-min .nav-list > li.active > a > .menu-text {
    font-weight: bold;
    color: #ffffff;
  }
  .skin-2 .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu {
    margin-left: 0;
    border-top-width: 0;
  }
  .skin-2 .sidebar.navbar-collapse.menu-min .nav-list li.hover > .submenu li > a {
    padding-left: 32px;
  }
  .skin-2 .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu li > a > .menu-icon {
    left: 12px;
  }
}
.skin-2 .sidebar.compact .nav-list > li.active:before {
  height: auto;
  bottom: 0;
}
.skin-2 .main-container .menu-toggler {
  background-color: #d685b0;
}
.skin-2 .main-container .menu-toggler:before {
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}
.skin-2 .main-container .menu-toggler:after {
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}
.skin-2 .main-container .menu-toggler > .toggler-text {
  border-top-color: #d685b0;
  -moz-border-top-colors: #d685b0;
}
.skin-2 .navbar .navbar-toggle {
  transition: background-color 0.1s ease 0s;
  background-color: #DB78A1;
}
.skin-2 .navbar .navbar-toggle:focus {
  background-color: #DB78A1;
}
.skin-2 .navbar .navbar-toggle:hover {
  background-color: #d76896;
}
.skin-2 .navbar .navbar-toggle.display,
.skin-2 .navbar .navbar-toggle[data-toggle=collapse]:not(.collapsed) {
  background-color: #d2588b;
}
@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: normal;
  }
  .skin-2 .sidebar.h-sidebar .nav-list > li:hover > a > .menu-text {
    color: #ffffff;
    font-weight: normal;
  }
  .skin-2 .sidebar.h-sidebar .nav-list > li.active > a > .menu-text {
    font-weight: bold;
    color: #ffffff;
  }
  .skin-2 .sidebar.h-sidebar .nav-list > li:before {
    left: 0;
    right: 0;
  }
  .skin-2 .sidebar.h-sidebar .nav-list > li.hover > .submenu {
    margin-left: -1px;
    border-width: 1px;
    border-top-color: rgba(0, 0, 0, 0.4);
  }
  .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 {
    height: 2px;
    bottom: auto;
  }
  .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 {
    display: block;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: #FFF;
    border-color: transparent transparent #FFF;
    border-width: 8px;
    top: auto;
    bottom: 0;
    right: auto;
    left: 50%;
    margin-left: -8px;
  }
  .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-width: 1px 0 0 !important;
    border-top: 1px solid #777;
    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 {
    border-right-color: transparent;
    -moz-border-right-colors: none;
    border-bottom-color: #45303b;
    -moz-border-bottom-colors: #45303b;
  }
  .skin-2 .sidebar.h-sidebar .nav-list > li.hover > .arrow:before {
    -moz-border-right-colors: none;
    border-right-color: transparent;
    border-bottom-color: #191919;
    -moz-border-bottom-colors: #191919;
  }
  .skin-2 .sidebar.h-sidebar .sidebar-shortcuts-large:after {
    border-bottom-color: #505050;
  }
  .skin-2 .sidebar.h-sidebar .sidebar-shortcuts-large:before {
    border-bottom-color: #999;
    -moz-border-bottom-colors: #999;
  }
  .skin-2 .sidebar.h-sidebar + .main-content .breadcrumbs {
    border-color: #d5e7f1;
    top: 2px;
  }
}
.skin-2 .sidebar-scroll .sidebar-shortcuts {
  border-bottom-color: #555555;
}
.skin-2 .sidebar-scroll .sidebar-toggle {
  border-top-color: #555555;
}
.skin-2 .sidebar-scroll .scroll-track {
  background-color: transparent;
}
.skin-2 .sidebar-scroll .scroll-bar {
  background-color: #CCC;
  background-color: rgba(255, 255, 255, 0.45);
}
.skin-2 .scrollout .scroll-track {
  background-color: transparent;
}
.skin-2 .scrollout .scroll-bar {
  background-color: #CCC;
  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:before,
  .skin-2 .navbar.navbar-collapse .navbar-container {
    background: #c6487e;
  }
}
/* skin 3 */
.skin-3 {
  background-color: #bbbbbb;
}
.skin-3 .main-container:before {
  background: #FFF;
  background: -moz-linear-gradient(top, #eef5fa 0%, #ffffff 8%) 0 4px;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#eef5fa), color-stop(4%, #ffffff)) 0 4px;
  background: -webkit-linear-gradient(top, #eef5fa 0%, #ffffff 8%) 0 4px;
  background: -o-linear-gradient(top, #eef5fa 0%, #ffffff 8%) 0 4px;
  background: -ms-linear-gradient(top, #eef5fa 0%, #ffffff 8%) 0 4px;
  background: linear-gradient(top, #eef5fa 0%, #ffffff 8%) 0 4px;
  -moz-background-size: 100% 26px;
  -webkit-background-size: 100% 26px;
  -o-background-size: 100% 26px;
  -ms-background-size: 100% 26px;
  background-size: 100% 26px;
}
@media (min-width: 768px) {
  .skin-3 .main-container.container:before {
    -webkit-box-shadow: 0 0 0 1px rgba(50, 100, 200, 0.1);
    box-shadow: 0 0 0 1px rgba(50, 100, 200, 0.1);
  }
}
.skin-3 .navbar {
  background: #404040;
}
.skin-3 .sidebar {
  background-color: #dbdbdb;
  border-style: solid;
  border-width: 0 1px 0 0;
  border-color: #a4c6dd;
}
.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 {
  border-color: #a4c6dd !important;
}
.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: #ffffff;
  color: #337dbb;
}
.skin-3 .nav-list > li.open > a,
.skin-3 .nav-list > li.open:hover > a {
  color: #337dbb;
  background-color: #f8f8f8;
}
.skin-3 .nav-list > li.open > a > .arrow {
  color: inherit;
}
.skin-3 .nav-list > li.active > a,
.skin-3 .nav-list > li.active.highlight > a {
  background-color: #f3faff !important;
  color: #4d96cb !important;
}
.skin-3 .nav-list > li:hover:before,
.skin-3 .nav-list > li.open:before {
  display: block;
  background-color: #4f8ab4 !important;
}
.skin-3 .nav-list > li.active:before {
  display: block;
  background-color: #4D96CB !important;
}
.skin-3 .page-content {
  background-color: transparent;
}
.skin-3 .infobox-container .infobox:not(.infobox-dark) {
  border-style: solid;
  background-color: transparent;
}
.skin-3 .nav-list > li.active:after {
  display: none;
}
.skin-3 .nav-list li.active > a:after {
  right: -1px;
  top: 3px;
  border-width: 16px 10px;
  border-right-color: #FFF;
  -moz-border-right-colors: #FFF;
}
.skin-3 .nav-list li.active > a:before {
  display: block;
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  background-color: transparent;
  border-style: solid;
  border-color: transparent;
  border-right-color: #91bad6;
  -moz-border-right-colors: #91bad6;
  border-width: 16px 10px;
}
.skin-3 .nav-list > li.active > .submenu li.active > a:before,
.skin-3 .nav-list > li.active > .submenu li.active > a:after {
  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 {
  border-left-color: #f3faff;
  -moz-border-left-colors: #f3faff;
}
.skin-3 .nav-list > li.highlight.active > a:before {
  border-left-color: #91bad6;
  -moz-border-left-colors: #91bad6;
}
.skin-3 .nav-list li > .arrow:before {
  border-right-color: #7fafcf;
  -moz-border-right-colors: #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;
}
.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: #A4C6DD;
  border-top-color: #C9DAE5;
}
.skin-3 .sidebar.menu-min .nav-list > li.active > .arrow:before {
  border-right-color: #709FBF;
  -moz-border-right-colors: #709FBF;
}
.skin-3 .sidebar.menu-min .nav-list > li > .arrow:after {
  border-right-color: #EDF3F7;
  -moz-border-right-colors: #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 {
  display: block;
  border-width: 9px 7px;
  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: #A4C6DD;
    border-top-color: #C9DAE5;
  }
  .skin-3 .sidebar.responsive-min .nav-list > li.active > .arrow:before {
    border-right-color: #709FBF;
    -moz-border-right-colors: #709FBF;
  }
  .skin-3 .sidebar.responsive-min .nav-list > li > .arrow:after {
    border-right-color: #EDF3F7;
    -moz-border-right-colors: #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 {
    display: block;
    border-width: 9px 7px;
    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 only screen and (max-width: 991px) and only screen and (max-width: 991px) {
  .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: 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: #ffffff;
  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;
  }
}
.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:before,
.skin-3 .main-container .menu-toggler:after {
  border-color: #FFF;
}
.skin-3 .main-container .menu-toggler > .toggler-text {
  border-top-color: #62A8D1;
  -moz-border-top-colors: #62A8D1;
}
.skin-3 .main-container .menu-toggler > .toggler-text:after {
  color: #FFF;
}
.skin-3 .navbar .navbar-toggle {
  border-color: rgba(255, 255, 255, 0.15);
  transition: background-color 0.1s ease 0s;
  background-color: #648CAE;
}
.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 {
  border-width: 0;
  background-color: #e7f2f8;
  border-radius: 4px;
  margin: 8px 8px 0;
}
.skin-3 .navbar:not(.navbar-fixed-top):not(.h-navbar) + .main-container .breadcrumbs {
  margin-top: auto;
  top: 8px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px) {
  .skin-3 .breadcrumbs {
    margin: 5px 5px 0;
  }
  .skin-3 .navbar:not(.navbar-fixed-top):not(.h-navbar) + .main-container .breadcrumbs,
  .skin-3 .navbar:not(.navbar-fixed-top) + .main-container .breadcrumbs {
    margin-top: auto;
    top: 5px;
    margin-bottom: 5px;
  }
  .skin-3 .menu-toggler + .sidebar.responsive + .main-content .breadcrumbs {
    margin: 0;
    top: auto;
    border-radius: 0;
  }
}
@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 .breadcrumbs-fixed {
    width: 734px;
  }
  .skin-3 .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed {
    width: 734px;
  }
  .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 .breadcrumbs-fixed {
    width: 758px;
  }
  .skin-3 .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed {
    width: 843px;
  }
  .skin-3 .container.main-container .sidebar.menu-min + .main-content .breadcrumbs-fixed {
    width: 905px;
  }
}
@media (min-width: 1200px) {
  .skin-3 .container.main-container .breadcrumbs-fixed {
    width: 958px;
  }
  .skin-3 .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed {
    width: 1043px;
  }
  .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:before,
  .skin-3 .nav-list li.active > a:after {
    display: none;
  }
}
.skin-3 .sidebar-shortcuts-large > .btn {
  line-height: 26px;
  border-width: 1px;
}
.skin-3 .sidebar-shortcuts-mini {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 1px;
}
.skin-3 .sidebar-shortcuts-mini > .btn {
  border-width: 1px !important;
  opacity: 1;
  padding: 7px !important;
  margin: 1px 1px 0 0;
}
@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 {
    left: 0;
    top: auto;
    right: auto;
    bottom: -2px;
    left: 50%;
    margin-left: -7px;
    border-color: transparent;
    -moz-border-right-colors: none;
    border-width: 8px 7px !important;
    border-bottom-color: #FFF;
    -moz-border-bottom-colors: #FFF;
  }
  .skin-3 .sidebar.h-sidebar .nav-list > li.active > a:before {
    display: block;
    left: 0;
    top: auto;
    right: auto;
    bottom: -1px;
    left: 50%;
    margin-left: -8px !important;
    border-width: 8px !important;
    border-color: transparent;
    -moz-border-right-colors: none;
    border-bottom-color: #74add7;
    -moz-border-bottom-colors: #74add7;
  }
  .skin-3 .sidebar.h-sidebar .nav-list > li.hover > .arrow:before {
    -moz-border-right-colors: none;
    border-right-color: transparent;
    border-bottom-color: #7fafcf;
    -moz-border-bottom-colors: #7fafcf;
  }
}
.skin-3 .sidebar-scroll .sidebar-shortcuts {
  border-bottom-color: 1px solid #99B6C9;
}
.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: #CCC;
  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:before,
  .skin-3 .navbar.navbar-collapse .navbar-container {
    background: #404040;
  }
}