/* skin#1 */
.skin-1 {
    background-color: #4A4F56;
}
.skin-1 .navbar  {
    background:#6E3D7B;
}

.skin-1  .sidebar , .skin-1  .sidebar:before {
    background-color:transparent;
    border-right:none;
}

.skin-1  .nav-list > li {
    border-color:#6E3D7B;
    border-top-width:0;
}
.skin-1 .nav-list > li > a  , .skin-1 .menu-min .nav-list > li.open > a{
    background-color:#6E3D7B;
    color:#fff;
}
.skin-1 .nav-list > li:hover > a {
    background-color:rgba(255,255,255,0.9);
    color:#6E3D7B!important;
}
.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 {
    border: 1px solid #6E3D7B!important;
}
.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:transparent;
}


.skin-1 .nav-list > li.open > a , .skin-1 .nav-list > li.open > a:hover
{
    color:#CCCCCC;
    background-color:#6E3D7B;
    border: 1px solid #6E3D7B!important;
}
.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:rgba(255,255,255,0.9)!important;
    color:#6E3D7B;

}


.skin-1 .nav-list > li > ul.submenu {
    background-color:rgba(255,255,255,0.9)!important;
    border-top-color:#CCCCCC;
}
.skin-1 .nav-list > li.active > ul.submenu {
    background-color:rgba(255,255,255,0.9)!important;
    border-top-color:#BBBBBB;
}

.skin-1 .nav-list > li > .submenu > li > a {
    color:#3A4344;
    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:#8AB4DE;

}
.skin-1 .nav-list > li > .submenu > li.active > a {
    color:#ff892a!important;
    border-bottom-color:#BBBBBB;
}



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

.skin-1 .menu-min .nav-list > li:hover > a{
    border-color: transparent;
    color:#fff;
    border-left:2px solid #6E3D7B!important;
}
.skin-1 .menu-min .nav-list > li > a > .menu-text{
    background-color:rgba(255,255,255,0.9)!important;
}
.skin-1 .menu-min .nav-list > li.active > a > .menu-text{
    background-color:#fff;
}

.skin-1 .menu-min .nav-list > li.active:hover > a,
.skin-1 .menu-min .nav-list > li.active > a > .menu-text{
    color:#6E3D7B;
}
.skin-1 .menu-min .nav-list > li > a.active ,
.skin-1 .menu-min .nav-list > li.open.active > a
{
    /*background-color:rgba(255,255,255,0.9);*/
}

.skin-1 .menu-min .nav-list > li > a > .menu-text,
.skin-1 .menu-min .nav-list > li > ul.submenu {

    margin-top:1px;
    border-left-color:transparent;
}

.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:#6E3D7B;
}
.skin-1 .menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
    border-bottom-color:#CCCCCC;
}


.skin-1 .sidebar-collapse {
    background-color:#6E3D7B;
    border-color:#6E3D7B;
    border-top-width:1px;
}
.skin-1 .sidebar-collapse:before {
    border-color:#6E3D7B;
}
.skin-1 .sidebar-collapse > [class*="icon-"] {
    background-color:#6E3D7B;
}


.skin-1 .sidebar-shortcuts , .skin-1 .sidebar-shortcuts-mini {
    background-color:#141A1B;
    border-color:#6E3D7B;
}
.skin-1 .sidebar > .nav-search {
    background-color:#141A1B;
    border-color:#6E3D7B;
}

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

.skin-1 .breadcrumbs {
    border:none;
    background-color:#FFF;
    border-bottom: 1px solid #ccc;
}



@media only screen and (max-width: 991px) {
    .skin-1  .sidebar {
        border:none;
        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;
    }
}


/* 3rd & 4th level menu */
.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 {

}


.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 .menu-toggler, .skin-1 {
    background-color: #6E3D7B;
}

.skin-1 .menu-toggler > .menu-text{
    border-top-color: #6E3D7B;
}

.skin-1 .sidebar-collapse > span:before {
    background:#6E3D7B;
}

.skin-1 .sidebar-collapse > span::before, .sidebar-collapse > i::after{
    margin-left: -1.7em!important;
}



/* skin#2 */


.skin-2 {
    background-color: #4A4F56;
}
.skin-2 .navbar  {
    background:#00A7AE;
}

.skin-2  .sidebar , .skin-2  .sidebar:before {
    background-color:transparent;
    border-right:none;
}

.skin-2  .nav-list > li {
    border-color:#00A7AE;
    border-top-width:0;
}
.skin-2 .nav-list > li > a  , .skin-2 .menu-min .nav-list > li.open > a{
    background-color:#00A7AE;
    color:#fff;
}
.skin-2 .nav-list > li:hover > a {
    background-color:rgba(255,255,255,0.9);
    color:#00A7AE!important;
}
.skin-2 .nav-list > li > a > .arrow  {
    color:#B1BAC1;
}
.skin-2 .nav-list > li.open > a > .arrow {
    color:#85C0EC;
}


.skin-2 .nav-list > li .submenu > li > a {
    border-top-color:#AFBDC9;
}
.skin-2 .nav-list > li.active .submenu > li > a {
    border-top-color:#70818E;
}

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


.skin-2  .nav-list > li.active.open > ul.submenu > li.active > a:after {
    top:1px;
}
.skin-2 .nav-list > li.active:after {
    border: 1px solid #00A7AE!important;
}
.skin-2 .menu-min .nav-list > li.active > a:after {
    border-width:10px 6px;
    top:8px;
}
.skin-2 .menu-min .nav-list > li.active:hover > a:after {
    border-right-color:transparent;
}


.skin-2 .nav-list > li.open > a , .skin-2 .nav-list > li.open > a:hover
{
    color:#000;
    background-color:#00A7AE;
    border: 1px solid #00A7AE!important;
}
.skin-2 .nav-list > li.active > a , .skin-2 .nav-list > li.active > a:hover,
.skin-2 .menu-min .nav-list > li.active > a , .skin-2 .menu-min .nav-list > li.active > a:hover
{
    background-color:rgba(255,255,255,0.9)!important;
    color:#00A7AE;

}


.skin-2 .nav-list > li > ul.submenu {
    background-color:rgba(255,255,255,0.9)!important;
    border-top-color:#CCCCCC;
}
.skin-2 .nav-list > li.active > ul.submenu {
    background-color:rgba(255,255,255,0.9)!important;
    border-top-color:#BBBBBB;
}

.skin-2 .nav-list > li > .submenu > li > a {
    color:#3A4344;
    border-bottom-color:#5A6364;
}
.skin-2 .nav-list > li > .submenu > li:first-child > a {
    border-top-color:transparent;
}
.skin-2 .nav-list > li > .submenu > li > a:hover {
    color:#8AB4DE;

}
.skin-2 .nav-list > li > .submenu > li.active > a {
    color:#ff892a!important;
    border-bottom-color:#BBBBBB;
}



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

.skin-2 .menu-min .nav-list > li:hover > a{
    border-color: transparent;
    color:#fff;
    border-left:2px solid #00A7AE!important;
}
.skin-2 .menu-min .nav-list > li > a > .menu-text{
    background-color:rgba(255,255,255,0.9)!important;
}
.skin-2 .menu-min .nav-list > li.active > a > .menu-text{
    background-color:#fff;
}

.skin-2 .menu-min .nav-list > li.active:hover > a,
.skin-2 .menu-min .nav-list > li.active > a > .menu-text{
    color:#00A7AE;
}
.skin-2 .menu-min .nav-list > li > a.active ,
.skin-2 .menu-min .nav-list > li.open.active > a
{
    background-color:rgba(255,255,255,0.9);
}

.skin-2 .menu-min .nav-list > li > a > .menu-text,
.skin-2 .menu-min .nav-list > li > ul.submenu {

    margin-top:1px;
    border-left-color:transparent;
}

.skin-2 .nav-list > li > .submenu > li:before, .skin-2 .nav-list > li > .submenu:before {
    border-color:#929BA3;
}
.skin-2 .nav-list > li.active > .submenu > li:before, .skin-2 .nav-list > li.active > .submenu:before {
    border-color:#00A7AE;
}
.skin-2 .menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
    border-bottom-color:#CCCCCC;
}


.skin-2 .sidebar-collapse {
    background-color:#00A7AE;
    border-color:#00A7AE;
    border-top-width:1px;
}
.skin-2 .sidebar-collapse:before {
    border-color:#00A7AE;
}
.skin-2 .sidebar-collapse > [class*="icon-"] {
    background-color:#00A7AE;
}


.skin-2 .sidebar-shortcuts , .skin-2 .sidebar-shortcuts-mini {
    background-color:#141A1B;
    border-color:#00A7AE;
}
.skin-2 .sidebar > .nav-search {
    background-color:#141A1B;
    border-color:#00A7AE;
}

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

.skin-2 .breadcrumbs {
    border:none;
    background-color:#FFF;
    border-bottom: 1px solid #ccc;
}



@media only screen and (max-width: 991px) {
    .skin-2  .sidebar {
        border:none;
        box-shadow:none;
    }
    .skin-2 .nav-list li.active > a:after {
        display:none;
    }
    .skin-2 .menu-min .nav-list > li.active.open > a:after {
        display:none;
    }
    .skin-2 .menu-min .nav-list > li.active:hover > a:after {
        display:block;
    }
}


/* 3rd & 4th level menu */
.skin-2 .nav-list > li  > .submenu > li > .submenu  a {
    border-top-color:#7B858C;
}
.skin-2 .nav-list > li.active  > .submenu > li > .submenu  a {
    border-top-color:#545B60;
}

.skin-2 .nav-list > li .submenu li > .submenu > li a {
    color: #D1DAE1;
    font-size: 13px;
}
.skin-2 .nav-list > li .submenu li > .submenu > li a > [class*="icon-"]:first-child {
    color: inherit;
}
.skin-2 .nav-list > li .submenu li > .submenu > li a:hover {
    color: #8AB4DE;
    text-decoration:none;
}
.skin-2 .nav-list > li .submenu li > .submenu > li a:hover > [class*="icon-"]:first-child  {
    color: #55A0DC;
}


.skin-2 .nav-list > li .submenu li.open > a  ,
.skin-2 .nav-list > li .submenu li > .submenu > li.open > a
{
    color: #85C0EC;
}
.skin-2 .nav-list > li .submenu li.open > a > [class*="icon-"]:first-child ,
.skin-2 .nav-list > li .submenu li > .submenu > li.open > a > [class*="icon-"]:first-child
{
    color: inherit;
}


.skin-2 .nav-list > li .submenu li > .submenu li.active > a {
    color: #61A8DD;
}
.skin-2 .nav-list > li .submenu li > .submenu li.active > a > [class*="icon-"]:first-child{
    color: inherit;
}
.skin-2 .nav-list > li .submenu li > .submenu li.active > a:hover {

}


.skin-2 .nav-list > li .submenu li > a > .arrow {
    color: #BBB;
}
.skin-2 .nav-list > li > .submenu > li.open > a > .arrow,
.skin-2 .nav-list > li > .submenu > li > a:hover > .arrow,
.skin-2 .nav-list > li > .submenu > li > .submenu > li.open > a > .arrow,
.skin-2 .nav-list > li > .submenu > li > .submenu > li > a:hover > .arrow
{
    color:inherit;
}

.skin-2 .menu-toggler, .skin-1 {
    background-color: #00A7AE;
}

.skin-2 .menu-toggler > .menu-text{
    border-top-color: #00A7AE;
}

.skin-2 .sidebar-collapse > span:before {
    background:#00A7AE;
}

.skin-2 .sidebar-collapse > span::before, .sidebar-collapse > i::after{
    margin-left: -1.7em!important;
}



/* SKIN 3 */

.skin-3 {
    background-color: #4A4F56;
}
.skin-3 .navbar  {
    background:#00B77F;
}

.skin-3  .sidebar , .skin-3  .sidebar:before {
    background-color:transparent;
    border-right:none;
}

.skin-3  .nav-list > li {
    border-color:#00B77F;
    border-top-width:0;
}
.skin-3 .nav-list > li > a  , .skin-3 .menu-min .nav-list > li.open > a{
    background-color:#00B77F;
    color:#fff;
}
.skin-3 .nav-list > li:hover > a {
    background-color:rgba(255,255,255,0.9);
    color:#00B77F!important;
}
.skin-3 .nav-list > li > a > .arrow  {
    color:#B1BAC1;
}
.skin-3 .nav-list > li.open > a > .arrow {
    color:#85C0EC;
}


.skin-3 .nav-list > li .submenu > li > a {
    border-top-color:#AFBDC9;
}
.skin-3 .nav-list > li.active .submenu > li > a {
    border-top-color:#70818E;
}

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


.skin-3  .nav-list > li.active.open > ul.submenu > li.active > a:after {
    top:1px;
}
.skin-3 .nav-list > li.active:after {
    border: 1px solid #00B77F!important;
}
.skin-3 .menu-min .nav-list > li.active > a:after {
    border-width:10px 6px;
    top:8px;
}
.skin-3 .menu-min .nav-list > li.active:hover > a:after {
    border-right-color:transparent;
}


.skin-3 .nav-list > li.open > a , .skin-3 .nav-list > li.open > a:hover
{
    color:#000;
    background-color:#00B77F;
    border: 1px solid #00B77F!important;
}
.skin-3 .nav-list > li.active > a , .skin-3 .nav-list > li.active > a:hover,
.skin-3 .menu-min .nav-list > li.active > a , .skin-3 .menu-min .nav-list > li.active > a:hover
{
    background-color:rgba(255,255,255,0.9)!important;
    color:#00B77F;

}


.skin-3 .nav-list > li > ul.submenu {
    background-color:rgba(255,255,255,0.9)!important;
    border-top-color:#CCCCCC;
}
.skin-3 .nav-list > li.active > ul.submenu {
    background-color:rgba(255,255,255,0.9)!important;
    border-top-color:#BBBBBB;
}

.skin-3 .nav-list > li > .submenu > li > a {
    color:#3A4344;
    border-bottom-color:#5A6364;
}
.skin-3 .nav-list > li > .submenu > li:first-child > a {
    border-top-color:transparent;
}
.skin-3 .nav-list > li > .submenu > li > a:hover {
    color:#8AB4DE;

}
.skin-3 .nav-list > li > .submenu > li.active > a {
    color:#ff892a!important;
    border-bottom-color:#BBBBBB;
}



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

.skin-3 .menu-min .nav-list > li:hover > a{
    border-color: transparent;
    color:#fff;
    border-left:2px solid #00B77F!important;
}
.skin-3 .menu-min .nav-list > li > a > .menu-text{
    background-color:rgba(255,255,255,0.9)!important;
}
.skin-3 .menu-min .nav-list > li.active > a > .menu-text{
    background-color:#fff;
}

.skin-3 .menu-min .nav-list > li.active:hover > a,
.skin-3 .menu-min .nav-list > li.active > a > .menu-text{
    color:#00B77F;
}
.skin-3 .menu-min .nav-list > li > a.active ,
.skin-3 .menu-min .nav-list > li.open.active > a
{
    background-color:rgba(255,255,255,0.9);
}

.skin-3 .menu-min .nav-list > li > a > .menu-text,
.skin-3 .menu-min .nav-list > li > ul.submenu {

    margin-top:1px;
    border-left-color:transparent;
}

.skin-3 .nav-list > li > .submenu > li:before, .skin-3 .nav-list > li > .submenu:before {
    border-color:#929BA3;
}
.skin-3 .nav-list > li.active > .submenu > li:before, .skin-3 .nav-list > li.active > .submenu:before {
    border-color:#00B77F;
}
.skin-3 .menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
    border-bottom-color:#CCCCCC;
}


.skin-3 .sidebar-collapse {
    background-color:#00B77F;
    border-color:#00B77F;
    border-top-width:1px;
}
.skin-3 .sidebar-collapse:before {
    border-color:#00B77F;
}
.skin-3 .sidebar-collapse > [class*="icon-"] {
    background-color:#00B77F;
}


.skin-3 .sidebar-shortcuts , .skin-3 .sidebar-shortcuts-mini {
    background-color:#141A1B;
    border-color:#00B77F;
}
.skin-3 .sidebar > .nav-search {
    background-color:#141A1B;
    border-color:#00B77F;
}

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

.skin-3 .breadcrumbs {
    border:none;
    background-color:#FFF;
    border-bottom: 1px solid #ccc;
}



@media only screen and (max-width: 991px) {
    .skin-3  .sidebar {
        border:none;
        box-shadow:none;
    }
    .skin-3 .nav-list li.active > a:after {
        display:none;
    }
    .skin-3 .menu-min .nav-list > li.active.open > a:after {
        display:none;
    }
    .skin-3 .menu-min .nav-list > li.active:hover > a:after {
        display:block;
    }
}


/* 3rd & 4th level menu */
.skin-3 .nav-list > li  > .submenu > li > .submenu  a {
    border-top-color:#7B858C;
}
.skin-3 .nav-list > li.active  > .submenu > li > .submenu  a {
    border-top-color:#545B60;
}

.skin-3 .nav-list > li .submenu li > .submenu > li a {
    color: #D1DAE1;
    font-size: 13px;
}
.skin-3 .nav-list > li .submenu li > .submenu > li a > [class*="icon-"]:first-child {
    color: inherit;
}
.skin-3 .nav-list > li .submenu li > .submenu > li a:hover {
    color: #8AB4DE;
    text-decoration:none;
}
.skin-3 .nav-list > li .submenu li > .submenu > li a:hover > [class*="icon-"]:first-child  {
    color: #55A0DC;
}


.skin-3 .nav-list > li .submenu li.open > a  ,
.skin-3 .nav-list > li .submenu li > .submenu > li.open > a
{
    color: #85C0EC;
}
.skin-3 .nav-list > li .submenu li.open > a > [class*="icon-"]:first-child ,
.skin-3 .nav-list > li .submenu li > .submenu > li.open > a > [class*="icon-"]:first-child
{
    color: inherit;
}


.skin-3 .nav-list > li .submenu li > .submenu li.active > a {
    color: #61A8DD;
}
.skin-3 .nav-list > li .submenu li > .submenu li.active > a > [class*="icon-"]:first-child{
    color: inherit;
}
.skin-3 .nav-list > li .submenu li > .submenu li.active > a:hover {

}


.skin-3 .nav-list > li .submenu li > a > .arrow {
    color: #BBB;
}
.skin-3 .nav-list > li > .submenu > li.open > a > .arrow,
.skin-3 .nav-list > li > .submenu > li > a:hover > .arrow,
.skin-3 .nav-list > li > .submenu > li > .submenu > li.open > a > .arrow,
.skin-3 .nav-list > li > .submenu > li > .submenu > li > a:hover > .arrow
{
    color:inherit;
}


.skin-3 .menu-toggler, .skin-1 {
    background-color: #00B77F;
}

.skin-3 .menu-toggler > .menu-text{
    border-top-color: #00B77F;
}


.skin-3 .sidebar-collapse > span:before {
    background:#00B77F;
}

.skin-3 .sidebar-collapse > span::before, .sidebar-collapse > i::after{
    margin-left: -1.7em!important;
}



/* SKIN 4 */


.skin-4 {
    background-color: #4A4F56;
}
.skin-4 .navbar  {
    background:#ECBD00;
}

.skin-4  .sidebar , .skin-4  .sidebar:before {
    background-color:transparent;
    border-right:none;
}

.skin-4  .nav-list > li {
    border-color:#ECBD00;
    border-top-width:0;
}
.skin-4 .nav-list > li > a  , .skin-4 .menu-min .nav-list > li.open > a{
    background-color:#ECBD00;
    color:#fff;
}
.skin-4 .nav-list > li:hover > a {
    background-color:rgba(255,255,255,0.9);
    color:#ECBD00!important;
}
.skin-4 .nav-list > li > a > .arrow  {
    color:#B1BAC1;
}
.skin-4 .nav-list > li.open > a > .arrow {
    color:#85C0EC;
}


.skin-4 .nav-list > li .submenu > li > a {
    border-top-color:#AFBDC9;
}
.skin-4 .nav-list > li.active .submenu > li > a {
    border-top-color:#70818E;
}

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


.skin-4  .nav-list > li.active.open > ul.submenu > li.active > a:after {
    top:1px;
}
.skin-4 .nav-list > li.active:after {
    border: 1px solid #ECBD00!important;
}
.skin-4 .menu-min .nav-list > li.active > a:after {
    border-width:10px 6px;
    top:8px;
}
.skin-4 .menu-min .nav-list > li.active:hover > a:after {
    border-right-color:transparent;
}


.skin-4 .nav-list > li.open > a , .skin-4 .nav-list > li.open > a:hover
{
    color:#000;
    background-color:#ECBD00;
    border: 1px solid #ECBD00!important;
}
.skin-4 .nav-list > li.active > a , .skin-4 .nav-list > li.active > a:hover,
.skin-4 .menu-min .nav-list > li.active > a , .skin-4 .menu-min .nav-list > li.active > a:hover
{
    background-color:rgba(255,255,255,0.9)!important;
    color:#ECBD00;

}


.skin-4 .nav-list > li > ul.submenu {
    background-color:rgba(255,255,255,0.9)!important;
    border-top-color:#CCCCCC;
}
.skin-4 .nav-list > li.active > ul.submenu {
    background-color:rgba(255,255,255,0.9)!important;
    border-top-color:#BBBBBB;
}

.skin-4 .nav-list > li > .submenu > li > a {
    color:#3A4344;
    border-bottom-color:#5A6364;
}
.skin-4 .nav-list > li > .submenu > li:first-child > a {
    border-top-color:transparent;
}
.skin-4 .nav-list > li > .submenu > li > a:hover {
    color:#8AB4DE;

}
.skin-4 .nav-list > li > .submenu > li.active > a {
    color:#ff892a!important;
    border-bottom-color:#BBBBBB;
}



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

.skin-4 .menu-min .nav-list > li:hover > a{
    border-color: transparent;
    color:#fff;
    border-left:2px solid #ECBD00!important;
}
.skin-4 .menu-min .nav-list > li > a > .menu-text{
    background-color:rgba(255,255,255,0.9)!important;
}
.skin-4 .menu-min .nav-list > li.active > a > .menu-text{
    background-color:#fff;
}

.skin-4 .menu-min .nav-list > li.active:hover > a,
.skin-4 .menu-min .nav-list > li.active > a > .menu-text{
    color:#ECBD00;
}
.skin-4 .menu-min .nav-list > li > a.active ,
.skin-4 .menu-min .nav-list > li.open.active > a
{
    background-color:rgba(255,255,255,0.9);
}

.skin-4 .menu-min .nav-list > li > a > .menu-text,
.skin-4 .menu-min .nav-list > li > ul.submenu {

    margin-top:1px;
    border-left-color:transparent;
}

.skin-4 .nav-list > li > .submenu > li:before, .skin-4 .nav-list > li > .submenu:before {
    border-color:#929BA3;
}
.skin-4 .nav-list > li.active > .submenu > li:before, .skin-4 .nav-list > li.active > .submenu:before {
    border-color:#ECBD00;
}
.skin-4 .menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
    border-bottom-color:#CCCCCC;
}


.skin-4 .sidebar-collapse {
    background-color:#ECBD00;
    border-color:#ECBD00;
    border-top-width:1px;
}
.skin-4 .sidebar-collapse:before {
    border-color:#ECBD00;
}
.skin-4 .sidebar-collapse > [class*="icon-"] {
    background-color:#ECBD00;
}


.skin-4 .sidebar-shortcuts , .skin-4 .sidebar-shortcuts-mini {
    background-color:#141A1B;
    border-color:#ECBD00;
}
.skin-4 .sidebar > .nav-search {
    background-color:#141A1B;
    border-color:#ECBD00;
}

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

.skin-4 .breadcrumbs {
    border:none;
    background-color:#FFF;
    border-bottom: 1px solid #ccc;
}



@media only screen and (max-width: 991px) {
    .skin-4  .sidebar {
        border:none;
        box-shadow:none;
    }
    .skin-4 .nav-list li.active > a:after {
        display:none;
    }
    .skin-4 .menu-min .nav-list > li.active.open > a:after {
        display:none;
    }
    .skin-4 .menu-min .nav-list > li.active:hover > a:after {
        display:block;
    }
}


/* 3rd & 4th level menu */
.skin-4 .nav-list > li  > .submenu > li > .submenu  a {
    border-top-color:#7B858C;
}
.skin-4 .nav-list > li.active  > .submenu > li > .submenu  a {
    border-top-color:#545B60;
}

.skin-4 .nav-list > li .submenu li > .submenu > li a {
    color: #D1DAE1;
    font-size: 13px;
}
.skin-4 .nav-list > li .submenu li > .submenu > li a > [class*="icon-"]:first-child {
    color: inherit;
}
.skin-4 .nav-list > li .submenu li > .submenu > li a:hover {
    color: #8AB4DE;
    text-decoration:none;
}
.skin-4 .nav-list > li .submenu li > .submenu > li a:hover > [class*="icon-"]:first-child  {
    color: #55A0DC;
}


.skin-4 .nav-list > li .submenu li.open > a  ,
.skin-4 .nav-list > li .submenu li > .submenu > li.open > a
{
    color: #85C0EC;
}
.skin-4 .nav-list > li .submenu li.open > a > [class*="icon-"]:first-child ,
.skin-4 .nav-list > li .submenu li > .submenu > li.open > a > [class*="icon-"]:first-child
{
    color: inherit;
}


.skin-4 .nav-list > li .submenu li > .submenu li.active > a {
    color: #61A8DD;
}
.skin-4 .nav-list > li .submenu li > .submenu li.active > a > [class*="icon-"]:first-child{
    color: inherit;
}
.skin-4 .nav-list > li .submenu li > .submenu li.active > a:hover {

}


.skin-4 .nav-list > li .submenu li > a > .arrow {
    color: #BBB;
}
.skin-4 .nav-list > li > .submenu > li.open > a > .arrow,
.skin-4 .nav-list > li > .submenu > li > a:hover > .arrow,
.skin-4 .nav-list > li > .submenu > li > .submenu > li.open > a > .arrow,
.skin-4 .nav-list > li > .submenu > li > .submenu > li > a:hover > .arrow
{
    color:inherit;
}

.skin-4 .sidebar-collapse > span:before {
    background:#ECBD00;
}

.skin-4 .sidebar-collapse > span::before, .sidebar-collapse > i::after{
    margin-left: -1.7em!important;
}



/* RTL SKIN 1 */
.rtl.skin-1  .sidebar , .rtl.skin-1  .sidebar:before {
 border-left:none;
}
.rtl.skin-1 .nav-list  li.active > a:after {
 border-right-color:transparent;
 border-left-color:#FFF;
}
.rtl.skin-1 .menu-min .nav-list > li.active:hover > a:after {
 border-left-color:transparent;
 border-right-color:transparent;
}

.rtl.skin-1 .menu-min .nav-list > li > a > .menu-text,
.rtl.skin-1 .menu-min .nav-list > li > ul.submenu {
 border-left-color:#6E3D7B!important;
 border-right-color:transparent;
}
.rtl.skin-1 .menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
    border-bottom-color:#CCCCCC;
}


/* RTL SKIN2 */

.rtl.skin-2  .sidebar , .rtl.skin-2  .sidebar:before {
    border-left:none;
}
.rtl.skin-2 .nav-list  li.active > a:after {
    border-right-color:transparent;
    border-left-color:#FFF;
}
.rtl.skin-2 .menu-min .nav-list > li.active:hover > a:after {
    border-left-color:transparent;
    border-right-color:transparent;
}

.rtl.skin-2 .menu-min .nav-list > li > a > .menu-text,
.rtl.skin-2 .menu-min .nav-list > li > ul.submenu {
    border-left-color:#00A7AE!important;
    border-right-color:transparent;
}
.rtl.skin-2 .menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
    border-bottom-color:#CCCCCC;
}




/* RTL SKIN 3 */

.rtl.skin-3  .sidebar , .rtl.skin-3  .sidebar:before {
    border-left:none;
}
.rtl.skin-3 .nav-list  li.active > a:after {
    border-right-color:transparent;
    border-left-color:#FFF;
}
.rtl.skin-3 .menu-min .nav-list > li.active:hover > a:after {
    border-left-color:transparent;
    border-right-color:transparent;
}

.rtl.skin-3 .menu-min .nav-list > li > a > .menu-text,
.rtl.skin-3 .menu-min .nav-list > li > ul.submenu {
    border-left-color:#00A7AE!important;
    border-right-color:transparent;
}
.rtl.skin-3 .menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
    border-bottom-color:#CCCCCC;
}



/* RTL SKIN 4 */

.rtl.skin-4  .sidebar , .rtl.skin-4  .sidebar:before {
    border-left:none;
}
.rtl.skin-4 .nav-list  li.active > a:after {
    border-right-color:transparent;
    border-left-color:#FFF;
}
.rtl.skin-4 .menu-min .nav-list > li.active:hover > a:after {
    border-left-color:transparent;
    border-right-color:transparent;
}

.rtl.skin-4 .menu-min .nav-list > li > a > .menu-text,
.rtl.skin-4 .menu-min .nav-list > li > ul.submenu {
    border-left-color:#00B77F!important;
    border-right-color:transparent;
}
.rtl.skin-4 .menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
    border-bottom-color:#CCCCCC;
}