html {
  overflow: hidden;
  height: 100%;
}
/* 头部工具条 */

/* 重写导航菜单样式 */
.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 !important;
}
.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;
}

.widget-collapse-left-box{
}
.layout-nav-aside .widget-menu:not(.widget-menu-line-icon) .el-menu-item.is-active,
.layout-nav-aside .widget-menu:not(.widget-menu-line-icon) .el-submenu.is-active{
  position: relative;
  color: #fff !important;
  font-weight: bold;
}
.widget-menu-line-icon .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{
  width: 100%;
}
.layout-nav-header .el-menu-rows>div>.el-menu-item{
  font-size: 18px !important;
  background-color: transparent !important;
}
.layout-nav-header .el-menu-rows>div>.el-menu-item.is-active{
  color: #fff !important;
  background: url(lightblue/web/menu-nav/xz.png) !important;
  background-size: cover !important;
}
.layout-nav-header .el-menu-rows>div>.el-menu-item.is-active span{
  background: linear-gradient(to top, #00C5FF, #89FFD1);
  -webkit-background-clip: text;
  color: transparent;
  line-height: 24px;
  font-size: 18px;
}
.layout-nav-header .nav-widget-menu.widget-menu .el-menu .is-active .nav-menu-item-icon,
.layout-nav-header .nav-widget-menu.widget-menu .el-menu .is-active .nav-menu-item-img {
  background: linear-gradient(to top, #00c5ff, #89ffd1);
  -webkit-background-clip: text;
  color: transparent !important;
}
.widget-html.widget-line{
  border-right: 1px solid #255D84;
  margin: 0 30px;
}
.widget-menu:not(.widget-menu-line-icon) .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{
  font-size: 18px;
  font-weight: 100;
}
.layout-nav-aside .widget-menu.widget-menu-line-icon .el-menu.el-menu-rows>div>li.menu-level-2>.el-submenu__title>span{
  font-weight: bold;
}

.layout-nav-aside .widget-menu .el-menu.el-menu-rows>div>li .nav-menu-item-icon{
  font-size: 24px;
  font-weight: 100;
  padding-right: 18px;
}

.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 .nav-menu-item-icon{
  padding-right: 14px !important;
}
.widget-menu-line-icon .layout-nav-aside .widget-menu.widget-menu-line-icon .el-menu.el-menu-rows>div>li .el-menu--inline .el-menu-item{
  padding: 0 10px 0 40px!important;
  display: flex;
}
 .layout-nav-aside .widget-menu.widget-menu-line-icon .el-menu.el-menu-rows>div>li .el-menu--inline .el-menu-item .nav-menu-item-icon{
  padding-right: 0px !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{
  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-left: 15px !important;
}
.layout-nav-aside .nav-widget-menu.widget-menu:not(.widget-menu-line-icon) .el-menu .el-menu-item{
  /* font-size: 15px !important; */
}
.nav-widget-menu.widget-menu .el-menu {
  /* 解决Chrome 4-92 flex-end、end不兼容问题 */
  margin-left: auto;
}

/* 重写导入导出按钮样式 */
.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%);
}
.el-menu-item,.el-submenu__title {
  display: flex;
  align-items: center;
}
.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
  transform: rotateZ(180deg);
}
.el-submenu .el-menu-item{
  height: 38px;
}
.nav-widget-menu.widget-menu .el-menu .el-submenu__icon-arrow{
  z-index: 2;

}
.nav-widget-menu .el-submenu:not(.menu-level-2) .menu-parent-open-label {
}
.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
  transform: rotateZ(90deg);
}
/* =======================================================主框架及左侧菜单 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{
  background: url('darkv2/web/menu-nav/xz.png') !important;
}
.app--darkgreen .layout-nav .layout-nav-header{
  background: url('darkv2/web/menu-nav/top_bj.png')!important;
}
.app--darkgreen .layout-nav-header .el-menu-rows>div>.el-menu-item.is-active,
.app--darkgreen .layout-nav-header .el-menu-rows>div>.el-menu-item:hover{
  background: url('darkv2/web/menu-nav/xz.png') !important;
}
::-webkit-scrollbar-thumb,.layout-nav-container ::-webkit-scrollbar-thumb:hover,.layout-nav-container :hover::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #1c476e;
}
/* 修改菜单滚动条 layout-nav-aside */
.layout-nav-container .layout-nav-aside ::-webkit-scrollbar-thumb:hover,.layout-nav-container .layout-nav-aside :hover::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #1c476e;
}
.layout-nav-container .layout-nav-aside ::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: transparent;
}
/* 修改业务菜单-工程巡查的滚动条 */
.layout-nav-container .form-custom ::-webkit-scrollbar-thumb:hover,.layout-nav-container .form-custom :hover::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c1c1c1;
}
.layout-nav-aside{
  /*width: 220px !important;*/
}
.app--darkv2 .layout-nav-header .el-menu-rows>div>.el-menu-item.is-active>.nav-menu-item-icon{
  background: linear-gradient(to top, #00C5FF, #89FFD1);
  -webkit-background-clip: text;
  color: transparent !important;
  line-height: 24px;
}
/*================登录页 开始=======================*/
.module-login .module-login-header {
  height: calc(40% - 30px);
}
.module-login .module-login-header .block-slot-html {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
}
.module-login .module-login-main {
  align-items: start!important;
}
.module-login-main .module-login-panel {
  background: rgba(14, 39, 68, 0.68);
  box-shadow: 0 4px 12px 0 rgba(8, 66, 90, 0.65);
}
.module-login-panel .module-account .module-account-title {
  display: none;
}
/*================登录页 结束=======================*/