/*
    left-sider 
*/

.left-sider .menu-item a:hover, 
.left-sider .menu-item a.active {
    color: #00c1de;
}
.left-sider .menu-item a.nav-tt:hover,
.left-sider .menu-item a.nav-tt:active,
.left-sider .menu-item a.nav-tt:focus,
.left-sider .menu-item a.nav-tt.active,
.left-sider .nav li.menu-item.active>div>a.nav-tt {
    color: #fff;
    background: #00c1de;
}

.left-sider .expandable-content a:hover:before, 
.left-sider .expandable-content a.active:before {
    background:#00c1de;
}


/* mini */
.left-sider.mini .menu-item a.nav-tt:hover,
.left-sider.mini .menu-item a.nav-tt:active,
.left-sider.mini .menu-item a.nav-tt:focus,
.left-sider.mini .menu-item a.nav-tt.active,
.left-sider.mini .nav li.menu-item.active>div>a.nav-tt{
    background: transparent;
    color: #00c1de;
}



/* default */
.default.left-sider {
    background-color: #474e52;
    border-top: 1px solid rgba(0,0,0,0.08);
    border-right: 1px solid rgba(0,0,0,0.08);
}
.default.left-sider .nav a{
    color: rgba(255,255,255, 0.7);
}
.default.left-sider .menu-item a:hover, 
.default.left-sider .menu-item a.active {
    color: #00c1de;
}
.default.left-sider .menu-item .in a:hover, 
.default.left-sider .menu-item .in a.active {
    font-weight: 600;
}

.default.left-sider .menu-item a.nav-tt:hover,
.default.left-sider .menu-item a.nav-tt:active,
.default.left-sider .menu-item a.nav-tt:focus,
.default.left-sider .menu-item a.nav-tt.active,
.default.left-sider .nav li.menu-item.active>div>a.nav-tt{
    background: #00c1de;
    color: #fff;
}

/* default mini */
.default.left-sider.mini .menu-item a.nav-tt:hover,
.default.left-sider.mini .menu-item a.nav-tt:active,
.default.left-sider.mini .menu-item a.nav-tt:focus,
.default.left-sider.mini .menu-item a.nav-tt.active,
.default.left-sider.mini .nav li.menu-item.active>div>a.nav-tt{
    background: transparent;
    color: #00c1de;
}


/* hierarchical_left_side */
.left-sider.hierarchical_left_side .nav a.hover,
.left-sider.hierarchical_left_side .nav a:hover,
.left-sider.mini.hierarchical_left_side .navbar-nav li a:hover {
    color: #fff;
    background-color: #00c1de;
}


/* default hierarchical_left_side */
.default.hierarchical_left_side .nav .menu-item-set>div>a,
.default.hierarchical_left_side .nav .menu-item-set>div>a:hover {
    color: #ffffff;
}
.default.hierarchical_left_side .nav li.menu-item.menu-item-set:after{
    background: rgba(255, 255, 255, .3);
}

.default.hierarchical_left_side .nav a.hover,
.default.hierarchical_left_side .menu-item a.nav-tt:hover, 
.default.hierarchical_left_side .menu-item a.nav-tt:active, 
.default.hierarchical_left_side .menu-item a.nav-tt:focus,
.default.hierarchical_left_side .menu-item a.nav-tt.active,
.default.hierarchical_left_side .nav li.menu-item.active>div>a.nav-tt{
    color: #fff;
    background-color: #00c1de;
}


/* default hierarchical_left_side mini */
.default.hierarchical_left_side.mini .nav-tt-set:after{
    color: rgba(255, 255, 255, .5); 
}
.default.hierarchical_left_side.mini .nav-tt-set:before{
    background: rgba(0, 0, 0, .08);
}
.default.hierarchical_left_side.mini .on .nav-tt-set:before,
.default.hierarchical_left_side.mini .navbar-nav .active a.nav-tt-set::before, 
.default.hierarchical_left_side.mini .nav-tt-set:hover::before{
    background: rgba(0, 0, 0, .12);
}

.default.hierarchical_left_side.mini .nav a.nav-tt-set:hover, 
.default.hierarchical_left_side.mini .nav a.nav-tt-set:active {
    background: transparent;
}

.default.hierarchical_left_side.mini .nav a {
    color: rgba(255,255,255, 0.7);
}

.default.hierarchical_left_side.mini .nav a.hover,
.default.hierarchical_left_side.mini .menu-item a.nav-tt:hover, 
.default.hierarchical_left_side.mini .menu-item a.nav-tt:active, 
.default.hierarchical_left_side.mini .menu-item a.nav-tt:focus,
.default.hierarchical_left_side.mini .menu-item a.nav-tt.active,
.default.hierarchical_left_side.mini .nav li.menu-item.active>div>a.nav-tt{
    color: #00c1de;
    background-color: rgba(0, 0, 0, .12);
}


/* hierarchical-bg */
/* .hierarchical-item-l::before{
    background: linear-gradient(135deg, rgba(255,255,255, .9), rgba(255,255,255, .35));
}

.hierarchical-item.active .hierarchical-item-r .hierarchical-btn.active{
    background: #fff;
}
.hierarchical-item.active .hierarchical-btn.active span.menu-label {
    color: #1795bb;
}

.hierarchical-bg {
    background-color: #00c1de;
    background: linear-gradient(45deg, #30afc3, #4ba4db);
} 
.hierarchical-item {
    border-top: 1px dashed rgba(237, 248, 255, .2);
}
.hierarchical-item:hover, .hierarchical-item.active{
    background: rgba(0,0,0, .05);
}
.hierarchical-item-r .hierarchical-btn {
    background-color: rgba(255,255,255, .25);
    text-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    color: #fff;
}
.hierarchical-item:hover .hierarchical-item-r .hierarchical-btn, 
.hierarchical-item.active .hierarchical-item-r .hierarchical-btn {
    background-color: rgba(255,255,255, .25);
    text-shadow: none;
} 
.hierarchical-item:hover .hierarchical-item-l i, 
.hierarchical-item.active .hierarchical-item-l i {
    color: #ffffff;
}
.hierarchical-item .hierarchical-item-r .hierarchical-btn:hover span.menu-label {
    color: #1795bb;
}
.hierarchical-item .hierarchical-item-l i {
    color: rgba(255,255,255, .4);
}
.hierarchical-item:hover .hierarchical-btn, 
.hierarchical-item.active .hierarchical-btn {
    color: #fff;
}
.hierarchical-item:hover .hierarchical-item-r .hierarchical-btn:hover{
    background: #fff;
}*/

.hierarchical-tt {
    background: rgba(255,255,255, .12);
}
.hierarchical-tt.active {
    background: rgba(54, 189, 231, .2);
}
.hierarchical-item-l::before{
    background: #00c1de;
}
.hierarchical-item-r .hierarchical-btn.active,
.hierarchical-item-r .hierarchical-btn:hover {
    background: #00c1de;
    color: #fff;
}


/* default hierarchical-bg */
.default.hierarchical-bg {
    background: #f0f4fa;
}
.default .hierarchical-item {
    border-top: 0;
}
.default .hierarchical-item-l::before {
    background: #00c1de;
}
.default .hierarchical-item-l .hierarchical-btn,
.default .hierarchical-item-r .hierarchical-btn{
    color: rgba(0, 0, 0, .75);
}
.default .hierarchical-item-r .hierarchical-btn {
    background: #dfedfc;
    border: 1px solid #c4dff6;
    text-shadow: none;
}
.default .hierarchical-tt span, 
.default .hierarchical-tt a {
    color: #4a4a4a;
}
.default .hierarchical-tt.active {
    background: #f5f7fa;
}
.default .hierarchical-tt.active span, 
.default .hierarchical-tt.active a {
    color: #34b9f1;
}
.default .hierarchical-item .hierarchical-item-l i {
    color: rgba(60, 209, 255, .6);
}
.default .hierarchical-item:hover .hierarchical-item-l i, 
.default .hierarchical-item.active .hierarchical-item-l i {
    color: #34b9f1;
}
.default .hierarchical-item.active .hierarchical-btn.active span.menu-label {
    color: #fff;
}
.default .hierarchical-item .hierarchical-item-r .hierarchical-btn:hover span.menu-label {
    color: #fff;
}


/* 按钮改浅色 */
.default .hierarchical-item:hover, .default .hierarchical-item.active {
    background: #e8eef7;
}
.default .active .hierarchical-item-l .hierarchical-btn, 
.default .hierarchical-item:hover .hierarchical-item-l .hierarchical-btn {
    color: rgba(0, 0, 0, .75);
}
.default .hierarchical-item:hover .hierarchical-item-r .hierarchical-btn, 
.default .hierarchical-item.active .hierarchical-item-r .hierarchical-btn {
    background: #dfedfc;
    border: 1px solid #c4dff6;
    color: rgba(0, 0, 0, .75);
}

.default .hierarchical-item:hover .hierarchical-item-r .hierarchical-btn:hover{
    background: #00c1de;
}
.default .hierarchical-item.active .hierarchical-item-r .hierarchical-btn.active{
    background: #00c1de;
    color: #fff;
}



/* 顶部菜单下拉框 */
/* .scale-up ul li:hover {
    background-color: #00c1de;
}
.scale-up ul li:hover a.btn-primary-hover {
    background-color: #00c1de;
} */


/* 个人管理的菜单三级 */
.default.left-sider .menu-item a.nav-tt:hover,
.left-sider .expandable-content li:hover a.nav-tt,
.left-sider .expandable-content li.active a.nav-tt,
.left-sider .menu-item li a.nav-tt:hover, 
.left-sider .menu-item li a.nav-tt:active {
    color: #00c1de;
}

.left-sider .expandable-content li.active>a:before{
    background: #00c1de;
}

.default.left-sider .expandable-content a:hover:before, .default.left-sider .expandable-content a.active:before {
    background: #00c1de;
}