@charset "UTF-8";

.el-form--inline {
  .el-form-item {
    .el-input, .el-cascader, .el-select, .el-date-editor, .el-autocomplete {
      width: 180px;
    }
  }
}

.el-sub-menu__title:hover {
  background: transparent !important;
}

.theme-default {
  /* background: rgba(38, 38, 59, 0.94); */
  background: rgb(21, 38, 61);
}

.theme-default.collapse-sub-menu {
  background: #fff !important;
}

.theme-default .el-sub-menu__title {
  color: #fff !important;
}

.theme-default>.logo {
  color: #dedede;
}

/* .el-container {
  background: #254a71;
} */

.el-footer {
  padding: 0;
  alignment: center;
  text-align: center;
}

.theme-default .el-menu-item,
.theme-default .el-sub-menu__title {
  color: #f1f1f1;
}

.theme-default>li:hover,
.theme-default.df-sub-menu:hover,
.theme-default>li.is-active,
.theme-default.df-sub-menu.is-active {
  /*color: rgba(90, 183, 85, 0.76) !important;*/
  /* background: rgb(27, 33, 51) !important; */

  /* background: rgb(7, 59, 106) !important; */
  background: rgba(21, 38, 61, 0) !important;
}

.theme-default .el-sub-menu__title:hover {
  color: var(--el-menu-hover-text-color) !important;
}

.el-input_readonly .el-input__wrapper {
  background-color: #dcdcdc;
}

.demo-tabs {
  padding-top: 20px;
  padding-left: 30px;
}

#scrTooltip svg {
  left: 0;
}

.nav-header .header-title {
  text-align: center;
  color: #ffffff;
  font-size: .4rem;
  text-shadow: 0 0 0.3rem #00d8ff;
  line-height: 1.05rem;
}

.nav-header {
  /*display: flex;*/
  /*flex-direction: row;*/
  /*height: 42px !important;*/
  /*bottom: 0px;*/
  /*display: -webkit-flex;*/
  /*display: -ms-flexbox;*/
  width: 100%;
}

.nav-header-normal {
  display: flex;
  flex-direction: row;
  height: 42px !important;
  bottom: 0px;
  display: -webkit-flex;
  display: -ms-flexbox;
  width: 100%
}

.nav-header .header-right {
  width: 25%;
  height: 1.05rem;
  /* border: 1px solid gold; */
}

.nav-header .header-img {
  background: url('/assets/images/head.gif') no-repeat center center;
  background-size: 100%;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 1.4rem;
}

.nav-header .header-center {
  width: 50%;
  height: 4rem;
  /* border: 1px solid red; */
  position: relative;
}

.nav-header .header-left {
  width: 25%;
  height: 1.05rem;
  color: white;
  /* border: 1px solid green; */
  text-align: center;
  line-height: 1.05rem;
}

.chart:before {
  content: '';
  position: absolute;
  width: 80%;
  height: 100%;
  bottom: -2px;
  top: -2px;
  left: 10%;
  border-bottom: 2px solid #007297;
  border-top: 2px solid #007297;
  transition: all 0.5s;
}

.chart:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 80%;
  left: -2px;
  right: -2px;
  top: 10%;
  border-left: 2px solid #007297;
  border-right: 2px solid #007297;
  transition: all 0.5s;
}

.chart:hover::before {
  width: 0%;
}

.chart:hover::after {
  height: 0%;
}

.chart:hover {
  box-shadow: -5px 0px 2px rgba(255, 255, 255, 0.1), 0px -5px 2px rgba(255, 255, 255, 0.1), 5px 0px 2px rgba(255, 255, 255, 0.1), 0px 5px 2px rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.1);
}

.el-header,
.el-footer {
  /*display: flex;*/
  /* background-color: rgba(27, 33, 51) !important; */
  background-color: rgba(21, 38, 61, 0.94) !important;
  color: #fafafa;
  text-align: center;
  align-items: center;
}

.el-header .nav-collapse .el-icon,
.icon-collapse {
  background-color: rgb(154, 210, 236) !important;
}

.chart-page-header {
  height: 80px;
}

.index-header-bottom {
  width: 100%;
  height: 0.8rem;
  background: url("/assets/images/header.png") no-repeat;
  background-size: calc(100% - 0.2rem) 100%;
  /*padding: 2px;*/
  padding: 0 0.2rem;
  /*margin-left: 30px;*/
}

body {
  margin: 0;
}

.fl {
  float: left;
}

#canvas {
  min-height: calc(100vh - 50px);
  width: 100%;
  outline: none;
  /*margin-left: -50%;*/
  /*z-index: 3;*/
}

#canvasSample {
  min-height: 90vh;
  width: 100%;
  outline: none;
  /*margin-left: -50%;*/
  /*z-index: 3;*/
}

canvas {
  left: 0;
  outline: none;
}

.el-menu {
  align-items: center;
  /* 垂直居中 */
  justify-content: center;
  /* 水平居中 */
}

.el-aside {
  background: rgb(21, 38, 61);
}

/*最外层透明*/
.alarmTable .el-table,
.alarmTable .el-table__expanded-cell {
  background-color: transparent !important;
}

/* 表格内背景颜色 */
.alarmTable .el-table th,
.alarmTable .el-table tr,
.alarmTable .el-table td {
  border: 0;
}

.alarmTable .el-table th,
.alarmTable .el-table tr,
.alarmTable .el-table td {
  background-color: transparent !important;
}

.alarmTable .el-table tr.alarmTableIndexContent,
.alarmTable .el-table td.alarmTableIndexContent {
  background-color: #32c6fe !important;
}

.alarmTable .el-table th.el-table__cell.is-leaf {
  border: 0;
}

.alarmTable .el-table tr:hover {
  background-color: rgba(50, 198, 254, 0.4) !important;
}

.alarmTable .el-table .highLightRow:hover {
  background-color: rgba(50, 198, 254, 0.4) !important;
}

/*去除底部灰条.el-table::before*/
.alarmTable .el-table::before {
  display: none;
}

.alarmTable .el-table::after {
  display: none;
}

.alarmTable .el-table,
.alarmTable tbody {
  /** 防止边框重叠 */
  border-color: transparent !important;
  border: 0;
}

/** 隐藏下面表格的thead */
.alarmTable .hidden-thead.el-table thead {
  display: none;
  overflow: hidden;
}

/*去除底部灰条.el-table::before*/
.alarmTable .el-table__inner-wrapper::before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  z-index: 3;
}