/* 客户端 */

.main-sidebar {
    position: fixed;
}

.menuTitle a.active {
    /* color: rgb(56, 27, 91); */
    color:rgba(0, 252, 255, 0.8)
}

.skin-blue .main-sidebar {
    /*background-color: rgb(95, 32, 116);*/
    /* background-color: rgba(48, 38, 69, 1); */
    background-color: rgba(16, 29, 51,0.8);
}

.skin-blue .sidebar-menu > li.treeview:hover > a {
    /* border-left: 3px solid rgba(0, 0, 0, 0.1); */
    border-left: 3px solid rgba(0, 252, 255, 0.8);
}

.skin-blue .sidebar-menu > li.treeview.active > a {
    /* border-left: 3px solid rgba(0, 0, 0, 0.1); */
    border-left: 3px solid rgba(0, 252, 255, 0.8);
}

.skin-blue .sidebar .second-menu, .skin-blue .sidebar .third-menu {
    padding-left: 0;
}

.skin-blue .sidebar .third-menu a {
    padding-left: 30px;
}

.skin-blue .sidebar a {
    color: #000000;
}

.skin-blue .treeview-menu li > a {
    /* border-left: 3px solid rgb(69, 31, 106); */
    border-left: 3px solid rgb(16, 29, 51);

}

.skin-blue .treeview-menu li > a:hover, .skin-blue .treeview-menu li.active > a {
    background-color: rgba(0, 252, 255, 0.8);

    border-left-color: rgba(0, 252, 255, 0.8);
}

.skin-blue .treeview-menu > li > a {
    color: #000000;
    padding-left: 35px;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
    margin: 0;
    /*background: rgb(69, 31, 106);*/
    /* background-color: rgba(48, 38, 69, 1); */
    background-color: rgba(16, 29, 51,0.8);

}

.sidebar-menu li.active > .treeview-menu {
    /*background: rgb(69, 31, 106);*/
    /*background: rgb(95, 32, 116);*/
    /* background-color: rgba(48, 38, 69, 1); */
    background-color: rgba(16, 29, 51,0.8);
}

/*侧边栏收起后向右展开的边框宽度*/
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    border-radius: 0;
    width: 220px;
}

/*侧边栏收起后向右展开时一级菜单箭头的位置*/
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
    left: 220px !important;
}
.nav > li > a:hover {
    background-color: rgba(0, 252, 255, 0.8) !important;
}
.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0;
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
    /* color: rgb(56, 27, 91); */
    color:rgba(0, 252, 255, 1) ;
    /*background: rgb(95, 32, 116);*/
    /* background-color: rgba(48, 38, 69, 1); */
    background-color: rgba(0, 252, 255, 0.8);
}

.skin-blue .treeview-menu > li.active > a, .skin-blue .treeview-menu > li > a:hover {
    /* color: #000000; */
    /*background: rgb(69, 31, 106);*/
    /* background-color: #5f2074; */
    /* background-color: rgba(16, 29, 51,1); */
    background-color: rgba(0, 252, 255, 0.8);
    color: rgba(0, 252, 255, 0.8);
    
}

.main-sidebar .iconName {
    margin-right: 10px;
    color: #FFFFFF
}

.main-sidebar .firstMenuTitle {
    color: #FFFFFF;
}

.main-sidebar .secondMenuTitle {
    color: #FFFFFF;
    padding-left: 10px;
}

.main-sidebar .thirdMenuTitle {
    color: #FFFFFF;
    font-size: 12px;
    padding-left: 32px;
}

.main-sidebar .pull-right {
    color: #FFFFFF
}


/* 移动端 */
@media screen and (max-width: 992px) and (min-width: 768px) {
    .main-sidebar {
        position: fixed;
    }
    .nav > li > a:hover {
        background-color: rgba(16, 29, 51,0.8);
    }
    .menuTitle a.active {
        color:  rgba(16, 29, 51,0.8);
        }

    .skin-blue .main-sidebar {
        /*background-color: rgb(95, 32, 116);*/
        /* background-color: rgba(48, 38, 69, 1); */
        background-color: rgba(16, 29, 51, 1);
    }

    .skin-blue .sidebar-menu > li.treeview:hover > a {
        border-left: 3px solid rgba(0, 0, 0, 0.1);
    }

    .skin-blue .sidebar-menu > li.treeview.active > a {
        border-left: 3px solid rgba(0, 0, 0, 0.1);
    }

    .skin-blue .sidebar .second-menu, .skin-blue .sidebar .third-menu {
        padding-left: 0;
    }

    .skin-blue .sidebar .third-menu a {
        padding-left: 30px;
    }

    .skin-blue .sidebar a {
        color: #000000;
    }

    .skin-blue .treeview-menu li > a {
        border-left: 3px solid rgb(69, 31, 106);
    }

    .skin-blue .treeview-menu li > a:hover, .skin-blue .treeview-menu li.active > a {
        background-color: rgba(0, 0, 0, 0.1);
        border-left-color: rgba(0, 0, 0, 0.3);
    }

    .skin-blue .treeview-menu > li > a {
        color: #000000;
        padding-left: 35px;
    }

    .skin-blue .sidebar-menu > li > .treeview-menu {
        margin: 0;
        /*background: rgb(69, 31, 106);*/
        background-color: rgba(16, 29, 51,0.8);
    }

    .sidebar-menu li.active > .treeview-menu {
        /*background: rgb(69, 31, 106);*/
        /*background: rgb(95, 32, 116);*/
        background-color: rgba(16, 29, 51,0.8);
    }
    

    /*侧边栏收起后向右展开的边框宽度*/
    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
        border-radius: 0;
        width: 220px;
    }

    /*侧边栏收起后向右展开时一级菜单箭头的位置*/
    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
        left: 220px !important;
    }

    .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        padding-top: 0;
        padding-bottom: 0;
        border-radius: 0;
    }

    .skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
        color: rgb(56, 27, 91);
        /*background: rgb(95, 32, 116);*/
        /* background-color: rgba(48, 38, 69, 1); */
        background-color:rgba(0, 252, 255, 0.8)
    }

    .skin-blue .treeview-menu > li.active > a, .skin-blue .treeview-menu > li > a:hover {
        color: #000000;
        /*background: rgb(69, 31, 106);*/
        /* background-color: #5f2074; */
        background-color:rgba(0, 252, 255, 0.8)
    }

    .main-sidebar .iconName {
        margin-right: 10px;
        color: #FFFFFF
    }

    .main-sidebar .firstMenuTitle {
        color: #FFFFFF;
    }

    .main-sidebar .secondMenuTitle {
        color: #FFFFFF;
        padding-left: 10px;
    }

    .main-sidebar .thirdMenuTitle {
        color: #FFFFFF;
        font-size: 12px;
        padding-left: 32px;
    }

    .main-sidebar .pull-right {
        color: #FFFFFF
    }
}