@import "./var-zf.css";

/** 菜单 */
.nav-bar {
    background-color: var(--primary-color);
}

#mainnav {
    background-color: var(--primary-color);
}

#mainnav .list-header, #mainnav-menu a {
    color: #FFF;
}

#mainnav-menu > .active {
    background-color: var(--primary-color);
}

#mainnav-menu ul li.current > a {
    border-left: 4px solid #fff;
    background-color: var(--mask-color);
}

#mainnav-menu ul a:hover, .menu-popover .sub-menu ul a:hover, #mainnav-menu ul ul a:hover, .menu-popover .sub-menu ul ul a:hover, #mainnav-menu ul .active-link a, .menu-popover .sub-menu ul .active-link a {
    background-color: var(--mask-color);
}

.second-menu  li {
    background-color: var(--primary-light-color);
}

.nano-slider {
    background-color: var(--primary-light-color) !important;
}

/** 按钮 */

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-prihov {
    color: #FFF;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-toolbar .btn:hover, .btn-toolbar .btn:hover{
    border-color: var(--primary-color) !important;
    background-color: var(--primary-color) !important;
    color: #FFF;
}

.btn-hrm-blue {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.btn-hrm-blue:hover, .btn-hrm-blue:focus, .btn-prihov {
    background-color: var(--primary-light-color);
    color: #FFF;
}

/** 表格 */

.advanced-query-fixed {
    border-top-color: var(--primary-color) !important;
}

#list_head th,
.table>thead>tr>th {
    background-color: var(--primary-color);
}

/** 文字 */

.text-primary, a.text-primary:hover, a.text-primary:focus {
    color: var(--primary-color);
}

.location a {
    color: var(--primary-color);
}

.bg-blue {
    background-color: var(--primary-color);
}

span.blue,
span[flag="hrm-check"] {
    color: var(--primary-color) !important;
}

.pager li>a:hover, .pager li>a:focus {
    border-color: var(--primary-color);
    color: var(--primary-color) !important;
}

/** 模态框 */
.sl_mod .modal-header {
    background-color: var(--primary-color) !important;
}

.close,
.modal-title {
    color: #FFF;
}

input[type="radio"]:checked,
input[type="checkbox"]:checked {
    accent-color: var(--primary-color);
}

.primary-radio:checked+label:before {
    border: 1px solid var(--primary-color);
}

.primary-radio + label::after {
    background-color: var(--primary-color);
}

.default-radio:checked[disabled]+label:before {
    border: 1px solid var(--primary-light-color);
}

.primary-radio:checked[disabled] + label::after {
    background-color: var(--primary-light-color);
}

.primary-checkbox:checked+label:before {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}

.default-checkbox:checked[disabled]+label:before {
    border-color: var(--primary-light-color);
    background-color: var(--primary-light-color);
}

/** ui-jqgrid */
.ui-jqgrid-labels .ui-jqgrid-sortable:hover {
    color: var(--primary-light-color) !important;
}

.ui-jqgrid-labels th[aria-selected=true] .ui-jqgrid-sortable {
    color: var(--primary-color) !important;
}

.ui-jqgrid .ui-icon {
    color: var(--primary-color) !important;
}

.ui-jqgrid .ui-icon.ui-state-disabled {
    color: #c0c0c0 !important;
}

.ui-jqgrid .ui-jqgrid-hdiv {
    border-bottom-color: var(--primary-color);
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
}

/** VueJS */
.el-button--primary {
    background-color: var(--primary-color);

}