/*
    后台管理系统的主题切换
*/

/* 默认的黑色主题 */
.theme_black {
    background: #282c34!important;
    color: #fff;
}
.theme_black .el-menu {
    background: #282c34!important;
}
.theme_black .el-menu .el-submenu__title,
.theme_black .el-menu .el-menu-item,
.theme_black .el-menu .el-submenu__title i,
.theme_black .el-menu .el-menu-item i {
    color: #fff!important;
}
.theme_black .el-menu-item:focus,
.theme_black .el-menu-item:hover,
.theme_black .el-submenu__title:focus,
.theme_black .el-submenu__title:hover{
    outline: 0 !important;
    color: #409EFF !important;
    background: none !important;
}
.theme_black .el-menu-item.is-active {
    color: #fff !important;
    background: #409EFF !important;
}

/* 白色主题色 */
.theme_white {
    background: #fff!important;
    color: #4d5259;
}
.theme_white .el-menu {
     background: #fff!important;
}
.theme_white .el-menu .el-submenu__title,
.theme_white .el-menu .el-menu-item,
.theme_white .el-menu .el-submenu__title i,
.theme_white .el-menu .el-menu-item i {
    color: #4d5259 !important;
}
.theme_white .el-menu-item:focus,
.theme_white .el-menu-item:hover,
.theme_white .el-submenu__title:focus,
.theme_white .el-submenu__title:hover{
    outline: 0 !important;
    color: #409EFF !important;
    background: none !important;
}
.theme_white .el-menu-item.is-active{
    color: #fff !important;
    background: #409EFF !important;
}
.theme_white .el-menu-item.is-active i {
    color: #fff!important;
}

/* 绿色主题色 */
.theme_green {
    background: #15c377!important;
    color: #fff;
}
.theme_green .el-menu {
     background: #15c377!important;
}
.theme_green .el-menu .el-submenu__title,
.theme_green .el-menu .el-menu-item,
.theme_green .el-menu .el-submenu__title i,
.theme_green .el-menu .el-menu-item i {
    color: #fff!important;
}
.theme_green .el-menu-item:focus,
.theme_green .el-menu-item:hover,
.theme_green .el-submenu__title:focus,
.theme_green .el-submenu__title:hover{
    outline: 0 !important;
    color: #BAE9A4 !important;
    background: none !important;
}
.theme_green .el-menu-item.is-active{
    color: #15c377 !important;
    background: #fff !important;
}
.theme_green .el-menu-item.is-active i {
    color: #15c377!important;
}

/* 橘色主题色 */
.theme_orange {
    background: #faa64b!important;
    color: #fff;
}
.theme_orange .el-menu {
     background: #faa64b!important;
}
.theme_orange .el-menu .el-submenu__title,
.theme_orange .el-menu .el-menu-item,
.theme_orange .el-menu .el-submenu__title i,
.theme_orange .el-menu .el-menu-item i {
    color: #fff!important;
}
.theme_orange .el-menu-item:focus,
.theme_orange .el-menu-item:hover,
.theme_orange .el-submenu__title:focus,
.theme_orange .el-submenu__title:hover{
    outline: 0 !important;
    color: #FFD5A4 !important;
    background: none !important;
}
.theme_orange .el-menu-item.is-active{
    color: #faa64b !important;
    background: #fff !important;
}
.theme_orange .el-menu-item.is-active i {
    color: #faa64b!important;
}

/* 红色主题色 */
.theme_red {
    background: #f96868!important;
    color: #fff;
}
.theme_red .el-menu {
     background: #f96868!important;
}
.theme_red .el-menu .el-submenu__title,
.theme_red .el-menu .el-menu-item,
.theme_red .el-menu .el-submenu__title i,
.theme_red .el-menu .el-menu-item i {
    color: #fff!important;
}
.theme_red .el-menu-item:focus,
.theme_red .el-menu-item:hover,
.theme_red .el-submenu__title:focus,
.theme_red .el-submenu__title:hover{
    outline: 0 !important;
    color: #F0AAB2 !important;
    background: none !important;
}
.theme_red .el-menu-item.is-active{
    color: #f96868 !important;
    background: #fff !important;
}
.theme_red .el-menu-item.is-active i {
    color: #f96868!important;
}

/* 蓝色主题色 */
.theme_blue {
    background: #409EFF!important;
    color: #fff;
}
.theme_blue .el-menu {
     background: #409EFF!important;
}
.theme_blue .el-menu .el-submenu__title,
.theme_blue .el-menu .el-menu-item,
.theme_blue .el-menu .el-submenu__title i,
.theme_blue .el-menu .el-menu-item i {
    color: #fff!important;
}
.theme_blue .el-menu-item:focus,
.theme_blue .el-menu-item:hover,
.theme_blue .el-submenu__title:focus,
.theme_blue .el-submenu__title:hover{
    outline: 0 !important;
    color: #8CC5FF !important;
    background: none !important;
}
.theme_blue .el-menu-item.is-active{
    color: #409EFF !important;
    background: #fff !important;
}
.theme_blue .el-menu-item.is-active i {
    color: #409EFF!important;
}

::-webkit-scrollbar {
    width: 0;
    height: 0;
}