/* 头部工具条 */

/* 重写导航菜单样式 */
.layout-nav .widget-logo{
  flex: 1;
}
.layout-nav-header .nav-widget-menu.widget-menu .el-menu .el-submenu__title{
  background-color: transparent !important;
  color: #fff;
}
.el-menu--horizontal.nav-menu-submenu .el-menu.el-menu--popup{
  background-color: #0958ca !important;
}
.el-menu--horizontal.nav-menu-submenu .el-menu.el-menu--popup .el-menu-item:not(.is-disabled):hover{
  background-color: #004e97 !important;
}
.el-menu--horizontal.nav-menu-submenu .el-menu.el-menu--popup .el-menu-item.is-active{
  color: #0cf5ff !important;
}

.layout-nav-aside .el-menu-item.is-active,.layout-nav-aside .el-submenu.is-active{
  position: relative;
  color: #fff !important;
  font-weight: bold;
}
.layout-nav-aside .el-menu-rows>div>.el-menu-item.is-active:before,.layout-nav-aside .el-menu-rows>div>.el-submenu.is-active:before{
  content: '';
  width: 5px;
	height: 60px;
	background-color: #1b4cad;
  border-radius: 0px 4px 4px 0px;
  position: absolute;
  left: 0;
  z-index: 1;
}
.layout-nav-header .el-menu-rows>div>.el-menu-item{
  font-size: 18px !important;
  background-color: transparent !important;
}
.app--lightblue .layout-nav-header .el-menu-rows>div>.el-menu-item.is-active{
	color: #0cf5ff !important;
  background: url(lightblue/web/menu-nav/xz.png) !important;
  background-size: cover !important;
}
/* .layout-nav-aside .el-menu.el-menu--inline .el-menu-item.is-active{
  color: #fff !important;
  background-color: #4e7fe1 !important;
} */
.layout-nav-aside .el-menu.el-menu--inline .el-menu-item .nav-menu-item-icon.iconerji_weixuanzhong{
  font-size: 18px;
}
.widget-collapse .widget-collapse-label{
  font-size: 30px !important;
}
.widget-collapse .widget-collapse-icon{
  font-size: 44px !important;
}
/* .layout-nav-aside .widget-menu .el-menu.el-menu-rows>div>li{
  margin-top: 20px;
  font-size: 18px;
  font-weight: 100;
} */
.layout-nav-aside .widget-menu .el-menu.el-menu-rows>div>li .nav-menu-item-icon{
  font-size: 26px;
  font-weight: 100;
  padding-right: 12px;
}
.layout-nav-aside .widget-menu .el-menu.el-menu-rows>div>li .el-menu--inline{
  font-size: 16px;
}
.layout-nav-aside .widget-menu .el-menu.el-menu-rows>div .menu-level-3{
  font-size: 15px!important;
}
.layout-nav-aside .widget-menu .el-menu.el-menu-rows>div>li .el-menu--inline .el-menu-item{
  padding: 0 10px 0 32px!important;
}
.layout-nav-aside .widget-menu .el-menu.el-menu-rows>div>li  .el-menu.el-menu--inline .el-menu-item.is-active{
  color: #008dff !important;
  font-weight: bold;
}
.layout-nav-aside .widget-menu .el-menu.el-menu-rows>div>li .el-menu--inline .el-menu-item .nav-menu-item-icon{
  padding-right: 12px !important;
}
.el-menu.el-menu--inline .el-menu-item.is-active>.iconerji_weixuanzhong:before {
  content: "\e70c";
}
/* .layout-nav .layout-nav-aside .widget-collapse{
  padding: 10px 10px 0 6px;
  height: 55px;
} */
.layout-nav-aside .widget-menu .el-menu.el-menu--collapse .el-submenu__title{
  padding-left: 10px !important;
  text-overflow: unset !important;
}
.layout-nav-aside .widget-menu .el-menu.el-menu--collapse .el-submenu__title .el-submenu__icon-arrow{
  display: none;
}
.layout-nav-aside .widget-menu .el-menu.el-menu--collapse .el-tooltip{
  padding: 0 10px !important;
}
/* .layout-nav-aside .nav-widget-menu.widget-menu .el-menu .el-menu-item{
  font-size: 18px !important;
} */
/* 重写导入导出按钮样式 */
.table-actionbar .actionbar-action[label=导入] {
  /* 需要修改按钮颜色及边框颜色 */
  background-color: hsl(137deg, 38%, 55%);
  border-color: hsl(137deg, 38%, 55%)
}
.table-actionbar .actionbar-action[label=导入]:hover {
  /* element-ui按钮有一个高亮色，可通过hsl格式实现 => 亮度 + 5% */
  background-color: hsl(137deg, 38%, 60%);
  border-color: hsl(137deg, 38%, 60%);
}
.table-actionbar .actionbar-action[label=导出] {
  /* 需要修改按钮颜色及边框颜色 */
  background-color: hsl(168deg 76% 42%);
  border-color: hsl(168deg 76% 42%)
}
.table-actionbar .actionbar-action[label=导出]:hover {
  /* element-ui按钮有一个高亮色，可通过hsl格式实现 => 亮度 + 5% */
  background-color: hsl(168deg 76% 47%);
  border-color: hsl(168deg 76% 47%);
}

/* =======================================================主框架及左侧菜单 darkv2================================================== */
.app--darkv2 .layout-nav .layout-nav-header{
  background: url('darkv2/web/menu-nav/top_bj.png')!important;
}
.app--darkv2 .layout-nav-header .el-menu-rows>div>.el-menu-item.is-active,
.app--darkv2 .layout-nav-header .el-menu-rows>div>.el-menu-item:hover{
  color: #0cf5ff !important;
  background: url('darkv2/web/menu-nav/xz.png') !important;
  background-size: cover !important;
}

.app--darkv2 .layout-nav-aside,
.app--darkv2 .layout-nav-aside .menu-level-2,
.app--darkv2 .layout-nav-aside .nav-widget-menu .el-menu,
.app--darkv2 .layout-nav-aside .nav-widget-menu .el-submenu__title,
.app--darkv2 .layout-nav-aside .el-menu.el-menu--inline .el-menu-item {
  color: rgb(107, 105, 105)!important;
  background-color: #103253!important;
}
.app--darkv2 .layout-nav-aside .menu-level-3 {
	background-color: #0a223f!important;
}
.app--darkv2 .layout-nav-aside .el-menu.el-menu--inline .el-menu-item .nav-menu-item-icon.iconerji_weixuanzhong {
	color: #3fbeff!important;
	font-size: 16px;
}
.app--darkv2 .layout-nav-aside .widget-menu .el-menu.el-menu-rows>div .menu-level-3 {
	font-weight: 700;
	color: #3fbeff!important;
	background: #0a223f!important;
}
.app--darkv2 .layout-nav-aside .widget-menu .el-menu.el-menu--inline>div .menu-level-3:hover {
	background: #063e64!important;
}

.app--darkv2 .layout-nav-aside .menu-level-3.el-menu-item::after {
  content: '';
  width: 100%;
  min-width: 190px;
  border-bottom: 1px dashed #034d81;
  background-size: 8px 1px;
  background-repeat: repeat-x;
  position: absolute;
  bottom: 0;
  left: 20px;
}
.app--darkv2 .layout-nav-aside .widget-menu .el-menu.el-menu-rows > div > li .nav-menu-item-icon {
  font-size: 21px;
  font-weight: 100;
  padding-right: 18px;
  color: #3fbeff;
}
.app--darkv2 .layout-nav-aside .epbuk-icon-weixuanzhong::before{
  font-size: 14px;
}
.app--darkv2 .widget-collapse {
	background: url('darkv2/web/menu-nav/left_title_bg.png');
}
.app--darkv2 .widget-collapse .widget-collapse-label {
	font-size: 18px!important;
	text-indent: 10px;
}
.app--darkv2 .layout-nav .layout-nav-aside .widget-collapse {
	padding: 1px 10px 0 6px;
	height: 55px;
}

.app--darkv2 .layout-nav-aside .el-menu-rows>div>.is-active>.el-submenu__title,
.app--darkv2 .layout-nav-aside .el-menu-rows>div>.is-active.menu-level-2 {
	background: url('darkv2/web/menu-nav/menu_select.png');
  background-size: auto;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #fff;
}
.app--darkv2 .layout-nav-aside .el-menu-rows.el-menu--collapse>div>.is-active>.el-submenu__title {
	background: #1a5d86!important
}
.app--darkv2 .layout-nav-aside .el-submenu__title:hover,
.app--darkv2 .layout-nav-aside .is-opened .el-submenu__title,
.app--darkv2 .menu-level-2:focus,
.app--darkv2 .menu-level-2:hover,
.app--darkv2 .menu-level-2.is-active,
.app--darkv2 .menu-level-2:hover > .nav-menu-item-icon,
.app--darkv2 .menu-level-2:focus > .nav-menu-item-icon,
.app--darkv2 .layout-nav-aside .widget-menu .el-menu.el-menu-rows> div .menu-level-3:hover,
.app--darkv2 .layout-nav-aside .widget-menu .el-menu.el-menu-rows> div > .is-active,
.app--darkv2 .layout-nav-aside .widget-menu .el-menu.el-menu-rows.el-menu--collapse > div > .is-active .nav-menu-item-icon,
.app--darkv2 .layout-nav-aside .el-menu-rows .el-submenu__title:hover,
.app--darkv2 .layout-nav-aside .el-menu-rows>div>.is-active.menu-level-2 .el-submenu__title .nav-menu-item-icon::before,
.app--darkv2 .layout-nav-aside .el-menu-rows>div>.is-active.menu-level-3 .nav-menu-item-icon::before,
.app--darkv2 .layout-nav-aside .el-menu-item.is-active,
.app--darkv2 .layout-nav-aside .el-submenu.is-active,
.app--darkv2 .layout-nav-aside .el-submenu__title:hover > .nav-menu-item-icon,
.app--darkv2 .layout-nav-aside .is-opened .el-submenu__title> .nav-menu-item-icon,
.app--darkv2 .layout-nav-aside .el-menu.el-menu--inline .el-menu-item.menu-level-3:hover
.app--darkv2 .layout-nav-aside .el-menu.el-menu--inline .el-menu-item.is-active>.iconerji_weixuanzhong:before,
.app--darkv2 .layout-nav-aside .widget-menu .el-menu.el-menu--inline>div .is-active.menu-level-3,
.app--darkv2 .layout-nav-aside .is-active>.epbuk-icon-weixuanzhong:before,
.app--darkv2 .menu-level-3:hover >.epbuk-icon-weixuanzhong:before,
.app--darkv2 .layout-nav-aside .el-menu.el-menu--inline .el-menu-item.is-active .nav-menu-item-icon.iconerji_weixuanzhong,
.app--darkv2 .layout-nav-aside .el-menu.el-menu--inline .el-menu-item:hover .nav-menu-item-icon.iconerji_weixuanzhong{
	color: #00f0ff!important;
}
.app--darkv2 .layout-nav-aside .widget-menu .el-menu.el-menu--collapse .el-submenu__title {
	padding-left: 15px !important;
}

.app--darkv2 .layout-nav-aside .el-menu-rows>div>.el-menu-item.is-active:before,
.app--darkv2 .layout-nav-aside .el-menu-rows>div>.el-submenu.is-active:before{
  display: none;
}

.app--darkv2 .layout-nav-aside .widget-menu .el-menu.el-menu-rows>div>li{
  margin-top: 0px;
  font-size: 18px;
  font-weight: 450;
	border-bottom: 1px solid #0e4765;
}
.app--darkv2 .widget-collapse .widget-collapse-icon {
	font-size: 18px!important;
	color: #56c1fd;
}
.app--darkv2 .el-menu--collapse .menu-level-2:focus,
.app--darkv2 .el-menu--collapse .el-submenu.is-active,
.app--darkv2 .el-menu--collapse .is-active.menu-level-2,
.app--darkv2 .el-menu--collapse .layout-nav-aside .el-submenu__title:hover,
.app--darkv2 .el-menu--collapse .menu-level-2:hover,
.app--darkv2 .el-menu--collapse .layout-nav-aside .is-opened .el-submenu__title  {
  background: #063e64!important;
  color: #fff;
}
.app--darkv2 .el-menu--vertical {
	color: #fff;
	background-color: #103253;
}
.app--darkv2 .el-menu--horizontal.nav-menu-item{
  border-bottom: none!important;
}
.app--darkv2 .el-menu--vertical.nav-menu-submenu .el-menu.el-menu--popup,
.app--darkv2 .el-menu--vertical.nav-menu-submenu .el-menu.el-menu--popup .el-menu-item,
.app--darkv2 .el-menu--horizontal.nav-menu-submenu .el-menu.el-menu--popup,
.app--darkv2 .el-menu--horizontal.nav-menu-submenu .el-menu.el-menu--popup .el-menu-item{
	color: #fff!important;
  background-color: #103253 !important;
}
.app--darkv2 .el-menu--vertical.nav-menu-submenu .el-menu.el-menu--popup .el-menu-item.is-active,
.app--darkv2 .el-menu--horizontal.nav-menu-submenu .el-menu.el-menu--popup .el-menu-item.is-active{
	color: #0cf5ff !important;
}
.app--darkv2 .el-menu--vertical.nav-menu-submenu .el-menu.el-menu--popup .el-menu-item:hover,
.app--darkv2 .el-menu--horizontal.nav-menu-submenu .el-menu.el-menu--popup .el-menu-item:hover{
	color: #0cf5ff !important;
  background-color: #063e64 !important;
}
/* =======================================================主框架及左侧菜单 darkv2================================================== */