.chart-container{
  position:relative;
  width:100%;
  height:calc(100vh - 50px);
}

.filter{
  position:relative;
  display:flex;
  padding:20px 0 10px 15px;
  font-size:12px;
  line-height:11px;
  color:white;
  z-index:9999;
}

input{
  background:transparent;
  border:none;
  color:white;
}

.timeText{
  opacity:0.69;
  padding-right:7px;
  font-size:14px;
}

.startTime{
  display:inline-block;
}

.endTime{
  display:inline-block;
  padding-left:42px;
}


.timeQuery{
  background:transparent;
}

.el-button{
  background:transparent;
  color:white;
}

.filter >>> input{
  background:transparent;
  border:none;
  color:white;
}
.content{
  width: 100%;
  background-color: transparent;
  height: 90%;
  padding-left: 5px;
  padding-right: 5px;
}
.content >>> .el-tabs__item{
  color: white;
}
.content >>> .el-tabs__item.is-active {
  color: #409EFF;
}

.tableContent{
  width: 100%;
  height:calc(80vh - 50px);
}
.tableContent >>> td{
  border:1px solid #ffffff;
}

.rtPageturning >>> button,
.rtPageturning >>> span,
.rtPageturning >>> input,
.rtPageturning >>> .vxe-pager--btn-wrapper li{
  background-color: transparent !important;
  color: #ffffff !important;
  border: 1px solid #ffffff;
}
.rtPageturning >>> span{
  border:none
}
.rtPageturning >>> .vxe-pager--wrapper .vxe-pager--btn-wrapper li:not(.disabled).is--active {
  background-color: #9f9fa0 !important;
}
