/********************************************
 ******** 【mazarine-skin】 深蓝主题 ********
 ********************************************/

/**** 1、容器部分 ****/
body.mazarine-skin {
    background: #f1f1f1; /*#f1f1f1*/
}

.mazarine-skin .zrq-main-content {
    box-sizing: border-box;
    background: #f1f1f1;
}


/**** 2、tab部分 ****/
/*.mazarine-skin .nav-tabs > li,
.mazarine-skin .custom-tab > .tab-content {
    background: white;
}*/


/**** 3、设置栏部分 ****/
.mazarine-skin .zrq-settings-projects {
    background-color: #162440;
}

    .mazarine-skin .zrq-settings-projects label > span {
        color: #e2e2e2;
    }

.mazarine-skin .zrq-settings-container > .zrq-settings-content {
    background: #162440;
}

.mazarine-skin .zrq-menu-btns {
    border: 1px solid #00275f;
}


/**** 4、导航栏部分 ****/
.mazarine-skin div.zrq-navbar {
    background-image: url(../skin/mazarine/bg-navbar.png);
}

@media (max-width: 480px) {
    .mazarine-skin .zrq-navbar > .zrq-navbar-right {
        width: 100%;
        float: none;
        background-image: url(../skin/mazarine/bg-navbar-right.png);
    }
}

.mazarine-skin i.zrq-sidebar-toggle:hover {
    color: #0061ae;
}


/**** 5、侧边栏部分 ****/

.mazarine-skin .nav-list > li:before {
    border-color: #404040;
}

.mazarine-skin .navbar .navbar-toggle {
    background-color: #75B3D7;
}

    .mazarine-skin .navbar .navbar-toggle:focus {
        background-color: #75B3D7;
        border-color: transparent;
    }

    .mazarine-skin .navbar .navbar-toggle:hover {
        background-color: #61a8d1;
        border-color: rgba(255,255,255,.1);
    }

    .mazarine-skin .navbar .navbar-toggle.display,
    .mazarine-skin .navbar .navbar-toggle[data-toggle=collapse]:not(.collapsed) {
        background-color: #4d9dcc;
        box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,.25);
        border-color: rgba(255,255,255,.35);
    }

.mazarine-skin .sidebar {
    background-color: #162440;
    border-style: solid;
    border-color: #404040;
    border-width: 0 1px 0 0;
}

.mazarine-skin .nav-list .open > a,
.mazarine-skin .nav-list .open > a:focus,
.mazarine-skin .nav-list .open > a:hover {
    background-color: #162440;
}

.mazarine-skin .nav-list > li {
    border-color: #404040;
}

    .mazarine-skin .nav-list > li > a {
        background-color: #162440;
        color: #c7c7c7;
    }

        .mazarine-skin .nav-list > li > a:focus {
            background-color: #F8F8F8;
            color: #1963AA;
        }

    .mazarine-skin .nav-list > li:hover > a {
        background-color: #162440;
        color: #c7c7c7;
    }

    .mazarine-skin .nav-list > li.open > a {
        background-color: #162440;
        color: #ffffff;
    }

    .mazarine-skin .nav-list > li.active > a {
        font-weight: 700;
        color: #fff;
    }

        .mazarine-skin .nav-list > li.active > a,
        .mazarine-skin .nav-list > li.active > a:focus,
        .mazarine-skin .nav-list > li.active > a:hover {
            background-color: #162440;
        }

    .mazarine-skin .nav-list > li .submenu {
        background-color: #162440;
        border-color: #696969;
    }

        .mazarine-skin .nav-list > li .submenu > li > a {
            border-top-color: #757575;
            background-color: #162440;
            color: #c7c7c7;
        }

            .mazarine-skin .nav-list > li .submenu > li > a:hover {
                color: #f1f1f1;
                background-color: #00275f;
            }

        .mazarine-skin .nav-list > li .submenu > li.active > a {
            color: #fff;
        }

            .mazarine-skin .nav-list > li .submenu > li.active > a > .menu-icon {
                color: #fff;
            }

        .mazarine-skin .nav-list > li .submenu > li.active.open > a > .menu-icon {
            color: inherit;
        }

@media only screen and (min-width:992px) {
    .mazarine-skin .nav-list > li .submenu > li.active.hover > a.dropdown-toggle > .menu-icon {
        color: inherit;
    }
}

.mazarine-skin .nav-list > li .submenu > li.active:not(.open) > a {
    background-color: #00275f;
}

    .mazarine-skin .nav-list > li .submenu > li.active:not(.open) > a:hover {
        background-color: #00275f;
    }

.mazarine-skin .nav-list > li > .submenu .open > a,
.mazarine-skin .nav-list > li > .submenu .open > a:focus,
.mazarine-skin .nav-list > li > .submenu .open > a:hover {
    border-color: #757575;
}

.mazarine-skin .nav-list > li > .submenu li > .submenu > li a {
    color: #c7c7c7;
}

    .mazarine-skin .nav-list > li > .submenu li > .submenu > li a:hover {
        background-color: #00275f;
        color: #c7c7c7;
    }

.mazarine-skin .nav-list > li > .submenu li.open > a,
.mazarine-skin .nav-list > li > .submenu li > .submenu li.active > a,
.mazarine-skin .nav-list > li > .submenu li > .submenu li.open > a {
    color: #fbfbfb;
}

.mazarine-skin .nav-list > li > .submenu:before,
.mazarine-skin .nav-list > li > .submenu > li:before {
    border-color: #757575;
}

.mazarine-skin .nav-list > li.active > .submenu:before,
.mazarine-skin .nav-list > li.active > .submenu > li:before {
    border-color: #757575;
}

.mazarine-skin .sidebar-toggle {
    background-color: #162440;
    border-color: #404040;
}

    .mazarine-skin .sidebar-toggle > .fa {
        border-color: #8c8a8a;
        color: #8c8a8a;
        background-color: #162440;
    }

.mazarine-skin .sidebar-shortcuts {
    background-color: #162440;
}

.mazarine-skin .sidebar-fixed .sidebar-shortcuts {
    border-color: #404040;
}

.mazarine-skin .sidebar-shortcuts-mini {
    background-color: #10112b;
}

.mazarine-skin .nav-list li > .arrow:before {
    border-right-color: #B8B8B8;
    border-width: 10px 10px 10px 0;
    left: -10px;
}

.mazarine-skin .nav-list li > .arrow:after {
    border-right-color: #0e192d;
    border-width: 10px 10px 10px 0;
    left: -9px;
}

.mazarine-skin .nav-list > li.pull_up > .arrow:after {
    border-right-color: #FFF !important;
}

.mazarine-skin .nav-list li.active > a:after {
    border-right-color: #59c4e6;
}

.mazarine-skin .nav-list > li.active:after {
    display: block;
    content: "";
    position: absolute;
    right: -2px;
    top: -1px;
    bottom: 0;
    z-index: 1;
    border: 2px solid #59c4e6;
    border-width: 0 2px 0 0;
}

.mazarine-skin .sidebar.menu-min .nav-list > li > a > .menu-text {
    background-color: #0e192d;
    -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
    box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
    border-color: #8c8a8a;
}

.mazarine-skin .sidebar.menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
}

.mazarine-skin .sidebar.menu-min .nav-list > li.active > .submenu {
    border-left-color: #8c8a8a;
}

.mazarine-skin .sidebar.menu-min .nav-list > li > .submenu {
    background-color: #404040; /* #00275f */
    border: 1px solid #404040;
    border-top-color: #404040;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
}

.mazarine-skin .sidebar.menu-min .nav-list > li > .arrow:after {
    border-right-color: #0e192d; /* #202242 */
    border-width: 8px 8px 8px 0;
    left: -8px;
}

.mazarine-skin .sidebar.menu-min .nav-list > li > .arrow:before {
    border-width: 8px 8px 8px 0;
    left: -9px;
}

.mazarine-skin .sidebar.menu-min .nav-list > li.active > .arrow:before {
    border-right-color: #8c8a8a;
}

.mazarine-skin .sidebar.menu-min .nav-list > li.active > a > .menu-text {
    border-left-color: #8c8a8a;
}

.mazarine-skin .sidebar.menu-min .sidebar-shortcuts-large {
    background-color: #202242;
    -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
    box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
    border-color: #CCC;
}

.mazarine-skin .sidebar.menu-min .sidebar-toggle > .fa {
    border-color: #b1b1b1;
}

@media (max-width:991px) {
    .mazarine-skin .sidebar.responsive-min .nav-list > li > a > .menu-text {
        background-color: #F5F5F5;
        -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
        box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
        border-color: #CCC;
    }

    .mazarine-skin .sidebar.responsive-min .nav-list > li > a.dropdown-toggle > .menu-text {
        -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
        box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
    }

    .mazarine-skin .sidebar.responsive-min .nav-list > li.active > .submenu {
        border-left-color: #83B6D1;
    }

    .mazarine-skin .sidebar.responsive-min .nav-list > li > .submenu {
        background-color: #FFF;
        border: 1px solid #CCC;
        border-top-color: #e6e6e6;
        -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
        box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
    }

    .mazarine-skin .sidebar.responsive-min .nav-list > li > .arrow:after {
        border-right-color: #F5F5F5;
        border-width: 8px 8px 8px 0;
        left: -8px;
    }

    .mazarine-skin .sidebar.responsive-min .nav-list > li > .arrow:before {
        border-width: 8px 8px 8px 0;
        left: -9px;
    }

    .mazarine-skin .sidebar.responsive-min .nav-list > li.active > .arrow:before {
        border-right-color: #5a9ec2;
    }

    .mazarine-skin .sidebar.responsive-min .nav-list > li.active > a > .menu-text {
        border-left-color: #83B6D1;
    }

    .mazarine-skin .sidebar.responsive-min .sidebar-shortcuts-large {
        background-color: #FFF;
        -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
        box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
        border-color: #CCC;
    }

    .mazarine-skin .sidebar.responsive-min .sidebar-toggle > .fa {
        border-color: #b1b1b1;
    }
}

@media only screen and (min-width:992px) {
    .mazarine-skin .nav-list li.hover > .submenu {
        -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
        box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
        border-color: #8c8a8a;
    }

        .mazarine-skin .nav-list li.hover > .submenu > li.active > a {
            background-color: #00275f;
        }

        .mazarine-skin .nav-list li.hover > .submenu > li:hover > a {
            /*background-color: #EEF3F7;
            color: #2E7DB4;*/
            background-color: #00275f;
            color: #c7c7c7;
        }
}

@media only screen and (min-width:992px) and (max-width:991px) {
    .mazarine-skin .sidebar.navbar-collapse .nav-list li li.hover.active.open > a,
    .mazarine-skin .sidebar.navbar-collapse .nav-list li li.hover:hover > a {
        background-color: #FFF;
    }

    .mazarine-skin .sidebar.navbar-collapse .nav-list li li.hover.open.active > a:hover,
    .mazarine-skin .sidebar.navbar-collapse .nav-list li li.hover.open > a:hover,
    .mazarine-skin .sidebar.navbar-collapse .nav-list li li.hover > a:hover {
        background-color: #F1F5F9;
    }

    .mazarine-skin .sidebar.navbar-collapse .nav-list > li .submenu > li.active.hover > a.dropdown-toggle > .menu-icon {
        color: #C86139;
    }

    .mazarine-skin .sidebar.navbar-collapse .nav-list > li .submenu > li.active.open.hover > a.dropdown-toggle > .menu-icon {
        color: inherit;
    }
}

@media only screen and (min-width:992px) {
    .mazarine-skin .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a {
        color: #585858;
    }

        .mazarine-skin .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a > .arrow {
            color: inherit;
        }

    .mazarine-skin .sidebar.navbar-collapse .nav-list > li.open.hover:hover > a {
        background-color: #FFF;
    }

    .mazarine-skin .sidebar.navbar-collapse .nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a {
        color: #616161;
    }

        .mazarine-skin .sidebar.navbar-collapse .nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a > .arrow {
            color: inherit;
        }
}

@media only screen and (min-width:992px) and (max-width:991px) {
    .mazarine-skin .sidebar.navbar-collapse .nav-list li.hover > .submenu {
        border-top-color: #E5E5E5;
        background-color: #FFF;
    }

    .mazarine-skin .nav-list li.hover > .submenu > li.active:not(.open) > a {
        background-color: #F5F7FA;
    }

        .mazarine-skin .nav-list li.hover > .submenu > li.active:not(.open) > a:hover {
            background-color: #F1F5F9;
        }
}

/** yfzeng 20190816 将991px改为100px **/
@media only screen and (max-width:100px) {

    .mazarine-skin .sidebar.responsive .nav-list > li.active.open > a:after,
    .mazarine-skin .sidebar.responsive-max .nav-list > li.active.open > a:after {
        display: block;
    }

    .mazarine-skin .sidebar.responsive .nav-list li li.active > a:after,
    .mazarine-skin .sidebar.responsive-max .nav-list li li.active > a:after {
        display: none;
    }

    .mazarine-skin .sidebar.responsive .nav-list > li.active:after,
    .mazarine-skin .sidebar.responsive-max .nav-list > li.active:after {
        height: 41px;
    }

    .mazarine-skin .sidebar {
        border-width: 0 1px 1px 0;
        border-top-color: #d6d6d6;
    }

    .mazarine-skin .menu-toggler + .sidebar.responsive {
        border-top-width: 1px;
    }

    .mazarine-skin .sidebar.responsive-min {
        border-width: 0 1px 0 0;
    }

    .mazarine-skin .sidebar.navbar-collapse {
        border-width: 0;
        border-bottom-width: 1px !important;
        border-bottom-color: #CCC;
        -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1) !important;
        box-shadow: 0 2px 2px rgba(0,0,0,.1) !important;
    }

        .mazarine-skin .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu {
            background-color: #FFF;
        }
}

.mazarine-skin .sidebar-toggle {
    border-top-color: #404040;
    border-top-width: 1px;
}

.mazarine-skin .nav-list > li.disabled:before {
    display: none !important;
}

.mazarine-skin .nav-list > li.disabled > a {
    background-color: #ebebeb !important;
    color: #656565 !important;
}

.mazarine-skin .nav-list li .submenu > li.disabled > a, .mazarine-skin .nav-list li.disabled .submenu > li > a {
    background-color: #f2f2f2 !important;
    color: #7a7a7a !important;
    cursor: not-allowed !important;
}


.mazarine-skin .sidebar .sidebar-toggle:before {
    border-color: #404040;
}

.mazarine-skin .sidebar-shortcuts-large > .btn {
    background-color: #141d70 !important;
    border-width: 2px;
    border-radius: 20px;
}






/********************************************
 ******** 【blackash-skin】 黑灰主题 ********
 ********************************************/

/**** 1、容器部分 ****/
body.blackash-skin {
    background: white;
}

.blackash-skin .zrq-main-content {
    box-sizing: border-box;
    /*background: #f1f1f1;*/
}


/**** 2、tab部分 ****/
/*.blackash-skin .nav-tabs > li,
.blackash-skin .custom-tab > .tab-content {
    background: white;
}*/


/**** 3、设置栏部分 ****/
.blackash-skin .zrq-settings-projects {
    background-color: #505050;
}

    .blackash-skin .zrq-settings-projects label > span {
        color: #e2e2e2;
    }

.blackash-skin .zrq-settings-container > .zrq-settings-content {
    background: #505050;
}

.blackash-skin .zrq-menu-btns {
    border: 1px solid #00275f;
}


/**** 4、导航栏部分 ****/
.blackash-skin div.zrq-navbar {
    /*background-image: url(../skin/blackash/bg-navbar.png);*/
    background: #000017;
}

@media (max-width: 480px) {
    .blackash-skin .zrq-navbar > .zrq-navbar-right {
        background: #2f2f2f;
        width: 100%;
        float: none;
        /*background-image: url(../skin/blackash/bg-navbar-right.png);*/
    }
}

.blackash-skin i.zrq-sidebar-toggle:hover {
    color: #000000;
}


/**** 5、侧边栏部分 ****/

.blackash-skin .nav-list > li:before {
    border-color: #404040;
}

.blackash-skin .navbar .navbar-toggle {
    background-color: #75B3D7;
}

    .blackash-skin .navbar .navbar-toggle:focus {
        background-color: #75B3D7;
        border-color: transparent;
    }

    .blackash-skin .navbar .navbar-toggle:hover {
        background-color: #61a8d1;
        border-color: rgba(255,255,255,.1);
    }

    .blackash-skin .navbar .navbar-toggle.display,
    .blackash-skin .navbar .navbar-toggle[data-toggle=collapse]:not(.collapsed) {
        background-color: #4d9dcc;
        box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,.25);
        border-color: rgba(255,255,255,.35);
    }

.blackash-skin .sidebar {
    background-color: #464646;
    border-style: solid;
    border-color: #404040;
    border-width: 0 1px 0 0;
}

.blackash-skin .nav-list .open > a,
.blackash-skin .nav-list .open > a:focus,
.blackash-skin .nav-list .open > a:hover {
    background-color: #505050;
}

.blackash-skin .nav-list > li {
    border-color: #404040;
}

    .blackash-skin .nav-list > li > a {
        background-color: #505050;
        color: #c7c7c7;
    }

        .blackash-skin .nav-list > li > a:focus {
            background-color: #F8F8F8;
            color: #1963AA;
        }

    .blackash-skin .nav-list > li:hover > a {
        background-color: #505050;
        color: #c7c7c7;
    }

    .blackash-skin .nav-list > li.open > a {
        background-color: #2d2d2d;
        color: #ffffff;
    }

    .blackash-skin .nav-list > li.active > a {
        font-weight: 700;
        color: #fff;
    }

        .blackash-skin .nav-list > li.active > a,
        .blackash-skin .nav-list > li.active > a:focus,
        .blackash-skin .nav-list > li.active > a:hover {
            background-color: #2d2d2d;
        }

    .blackash-skin .nav-list > li .submenu {
        background-color: #2d2d2d;
        border-color: #696969;
    }

        .blackash-skin .nav-list > li .submenu > li > a {
            border-top-color: #757575;
            background-color: #2d2d2d;
            color: #c7c7c7;
        }

            .blackash-skin .nav-list > li .submenu > li > a:hover {
                color: #f1f1f1;
                background-color: black;
            }

        .blackash-skin .nav-list > li .submenu > li.active > a {
            color: #fff;
        }

            .blackash-skin .nav-list > li .submenu > li.active > a > .menu-icon {
                color: #fff;
            }

        .blackash-skin .nav-list > li .submenu > li.active.open > a > .menu-icon {
            color: inherit;
        }

@media only screen and (min-width:992px) {
    .blackash-skin .nav-list > li .submenu > li.active.hover > a.dropdown-toggle > .menu-icon {
        color: inherit;
    }
}

.blackash-skin .nav-list > li .submenu > li.active:not(.open) > a {
    background-color: black;
}

    .blackash-skin .nav-list > li .submenu > li.active:not(.open) > a:hover {
        background-color: black;
    }

.blackash-skin .nav-list > li > .submenu .open > a,
.blackash-skin .nav-list > li > .submenu .open > a:focus,
.blackash-skin .nav-list > li > .submenu .open > a:hover {
    border-color: #757575;
}

.blackash-skin .nav-list > li > .submenu li > .submenu > li a {
    color: #c7c7c7;
}

    .blackash-skin .nav-list > li > .submenu li > .submenu > li a:hover {
        background-color: black;
        color: #c7c7c7;
    }

.blackash-skin .nav-list > li > .submenu li.open > a,
.blackash-skin .nav-list > li > .submenu li > .submenu li.active > a,
.blackash-skin .nav-list > li > .submenu li > .submenu li.open > a {
    color: #fbfbfb;
}

.blackash-skin .nav-list > li > .submenu:before,
.blackash-skin .nav-list > li > .submenu > li:before {
    border-color: #757575;
}

.blackash-skin .nav-list > li.active > .submenu:before,
.blackash-skin .nav-list > li.active > .submenu > li:before {
    border-color: #757575;
}

.blackash-skin .sidebar-toggle {
    background-color: #505050;
    border-color: #404040;
}

    .blackash-skin .sidebar-toggle > .fa {
        border-color: #8c8a8a;
        color: #8c8a8a;
        background-color: #505050;
    }

.blackash-skin .sidebar-shortcuts {
    background-color: #505050;
}

.blackash-skin .sidebar-fixed .sidebar-shortcuts {
    border-color: #404040;
}

.blackash-skin .sidebar-shortcuts-mini {
    background-color: #10112b;
}

.blackash-skin .nav-list li > .arrow:before {
    border-right-color: #B8B8B8;
    border-width: 10px 10px 10px 0;
    left: -10px;
}

.blackash-skin .nav-list li > .arrow:after {
    border-right-color: #929292;
    border-width: 10px 10px 10px 0;
    left: -10px;
}

.blackash-skin .nav-list > li.pull_up > .arrow:after {
    border-right-color: #FFF !important;
}

.blackash-skin .nav-list li.active > a:after {
    border-right-color: #59c4e6;
}

.blackash-skin .nav-list > li.active:after {
    display: block;
    content: "";
    position: absolute;
    right: -2px;
    top: -1px;
    bottom: 0;
    z-index: 1;
    border: 2px solid #59c4e6;
    border-width: 0 2px 0 0;
}

.blackash-skin .sidebar.menu-min .nav-list > li > a > .menu-text {
    background-color: black;
    -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
    box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
    border-color: #8c8a8a;
}

.blackash-skin .sidebar.menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
}

.blackash-skin .sidebar.menu-min .nav-list > li.active > .submenu {
    border-left-color: #8c8a8a;
}

.blackash-skin .sidebar.menu-min .nav-list > li > .submenu {
    background-color: #404040; /* #00275f */
    border: 1px solid #404040;
    border-top-color: #404040;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
}

.blackash-skin .sidebar.menu-min .nav-list > li > .arrow:after {
    border-right-color: #0e192d; /* #202242 */
    border-width: 8px 8px 8px 0;
    left: -8px;
}

.blackash-skin .sidebar.menu-min .nav-list > li > .arrow:before {
    border-width: 8px 8px 8px 0;
    left: -9px;
}

.blackash-skin .sidebar.menu-min .nav-list > li.active > .arrow:before {
    border-right-color: #8c8a8a;
}

.blackash-skin .sidebar.menu-min .nav-list > li.active > a > .menu-text {
    border-left-color: #8c8a8a;
}

.blackash-skin .sidebar.menu-min .sidebar-shortcuts-large {
    background-color: #202242;
    -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
    box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
    border-color: #CCC;
}

.blackash-skin .sidebar.menu-min .sidebar-toggle > .fa {
    border-color: #b1b1b1;
}

@media (max-width:991px) {
    .blackash-skin .sidebar.responsive-min .nav-list > li > a > .menu-text {
        background-color: #F5F5F5;
        -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
        box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
        border-color: #CCC;
    }

    .blackash-skin .sidebar.responsive-min .nav-list > li > a.dropdown-toggle > .menu-text {
        -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
        box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
    }

    .blackash-skin .sidebar.responsive-min .nav-list > li.active > .submenu {
        border-left-color: #83B6D1;
    }

    .blackash-skin .sidebar.responsive-min .nav-list > li > .submenu {
        background-color: #FFF;
        border: 1px solid #CCC;
        border-top-color: #e6e6e6;
        -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
        box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
    }

    .blackash-skin .sidebar.responsive-min .nav-list > li > .arrow:after {
        border-right-color: #F5F5F5;
        border-width: 8px 8px 8px 0;
        left: -8px;
    }

    .blackash-skin .sidebar.responsive-min .nav-list > li > .arrow:before {
        border-width: 8px 8px 8px 0;
        left: -9px;
    }

    .blackash-skin .sidebar.responsive-min .nav-list > li.active > .arrow:before {
        border-right-color: #5a9ec2;
    }

    .blackash-skin .sidebar.responsive-min .nav-list > li.active > a > .menu-text {
        border-left-color: #83B6D1;
    }

    .blackash-skin .sidebar.responsive-min .sidebar-shortcuts-large {
        background-color: #FFF;
        -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
        box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
        border-color: #CCC;
    }

    .blackash-skin .sidebar.responsive-min .sidebar-toggle > .fa {
        border-color: #b1b1b1;
    }
}

@media only screen and (min-width:992px) {
    .blackash-skin .nav-list li.hover > .submenu {
        -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
        box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
        border-color: #8c8a8a;
    }

        .blackash-skin .nav-list li.hover > .submenu > li.active > a {
            background-color: black;
        }

        .blackash-skin .nav-list li.hover > .submenu > li:hover > a {
            /*background-color: #EEF3F7;
            color: #2E7DB4;*/
            background-color: black;
            color: #c7c7c7;
        }
}

@media only screen and (min-width:992px) and (max-width:991px) {
    .blackash-skin .sidebar.navbar-collapse .nav-list li li.hover.active.open > a,
    .blackash-skin .sidebar.navbar-collapse .nav-list li li.hover:hover > a {
        background-color: #FFF;
    }

    .blackash-skin .sidebar.navbar-collapse .nav-list li li.hover.open.active > a:hover,
    .blackash-skin .sidebar.navbar-collapse .nav-list li li.hover.open > a:hover,
    .blackash-skin .sidebar.navbar-collapse .nav-list li li.hover > a:hover {
        background-color: #F1F5F9;
    }

    .blackash-skin .sidebar.navbar-collapse .nav-list > li .submenu > li.active.hover > a.dropdown-toggle > .menu-icon {
        color: #C86139;
    }

    .blackash-skin .sidebar.navbar-collapse .nav-list > li .submenu > li.active.open.hover > a.dropdown-toggle > .menu-icon {
        color: inherit;
    }
}

@media only screen and (min-width:992px) {
    .blackash-skin .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a {
        color: #585858;
    }

        .blackash-skin .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a > .arrow {
            color: inherit;
        }

    .blackash-skin .sidebar.navbar-collapse .nav-list > li.open.hover:hover > a {
        background-color: #FFF;
    }

    .blackash-skin .sidebar.navbar-collapse .nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a {
        color: #616161;
    }

        .blackash-skin .sidebar.navbar-collapse .nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a > .arrow {
            color: inherit;
        }
}

@media only screen and (min-width:992px) and (max-width:991px) {
    .blackash-skin .sidebar.navbar-collapse .nav-list li.hover > .submenu {
        border-top-color: #E5E5E5;
        background-color: #FFF;
    }

    .blackash-skin .nav-list li.hover > .submenu > li.active:not(.open) > a {
        background-color: #F5F7FA;
    }

        .blackash-skin .nav-list li.hover > .submenu > li.active:not(.open) > a:hover {
            background-color: #F1F5F9;
        }
}

/** yfzeng 20190816 将991px改为100px **/
@media only screen and (max-width:100px) {

    .blackash-skin .sidebar.responsive .nav-list > li.active.open > a:after,
    .blackash-skin .sidebar.responsive-max .nav-list > li.active.open > a:after {
        display: block;
    }

    .blackash-skin .sidebar.responsive .nav-list li li.active > a:after,
    .blackash-skin .sidebar.responsive-max .nav-list li li.active > a:after {
        display: none;
    }

    .blackash-skin .sidebar.responsive .nav-list > li.active:after,
    .blackash-skin .sidebar.responsive-max .nav-list > li.active:after {
        height: 41px;
    }

    .blackash-skin .sidebar {
        border-width: 0 1px 1px 0;
        border-top-color: #d6d6d6;
    }

    .blackash-skin .menu-toggler + .sidebar.responsive {
        border-top-width: 1px;
    }

    .blackash-skin .sidebar.responsive-min {
        border-width: 0 1px 0 0;
    }

    .blackash-skin .sidebar.navbar-collapse {
        border-width: 0;
        border-bottom-width: 1px !important;
        border-bottom-color: #CCC;
        -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1) !important;
        box-shadow: 0 2px 2px rgba(0,0,0,.1) !important;
    }

        .blackash-skin .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu {
            background-color: #FFF;
        }
}

.blackash-skin .sidebar-toggle {
    border-top-color: #404040;
    border-top-width: 1px;
}

.blackash-skin .nav-list > li.disabled:before {
    display: none !important;
}

.blackash-skin .nav-list > li.disabled > a {
    background-color: #ebebeb !important;
    color: #656565 !important;
}

.blackash-skin .nav-list li .submenu > li.disabled > a, .blackash-skin .nav-list li.disabled .submenu > li > a {
    background-color: #f2f2f2 !important;
    color: #7a7a7a !important;
    cursor: not-allowed !important;
}


.blackash-skin .sidebar .sidebar-toggle:before {
    border-color: #404040;
}

.blackash-skin .sidebar-shortcuts-large > .btn {
    background-color: #000000 !important;
    border-width: 2px;
    border-radius: 20px;
}





/********************************************
 ******** 【ocean-skin】 海洋色主题 ********
 ********************************************/

/**** 1、容器部分 ****/
body.ocean-skin {
    background: white;
}

.ocean-skin .zrq-main-content {
    box-sizing: border-box;
    background: #f1f1f1;
}


/**** 2、tab部分 ****/
/*.ocean-skin .nav-tabs > li,
.ocean-skin .custom-tab > .tab-content {
    background: white;
}*/


/**** 3、设置栏部分 ****/
.ocean-skin .zrq-settings-projects {
    background-color: #f7faff;
}

    .ocean-skin .zrq-settings-projects label > span {
        color: #516b91;
    }

.ocean-skin .zrq-settings-container > .zrq-settings-content {
    background: #f7faff;
}

.ocean-skin .zrq-menu-btns {
    border: 1px solid #d6e5ff;
}


/**** 4、导航栏部分 ****/
.ocean-skin div.zrq-navbar {
    /*background-image: url(../skin/ocean/bg-navbar.png);*/
    background: #54c0ff;
}

@media (max-width: 480px) {
    .ocean-skin .zrq-navbar > .zrq-navbar-right {
        background: #73ccff;
        width: 100%;
        float: none;
        /*background-image: url(../skin/ocean/bg-navbar-right.png);*/
    }
}

.ocean-skin i.zrq-sidebar-toggle:hover {
    color: #000000;
}


/**** 5、侧边栏部分 ****/

.ocean-skin .nav-list > li:before {
    border-color: #404040;
}

.ocean-skin .navbar .navbar-toggle {
    background-color: #75B3D7;
}

    .ocean-skin .navbar .navbar-toggle:focus {
        background-color: #75B3D7;
        border-color: transparent;
    }

    .ocean-skin .navbar .navbar-toggle:hover {
        background-color: #61a8d1;
        border-color: rgba(255,255,255,.1);
    }

    .ocean-skin .navbar .navbar-toggle.display,
    .ocean-skin .navbar .navbar-toggle[data-toggle=collapse]:not(.collapsed) {
        background-color: #4d9dcc;
        box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,.25);
        border-color: rgba(255,255,255,.35);
    }

.ocean-skin .sidebar {
    background-color: #f7faff;
    border-style: solid;
    border-color: #dce2eb;
    border-width: 0 1px 0 0;
}

.ocean-skin .nav-list .open > a,
.ocean-skin .nav-list .open > a:focus,
.ocean-skin .nav-list .open > a:hover {
    background-color: #ecf4ff;
}

.ocean-skin .nav-list > li {
    border-color: #edf4ff; /* #dce2eb; */
}

    .ocean-skin .nav-list > li > a {
        background-color: #ffffff;
        color: #516b91;
    }

        .ocean-skin .nav-list > li > a:focus {
            background-color: #F8F8F8;
            color: #1963AA;
        }

    .ocean-skin .nav-list > li:hover > a {
        background-color: #ffffff;
        color: #516b91;
    }

    .ocean-skin .nav-list > li.open > a {
        background-color: #ecf4ff;
        color: #516b91;
    }

    .ocean-skin .nav-list > li.active > a {
        font-weight: 700;
        color: #516b91;
    }

        .ocean-skin .nav-list > li.active > a,
        .ocean-skin .nav-list > li.active > a:focus,
        .ocean-skin .nav-list > li.active > a:hover {
            background-color: #ecf4ff;
        }

    .ocean-skin .nav-list > li .submenu {
        background-color: #ffffff;
        border-color: #dce2eb;
    }

        .ocean-skin .nav-list > li .submenu > li > a {
            border-top-color: #dce2eb;
            background-color: #ffffff;
            color: #516b91;
        }

            .ocean-skin .nav-list > li .submenu > li > a:hover {
                color: #516b91;
                background-color: #ecf4ff;
            }

        .ocean-skin .nav-list > li .submenu > li.active > a {
            color: #516b91;
        }

            .ocean-skin .nav-list > li .submenu > li.active > a > .menu-icon {
                color: #fff;
            }

        .ocean-skin .nav-list > li .submenu > li.active.open > a > .menu-icon {
            color: inherit;
        }

@media only screen and (min-width:992px) {
    .ocean-skin .nav-list > li .submenu > li.active.hover > a.dropdown-toggle > .menu-icon {
        color: inherit;
    }
}

.ocean-skin .nav-list > li .submenu > li.active:not(.open) > a {
    background-color: white;
}

    .ocean-skin .nav-list > li .submenu > li.active:not(.open) > a:hover {
        background-color: #ecf4ff;
    }

.ocean-skin .nav-list > li > .submenu .open > a,
.ocean-skin .nav-list > li > .submenu .open > a:focus,
.ocean-skin .nav-list > li > .submenu .open > a:hover {
    border-color: #dce2eb;
}

.ocean-skin .nav-list > li > .submenu li > .submenu > li a {
    color: #516b91;
}

    .ocean-skin .nav-list > li > .submenu li > .submenu > li a:hover {
        background-color: #f3f8ff;
        color: #516b91;
    }

.ocean-skin .nav-list > li > .submenu li.open > a,
.ocean-skin .nav-list > li > .submenu li > .submenu li.active > a,
.ocean-skin .nav-list > li > .submenu li > .submenu li.open > a {
    color: #516b91;
}

.ocean-skin .nav-list > li > .submenu:before,
.ocean-skin .nav-list > li > .submenu > li:before {
    border-color: #dce2eb;
}

.ocean-skin .nav-list > li.active > .submenu:before,
.ocean-skin .nav-list > li.active > .submenu > li:before {
    border-color: #dce2eb;
}

.ocean-skin .sidebar-toggle {
    background-color: #ffffff;
    border-color: #dce2eb;
}

    .ocean-skin .sidebar-toggle > .fa {
        border-color: #516b91;
        color: #516b91;
        background-color: #ffffff;
    }

.ocean-skin .sidebar-shortcuts {
    background-color: #ffffff;
}

.ocean-skin .sidebar-fixed .sidebar-shortcuts {
    border-color: #404040;
}

.ocean-skin .sidebar-shortcuts-mini {
    background-color: #ffffff;
}

.ocean-skin .nav-list li > .arrow:before {
    border-right-color: #d6e5ff;
    border-width: 10px 10px 10px 0;
    left: -10px;
}

.ocean-skin .nav-list li > .arrow:after {
    border-right-color: #d6e5ff;
    border-width: 10px 10px 10px 0;
    left: -10px;
}

.ocean-skin .nav-list > li.pull_up > .arrow:after {
    border-right-color: #FFF !important;
}

.ocean-skin .nav-list li.active > a:after {
    border-right-color: #59c4e6;
}

.ocean-skin .nav-list > li.active:after {
    display: block;
    content: "";
    position: absolute;
    right: -2px;
    top: -1px;
    bottom: 0;
    z-index: 1;
    border: 2px solid #59c4e6;
    border-width: 0 2px 0 0;
}

.ocean-skin .sidebar.menu-min .nav-list > li > a > .menu-text {
    background-color: #d6e5ff;
    -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
    box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
    border-color: #d6e5ff;
}

.ocean-skin .sidebar.menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
}

.ocean-skin .sidebar.menu-min .nav-list > li.active > .submenu {
    border-left-color: #8c8a8a;
}

.ocean-skin .sidebar.menu-min .nav-list > li > .submenu {
    background-color: #ffffff; /* #00275f */
    border: 1px solid #d6e5ff;
    border-top-color: #d6e5ff;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
}

.ocean-skin .sidebar.menu-min .nav-list > li > .arrow:after {
    border-right-color: #d6e5ff; /* #202242 */
    border-width: 8px 8px 8px 0;
    left: -8px;
}

.ocean-skin .sidebar.menu-min .nav-list > li > .arrow:before {
    border-width: 8px 8px 8px 0;
    left: -9px;
}

.ocean-skin .sidebar.menu-min .nav-list > li.active > .arrow:before {
    border-right-color: #8c8a8a;
}

.ocean-skin .sidebar.menu-min .nav-list > li.active > a > .menu-text {
    border-left-color: #8c8a8a;
}

.ocean-skin .sidebar.menu-min .sidebar-shortcuts-large {
    background-color: #ffffff;
    -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
    box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
    border-color: #d6e5ff;
}

.ocean-skin .sidebar.menu-min .sidebar-toggle > .fa {
    border-color: #b1b1b1;
}

@media (max-width:991px) {
    .ocean-skin .sidebar.responsive-min .nav-list > li > a > .menu-text {
        background-color: #F5F5F5;
        -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
        box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
        border-color: #CCC;
    }

    .ocean-skin .sidebar.responsive-min .nav-list > li > a.dropdown-toggle > .menu-text {
        -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
        box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
    }

    .ocean-skin .sidebar.responsive-min .nav-list > li.active > .submenu {
        border-left-color: #83B6D1;
    }

    .ocean-skin .sidebar.responsive-min .nav-list > li > .submenu {
        background-color: #FFF;
        border: 1px solid #CCC;
        border-top-color: #e6e6e6;
        -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
        box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
    }

    .ocean-skin .sidebar.responsive-min .nav-list > li > .arrow:after {
        border-right-color: #F5F5F5;
        border-width: 8px 8px 8px 0;
        left: -8px;
    }

    .ocean-skin .sidebar.responsive-min .nav-list > li > .arrow:before {
        border-width: 8px 8px 8px 0;
        left: -9px;
    }

    .ocean-skin .sidebar.responsive-min .nav-list > li.active > .arrow:before {
        border-right-color: #5a9ec2;
    }

    .ocean-skin .sidebar.responsive-min .nav-list > li.active > a > .menu-text {
        border-left-color: #83B6D1;
    }

    .ocean-skin .sidebar.responsive-min .sidebar-shortcuts-large {
        background-color: #FFF;
        -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
        box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
        border-color: #CCC;
    }

    .ocean-skin .sidebar.responsive-min .sidebar-toggle > .fa {
        border-color: #b1b1b1;
    }
}

@media only screen and (min-width:992px) {
    .ocean-skin .nav-list li.hover > .submenu {
        -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
        box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
        border-color: #d6e5ff;
    }

        .ocean-skin .nav-list li.hover > .submenu > li.active > a {
            background-color: black;
        }

        .ocean-skin .nav-list li.hover > .submenu > li:hover > a {
            /*background-color: #EEF3F7;
            color: #2E7DB4;*/
            background-color: #d6e5ff;
            color: #516b91;
        }
}

@media only screen and (min-width:992px) and (max-width:991px) {
    .ocean-skin .sidebar.navbar-collapse .nav-list li li.hover.active.open > a,
    .ocean-skin .sidebar.navbar-collapse .nav-list li li.hover:hover > a {
        background-color: #FFF;
    }

    .ocean-skin .sidebar.navbar-collapse .nav-list li li.hover.open.active > a:hover,
    .ocean-skin .sidebar.navbar-collapse .nav-list li li.hover.open > a:hover,
    .ocean-skin .sidebar.navbar-collapse .nav-list li li.hover > a:hover {
        background-color: #F1F5F9;
    }

    .ocean-skin .sidebar.navbar-collapse .nav-list > li .submenu > li.active.hover > a.dropdown-toggle > .menu-icon {
        color: #C86139;
    }

    .ocean-skin .sidebar.navbar-collapse .nav-list > li .submenu > li.active.open.hover > a.dropdown-toggle > .menu-icon {
        color: inherit;
    }
}

@media only screen and (min-width:992px) {
    .ocean-skin .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a {
        color: #585858;
    }

        .ocean-skin .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a > .arrow {
            color: inherit;
        }

    .ocean-skin .sidebar.navbar-collapse .nav-list > li.open.hover:hover > a {
        background-color: #FFF;
    }

    .ocean-skin .sidebar.navbar-collapse .nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a {
        color: #616161;
    }

        .ocean-skin .sidebar.navbar-collapse .nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a > .arrow {
            color: inherit;
        }
}

@media only screen and (min-width:992px) and (max-width:991px) {
    .ocean-skin .sidebar.navbar-collapse .nav-list li.hover > .submenu {
        border-top-color: #E5E5E5;
        background-color: #FFF;
    }

    .ocean-skin .nav-list li.hover > .submenu > li.active:not(.open) > a {
        background-color: #F5F7FA;
    }

        .ocean-skin .nav-list li.hover > .submenu > li.active:not(.open) > a:hover {
            background-color: #F1F5F9;
        }
}

@media only screen and (max-width:100px) {

    .ocean-skin .sidebar.responsive .nav-list > li.active.open > a:after,
    .ocean-skin .sidebar.responsive-max .nav-list > li.active.open > a:after {
        display: block;
    }

    .ocean-skin .sidebar.responsive .nav-list li li.active > a:after,
    .ocean-skin .sidebar.responsive-max .nav-list li li.active > a:after {
        display: none;
    }

    .ocean-skin .sidebar.responsive .nav-list > li.active:after,
    .ocean-skin .sidebar.responsive-max .nav-list > li.active:after {
        height: 41px;
    }

    .ocean-skin .sidebar {
        border-width: 0 1px 1px 0;
        border-top-color: #d6d6d6;
    }

    .ocean-skin .menu-toggler + .sidebar.responsive {
        border-top-width: 1px;
    }

    .ocean-skin .sidebar.responsive-min {
        border-width: 0 1px 0 0;
    }

    .ocean-skin .sidebar.navbar-collapse {
        border-width: 0;
        border-bottom-width: 1px !important;
        border-bottom-color: #CCC;
        -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1) !important;
        box-shadow: 0 2px 2px rgba(0,0,0,.1) !important;
    }

        .ocean-skin .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu {
            background-color: #FFF;
        }
}

.ocean-skin .sidebar-toggle {
    border-top-color: #dce2eb;
    border-top-width: 1px;
}

.ocean-skin .nav-list > li.disabled:before {
    display: none !important;
}

.ocean-skin .nav-list > li.disabled > a {
    background-color: #ebebeb !important;
    color: #656565 !important;
}

.ocean-skin .nav-list li .submenu > li.disabled > a, .ocean-skin .nav-list li.disabled .submenu > li > a {
    background-color: #f2f2f2 !important;
    color: #7a7a7a !important;
    cursor: not-allowed !important;
}


.ocean-skin .sidebar .sidebar-toggle:before {
    border-color: #dce2eb;
}

.ocean-skin .sidebar-shortcuts-large > .btn {
    background-color: #ffffff !important;
    border-width: 2px;
    border-radius: 20px;
    color: #126fa0 !important;
}

.ocean-skin .zrq-loading{
     color: #516b91;
}

.ocean-skin tr.zrq-tr-hover > td{
    background-color: #d8fffd;
}

.ocean-skin tr.zrq-tr-selected > td{
    background-color: #ffeaf7;
}