.skin-1 .navbar {
    background: #2c6aa0
}

.skin-1 .sidebar, .skin-1 .sidebar:before {
    background-color: #222a2d;
    border-right: 0
}

.skin-1 .nav-list > li {
    border-color: #3f4e54;
    border-top-width: 0
}

.skin-1 .nav-list > li > a, .skin-1 .menu-min .nav-list > li.open > a {
    background-color: #222a2d;
    color: #FFFFFF;
}

.skin-1 .nav-list > li:hover > a {
    background-color: #414b51;
    color: #FFFFFF;
}

.skin-1 .nav-list > li > a > .arrow {
    color: #b1bac1
}

.skin-1 .nav-list > li.open > a > .arrow {
    color: #85c0ec
}

.skin-1 .nav-list > li .submenu > li > a {
    border-top-color: #afbdc9
}

.skin-1 .nav-list > li.active .submenu > li > a {
    border-top-color: #70818e
}

.skin-1 .nav-list li.active > a:after {
    border-right-color: #FFF;
    border-width: 16px 10px;
    top: 2px
}

.skin-1 .nav-list > li.active.open > ul.submenu > li.active > a:after {
    top: 1px
}

.skin-1 .nav-list > li.active:after {
    display: none
}

.skin-1 .menu-min .nav-list > li.active > a:after {
    border-width: 10px 6px;
    top: 8px
}

.skin-1 .menu-min .nav-list > li.active:hover > a:after {
    border-right-color: #242a2b
}

.skin-1 .nav-list > li.open > a, .skin-1 .nav-list > li.open > a:hover {
    background-color: #222a2d;
    color: #FFFFFF;
}

.skin-1 .nav-list > li.active > a, .skin-1 .nav-list > li.active > a:hover, .skin-1 .menu-min .nav-list > li.active > a, .skin-1 .menu-min .nav-list > li.active > a:hover {
    background-color: #0099CB;
}

.skin-1 .nav-list > li.open > a, .skin-1 .nav-list > li.open > a:hover, .skin-1 .menu-min .nav-list > li.open > a, .skin-1 .menu-min .nav-list > li.open > a:hover {
    background-color: #222A2D;
    color: #55a0dc;
    border-color: #929ba3;
}

.skin-1 .nav-list > li > ul.submenu {
    background-color: #3a4344;
    border-top-color: #5a6364
}

.skin-1 .nav-list > li.active > ul.submenu {
    background-color: #141a1b;
    border-top-color: #2f3e44
}

.skin-1 .nav-list > li > .submenu > li > a {
    color: #FFFFFF;
    border-bottom-color: #5a6364
}

.skin-1 .nav-list > li > .submenu > li:first-child > a {
    border-top-color: transparent
}

.skin-1 .nav-list > li > .submenu > li > a:hover {
    color: #ffffff;
}

.skin-1 .nav-list > li > .submenu > li.active > a {
    background-color: #0099CB;
}

.skin-1 .nav-list > li > .submenu > li > a > [class*="icon-"]:first-child {
    display: none
}

.skin-1 .menu-min .nav-list > li:hover > a {
    color: #FFFFFF;
}

.skin-1 .menu-min .nav-list > li > a > .menu-text {
    background-color: #414b51
}

.skin-1 .menu-min .nav-list > li.active > a > .menu-text {
    background-color: #242a2b
}

.skin-1 .menu-min .nav-list > li.active:hover > a, .skin-1 .menu-min .nav-list > li.active > a > .menu-text {
    color: #FFFFFF;
}

.skin-1 .menu-min .nav-list > li > a.active, .skin-1 .menu-min .nav-list > li.open.active > a {
    background-color: #141a1b
}

.skin-1 .menu-min .nav-list > li > a > .menu-text, .skin-1 .menu-min .nav-list > li > ul.submenu {
    border-color: #3f4e54;
    margin-top: 1px;
    border-left-color: #242a2b
}

.skin-1 .nav-list > li > .submenu > li:before, .skin-1 .nav-list > li > .submenu:before {
    border-color: #929ba3
}

.skin-1 .nav-list > li.active > .submenu > li:before, .skin-1 .nav-list > li.active > .submenu:before {
    border-color: #3f4e54
}

.skin-1 .menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
    border-bottom-color: #5a606a
}

.skin-1 .sidebar-collapse {
    background-color: #141a1b;
    border-color: #3f4e54;
    border-top-width: 1px
}

.skin-1 .sidebar-collapse:before {
    border-color: #3f4e54
}

.skin-1 .sidebar-collapse > [class*="icon-"] {
    background-color: #222a2d
}

.skin-1 .sidebar-shortcuts, .skin-1 .sidebar-shortcuts-mini {
    background-color: #141a1b;
    border-color: #3f4e54
}

.skin-1 .sidebar > .nav-search {
    background-color: #141a1b;
    border-color: #3f4e54
}

.skin-1 .menu-min .sidebar-shortcuts-large {
    background-color: #141a1b;
    box-shadow: none;
    border: 0;
    top: 0
}

.skin-1 .menu-min > .sidebar-collapse > .icon-double-angle-right {
    border-color: #fff;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
}

.skin-1 .menu-min .nav-list > li.active > a {
    color: #FFFFFF;
}

.skin-1 .breadcrumbs {
    border: 0;
    background-color: #f0f0f0
}

@media only screen and (max-width: 991px) {
    .skin-1 .sidebar {
        border: 0;
        box-shadow: none
    }

    .skin-1 .nav-list li.active > a:after {
        display: none
    }

    .skin-1 .menu-min .nav-list > li.active.open > a:after {
        display: none
    }

    .skin-1 .menu-min .nav-list > li.active:hover > a:after {
        display: block
    }
}

.skin-1 .nav-list > li > .submenu > li > .submenu a {
    border-top-color: #7b858c
}

.skin-1 .nav-list > li.active > .submenu > li > .submenu a {
    border-top-color: #545b60
}

.skin-1 .nav-list > li .submenu li > .submenu > li a {
    color: #d1dae1;
    font-size: 13px
}

.skin-1 .nav-list > li .submenu li > .submenu > li a > [class*="icon-"]:first-child {
    color: inherit
}

.skin-1 .nav-list > li .submenu li > .submenu > li a:hover {
    color: #8ab4de;
    text-decoration: none
}

.skin-1 .nav-list > li .submenu li > .submenu > li a:hover > [class*="icon-"]:first-child {
    color: #55a0dc
}

.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.open > a > [class*="icon-"]:first-child, .skin-1 .nav-list > li .submenu li > .submenu > li.open > a > [class*="icon-"]:first-child {
    color: inherit
}

.skin-1 .nav-list > li .submenu li > .submenu li.active > a {
    color: #61a8dd
}

.skin-1 .nav-list > li .submenu li > .submenu li.active > a > [class*="icon-"]:first-child {
    color: inherit
}

.skin-1 .nav-list > li .submenu li > .submenu li.active > a:hover {
    color: #85c0ec
}

.skin-1 .nav-list > li .submenu li > a > .arrow {
    color: #BBB
}

.skin-1 .nav-list > li > .submenu > li.open > a > .arrow, .skin-1 .nav-list > li > .submenu > li > a:hover > .arrow, .skin-1 .nav-list > li > .submenu > li > .submenu > li.open > a > .arrow, .skin-1 .nav-list > li > .submenu > li > .submenu > li > a:hover > .arrow {
    color: inherit
}
.skin-1 .sidebar-collapse > .icon-double-angle-left {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
}