#top-header {
  position: relative;
  width: 100%;
  height: 8vh;
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
}
#top-header .header-center-decoration {
  width: 20%;
  height: 8vh;
}
#top-header .header-left-decoration,
#top-header .header-right-decoration {
  width: 25%;
  height: 8vh;
}
#top-header .center-title {
  position: absolute;
  font-size: 2rem;
  font-weight: bold;
  left: 50%;
  top: 15%;
  transform: translateX(-50%);
}

#digital-flop {
  position: relative;
  height: 10%;
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(6, 30, 93, 0.5);
}
#digital-flop .dv-decoration-10 {
  position: absolute;
  width: 95%;
  left: 2.5%;
  height: 5px;
  bottom: 0px;
}
#digital-flop .digital-flop-item {
  width: 12.5%;
  height: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#digital-flop .border-r {
  border-right: 2px solid #044a92;
}
#digital-flop .digital-flop-title {
  font-size: 1.2rem;
  padding-bottom: 5px;
}
#digital-flop .digital-flop {
  display: flex;
}
#digital-flop .unit {
  margin-left: 5px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-bottom: 5px;
}

#digital-flop {
  position: relative;
  height: 10%;
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(6, 30, 93, 0.5);
}
#digital-flop .dv-decoration-10 {
  position: absolute;
  width: 95%;
  left: 2.5%;
  height: 5px;
  bottom: 0px;
}
#digital-flop .digital-flop-item {
  width: 12.5%;
  height: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#digital-flop .border-r {
  border-right: 2px solid #044a92;
}
#digital-flop .digital-flop-title {
  font-size: 1.2rem;
  padding-bottom: 5px;
}
#digital-flop .digital-flop {
  display: flex;
}
#digital-flop .unit {
  margin-left: 5px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-bottom: 5px;
}

#data-view .el-tabs__header {
  position: fixed;
  top: 4%;
  width: 100%;
  left: 2%;
  z-index: 10;
  border: 0;
}
#data-view .el-tabs--card > .el-tabs__header {
  border-bottom: unset;
}
#data-view .el-tabs--card > .el-tabs__header .el-tabs__item {
  background: #c1daff;
  color: #323232;
}
#data-view .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  background: #3c86f8 !important;
  color: #fefefe;
}
#data-view .el-tab-pane,
#data-view .el-tabs__content,
#data-view .el-carousel {
  height: 100%;
}
#factory-map {
  width: 70%;
}
#water-map {
  width: 70%;
}
.warningBox_work {
  color: #fff;
  font-size: 15px;
  animation: fade 1000ms infinite;
  -webkit-animation: fade 1000ms infinite;
}
@keyframes fade {
from {
    opacity: 1;
}
50% {
    opacity: 0.4;
}
to {
    opacity: 1;
}
}
@-webkit-keyframes fade {
from {
    opacity: 1;
}
50% {
    opacity: 0.4;
}
to {
    opacity: 1;
}
}
.anchorBL {
  display: none;
}

#data-view .el-tabs__header {
  position: fixed;
  top: 4%;
  width: 100%;
  left: 2%;
  z-index: 10;
  border: 0;
}
#data-view .el-tabs--card > .el-tabs__header {
  border-bottom: unset;
}
#data-view .el-tabs--card > .el-tabs__header .el-tabs__item {
  background: #c1daff;
  color: #323232;
}
#data-view .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  background: #3c86f8 !important;
  color: #fefefe;
}
#data-view .el-tab-pane,
#data-view .el-tabs__content,
#data-view .el-carousel {
  height: 100%;
}
#water-map {
  width: 70%;
}
.warningBox_work {
  color: #fff;
  font-size: 15px;
  animation: fade 1000ms infinite;
  -webkit-animation: fade 1000ms infinite;
}
@keyframes fade {
from {
    opacity: 1;
}
50% {
    opacity: 0.4;
}
to {
    opacity: 1;
}
}
@-webkit-keyframes fade {
from {
    opacity: 1;
}
50% {
    opacity: 0.4;
}
to {
    opacity: 1;
}
}
.anchorBL {
  display: none;
}

.dv-scroll-board .rows .row-item {
  background-color: rgba(128, 128, 128, 0) !important;
  color: #fefefe;
  line-height: unset !important;
  height: unset !important;
}

.sum-row {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.sum-outer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 88%;
  padding-left: 6%;
  height: 72%;
  padding-top: 17%;
}
.num {
  font-size: 1.3rem;
  height: 50%;
  display: flex;
  align-items: baseline;
}
.unit {
  font-size: 0.8rem;
  height: 40%;
  display: flex;
  align-items: flex-start;
}
.text-row {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 35%;
}
.row1 {
  color: #ffcd72;
}
.row2 {
  color: #ff7f7f;
}
.row3 {
  color: #bfffa0;
}
.chart {
  width: 65%;
  height: 100%;
}

.el-tabs__item.is-active {
  color: #ffffff;
}
.el-tabs__item {
  color: #8a8a8a;
}

.sum-row {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.sum-outer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 88%;
  padding-left: 6%;
  height: 72%;
  padding-top: 17%;
}
.num {
  font-size: 1.3rem;
  height: 50%;
  display: flex;
  align-items: baseline;
}
.unit {
  font-size: 0.8rem;
  height: 40%;
  display: flex;
  align-items: flex-start;
}
.text-row {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 35%;
}
.row11 {
  color: #ffff64;
}
.row22 {
  color: #a7a7a7;
}
.row33 {
  color: #ffffff;
}
.chart {
  width: 65%;
  height: 100%;
}

.dv-scroll-board .rows .row-item {
  background-color: rgba(128, 128, 128, 0) !important;
  color: #fefefe;
  line-height: unset !important;
  height: unset !important;
}