:root {
  --backgroundcolor: #1669c1;
  /*背景色*/
  --secondarybgcolor: #209de6;
  /*次要背景色*/
  --opacitybgcolor: #0694ec;
  /*背景色透明度*/
  --color: #fff;
  /*文本颜色*/
  --secondarycolor: #c9cbcc;
  /*次要文字颜色*/
  --disabledcolor: #c0c4cc;
  /*禁用文字颜色*/
  --bordercolor: #ebeef5;
  /*边框颜色*/
  --level1bgColor: #37a2ff;
  /*一级报警*/
  --level2bgColor: #ff8f42;
  /*二级报警*/
  --level3bgColor: #b55bfe;
  /*三级报警*/
  --level4bgColor: #ff0087;
  /*四级报警*/
}

.level1alarm {
  background: var(--level1bgColor);
  display: block;
}

.level2alarm {
  background: var(--level2bgColor);
  display: block;
}

.level3alarm {
  background: var(--level3bgColor);
  display: block;
}

.level4alarm {
  background: var(--level4bgColor);
  display: block;
}

/* body {
  background-color: var(--backgroundcolor);
}

 */
.login-bg {
  background-image: url(../../themes/images/login.png),
    linear-gradient(103deg, var(--secondarybgcolor), #37def2);
}

.login-card .title {
  color: var(--backgroundcolor);
}

/*导航条logo*/
.navbar,
.logo,
.logo img {
  background-color: var(--secondarybgcolor);
  color: var(--color);
}

/*导航条面包屑*/
.el-breadcrumb__inner {
  color: var(--color) !important;
}

/*左侧主菜单*/
.logo+.scrollbar.el-scrollbar {
  background-color: #049ffc;
}

.el-submenu>div {
  background-color: var(--backgroundcolor);
  color: var(--color) !important;
}

aside.aside .el-menu-item,
aside.aside .el-menu-item i {
  color: var(--color) !important;
}

.el-menu-item:focus,
.el-menu-item:hover,
.el-menu-item.is-active {
  background-color: var(--opacitybgcolor) !important;
}

.my-container-header {
  padding: 5px 10px !important;
}

.my-container-foot {
  padding: 3px !important;
  background-color: var(--color);
}

.aside .aside-section {
  border-right: 1px solid #e6e6e6;
}

.aside .aside-section .el-scrollbar {
  border-right: none;
}

.table-row {
  border: 1px solid var(--bordercolor);
  border-top: none;
  font-size: 14px;
  color: #606266;
  background-color: #fff;
}

.table-row>div {
  padding: 10px 10px;
  border: 1px solid var(--bordercolor);
  border-left: none;
  border-bottom: none;
  color: #fff;
  flex-shrink: 0;
  color: #606266;
  background-color: #fff;
}