@charset "UTF-8";
/* noto-sans-kr-100 - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
/*   src: url("../fonts/NotoSans/noto-sans-kr-v8-korean-100.eot"); */
  src: /* local("Noto Sans KR Thin"), local("NotoSansKR-Thin"), url("../fonts/NotoSans/noto-sans-kr-v8-korean-100.eot?#iefix") format("embedded-opentype"), */ url("../fonts/NotoSans/noto-sans-kr-v8-korean-100.woff2") format("woff2"), url("../fonts/NotoSans/noto-sans-kr-v8-korean-100.woff") format("woff"), url("../fonts/NotoSans/noto-sans-kr-v8-korean-100.ttf") format("truetype"), url("../fonts/NotoSans/noto-sans-kr-v8-korean-100.svg#NotoSansKR") format("svg");
}

/* noto-sans-kr-300 - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
/*   src: url("../fonts/NotoSans/noto-sans-kr-v8-korean-300.eot"); */
  src: /* local("Noto Sans KR Light"), local("NotoSansKR-Light"), url("../fonts/NotoSans/noto-sans-kr-v8-korean-300.eot?#iefix") format("embedded-opentype"),  */url("../fonts/NotoSans/noto-sans-kr-v8-korean-300.woff2") format("woff2"), url("../fonts/NotoSans/noto-sans-kr-v8-korean-300.woff") format("woff"), url("../fonts/NotoSans/noto-sans-kr-v8-korean-300.ttf") format("truetype"), url("../fonts/NotoSans/noto-sans-kr-v8-korean-300.svg#NotoSansKR") format("svg");
}

/* noto-sans-kr-regular - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
/*   src: url("../fonts/NotoSans/noto-sans-kr-v8-korean-regular.eot"); */
  src:/*  local("Noto Sans KR Light"), local("NotoSansKR-Light"), url("../fonts/NotoSans/noto-sans-kr-v8-korean-regular.eot?#iefix") format("embedded-opentype"), */ url("../fonts/NotoSans/noto-sans-kr-v8-korean-regular.woff2") format("woff2"), url("../fonts/NotoSans/noto-sans-kr-v8-korean-regular.woff") format("woff"), url("../fonts/NotoSans/noto-sans-kr-v8-korean-regular.ttf") format("truetype"), url("../fonts/NotoSans/noto-sans-kr-v8-korean-regular.svg#NotoSansKR") format("svg");
}

/* noto-sans-kr-500 - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
/*   src: url("../fonts/NotoSans/noto-sans-kr-v8-korean-500.eot"); */
  src: /* local("Noto Sans KR Medium"), local("NotoSansKR-Medium"), url("../fonts/NotoSans/noto-sans-kr-v8-korean-500.eot?#iefix") format("embedded-opentype"),  */url("../fonts/NotoSans/noto-sans-kr-v8-korean-500.woff2") format("woff2"), url("../fonts/NotoSans/noto-sans-kr-v8-korean-500.woff") format("woff"), url("../fonts/NotoSans/noto-sans-kr-v8-korean-500.ttf") format("truetype"), url("../fonts/noto/noto-sans-kr-v8-korean-500.svg#NotoSansKR") format("svg");
}

/* noto-sans-kr-700 - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
/*   src: url("../fonts/NotoSans/noto-sans-kr-v8-korean-700.eot"); */
  src:/*  local("Noto Sans KR Bold"), local("NotoSansKR-Bold"), url("../fonts/NotoSans/noto-sans-kr-v8-korean-700.eot?#iefix") format("embedded-opentype"),  */url("../fonts/NotoSans/noto-sans-kr-v8-korean-700.woff2") format("woff2"), url("../fonts/NotoSans/noto-sans-kr-v8-korean-700.woff") format("woff"), url("../fonts/NotoSans/noto-sans-kr-v8-korean-700.ttf") format("truetype"), url("../fonts/NotoSans/noto-sans-kr-v8-korean-700.svg#NotoSansKR") format("svg");
}

/* noto-sans-kr-900 - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
/*   src: url("../fonts/NotoSans/noto-sans-kr-v8-korean-900.eot"); */
  src:/*  local("Noto Sans KR Black"), local("NotoSansKR-Black"), url("../fonts/NotoSans/noto-sans-kr-v8-korean-900.eot?#iefix") format("embedded-opentype"), */ url("../fonts/NotoSans/noto-sans-kr-v8-korean-900.woff2") format("woff2"), url("../fonts/NotoSans/noto-sans-kr-v8-korean-900.woff") format("woff"), url("../fonts/NotoSans/noto-sans-kr-v8-korean-900.ttf") format("truetype"), url("../fonts/NotoSans/noto-sans-kr-v8-korean-900.svg#NotoSansKR") format("svg");
}

/* NanumSquare-200 */
@font-face {
  font-family: 'NanumSquare';
  font-weight: 200;
/*   src: url("../fonts/NanumSquare/NanumSquareL.eot"); */
  src:/*  url("../fonts/NanumSquare/NanumSquareL.eot?#iefix") format("embedded-opentype"), */ url("../fonts/NanumSquare/NanumSquareL.woff") format("woff"), url("../fonts/NanumSquare/NanumSquareL.ttf") format("truetype");
}

/* NanumSquare-400 */
@font-face {
  font-family: 'NanumSquare';
  font-weight: 400;
/*   src: url("../fonts/NanumSquare/NanumSquareR.eot"); */
  src:/*  url("../fonts/NanumSquare/NanumSquareR?#iefix") format("embedded-opentype"), */ url("../fonts/NanumSquare/NanumSquareR.woff") format("woff"), url("../fonts/NanumSquare/NanumSquareR.ttf") format("truetype");
}

/* NanumSquare-700 */
@font-face {
  font-family: 'NanumSquare';
  font-weight: 700;
/*   src: url("../fonts/NanumSquare/NanumSquareB.eot"); */
  src: /* url("../fonts/NanumSquare/NanumSquareB?#iefix") format("embedded-opentype"), */ url("../fonts/NanumSquare/NanumSquareB.woff") format("woff"), url("../fonts/NanumSquare/NanumSquareB.ttf") format("truetype");
}

/* NanumSquare-900 */
@font-face {
  font-family: 'NanumSquare';
  font-weight: 900;
/*   src: url("../font/NanumSquare/NanumSquareEB.eot"); */
  src: /* url("../font/NanumSquare/NanumSquareEB?#iefix") format("embedded-opentype"), */ url("../font/NanumSquare/NanumSquareEB.woff") format("woff"), url("../font/NanumSquare/NanumSquareEB.ttf") format("truetype");
}

@media (min-width: 1800px) {
  .scrollindex {
    overflow: hidden;
  }
}

#wrapper {
  -ms-overflow-style: none !important;
  overflow-x: hidden;
}

button {
  cursor: pointer;
}

.clearfix {
  display: block;
  clear: both;
}

.clearfix::after, .clearfix::before {
  display: block;
  content: "";
  clear: both;
}

.fancybox-content input.form-control {
  width: inherit;
  height: 34px;
}

body {
  font-family: "Noto Sans KR";
  font-weight: 400;
  color: #ffffff;
  min-width: 1500px;
  font-size: 13px;
  line-height: 1.25;
  background-color: #f6e9e0;
  letter-spacing: -0.4px;
}

p:last-of-type,
ul:last-of-type,
ol:last-of-type,
h2:last-of-type,
h3:last-of-type,
h4:last-of-type,
h5:last-of-type,
h6:last-of-type {
  margin-bottom: 0;
}

a,
input,
select {
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  cursor: pointer;
}

a:hover,
input:hover,
select:hover {
  text-decoration: none;
}

a:focus,
input:focus,
select:focus {
  outline: none;
}

input,
select,
button {
  box-shadow: none !important;
}

select::-ms-expand {
  display: none;
}

iframe,
img {
  max-width: 100%;
}

.p-content {
  padding: 30px;
}

input.search {
  padding: 0 15px !important;
  text-align: left !important;
}

body ::-webkit-scrollbar-track-piece {
  background-color: #e7e7e7;
  border-radius: 6px;
  cursor: pointer;
}

body::-webkit-scrollbar-corner {
  background-color: #e7e7e7;
  border-radius: 6px;
  cursor: pointer;
}

body::-webkit-scrollbar-thumb {
  height: 6px !important;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 6px;
  cursor: pointer;
}

body::-webkit-scrollbar {
  height: 6px;
  cursor: pointer;
}

.scroll-table,
.scroll-table-2 {
  overflow-x: auto;
  width: 100%;
  display: block;
  -ms-overflow-style: scrollbar;
}

.scroll-table::-webkit-scrollbar-track-piece,
.scroll-table-2::-webkit-scrollbar-track-piece {
  background-color: #e7e7e7;
  border-radius: 6px;
  cursor: pointer;
}

.scroll-table::-webkit-scrollbar-corner,
.scroll-table-2::-webkit-scrollbar-corner {
  background-color: #e7e7e7;
  border-radius: 6px;
  cursor: pointer;
}

.scroll-table::-webkit-scrollbar-thumb,
.scroll-table-2::-webkit-scrollbar-thumb {
  height: 6px !important;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 6px;
  cursor: pointer;
}

.scroll-table::-webkit-scrollbar,
.scroll-table-2::-webkit-scrollbar {
  height: 6px;
  cursor: pointer;
}

.scroll-table tbody tr td,
.scroll-table-2 tbody tr td {
  min-width: 156px;
}

@media (max-width: 1599px) {
  .scroll-table tbody tr td,
  .scroll-table-2 tbody tr td {
    min-width: 119px;
  }
}

.scroll-table:hover::-webkit-scrollbar-thumb,
.scroll-table-2:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.75);
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .wid100 {
    width: 90px !important;
  }
  .wid90 {
    width: 80px !important;
  }
  .wid107 {
    width: 95px !important;
  }
}

.nicescroll-cursors {
  background-color: #8b8b8b !important;
}

g[opacity="0.4"],
g[opacity="0.3"],
g[role="scrollbar"] {
  display: none !important;
}

g[role="checkbox"] > g > g > g > text tspan {
  position: relative;
  top: -10px;
  margin-top: 100px;
}

g[fill-opacity="0"] {
  position: relative;
  top: -10px;
  margin-top: 100px;
}

g[role="region"] {
  width: 100%;
}

.color-red {
  color: #fd2322 !important;
}

.color-yellow {
  color: #fcd240 !important;
}

.essChart_canvas {
  width: 100%;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .essChart_canvas {
    width: 99%;
  }
}

#chartmgSolarRadiationStatus {
  height: 340px;
}

#chartmgOperatedStatus {
  height: 340px;
}

#chartmgOperatedStatistics {
  height: 340px;
}

#chartmgEquipmentStatistics-pvi {
  height: 340px;
}

#chartmgEquipmentStatistics-pvc {
  height: 340px;
}

#chartmgEquipmentStatistics-vcb {
  height: 340px;
}

.custom-chart {
  margin-top: -40px;
}

#chartdiv {
  height: 280px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  #chartdiv {
    height: 278px;
  }
}

#resourceesschartdiv {
  height: 277px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  #resourceesschartdiv {
    height: 272px;
  }
}

#resourceesschartdiv svg[role="group"] {
  overflow: hidden !important;
}

#chartdiv2 {
  height: 340px;
}

#chartdiv2-5 {
  height: 340px;
}

#chartdiv03-1 {
  height: 340px;
}

#chartdiv02-01 {
  height: 340px;
}

#chartdiv04-02 {
  height: 340px;
}

#chartdiv04-03 {
  height: 340px;
}

#chartdiv4-3-pcs {
  height: 340px;
}

#chartdiv4-3-bms {
  height: 340px;
}

#chartdiv4-3-dcs {
  height: 340px;
}

#chartdiv4-3-ths {
  height: 340px;
}

#chartdiv4-3-rpr {
  height: 340px;
}

#chartdiv4-3-rack {
  height: 340px;
}

#chartdiv4-3-trs {
  height: 340px;
}

#chartdiv4-3-kwh {
  height: 340px;
}

#chartdiv4-3-lms {
  height: 340px;
}

#chartdiv4-3-acb {
  height: 340px;
}

#chartdiv4-3-vcb {
  height: 340px;
}

#chartdiv4-3-rhs {
  height: 340px;
}

#chartdiv05-03-2 {
  height: 340px;
}

.custom-chart {
  margin-top: -40px;
}

.w126 {
  max-width: 160px;
}

.none-style {
  white-space: initial !important;
}

.mt18 {
  margin-top: -18px;
}

#month-start {
  position: relative;
  margin-right: 30px;
}

#month-start:before {
  position: absolute;
  content: "~";
  right: -20px;
  top: 5px;
  font-size: 20px;
}

#year-start {
  position: relative;
  margin-right: 30px;
}

#year-start:before {
  position: absolute;
  content: "~";
  right: -20px;
  top: 5px;
  font-size: 20px;
}

.custome-datatable3 .c1 {
  min-width: 6%;
  width: 6%;
}

.custome-datatable3 .c2 {
  min-width: 8%;
  width: 8%;
}

.custome-datatable3 .c3 {
  min-width: 15%;
  width: 15%;
}

.custome-datatable3 .c4 {
  min-width: 7%;
  width: 7%;
}

.custome-datatable3 .c5 {
  min-width: 13%;
  width: 13%;
}

.custome-datatable3 .c6 {
  min-width: 13%;
  width: 13%;
}

.custome-datatable3 .c7 {
  min-width: 13%;
  width: 13%;
}

.custome-datatable3 .c8 {
  min-width: 25%;
  width: 25%;
}

.custom-checkbox .container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 19px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #6b6461;
}

.custom-checkbox .container:hover input ~ .checkmark {
  background-color: #ccc;
  border-radius: 5px;
}

.custom-checkbox .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.custom-checkbox .container input:checked ~ .checkmark {
  background-color: #898381;
  border-radius: 5px;
}

.custom-checkbox .container input:checked ~ .checkmark:after {
  display: block;
}

.custom-checkbox .container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

.custom-checkbox .container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 8px;
  top: 2px;
  width: 10px;
  height: 15px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.opacity {
  background: transparent;
}

.opacity p {
  opacity: 1;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-top-0 tr td {
  border-top: 0 !important;
}

.iframe_popup {
  display: none;
}

.box-custom {
  background-color: #ffffff;
}

.box-custom .box-custom-title {
  line-height: 45px;
  border-bottom: 1px solid #e5e5e5;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #d5dadc;
}

.box-custom .box-custom-title p {
  color: #6b6461;
  font-size: 19px;
  font-weight: 500;
}

.box-custom__items .btn-change {
  padding: 18px;
  text-align: right;
}

.box-custom__items .btn-change a {
  width: 120px;
  background-color: #898381;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  font-weight: 200;
  text-align: center;
  padding: 10px;
  display: inline-block;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
}

.box-custom__items__content {
  padding: 25px 0 75px;
}

.box-custom__items__content--info .info-title {
  color: #6b6461;
  font-weight: 500;
  font-size: 19px;
}

.box-custom__items__content--info .info-title img {
  margin-right: 7px;
}

.box-custom .box-padding {
  padding-top: 35px;
  padding-bottom: 35px;
}

.box-custom .box-padding .warning-box {
  text-align: center;
  position: relative;
  text-align: center;
  width: 100%;
}

.box-custom .box-padding .warning-box:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 102px;
  background-color: #ebebeb;
  top: 7px;
  right: 0;
}

.box-custom .box-padding .warning-box:last-of-type:before {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
}

.box-custom .box-padding .warning-box h2 {
  padding-bottom: 15px;
  font-weight: 700;
}

.box-custom .box-padding .warning-box .warning-txt {
  text-align: center;
  display: inline-block;
}

.box-custom .box-padding .warning-box .warning-txt .box-yellow {
  background-color: #fcd240;
  color: #fff;
  text-align: center;
  line-height: 26px;
  border-radius: 15px;
  margin-bottom: 5px;
  width: 85px;
  margin: 0 auto 5px auto;
}

.box-custom .box-padding .warning-box .warning-txt .box-red {
  background-color: #fd2322;
  color: #fff;
  text-align: center;
  line-height: 26px;
  border-radius: 15px;
  width: 85px;
  margin: 0 auto 5px auto;
}

.table-nicescroll-Y .custom-scroll {
  max-height: 406px !important;
  height: 406px !important;
  border-bottom: 1px solid #dee2e6 !important;
}

.table-nicescroll-Y .custom-scroll .mCSB_container {
  margin-right: 0;
}

.table-nicescroll-Y .custom-scroll .custome-scroll-tb {
  margin-bottom: -1px;
}

@media (max-width: 1640px) {
  .table-nicescroll-Y th,
  .table-nicescroll-Y td {
    white-space: nowrap;
    padding-left: 15px !important;
  }
}

.am-charts {
  background-color: #fff;
}

.select-option {
  width: 90px;
  line-height: 26px;
  padding: 0px 10px 2px 15px;
  text-align: center;
  border-radius: 5px;
  font-size: 16px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(../images/icon-down2.png);
  background-repeat: no-repeat;
  background-position: center right 7px;
  padding: 0px 20px 2px 10px !important;
}

.header {
  background: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #000;
  padding-left: 35px;
  padding-right: 30px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
}

.header img {
  padding-right: 10px;
}

.header h2 {
  font-size: 28px;
  color: #6d6664;
  font-weight: bold;
  padding-right: 30px;
  margin-bottom: 0;
}

.header h3 {
  font-size: 15px;
  color: #6d6664;
  padding-right: 15px;
  padding-left: 25px;
  margin-bottom: 0;
}

.header p {
  font-size: 14px;
  color: #5b5b5b;
  padding-right: 25px;
  margin-bottom: 0;
  position: relative;
}

.header p.time:before {
  position: absolute;
  content: "";
  width: 2px;
  height: 17px;
  background-color: #b8b8b8;
  right: 0;
}

.header .btn-logout a {
  font-size: 15px;
  color: rgba(106, 106, 106, 0.6);
  font-weight: 600;
}

.header .btn-logout a.active_ {
  background-color: #969696;
  color: #fff;
  padding: 8px 15px;
  border-radius: 30px;
  font-size: 14px;
}

.header .btn-logout a:last-child {
  margin-left: 10px;
}

.banner-menu {
  width: 240px;
}

.banner-menu .nav-left {
  background-color: #f68816;
  height: 100%;
}

.banner-menu .nav-left .lights {
  text-align: center;
  padding-left: 20px;
}

.banner-menu .nav-left .lights p {
  padding: 10px;
  border: 1px solid #fff;
  border-radius: 30px;
  width: 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: -50px;
  left: 20%;
  position: relative;
  color: #fce7d2;
}

.banner-menu .nav-left .lights p img {
  padding-left: 5px;
}

.banner-menu .nav-left .lights a > img {
  margin-top: 65px;
}

.banner-menu .nav-left .lights a > span {
  color: #fff;
  font-size: 20px;
  padding-top: 5px;
  margin-bottom: 12px;
  font-weight: 500;
}

.banner-menu .nav-left .lights--resource {
  height: 238px;
}

.banner-menu .nav-left .lights--resource a > img {
  margin-top: 0;
}

.banner-menu .nav-left .lights--resource p {
  top: -44px;
  left: 21%;
}

@media (max-width: 1599px) {
  .banner-menu .nav-left .lights--resource {
    height: 228px;
  }
  .banner-menu .nav-left .lights--resource p {
    top: -75px;
  }
}

.banner-menu .nav-left .nav ul {
  list-style: none;
  padding: 0;
}

.banner-menu .nav-left .nav ul.dropdown-menu {
  top: 0;
  position: relative;
  width: 100%;
  border: 0;
}

.banner-menu .nav-left .nav ul li {
  background-color: #f68816;
  line-height: 50px;
  border-bottom: 1px solid #f79632;
  clear: both;
}

.banner-menu .nav-left .nav ul li .icon-menu-bk {
  display: none;
}

.banner-menu .nav-left .nav ul li a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
}

.banner-menu .nav-left .nav ul li a p {
  color: #fff;
  opacity: 0.7;
  padding-left: 13px;
}

.banner-menu .nav-left .nav ul li:hover, .banner-menu .nav-left .nav ul li.active {
  background-color: #bf6910;
}

.banner-menu .nav-left .nav ul li:hover a p, .banner-menu .nav-left .nav ul li.active a p {
  color: #fff;
  opacity: 1;
}

.banner-menu .nav-left .nav ul li.open a p {
  color: #fff;
  opacity: 1;
}

.banner-menu .nav-left .nav ul li.open a .icon-menu {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transition: 0.4s;
}

.banner-menu .nav-left .nav ul li.open a .icon-menu-bk {
  display: none;
}

.banner-menu .nav-left .nav ul li.open ul.dropdown-menu {
  display: block;
  position: relative;
  width: 100%;
  border: 0;
}

.banner-menu .nav-left .nav ul li.open ul.dropdown-menu li {
  background-color: #f68816;
  line-height: 40px;
}

.banner-menu .nav-left .nav ul li.open ul.dropdown-menu li.grandChild img.none {
  display: none;
}

.banner-menu .nav-left .nav ul li.open ul.dropdown-menu li.grandChild:hover, .banner-menu .nav-left .nav ul li.open ul.dropdown-menu li.grandChild.active {
  background-color: #bf6910;
}

.banner-menu .nav-left .nav ul li.open ul.dropdown-menu li.grandChild:hover a p, .banner-menu .nav-left .nav ul li.open ul.dropdown-menu li.grandChild.active a p {
  color: #fff;
  opacity: 1;
}

.banner-menu .nav-left .nav ul li.open ul.dropdown-menu li.grandChild.active a p {
  color: #fff;
  opacity: 1;
}

.banner-menu .nav-left .nav ul li.open ul.dropdown-menu li.grandChild.active img {
  display: block;
}

.banner-menu .nav-left .nav ul li.open ul.dropdown-menu li.grandChild.active .icon-menu-bk {
  display: none;
}

.banner-menu .nav-left .nav ul li.open ul.dropdown-menu li a {
  padding-left: 40px;
}

.banner-menu .nav-left .nav ul li.open ul.dropdown-menu li a p {
  color: #fff;
  opacity: 0.7;
  font-size: 16px;
}

.banner-menu .nav-left .nav ul li.open ul.dropdown-menu li a .icon-menu {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transition: 0.4s;
}

.banner-menu .nav-left .nav ul li.open ul.dropdown-menu.block {
  display: block;
}

.dashboard .banner-menu .nav-left .lights {
  text-align: center;
  padding-bottom: 30px;
  padding-left: 0;
}

.dashboard .banner-menu .nav-left .lights a > img {
  margin-top: 65px;
}

.dashboard .banner-menu .nav-left .lights a > span {
  color: #fff;
  font-size: 20px;
  padding-top: 5px;
  margin-bottom: 12px;
  font-weight: 500;
}

.dashboard .banner-menu .nav-left .lights p {
  padding: 0px 10px;
  line-height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 30px;
  width: 100px;
  height: 45px;
  margin: auto;
  color: #fce7d2;
  position: relative;
  font-size: 20px;
  background-color: #f79027;
}

.dashboard .banner-menu .nav-left .lights p img {
  padding-left: 5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  right: 10px;
}

.box-title {
  font-size: 19px;
  color: #534843;
  font-weight: 500;
  padding-left: 18px;
  padding-right: 18px;
  line-height: 40px;
  border-bottom: 1px solid #e2d9d3;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  background-color: #d5dadc;
}

.box-title .box-sub-title {
  color: #8c7f74;
  font-size: 11px;
  font-weight: 300;
}

.box-title h4 {
  font-size: 10px;
  margin-bottom: 0;
}

.box-title h4.green {
  color: #67b067;
  padding-right: 25px;
  position: relative;
  padding-left: 7px;
  cursor: pointer;
}

.box-title h4.green:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  top: 5px;
  left: 0;
  background-color: #67b067;
}

.box-title h4.purple {
  color: #4e519b;
  position: relative;
  padding-left: 7px;
  cursor: pointer;
}

.box-title h4.purple:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  top: 5px;
  left: 0;
  background-color: #4e519b;
}

.box-content {
  padding: 10px 25px 10px 25px;
}

.box-content .inclined-solar {
  padding-top: 10px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .box-content .inclined-solar {
    padding-top: 5px;
  }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .box-content .inclined-solar:first-child {
    padding-top: 0px;
  }
}

.box-content .inclined-solar p {
  font-size: 14px;
  color: #908b89;
}

.box-content .inclined-solar h4 {
  color: #908b89;
  font-weight: bold;
  font-size: 18px;
}

.box-gray {
  background-color: #fbf6f3;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.box-gray:nth-last-child(3) {
  margin-top: 10px;
}

.box-gray .today {
  border-right: 1px solid #f6e9e0;
}

.box-gray .today h4.title-top {
  font-size: 13px;
  font-weight: 300;
  padding: 0 10px 5px;
  color: #908b89;
}

.box-gray .today p {
  font-size: 17px;
  color: #908b89;
  font-weight: 500;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.box-gray .today p span.increase {
  color: #7d92c4;
  font-size: 11px;
  display: inline-block;
  margin-top: 2px;
}

.box-gray .today p span.primary-light {
  color: #898381;
  font-size: 11px;
  display: inline-block;
  margin-top: 2px;
}

.box-gray .today p span.reduction {
  color: #df7878;
  font-size: 11px;
  display: inline-block;
  margin-top: 2px;
}

.box-gray .todo {
  color: #908b89;
}

.box-gray .todo p {
  font-size: 17px;
  color: #908b89;
  font-weight: 500;
}

.box-gray .todo h4 {
  font-size: 13px;
  font-weight: 300;
  padding-bottom: 5px;
}

.box-content .parameter .arrowLineWrap {
  width: auto;
}

.box-content .parameter .arrowLineWrap .arrowLine_list {
  list-style-type: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.box-content .parameter .arrowLineWrap .arrowLine_list .line {
  height: 15px;
  display: table;
  table-layout: fixed;
}

.box-content .parameter .arrowLineWrap .arrowLine_list .line .lineCont {
  position: relative;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  height: 4px;
}

.box-content .parameter .arrowLineWrap .arrowLine_list .line .lineCont::after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url("../images/bgLine.jpg");
  background-position: center;
  background-repeat: repeat;
  height: 4px;
  margin-top: -1px;
  z-index: -1;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .box-content .parameter .arrowLineWrap .arrowLine_list .line .lineCont::after {
    display: none;
  }
}

@supports (-ms-ime-align: auto) {
  .box-content .parameter .arrowLineWrap .arrowLine_list .line .lineCont::after {
    display: none;
  }
}

.box-content .parameter .arrowLineWrap .arrowLine_list .line .lineCont .lineIE {
  display: none;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .box-content .parameter .arrowLineWrap .arrowLine_list .line .lineCont .lineIE {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background-image: url("../images/bgLine.jpg");
    background-position: center;
    background-repeat: repeat;
    height: 4px;
    margin-top: 6px;
    z-index: -1;
  }
}

.box-content .parameter .arrowLineWrap .arrowLine_list .line.arrow-right {
  background-image: url("../images/arrow.png");
  background-position: -150px center;
  background-repeat: no-repeat;
}

@media (max-width: 1919px) {
  .select-option {
    width: 80px;
    line-height: 30px;
    padding: 2px 10px 2px 15px;
    border-radius: 5px;
    font-size: 16px;
  }
}

@media (max-width: 1805px) {
  .select-option {
    width: 70px;
    line-height: 30px;
    padding: 2px 10px 2px 15px;
    border-radius: 5px;
    font-size: 16px;
  }
}

@media (max-width: 1760px) {
  .select-option {
    width: 70px;
    line-height: 30px;
    padding: 2px 10px 2px 15px;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
  }
}

@media (max-width: 1738px) {
  .box-custom .box-custom-title {
    line-height: 45px;
    padding-left: 12px;
    padding-right: 20px;
  }
  .box-custom .box-custom-title p {
    font-size: 17px;
  }
  .box-custom .box-padding {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .box-custom .box-padding .warning-box:before {
    top: 4px;
  }
  .box-custom .box-padding .warning-box h2 {
    padding-bottom: 15px;
  }
}

@media (max-width: 1599px) {
  .box-custom .box-custom-title {
    line-height: 45px;
    padding-left: 12px;
    padding-right: 20px;
  }
  .box-custom .box-custom-title p {
    font-size: 15px;
  }
  .box-custom .box-padding {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .box-custom .box-padding h2 {
    font-size: 22px;
  }
  .box-custom .box-padding .warning-box .warning-txt .box-yellow {
    font-size: 12px;
    width: 65px;
  }
  .box-custom .box-padding .warning-box .warning-txt .box-red {
    font-size: 12px;
    width: 65px;
  }
  .opacity {
    height: 40px;
  }
  .opacity p {
    opacity: 1;
  }
  .header {
    padding-left: 35px;
    padding-right: 30px;
    height: 50px;
  }
  .header img {
    padding-right: 10px;
  }
  .header h2 {
    font-size: 24px;
    padding-right: 50px;
    margin-bottom: 0;
  }
  .header h3 {
    font-size: 14px;
    padding-right: 15px;
    padding-left: 25px;
    margin-bottom: 0;
  }
  .header p {
    font-size: 14px;
    padding-right: 25px;
    margin-bottom: 0;
  }
  .header p.time:before {
    width: 2px;
    height: 13px;
    top: 4px;
    right: 0;
  }
  .header .btn-logout a {
    font-size: 13px;
  }
  .header .btn-logout a.active_ {
    padding: 5px 10px;
    border-radius: 30px;
  }
  .header .btn-logout a:last-child {
    margin-left: 10px;
  }
  .box-title {
    font-size: 12px;
    line-height: 30px;
  }
  .box-title .box-sub-title {
    font-size: 9px;
  }
  .box-title h4 {
    font-size: 10px;
    margin-bottom: 0;
  }
  .box-title h4.green {
    padding-right: 25px;
    padding-left: 7px;
  }
  .box-title h4.green:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    top: 5px;
    left: 0;
    background-color: #67b067;
  }
  .box-title h4.purple {
    padding-left: 7px;
  }
  .box-title h4.purple:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    top: 5px;
    left: 0;
  }
  .box-content {
    padding: 5px 20px 10px 20px;
  }
}

@media (max-width: 1599px) and (max-width: 1599px) {
  .box-content {
    padding: 5px 20px 10px 20px;
  }
}

@media screen and (max-width: 1599px) and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (max-width: 1599px) and (-ms-high-contrast: none) {
  .box-content {
    padding: 7px 20px 8px 20px;
  }
}

@media (max-width: 1599px) {
  .box-content .inclined-solar {
    padding-top: 9px;
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  .box-content .inclined-solar:first-child {
    padding-top: 5px;
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  .box-content .inclined-solar {
    padding-top: 5px;
  }
}

@media (max-width: 1599px) {
  .box-content .inclined-solar p {
    font-size: 10px;
  }
  .box-content .inclined-solar h4 {
    font-size: 13px;
  }
  .box-gray {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
  .box-gray:nth-last-child(3) {
    margin-top: 10px;
  }
  .box-gray .today h4.title-top {
    font-size: 10px;
    padding: 0 10px 5px;
  }
  .box-gray .today p {
    font-size: 13px;
  }
  .box-gray .today p span.increase {
    font-size: 10px;
  }
  .box-gray .today p span.primary-light {
    font-size: 10px;
  }
  .box-gray .today p span.reduction {
    font-size: 10px;
  }
  .box-gray .todo p {
    font-size: 13px;
  }
  .box-gray .todo h4 {
    font-size: 10px;
    padding-bottom: 5px;
  }
  .banner-menu {
    width: 240px;
  }
  .banner-menu .nav-left {
    height: 100%;
  }
  .banner-menu .nav-left .lights {
    padding-left: 10px;
  }
  .banner-menu .nav-left .lights p {
    padding: 10px;
    width: 40%;
    top: -35px;
    left: 27%;
    font-size: 12px;
  }
  .banner-menu .nav-left .lights p img {
    padding-left: 5px;
  }
  .banner-menu .nav-left .nav ul {
    list-style: none;
    padding: 0;
  }
  .banner-menu .nav-left .nav ul li {
    line-height: 45px;
  }
  .banner-menu .nav-left .nav ul li a {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
  }
  .banner-menu .nav-left .nav ul li a p {
    padding-left: 13px;
  }
  .banner-menu .nav-left .nav ul li.active {
    background-color: #bf6910;
  }
  .banner-menu .nav-left .nav ul li.active a p {
    color: #fff;
    opacity: 1;
  }
  .banner-menu .nav-left .nav ul li.active a .icon-menu-bk {
    display: none;
  }
  .banner-menu .nav-left .nav ul li.active ul.dropdown-menu {
    position: relative;
    width: 100%;
    border: 0;
  }
  .banner-menu .nav-left .nav ul li.active ul.dropdown-menu li {
    background-color: #f68816;
  }
  .banner-menu .nav-left .nav ul li.active ul.dropdown-menu li a {
    color: #fff;
    opacity: 0.7;
    font-size: 14px;
  }
  .banner-menu .nav-left .nav ul li.active ul.dropdown-menu.block {
    display: block;
  }
  .banner-menu .nav-left .nav ul li.not-sub a .icon-menu {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transition: 0.4s;
  }
  .dashboard .banner-menu .nav-left .lights p {
    height: 40px;
    line-height: 35px;
    font-size: 16px;
  }
  .dashboard .banner-menu .nav-left .lights p img {
    padding-left: 5px;
  }
  #resourceesschartdiv {
    height: 208px;
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  #resourceesschartdiv {
    height: 205px;
  }
}

@media (max-width: 1599px) {
  #chartdiv2 {
    height: 218px;
  }
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 9px !important;
}

g[aria-labelledby="id-52-title"] {
  display: none !important;
}

#guge-chartdiv {
  position: relative;
  overflow: visible !important;
  background: url("../images/guge.png") no-repeat center 60px;
  margin-top: 5px;
  margin-left: 50px;
  width: 330px;
  position: relative;
}

#guge-chartdiv:before {
  content: "";
  width: 19px;
  height: 19px;
  background-color: #6b6461;
  position: absolute;
  bottom: 46px;
  left: calc(50% - 9px);
  z-index: 9;
  border-radius: 50%;
}

@media (max-width: 1805px) {
  #guge-chartdiv {
    margin-left: 0;
  }
}

.pt-65 {
  padding-top: 65px !important;
}

#chartmgEquipmentStatistics-acb {
  height: 340px;
}

#chartmgEquipmentStatistics-acb svg g[aria-label="Legend"] g > g[aria-labelledby="id-261"] g:nth-child(2) g:nth-child(2) {
  fill: #4e519b !important;
}

#chartmgEquipmentStatistics-vcb svg g[aria-label="Legend"] g > g[aria-labelledby="id-1454"] g:nth-child(2) g:nth-child(2) {
  fill: #4e519b !important;
}

#chartmgEquipmentStatistics-pvi svg g[aria-label="Legend"] g > g[aria-labelledby="id-934"] g:nth-child(2) g:nth-child(2) {
  fill: #4e519b !important;
}

#chartmgEquipmentStatistics-ths {
  height: 340px;
}

#chartmgEquipmentStatistics-ths svg g[aria-label="Legend"] g > g[aria-labelledby="id-1275"] g:nth-child(2) g:nth-child(2) {
  fill: #319ffe !important;
}

#chartmgEquipmentStatistics-ths svg g[aria-label="Legend"] g > g[aria-labelledby="id-1292"] g:nth-child(2) g:nth-child(2) {
  fill: #ff8532 !important;
}

#chartmgEquipmentStatistics-pvc svg g[aria-label="Legend"] g > g[aria-labelledby="id-755"] g:nth-child(2) g:nth-child(2) {
  fill: #319ffe !important;
}

#chartmgEquipmentStatistics-pvc svg g[aria-label="Legend"] g > g[aria-labelledby="id-772"] g:nth-child(2) g:nth-child(2) {
  fill: #ff8532 !important;
}

#chartmgEquipmentStatistics-rack {
  height: 340px;
}

#chartmgEquipmentStatistics-rack svg g[aria-label="Legend"] g > g[aria-labelledby="id-1096"] g:nth-child(2) g:nth-child(2) {
  fill: #319ffe !important;
}

#chartmgEquipmentStatistics-rack svg g[aria-label="Legend"] g > g[aria-labelledby="id-1113"] g:nth-child(2) g:nth-child(2) {
  fill: #ff8532 !important;
}

#chartmgEquipmentStatus-pcs svg g[aria-label="Legend"] g > g[aria-labelledby="id-5622"] g:nth-child(2) g:nth-child(2) {
  fill: #f884a4 !important;
}

#chartmgEquipmentStatus-dcs svg g[aria-label="Legend"] g > g[aria-labelledby="id-5281"] g:nth-child(2) g:nth-child(2) {
  fill: #f884a4 !important;
}

#chartmgEquipmentStatus-bms svg g[aria-label="Legend"] g > g[aria-labelledby="id-5443"] g:nth-child(2) g:nth-child(2) {
  fill: #26a69a !important;
}

#chartmgEquipmentStatus-bms svg g[aria-label="Legend"] g > g[aria-labelledby="id-5460"] g:nth-child(2) g:nth-child(2) {
  fill: #f884a4 !important;
}

#chartmgEquipmentStatus-ths svg g[aria-label="Legend"] g > g[aria-labelledby="id-5102"] g:nth-child(2) g:nth-child(2) {
  fill: #26a69a !important;
}

#chartmgEquipmentStatus-ths svg g[aria-label="Legend"] g > g[aria-labelledby="id-5119"] g:nth-child(2) g:nth-child(2) {
  fill: #f884a4 !important;
}

#chartmgEquipmentStatus-acb svg g[aria-label="Legend"] g > g[aria-labelledby="id-4224"] g:nth-child(2) g:nth-child(2) {
  fill: #f884a4 !important;
}

#chartmgEquipmentStatus-vcb svg g[aria-label="Legend"] g > g[aria-labelledby="id-4386"] g:nth-child(2) g:nth-child(2) {
  fill: #f884a4 !important;
}

#chartmgEquipmentStatus-pvi svg g[aria-label="Legend"] g > g[aria-labelledby="id-4548"] g:nth-child(2) g:nth-child(2) {
  fill: #f884a4 !important;
}

#chartmgEquipmentStatus-pvi svg g[aria-label="Legend"] g > g[aria-labelledby="id-4565"] g:nth-child(2) g:nth-child(2) {
  fill: #26a69a !important;
}

#chartmgEquipmentStatus-pvi svg g[aria-label="Legend"] g > g[aria-labelledby="id-4582"] g:nth-child(2) g:nth-child(2) {
  fill: #f2ae0d !important;
}

#chartmgEquipmentStatus-pvc svg g[aria-label="Legend"] g > g[aria-labelledby="id-4744"] g:nth-child(2) g:nth-child(2) {
  fill: #f884a4 !important;
}

#chartmgEquipmentStatus-pvc svg g[aria-label="Legend"] g > g[aria-labelledby="id-4761"] g:nth-child(2) g:nth-child(2) {
  fill: #26a69a !important;
}

#chartmgEquipmentStatus-rack1 svg g[aria-label="Legend"] g > g[aria-labelledby="id-4923"] g:nth-child(2) g:nth-child(2) {
  fill: #f884a4 !important;
}

#chartmgEquipmentStatus-rack1 svg g[aria-label="Legend"] g > g[aria-labelledby="id-4940"] g:nth-child(2) g:nth-child(2) {
  fill: #26a69a !important;
}

.none-style {
  white-space: initial !important;
}

.main-page .content-right {
  width: calc(100% - 240px) !important;
}

.fancybox-slide--html .fancybox-close-small {
  display: none;
}

.wrapper-table {
  overflow: hidden;
}

.wrapper-table .dataTables_paginate {
  padding-top: 30px !important;
}

.event-status .custome-datatable tr th,
.event-status .custome-datatable tr td {
  white-space: nowrap;
}

.content-right {
  width: calc(100% - 240px) !important;
}

.content-right .event-status {
  width: 100% !important;
}

.event-status .page-content .part .tablink .title {
  white-space: nowrap;
}

.event-status .page-content .part .tablink ul.custom-mobile {
  width: 100% !important;
}

@media (max-width: 1700px) {
  .event-status .page-content .part .tablink ul.custom-mobile {
    padding-left: 0;
  }
  .event-status .page-content .part .tablink ul.custom-mobile li {
    margin-left: 6px;
  }
  .event-status .page-content .part .tablink ul.custom-mobile li a {
    font-size: 13px;
    width: 50px;
  }
}

@media (max-width: 1700px) {
  .title-device-number {
    margin-right: 2px;
    min-width: 80px;
  }
}

.submit-time {
  background-color: #898381;
  width: 70px;
  line-height: 33px;
  padding: 0;
  font-size: 15px;
  text-align: center;
  border-radius: 5px;
  border: 0;
  color: #e4e3e3;
  margin-left: 20px;
}

.customchart svg g[role="region"] > g > g > g > g:nth-child(2) > g > g > g > g:nth-child(2) > g > g > g > g[fill="#000000"] {
  -webkit-transform: translateY(-15px) rotate(0) !important;
      -ms-transform: translateY(-15px) rotate(0) !important;
          transform: translateY(-15px) rotate(0) !important;
}

#chartMonitoring {
  height: 337px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  #chartMonitoring {
    height: 335px;
  }
}

@media (max-width: 1599px) {
  #chartMonitoring {
    height: 223px;
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  #chartMonitoring {
    height: 212px;
  }
}

#chartMonitoring svg[role="group"] {
  overflow: hidden !important;
}

#chartOperatedStatus {
  height: 340px;
}

#chartSolarRadiationStatus {
  height: 340px;
}

#chartOperatedStatistics {
  height: 340px;
}

#chartEquipmentStatisticsPVC {
  height: 340px;
}

.event-status .custome-datatable tbody tr td a.none-style {
  background-color: transparent;
  color: #8c9299;
  font-size: inherit;
  padding-left: 0;
  padding-right: 0;
  height: auto;
  border-width: 0;
  border-style: none;
  border-color: transparent;
  border-image: 0;
  border-radius: 0;
}

.resource-pv svg g[aria-label="Legend"] g > g[aria-labelledby="id-124"] g:nth-child(2) g:nth-child(2) {
  fill: #f884a4 !important;
}

.resource-pv svg g[aria-label="Legend"] g > g[aria-labelledby="id-482"] g:nth-child(2) g:nth-child(2) {
  fill: #f884a4 !important;
}

.resource-pv svg g[aria-label="Legend"] g > g[aria-labelledby="id-678"] g:nth-child(2) g:nth-child(2) {
  fill: #f884a4 !important;
}

.resource-pv svg g[aria-label="Legend"] g > g[aria-labelledby="id-840"] g:nth-child(2) g:nth-child(2) {
  fill: #f884a4 !important;
}

.resource-pv svg g[aria-label="Legend"] g > g[aria-labelledby="id-286"] g:nth-child(2) g:nth-child(2) {
  fill: #f884a4 !important;
}

.resource-pv svg g[aria-label="Legend"] g > g[aria-labelledby="id-107"] g:nth-child(2) g:nth-child(2) {
  fill: #26a69a !important;
}

.resource-pv svg g[aria-label="Legend"] g > g[aria-labelledby="id-499"] g:nth-child(2) g:nth-child(2) {
  fill: #26a69a !important;
}

.resource-pv svg g[aria-label="Legend"] g > g[aria-labelledby="id-303"] g:nth-child(2) g:nth-child(2) {
  fill: #26a69a !important;
}

.resource-pv svg g[aria-label="Legend"] g > g[aria-labelledby="id-516"] g:nth-child(2) g:nth-child(2) {
  fill: purple !important;
}

.resource-pv svg g[aria-label="Legend"] g > g[aria-labelledby="id-320"] g:nth-child(2) g:nth-child(2) {
  fill: purple !important;
}

.resource-pv svg g[aria-label="Legend"] g > g[aria-labelledby="id-516"] g:nth-child(2) g:nth-child(2) {
  fill: purple !important;
}

.resource-pv svg g[aria-label="Legend"] g > g[aria-labelledby="id-127"] g:nth-child(2) g:nth-child(2) {
  fill: #8dd241 !important;
}

.resource-pv svg g[aria-label="Legend"] g > g[aria-labelledby="id-145"] g:nth-child(2) g:nth-child(2) {
  fill: #ff8532 !important;
}

.resource-pv svg g[aria-label="Legend"] g > g[aria-labelledby="id-162"] g:nth-child(2) g:nth-child(2) {
  fill: #f2ae0d !important;
}

.resource-pv svg g[aria-label="Legend"] g > g[aria-labelledby="id-107"] g:nth-child(2) g:nth-child(2) {
  fill: #4e519b !important;
}

.resource-pv svg g[aria-label="Legend"] g > g[aria-labelledby="id-125"] g:nth-child(2) g:nth-child(2) {
  fill: #f2ae0d !important;
}

.resource-pv svg g[aria-label="Legend"] g > g[aria-labelledby="id-125"] g:nth-child(2) g:nth-child(2) {
  fill: #f2ae0d !important;
}

.resource-pv svg g[aria-label="Legend"] g > g[aria-labelledby="id-142"] g:nth-child(2) g:nth-child(2) {
  fill: #ff8532 !important;
}

#chartEquipmentStatisticsPVC svg g[aria-label="Legend"] g > g[aria-labelledby="id-127"] g:nth-child(2) g:nth-child(2) {
  fill: #26a69a !important;
}

#chartEquipmentStatisticsPVC svg g[aria-label="Legend"] g > g[aria-labelledby="id-144"] g:nth-child(2) g:nth-child(2) {
  fill: #f884a4 !important;
}

#chartSolarRadiationStatus svg g[aria-label="Legend"] g > g[aria-labelledby="id-107"] g:nth-child(2) g:nth-child(2) {
  fill: #ab47bc !important;
}

#chartMonitoring svg g[aria-label="Legend"] g > g[aria-labelledby="id-145"] g:nth-child(2) g:nth-child(2) {
  fill: #4e519b !important;
}

#chartEquipmentStatusPVC {
  margin-top: 25px;
  height: 400px !important;
}

#chartEquipmentStatusPVC svg g[aria-label="Legend"] g > g[aria-labelledby="id-126"] g:nth-child(2) g:nth-child(2) {
  fill: #f884a4 !important;
}

#chartEquipmentStatusPVC svg g[aria-label="Legend"] g > g[aria-labelledby="id-143"] g:nth-child(2) g:nth-child(2) {
  fill: #26a69a !important;
}

#chartEquipmentStatusPVI {
  height: 400px !important;
}

#chartEquipmentStatusPVS {
  margin-top: 25px;
  height: 400px !important;
}

#chartEquipmentStatusPVS svg g[aria-label="Legend"] g > g[aria-labelledby="id-539"] g:nth-child(2) g:nth-child(2) {
  fill: #f884a4 !important;
}

#chartEquipmentStatusPVS svg g[aria-label="Legend"] g > g[aria-labelledby="id-556"] g:nth-child(2) g:nth-child(2) {
  fill: #26a69a !important;
}

#chartEquipmentStatusPVS svg g[aria-label="Legend"] g > g[aria-labelledby="id-573"] g:nth-child(2) g:nth-child(2) {
  fill: purple !important;
}

#chartEquipmentStatusVCB {
  margin-top: 25px;
  height: 400px !important;
}

#chartEquipmentStatusVCB svg g[aria-label="Legend"] g > g[aria-labelledby="id-754"] g:nth-child(2) g:nth-child(2) {
  fill: #f884a4 !important;
}

#chartEquipmentStatusVCB svg g[aria-label="Legend"] g > g[aria-labelledby="id-695"] g:nth-child(2) g:nth-child(2) {
  fill: #26a69a !important;
}

#chartEquipmentStatusACB {
  margin-top: 25px;
  height: 400px !important;
}

#chartEquipmentStatusACB svg g[aria-label="Legend"] g > g[aria-labelledby="id-935"] g:nth-child(2) g:nth-child(2) {
  fill: #f884a4 !important;
}

#chartEquipmentStatusPVI {
  margin-top: 25px;
}

#chartEquipmentStatusPVI svg g[aria-label="Legend"] g > g[aria-labelledby="id-324"] g:nth-child(2) g:nth-child(2) {
  fill: #f884a4 !important;
}

#chartEquipmentStatusPVI svg g[aria-label="Legend"] g > g[aria-labelledby="id-341"] g:nth-child(2) g:nth-child(2) {
  fill: #26a69a !important;
}

#chartEquipmentStatusPVI svg g[aria-label="Legend"] g > g[aria-labelledby="id-358"] g:nth-child(2) g:nth-child(2) {
  fill: purple !important;
}

.customchart svg g[role="region"] > g > g > g > g:nth-child(2) > g > g > g > g:nth-child(2) > g > g > g > g[fill="#000000"] {
  -webkit-transform: translateY(-15px) rotate(0) !important;
      -ms-transform: translateY(-15px) rotate(0) !important;
          transform: translateY(-15px) rotate(0) !important;
}

.w-25 {
  width: 25% !important;
}

.bg-white {
  background-color: #fff;
}

#drstepmainchartdiv1 {
  height: 280px;
}

@media screen and (min--moz-device-pixel-ratio: 0) {
  #drstepmainchartdiv1 {
    height: 275px;
  }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  #drstepmainchartdiv1 {
    height: 272px;
  }
}

@media (max-width: 1599px) {
  #drstepmainchartdiv1 {
    height: 272px;
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  #drstepmainchartdiv1 {
    height: 268px;
  }
}

#drstepmainchartdiv2 {
  height: 200px;
}

#drstepmainchartdiv3 {
  height: 200px;
}

#drstepmainchartdiv4 {
  height: 200px;
}

#drstepmainchartdiv5 {
  height: 200px;
}

#chartPvStepOperatedStatistics {
  height: 340px;
}

#chartPvStepOperatedStatistics {
  height: 340px;
}

.w126 {
  max-width: 160px;
}

#guge-chartdiv {
  position: relative;
  overflow: visible !important;
  background: url("../images/guge.png") no-repeat center 60px;
  margin-top: 5px;
  margin-left: 50px;
  width: 330px;
  position: relative;
}

#guge-chartdiv:before {
  content: "";
  width: 19px;
  height: 19px;
  background-color: #6b6461;
  position: absolute;
  bottom: 56px;
  left: calc(50% - 9px);
  z-index: 9;
  border-radius: 50%;
}

@media (max-width: 1805px) {
  #guge-chartdiv {
    margin-left: 0;
  }
}

.table-nicescroll-Y .custom-scroll {
  height: 380px;
}

.custome-datatable3 thead tr th {
  border: 1px solid #e9e9e9;
  max-width: initial !important;
  font-size: 16px;
  color: #4d5155;
  padding-left: 30px;
}

.custome-datatable3 tbody tr {
  font-size: 15px;
  color: #8c9299;
}

.custome-datatable3 tbody tr:nth-of-type(2n + 1) {
  background-color: #fbfbfb;
}

.custome-datatable3 td {
  padding-left: 30px;
  border: 1px solid #e9e9e9;
  padding-top: 7px;
  padding-bottom: 7px;
}

.custome-datatable3 td.textarea-style textarea {
  font-weight: 300;
  width: 100%;
}

.custome-datatable3 td textarea {
  border: 0;
  margin-top: 6px;
  border: 1px solid #c4c1c0;
  box-shadow: none;
  border-radius: 3px;
  padding: 10px 15px;
}

.custome-datatable3 td.bg-yellow {
  background-color: #dacc88;
}

title {
  display: none !important;
}

.navbar-left {
  width: 370px;
}

.navbar-left .box-content.main-ess {
  padding: 15px 25px 20px;
}

@media (max-width: 1599px) {
  .navbar-left .box-content.main-ess {
    padding: 15px;
  }
}

.navbar-left .solar-radiation {
  background-color: #fff;
  color: #000;
  margin-top: 15px;
}

.navbar-left .solar-radiation .temperature h3 {
  font-size: 20px;
  color: #908b89;
}

.navbar-left .solar-radiation .temperature h3 span {
  font-size: 12px;
  color: #908b89;
}

.navbar-left .solar-radiation .temperature p {
  font-size: 12px;
  color: #908b89;
}

.navbar-left .solar-radiation .box-title img {
  margin-top: -3px;
}

@media (max-width: 1640px) {
  .navbar-left .solar-radiation .box-title img {
    max-width: 15px;
    margin-left: 2px;
  }
}

.navbar-left .solar-radiation .nav-box-top {
  color: #908b89;
}

.navbar-left .solar-radiation .nav-box-top img {
  margin-right: 20px;
}

@media (max-width: 1599px) {
  .navbar-left .solar-radiation .nav-box-top img {
    margin-right: 10px;
  }
}

.navbar-left .solar-radiation .nav-box-top h4 {
  font-size: 18px;
}

.navbar-left .solar-radiation .nav-box-top p {
  font-size: 35px;
}

@media (max-width: 1599px) {
  .navbar-left .solar-radiation .nav-box-top p {
    font-size: 30px;
  }
}

.navbar-left .solar-radiation .description {
  font-size: 18px;
  color: #908b89;
  margin-top: 5px;
}

.navbar-left.r-mg .solar-radiation {
  margin-top: 20px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .navbar-left.r-mg .solar-radiation {
    margin-top: 15px;
  }
}

@media (max-width: 1599px) {
  .navbar-left.r-mg .solar-radiation {
    margin-top: 15px;
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  .navbar-left.r-mg .solar-radiation {
    margin-top: 10px !important;
  }
}

.navbar-left .solar-power {
  background-color: #fff;
  color: #000;
}

.navbar-left.r-mg .solar-power {
  margin-top: 10px;
}

.navbar-left.r-mg .inclined-solar {
  padding-top: 3px;
}

.navbar-left.r-mg .inclined-solar p {
  font-weight: 300;
  margin-bottom: 5px;
}

.navbar-left.r-mg .inclined-solar h4 {
  font-weight: 500;
  font-size: 26px;
}

@media (max-width: 1599px) {
  .navbar-left.r-mg .inclined-solar {
    padding-top: 7px;
  }
}

@media screen and (max-width: 1599px) and (min--moz-device-pixel-ratio: 0) {
  .navbar-left.r-mg .inclined-solar {
    padding-top: 6px;
  }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .navbar-left.r-mg .inclined-solar {
    padding-top: 6px;
  }
}

@media screen and (-ms-high-contrast: active) and (max-width: 1599px), screen and (-ms-high-contrast: none) and (max-width: 1599px) {
  .navbar-left.r-mg .inclined-solar {
    padding-top: 2px;
  }
}

.navbar-left.r-mg .box-content .text-number {
  color: #908b89 !important;
}

.navbar-left.r-mg .box-content .box-top {
  border-bottom: 1px solid #f6e9e0;
  padding-bottom: 15px;
}

@media (max-width: 1640px) {
  .navbar-left.r-mg .box-content .box-top {
    padding-bottom: 6px;
  }
}

.navbar-left.r-mg .box-content .box-gray {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

@media (max-width: 1640px) {
  .navbar-left.r-mg .box-content .box-gray {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}

.navbar-left.r-mg .box-content .pr-20 {
  padding-right: 25px !important;
  position: relative;
}

.navbar-left.r-mg .box-content .pr-20:before {
  content: "";
  position: absolute;
  top: 20px;
  bottom: 5px;
  right: 0;
  width: 1px;
  border-right: 1px solid #999999;
  opacity: 0.2;
}

.navbar-left.r-mg .box-content .pr-20 h4 {
  margin-top: -4px;
}

.navbar-left.r-mg .box-content .pl-20 {
  padding-left: 25px !important;
}

.navbar-left.r-mg .box-content .pl-20 h4 {
  margin-top: -4px;
}

@media (max-width: 1640px) {
  .navbar-left.r-mg .box-content.box-text .inclined-solar h4 {
    font-size: 16px;
  }
}

.navbar-left .performance {
  background-color: #fff;
  color: #000;
  margin-top: 10px;
}

.navbar-left .performance .button-performance {
  padding-top: 10px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .navbar-left .performance .button-performance {
    padding-top: 0;
  }
}

.navbar-left .performance .button-performance p {
  background-color: #898381;
  color: #fff;
  text-align: center;
  padding: 5px 10px;
  border-radius: 15px;
  font-size: 15px;
}

.navbar-left .performance .button-performance .bg-btn-primary {
  background: #319ffe;
}

.navbar-left .performance .button-performance .bg-btn-warn {
  background: #ff8532;
}

.navbar-left .performance .button-performance .bg-btn-infor {
  background: #26a69a;
}

.navbar-left .performance .button-performance.main-ess {
  padding-top: 15px;
}

.navbar-left .performance .button-performance.main-ess p {
  margin: 0 5px;
}

@media (max-width: 1599px) {
  .navbar-left .performance .button-performance.main-ess p {
    font-size: 9px;
  }
}

@media (max-width: 1599px) {
  .navbar-left .performance .button-performance.main-ess {
    padding-top: 0;
  }
}

.navbar-left .performance .box-performance {
  padding-top: 10px;
}

.navbar-left .performance .box-performance h4 {
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  padding-bottom: 12px;
  display: -ms-inline-grid;
  display: inline-grid;
}

.navbar-left .performance .box-performance h4 span {
  color: #786b63;
  font-size: 13px;
  padding-top: 5px;
}

.navbar-left .performance .box-performance p {
  font-size: 23px;
  font-weight: 600;
  color: #908b89;
  text-align: right;
  margin-top: -5px;
  text-align: center;
}

.navbar-left .performance .box-performance p.reduction-light {
  padding-left: 30px;
}

.navbar-left .performance .box-performance.main-ess {
  padding-top: 15px;
}

.navbar-left .performance .box-performance.main-ess h4 {
  padding-bottom: 0;
}

.navbar-left .performance .box-performance.main-ess p {
  font-weight: 400;
  font-size: 18px;
}

@media (max-width: 1599px) {
  .navbar-left .performance .box-performance.main-ess p {
    padding-right: 0px;
    margin-bottom: 0;
    padding-top: 2px;
  }
}

.navbar-left .performance .box-performance.main-ess p.reduction-light {
  padding-left: 0px;
}

@media (max-width: 1599px) {
  .navbar-left .performance .box-performance.main-ess p.reduction-light {
    padding-right: 0px;
  }
}

.navbar-left.r-mg .performance {
  margin-top: 20px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .navbar-left.r-mg .performance {
    margin-top: 15px;
  }
}

@media (max-width: 1599px) {
  .navbar-left.r-mg .performance {
    margin-top: 15px;
  }
}

.navbar-left.r-mg .performance .button-performance .bg-blue1 {
  background-color: #5097d5;
}

.navbar-left.r-mg .performance .button-performance .bg-2 {
  background-color: #e9914b;
}

.navbar-left.r-mg .performance .button-performance .bg-3 {
  background-color: #6fc2bf;
}

.navbar-left.r-mg .performance .box-performance {
  padding-top: 8px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .navbar-left.r-mg .performance .box-performance {
    padding-top: 10px;
  }
}

.navbar-left.r-mg .performance .box-performance h4 {
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  padding-bottom: 12px;
  display: -ms-inline-grid;
  display: inline-grid;
}

.navbar-left.r-mg .performance .box-performance h4 span {
  color: #786b63;
  font-size: 13px;
  padding-top: 5px;
}

.navbar-left.r-mg .performance .box-performance p {
  font-size: 23px;
  font-weight: 600;
  color: #908b89;
  text-align: right;
  margin-top: -5px;
  text-align: center;
}

.navbar-left.r-mg .performance .box-performance p.reduction-light {
  padding-left: 30px;
}

@media (max-width: 1599px) {
  .navbar-left {
    width: 280px;
  }
  .navbar-left .solar-radiation .temperature h3 {
    font-size: 13px;
    color: #908b89;
  }
  .navbar-left .solar-radiation .temperature h3 span {
    font-size: 10px;
    color: #908b89;
  }
  .navbar-left .solar-radiation .temperature p {
    font-size: 10px;
    color: #908b89;
  }
  .navbar-left .performance {
    background-color: #fff;
    color: #000;
    margin-top: 10px;
  }
  .navbar-left .performance .button-performance {
    padding-top: 5px;
  }
  .navbar-left .performance .button-performance p {
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 10px;
  }
  .navbar-left .performance .box-performance {
    padding-top: 5px;
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  .navbar-left .performance .box-performance {
    padding-top: 5px;
  }
}

@media (max-width: 1599px) {
  .navbar-left .performance .box-performance h4 {
    font-size: 12px;
    padding-bottom: 12px;
  }
  .navbar-left .performance .box-performance h4 span {
    font-size: 9px;
    padding-top: 5px;
  }
  .navbar-left .performance .box-performance p {
    font-size: 14px;
    margin-bottom: 10px;
    padding-right: 12px;
  }
  .navbar-left.r-mg .performance .box-performance h4 {
    font-size: 12px;
    padding-bottom: 7.5px;
  }
  .navbar-left.r-mg .performance .box-performance h4 span {
    font-size: 9px;
    padding-top: 5px;
  }
  .navbar-left.r-mg .performance .box-performance p {
    font-size: 14px;
    margin-bottom: 10px;
    padding-right: 12px;
    margin-top: 0;
  }
}

.resource-pv .navbar-left {
  width: 370px;
}

.resource-pv .navbar-left__box {
  background-color: #fff;
  color: #000;
  border: 1px solid transparent;
  margin-top: 10px;
}

.resource-pv .navbar-left__box .box-content {
  padding: 10px 18px 7px 18px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .resource-pv .navbar-left__box .box-content {
    padding: 12px 18px 7px 18px;
  }
}

.resource-pv .navbar-left__box .box-content--item {
  padding: 10px 18px 10px 18px;
}

.resource-pv .navbar-left__box .box-content--item.line-left {
  position: relative;
}

.resource-pv .navbar-left__box .box-content--item.line-left::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 5px);
  height: 16px;
  width: 1px;
  background-color: #ededed;
}

.resource-pv .navbar-left__box .box-content--item .name {
  font-size: 16.23px;
  font-weight: 400;
  color: #908b89;
  margin-bottom: 4px;
}

.resource-pv .navbar-left__box .box-content--item .data {
  font-size: 26.37px;
  font-weight: 500;
  color: #908b89;
}

.resource-pv .navbar-left__box .box-content--item .data.both {
  font-size: 23.08px;
  font-weight: 700;
}

.resource-pv .navbar-left__box .box-content--item .data span {
  font-size: 13.19px;
  font-weight: 300;
  margin-bottom: 4px;
}

.resource-pv .navbar-left__box .box-content hr {
  clear: both;
  width: 100%;
  margin: 0 18px;
  border-color: #f6e9e0;
}

.resource-pv .navbar-left__box.solar-radiation .temperature h3 {
  font-size: 20px;
  color: #908b89;
}

.resource-pv .navbar-left__box.solar-radiation .temperature h3 span {
  font-size: 12px;
  color: #908b89;
}

.resource-pv .navbar-left__box.solar-radiation .temperature p {
  font-size: 12px;
  color: #908b89;
}

.resource-pv .navbar-left__box.performance .button-performance {
  padding-top: 10px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .resource-pv .navbar-left__box.performance .button-performance {
    padding-top: 0;
  }
}

.resource-pv .navbar-left__box.performance .button-performance p {
  background-color: #898381;
  color: #fff;
  text-align: center;
  padding: 5px 10px;
  border-radius: 15px;
  font-size: 15px;
}

.resource-pv .navbar-left__box.performance .box-performance {
  padding-top: 10px;
}

.resource-pv .navbar-left__box.performance .box-performance h4 {
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  padding-bottom: 12px;
  display: -ms-inline-grid;
  display: inline-grid;
}

.resource-pv .navbar-left__box.performance .box-performance h4 span {
  color: #786b63;
  font-size: 13px;
  padding-top: 5px;
}

.resource-pv .navbar-left__box.performance .box-performance p {
  font-size: 18px;
  font-weight: 600;
  color: #908b89;
  text-align: right;
  margin-top: 0;
  text-align: center;
}

.resource-pv .navbar-left__box.performance .box-performance p.reduction-light {
  padding-left: 30px;
}

.resource-pv .navbar-left__box.operation-status .box-content {
  padding-top: 5px;
  padding-bottom: 5px;
}

.resource-pv .navbar-left__box.operation-status .box-content--item {
  padding-top: 20px;
  padding-bottom: 20px;
}

.resource-pv .navbar-left__box.operation-status .box-content--item .name {
  font-size: 16px;
  margin-bottom: 10px;
}

.resource-pv .navbar-left__box.operation-status .box-content--item .data {
  font-size: 26px;
}

.resource-pv .navbar-left__box.equipment .box-content {
  padding-top: 30px;
  padding-bottom: 20px;
}

.resource-pv .navbar-left__box.equipment .box-content--item {
  padding-top: 0px;
  padding-bottom: 10px;
}

.resource-pv .navbar-left__box.equipment .box-content--item .name {
  font-size: 16px;
  font-weight: 400;
}

@media (max-width: 1599px) {
  .resource-pv .navbar-left {
    width: 280px;
  }
  .resource-pv .navbar-left__box .solar-radiation .temperature h3 {
    font-size: 13px;
    color: #908b89;
  }
  .resource-pv .navbar-left__box .solar-radiation .temperature h3 span {
    font-size: 10px;
    color: #908b89;
  }
  .resource-pv .navbar-left__box .solar-radiation .temperature p {
    font-size: 10px;
    color: #908b89;
  }
  .resource-pv .navbar-left__box .performance {
    background-color: #fff;
    color: #000;
    margin-top: 10px;
  }
  .resource-pv .navbar-left__box .performance .button-performance {
    padding-top: 5px;
  }
  .resource-pv .navbar-left__box .performance .button-performance p {
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 10px;
  }
  .resource-pv .navbar-left__box .performance .box-performance {
    padding-top: 5px;
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  .resource-pv .navbar-left__box .performance .box-performance {
    padding-top: 5px;
  }
}

@media (max-width: 1599px) {
  .resource-pv .navbar-left__box .performance .box-performance h4 {
    font-size: 12px;
    padding-bottom: 12px;
  }
  .resource-pv .navbar-left__box .performance .box-performance h4 span {
    font-size: 9px;
    padding-top: 5px;
  }
  .resource-pv .navbar-left__box .performance .box-performance p {
    font-size: 14px;
    margin-bottom: 10px;
    padding-right: 12px;
  }
  .resource-pv .navbar-left__box.performance .box-performance h4 {
    padding-bottom: 4.5px;
    font-size: 12px;
  }
  .resource-pv .navbar-left__box.performance .box-performance h4 span {
    font-size: 9px;
  }
  .resource-pv .navbar-left__box.performance .box-performance p {
    font-size: 14px;
  }
  .resource-pv .navbar-left__box.performance .button-performance {
    padding-top: 0;
  }
  .resource-pv .navbar-left__box.performance .button-performance p {
    padding: 3px 10px;
    border-radius: 15px;
    font-size: 12px;
  }
}

.resource-ess .box-content.box-2 {
  padding: 5px 25px 15px;
}

@media (max-width: 1599px) {
  .resource-ess .box-content.box-2 {
    padding: 5px 20px 15px;
  }
}

@media (max-width: 1599px) {
  .resource-ess .box-content.box-2 .inclined-solar p {
    font-size: 12px;
  }
}

@media (max-width: 1599px) {
  .resource-ess .box-content.box-2 .inclined-solar h4 {
    font-size: 14px;
  }
}

.resource-ess .box-content.box-3 {
  padding: 5px 25px 20px;
}

@media (max-width: 1599px) {
  .resource-ess .box-content.box-3 {
    padding: 10px 20px 20px;
  }
}

.resource-ess .box-content.box-4 {
  padding: 15px 25px 5px 20px;
}

@media (max-width: 1599px) {
  .resource-ess .box-content.box-4 {
    padding: 15px 20px 5px 15px;
  }
}

.resource-ess .box-content.box-4 .box-performance.first p {
  font-size: 18px;
}

@media (max-width: 1599px) {
  .resource-ess .box-content.box-4 .box-performance.first p {
    font-size: 12px;
  }
}

.resource-ess .box-content.box-4 .box-performance.main-ess {
  padding-top: 12.5px;
}

.resource-ess .box-content.box-4.two {
  padding: 5px 25px 25px 20px;
}

@media (max-width: 1599px) {
  .resource-ess .box-content.box-4.two {
    padding: 5px 20px 25px 15px;
  }
}

.resource-ess .box-content.box-4.two .box-performance.first {
  padding-top: 20px;
  border-top: 1px solid #ddd;
}

.resource-ess .box-content.box-5 {
  padding: 7px 25px 20px;
}

@media (max-width: 1599px) {
  .resource-ess .box-content.box-5 {
    padding: 0px 20px 15px;
  }
}

.resource-ess .box-content.box-5 .box-performance.main-ess p {
  text-align: left;
}

.resource-ess .box-content.box-5 .box-performance.main-ess .text-box-light {
  font-size: 13px;
  margin-top: 5px;
}

.resource-ess .box-content.box-5 .box-performance.main-ess .text-dark {
  margin-top: 0;
}

.resource-ess .box-title h6 {
  margin-bottom: 0;
}

.resource-ess .box-title .infor {
  margin-top: -3px;
}

@media (max-width: 1599px) {
  .resource-ess .box-title .infor {
    width: 16px;
  }
}

@media (max-width: 1599px) {
  .navbar-left .performance .box-performance.main-ess {
    padding-top: 8px;
  }
}

.left-img .content-image {
  margin-left: 8px;
  text-align: center;
}

.left-img .content-image h2 {
  font-weight: 700;
  font-size: 25px;
  color: #908b89;
}

@media screen and (-ms-high-contrast: active) and (max-width: 1599px), screen and (-ms-high-contrast: none) and (max-width: 1599px) {
  .left-img .content-image h2 {
    font-size: 20px;
  }
}

.left-img .content-image h2 span {
  font-weight: 300;
  font-size: 16px;
  margin-left: 5px;
}

@media screen and (-ms-high-contrast: active) and (max-width: 1599px), screen and (-ms-high-contrast: none) and (max-width: 1599px) {
  .left-img .content-image h2 span {
    font-size: 13px;
  }
}

@media (max-width: 1640px) {
  .left-img .content-image {
    margin-left: 10px;
  }
  .left-img .content-image h2 {
    font-size: 18px;
  }
  .left-img .content-image h2 span {
    font-size: 12px;
  }
  .left-img img {
    width: 45px;
    height: 35px;
  }
}

#page-login {
  background: #f6e9e0;
  min-width: 1500px !important;
  height: 100%;
}

#page-login h1 {
  color: #f6b87b;
  letter-spacing: 1px;
  text-align: center;
  font-size: 134px;
  font-weight: 900;
  -webkit-transform: translateY(20%);
      -ms-transform: translateY(20%);
          transform: translateY(20%);
}

#page-login .page-login {
  height: calc(100% - 138px);
  position: relative;
}

#page-login .page-login .login {
  position: absolute;
  left: calc(51% - 225px);
  top: 25%;
  z-index: 9;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  #page-login .page-login .login {
    left: calc(51% - 227px);
  }
}

#page-login .page-login .login .card {
  background-color: #ffffff;
  width: 410px;
  border: 0;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  #page-login .page-login .login .card {
    width: 415px;
  }
}

#page-login .page-login .login .card .card-header {
  font-size: 26px;
  letter-spacing: -1.2px;
  opacity: 0.6;
  font-size: 25px;
  color: #534843;
  font-weight: 400;
  border-bottom: 1px solid #e2d9d3;
  background-color: #fff;
}

#page-login .page-login .login .card .card-header span {
  display: block;
  font-size: 20px;
}

#page-login .page-login .login .card .card-body {
  padding: 30px 40px;
}

#page-login .page-login .login .card .enter-verification-number {
  letter-spacing: -1.2px;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  padding-top: 20px;
}

#page-login .page-login .login .card .enter-verification-number .hours {
  color: #11b657;
}

#page-login .page-login .login .card input {
  margin-bottom: 10px;
  outline: none;
  padding: 8px 10px;
  font-size: 16px;
  letter-spacing: -1.2px;
  color: #898381;
  border: 1px solid #c4c1c0 !important;
  border-radius: 4px;
  font-weight: 400;
}

#page-login .page-login .login .card .button-submit {
  padding-left: 120px;
  padding-right: 120px;
}

#page-login .page-login .login .card .button-submit .send-verification-number {
  font-weight: 100;
  font-size: 14px;
  line-height: 1;
  letter-spacing: -1.2px;
  background-color: #f68816;
  color: #fff;
  width: 100%;
  padding: 10px 24px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
}

#page-login .page-login .login .card .button-submit .send-verification-number:hover {
  background-color: #d16e08;
}

#page-login .page-login .login .card .custom-checkbox .container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #6b6461;
  padding-top: 2px;
}

#page-login .page-login .login .card .custom-checkbox .container:hover input ~ .checkmark {
  background-color: #ccc;
  border-radius: 5px;
}

#page-login .page-login .login .card .custom-checkbox .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

#page-login .page-login .login .card .custom-checkbox .container input:checked ~ .checkmark {
  background-color: #898381;
  border-radius: 5px;
}

#page-login .page-login .login .card .custom-checkbox .container input:checked ~ .checkmark:after {
  display: block;
}

#page-login .page-login .login .card .custom-checkbox .container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

#page-login .page-login .login .card .custom-checkbox .container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 8px;
  top: 2px;
  width: 10px;
  height: 15px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#page-login .page-login .img-bottom {
  position: absolute;
  right: 0;
  bottom: -8px;
  text-align: right;
  z-index: 0;
}

#page-login .footer {
  background-color: #ffffff;
  color: #6d6664;
  width: 100%;
  padding-top: 26px;
  padding-bottom: 37px;
  bottom: -10px;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

#page-login .footer .text-footer {
  padding-left: 20px;
  font-size: 15px;
}

#page-login .footer .text-footer p {
  margin-bottom: 0 !important;
}

@media (max-width: 1599px) {
  #page-login h1 {
    font-size: 131px;
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
  }
  #page-login .page-login {
    height: calc(100% - 103px);
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  #page-login .page-login {
    height: calc(100% - 100px);
  }
}

@media (max-width: 1599px) {
  #page-login .page-login .login {
    left: calc(51% - 215px);
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  #page-login .page-login .login {
    left: calc(51% - 213px);
  }
}

@media (max-width: 1599px) {
  #page-login .page-login .login .card {
    width: 400px;
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  #page-login .page-login .login .card {
    width: 405px;
  }
}

@media (max-width: 1599px) {
  #page-login .page-login .login .card .card-header {
    font-size: 20px;
    line-height: 20px;
  }
  #page-login .page-login .login .card .card-header span {
    font-size: 20px;
  }
  #page-login .page-login .login .card .card-body {
    padding: 20px 35px;
  }
  #page-login .page-login .login .card .enter-verification-number {
    padding-top: 20px;
  }
  #page-login .page-login .login .card input {
    font-size: 13px;
  }
  #page-login .page-login .login .card .button-submit {
    padding-left: 115px;
    padding-right: 115px;
  }
  #page-login .page-login .login .card .button-submit .send-verification-number {
    font-size: 14px;
    width: 100%;
    padding: 10px 24px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
  }
  #page-login .page-login .img-bottom {
    bottom: -7px;
  }
  #page-login .page-login .img-bottom img {
    height: 152px;
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  #page-login .page-login .img-bottom img {
    height: 155px;
  }
}

@media screen and (max-width: 1599px) and (min--moz-device-pixel-ratio: 0) {
  #page-login .page-login .img-bottom {
    bottom: -7px;
  }
}

@media (max-width: 1599px) {
  #page-login .footer {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  #page-login .footer img {
    max-width: 100px;
  }
  #page-login .footer .text-footer p {
    font-size: 13px;
  }
}

label.error {
  margin-left: 10px;
  width: auto;
  display: inline-block;
  color: red;
}

.group-button > button {
  width: 100px;
  background: #898381;
  color: #dfdbdb;
  font-size: 14px;
  box-shadow: none;
  border: 0px;
  border-radius: 5px;
  line-height: 36px;
}

.group-select-action {
  display: none;
}

.resource-ess .main-wrap {
  width: calc(100% - 240px);
  padding: 22px 25px 23px 25px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .resource-ess .main-wrap {
    padding: 24px 25px 23px 25px;
  }
}

.resource-ess .main-wrap .main-content {
  width: calc(100% - 370px);
  margin-left: 18px;
}

.resource-ess .main-wrap .main-content .notify {
  background-color: #f58026;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 10px;
  padding-left: 18px;
  padding-right: 18px;
  height: 40px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: -0.4px;
}

.resource-ess .main-wrap .main-content .notify span {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  line-height: 45px;
  letter-spacing: -0.4px;
  padding-left: 10px;
  margin-left: 10px;
}

.resource-ess .main-wrap .main-content .notify span:before {
  content: "";
  position: absolute;
  height: 13px;
  width: 2px;
  background-color: rgba(255, 255, 255, 0.2);
  left: 0;
  top: calc(50% - 6.5px);
}

.resource-ess .main-wrap .main-content .integrated-chart {
  margin-bottom: 10px;
  background-color: #ffffff;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .resource-ess .main-wrap .main-content .integrated-chart {
    margin-bottom: 10px;
  }
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content {
  padding: 18px 18px 37px 18px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .resource-ess .main-wrap .main-content .integrated-chart .box-content {
    padding-bottom: 20px;
  }
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 {
  left: 50px;
  top: calc(164px - 18px);
  z-index: 0;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap {
  width: 830px;
}

@media (max-width: 1640px) {
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap {
    width: 670px;
  }
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap .arrowLine_list .line--1 {
  width: 100%;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap .arrowLine_list .line--2A {
  position: absolute;
  width: 100%;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap .arrowLine_list .line--2A .lineCont::after {
  background-image: none;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content {
  position: relative;
  margin-right: 18px;
  z-index: 1;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content .arrowLine03 {
  top: 150px;
  left: 15px;
  z-index: -1;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content .arrowLine03 {
    top: 150px;
    left: 0;
  }
}

@supports (-ms-ime-align: auto) {
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content .arrowLine03 {
    top: 150px;
    left: 0;
  }
}

@media screen and (min--moz-device-pixel-ratio: 0) {
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content .arrowLine03 {
    top: 150px;
    left: 0;
  }
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content .arrowLine03 .arrowLineWrap {
  width: 71px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content .arrowLine03 .arrowLineWrap .arrowLine_list {
    position: relative;
  }
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content .arrowLine03 .arrowLineWrap .arrowLine_list .line--1 {
  width: 100%;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content .arrowLine03 .arrowLineWrap .arrowLine_list .line--2A {
  position: absolute;
  width: 100%;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content .arrowLine03 .arrowLineWrap .arrowLine_list .line--2A {
    left: 0;
  }
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content .arrowLine03 .arrowLineWrap .arrowLine_list .line--2A .lineCont::after {
  background-image: none;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content .arrowLine03 .arrowLineWrap .arrowLine_list .line--2A .lineCont::after {
    background-image: "";
  }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content .arrowLine03 .arrowLineWrap .arrowLine_list .line--2A .lineIE {
    background-image: none;
  }
}

@supports (-ms-ime-align: auto) {
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content .arrowLine03 .arrowLineWrap .arrowLine_list .line--2A .lineEDGE {
    background-image: none;
  }
}

@media screen and (min--moz-device-pixel-ratio: 0) {
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content .arrowLine03 {
    left: 15px;
  }
}

@media screen and (max-width: 1805px) and (min--moz-device-pixel-ratio: 0) {
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content .arrowLine03 {
    left: 14px;
  }
}

@media (max-width: 1760px) {
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content .arrowLine03 {
    left: 11px;
  }
}

@media (max-width: 1700px) {
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content .arrowLine03 {
    left: 9px;
  }
}

@media (max-width: 1640px) {
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content .arrowLine03 {
    left: 6px;
  }
}

@media (max-width: 1599px) {
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content .arrowLine03 {
    top: 137px;
    left: 9px;
  }
}

@media screen and (max-width: 1599px) and (min--moz-device-pixel-ratio: 0) {
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content .arrowLine03 {
    left: 9px;
  }
}

@media (max-width: 1517px) {
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content .arrowLine03 {
    left: 5px;
  }
}

@media screen and (max-width: 1517px) and (min--moz-device-pixel-ratio: 0) {
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content .arrowLine03 {
    left: 5px;
  }
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content--power {
  height: 260px;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content--power .image-power {
  margin-bottom: 10px;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content--power .image-power:last-of-type {
  margin-bottom: 0;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content--power .image-power.two {
  width: 100px;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content--power .mt-dot:nth-child(2) {
  margin: 20px 0;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content--power .mt-dot:nth-child(4) {
  margin: 20px 0;
}

@media (max-width: 1599px) {
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content--power .mt-dot:nth-child(4) {
    margin-right: -6px;
  }
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content--image {
  height: 164px;
  margin-bottom: 7px;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content--image .mt-dot {
  margin-top: -5px;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content--image .img-tool {
  display: none;
  width: auto;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content--image .img-tool.active {
  display: block;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content--image .battery-box {
  width: 100%;
  height: 113px;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content--image .battery-box .img-tool {
  margin: 0 auto;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content--image .battery-box .bat-icon {
  width: 80px;
  height: auto;
  top: calc(50% - 52px);
  left: calc(50% - 40px);
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content--image .battery-box .skills-container {
  height: 28.22px;
  width: 38.6px;
  top: calc(50% - 13.8px);
  left: calc(50% - 19.8px);
  transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content--image .battery-box .skills-container .skills {
  height: 100%;
  background-image: url("../images/battery-skills-bg.png");
  background-position: center;
  background-repeat: repeat;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content h3 {
  font-size: 16px;
  font-weight: initial;
  line-height: 1;
  color: #212428;
  margin-bottom: 8px;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content h3.text-custom {
  color: rgba(33, 36, 40, 0.8);
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content span.text-custom {
  color: rgba(33, 36, 40, 0.8);
  font-size: 16px;
  font-weight: initial;
}

@media (max-width: 1599px) {
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content span.text-custom {
    font-size: 10px;
  }
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content span.text-bottom {
  color: #212428;
  font-size: 16px;
  font-weight: 700;
}

@media (max-width: 1599px) {
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content span.text-bottom {
    font-size: 10px;
  }
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content span.text-bottom span {
  font-size: 12px;
  font-weight: initial;
  color: rgba(33, 36, 40, 0.8);
}

@media (max-width: 1599px) {
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content span.text-bottom span {
    font-size: 8px;
  }
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content .text-pcs {
  margin-bottom: 17px;
}

@media (max-width: 1599px) {
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content .text-pcs {
    margin-bottom: 8px;
  }
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content h2 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #212428;
  margin-bottom: 12px;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content h2 span {
  font-size: 12px;
  color: rgba(33, 36, 40, 0.8);
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content--power {
  margin: 0;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content--power .parameter__content--image {
  margin-top: 0px;
  height: 364px;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel {
  position: relative;
  text-align: center;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel table {
  margin: 0;
  border-bottom: 1px solid #e7e7e7;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody {
  display: block;
  max-height: 158px;
  overflow-y: scroll;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody:hover {
  overflow: auto;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel thead,
.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody tr {
  display: table-row;
  width: 100%;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel thead > tr > th {
  width: 77px;
  background-color: #484a4f;
  font-size: 12px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  border: 1px solid #484a4f;
  padding: 5px;
  position: relative;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel thead > tr > th:last-of-type:before {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel thead > tr > th:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 6px;
  background-color: #b8b8b8;
  top: 10px;
  right: 0;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel thead > tr > th:first-of-type {
  width: 64px;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody > tr > th {
  width: 64px;
  background-color: #e5e4e4;
  font-size: 12px;
  font-weight: 300;
  color: rgba(12, 13, 15, 0.6);
  border-top: 1px solid #d7d6d7;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  padding: 5px;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody > tr > td {
  width: 77px;
  border-right: 1px solid #e7e7e7;
  padding: 5px;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody > tr > td .data {
  font-size: 12px;
  font-weight: 500;
  color: #484a4f;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody > tr > td .data span {
  font-size: 9px;
  font-weight: 300;
  color: rgba(101, 102, 104, 0.8);
  margin-left: 1px;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail {
  width: 390px;
  top: -15px;
  right: 0;
  background-color: rgba(4, 6, 11, 0.3);
  color: #fff;
  z-index: 1;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap {
  padding: 5px 13px 5px 15px;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap p {
  margin-bottom: 3px;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap p.name {
  font-size: 13px;
  font-weight: 700;
  color: #ffffff;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap p.data {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap p.data span {
  width: 18px;
  font-size: 11px;
  font-weight: 300;
  display: inline-block;
  margin-left: 4px;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type {
  margin-left: 2px;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p {
  margin: 0;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p.name {
  position: relative;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p.name::before {
  content: "";
  position: absolute;
  background-color: rgba(255, 255, 255, 0.2);
  height: 13px;
  width: 2px;
  left: -17px;
  top: calc(50% - 6.5px);
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p span {
  width: 14px;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail.main-ess {
  /* width: auto; */
  top: -25px;
  background: transparent;
  left: auto;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail.main-ess .box-detail__wrap {
  background-color: rgba(4, 6, 11, 0.3);
  padding: 5px 10px;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail.main-ess .box-detail__wrap:first-of-type {
  padding: 5px 0px 5px 10px;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail.main-ess .box-detail__wrap:first-of-type p.data {
  width: 50px;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail.main-ess .box-detail__wrap:first-of-type p.data.data-th {
  width: 35px;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail.main-ess .box-detail__wrap:last-of-type {
  margin-left: 10px;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail.main-ess .box-detail__wrap p.data {
  margin: 2px 5px;
}

@media (max-width: 1599px) {
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail.main-ess .box-detail__wrap {
    width: auto;
  }
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .box-bottom {
  margin-top: 15px;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .box-bottom__right .box {
  padding: 10px;
  background: #7d7cab;
  text-align: center;
  width: 90px;
  height: 65px;
  border-radius: 3px;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .box-bottom__right .box img {
  margin-bottom: 5px;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content .box-bottom__right .box:last-of-type {
  margin-left: 8px;
  background: #e15c52;
}

.resource-ess .main-wrap .main-content .integrated-chart .box-content.main-ess {
  padding: 35px 18px 8px 18px;
}

.resource-ess .main-wrap .main-content .ess-charge-chart {
  background-color: #ffffff;
}

@media (max-width: 1599px) {
  .resource-ess .main-wrap {
    padding: 15px;
  }
  .resource-ess .main-wrap .main-content {
    width: calc(100% - 280px);
  }
  .resource-ess .main-wrap .main-content .notify {
    font-size: 12px;
    margin-bottom: 10px;
    padding-left: 18px;
    padding-right: 18px;
    height: 30px;
    letter-spacing: -0.4px;
  }
  .resource-ess .main-wrap .main-content .notify span {
    font-size: 12px;
    line-height: 30px;
    letter-spacing: -0.4px;
    padding-left: 10px;
    margin-left: 10px;
  }
  .resource-ess .main-wrap .main-content .notify span:before {
    content: "";
    position: absolute;
    height: 13px;
    width: 2px;
    background-color: rgba(255, 255, 255, 0.2);
    left: 0;
    top: calc(50% - 6.5px);
  }
  .resource-ess .main-wrap .main-content .integrated-chart {
    margin-bottom: 10px;
    background-color: #ffffff;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content {
    padding: 18px 18px 15px 18px;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 {
    top: calc(150px - 18px);
    z-index: 0;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap {
    width: 650px;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap .arrowLine_list .line--1 {
    width: 100%;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap .arrowLine_list .line--2A {
    position: absolute;
    width: 100%;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap .arrowLine_list .line--2A .lineCont::after {
    background-image: none;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content {
    position: relative;
    margin-right: 18px;
    z-index: 1;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content--power .image-power {
    margin-bottom: 10px;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content--image {
    height: 150px;
    margin-bottom: 7px;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content--image .mt-dot {
    margin-top: -5px;
    margin-right: -6px;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content--image .img-tool {
    width: auto;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content h3 {
    font-size: 10px;
    margin-bottom: 8px;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content h2 {
    font-size: 10px;
    line-height: 1;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content h2 span {
    font-size: 8px;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content--power {
    margin: 0;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content--power .parameter__content--image {
    margin-top: 0px;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel {
    position: relative;
    text-align: center;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel table {
    margin: 0;
    border-bottom: 1px solid #e7e7e7;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody {
    display: block;
    max-height: 90px;
    overflow-y: scroll;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody:hover {
    overflow: auto;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel thead,
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody tr {
    display: table-row;
    width: 100%;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel thead > tr > th {
    width: 77px;
    background-color: #484a4f;
    font-size: 10px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid #484a4f;
    padding: 5px;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel thead > tr > th:first-of-type {
    width: 64px;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody > tr > th {
    width: 64px;
    font-size: 10px;
    padding: 5px;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody > tr > td {
    width: 63px;
    padding: 5px;
    font-size: 10px;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody > tr > td .data {
    font-size: 10px;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody > tr > td .data span {
    font-size: 8.4px;
    margin-left: 1px;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail {
    top: -15px;
    right: 0;
    z-index: 1;
    width: 240px;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap {
    width: 120px;
    padding: 5px 5px 5px 10px;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap p {
    margin-bottom: 3px;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap p.name {
    font-size: 10px;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap p.data {
    font-size: 10px;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap p.data span {
    width: 18px;
    font-size: 9px;
    margin-left: 4px;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type {
    margin-left: 2px;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p {
    margin: 0;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p.name {
    position: relative;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p.name::before {
    content: "";
    position: absolute;
    background-color: rgba(255, 255, 255, 0.2);
    height: 13px;
    width: 2px;
    left: -17px;
    top: calc(50% - 6.5px);
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p span {
    width: 14px;
  }
  .resource-ess .main-wrap .main-content .ess-charge-chart {
    background-color: #ffffff;
  }
}

.resource-mg .main-wrap {
  padding: 22px 25px 5px 25px;
  width: calc(100% - 240px);
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .resource-mg .main-wrap {
    padding: 24px 25px 0px 25px;
  }
}

@media screen and (min-width: 1800px) {
  .resource-mg .main-wrap .integrated-chart {
    padding-bottom: 20px;
  }
}

@media (max-width: 1599px) {
  .resource-mg .main-wrap {
    padding: 8px 15px 0px 15px !important;
  }
  .resource-mg .main-wrap .notify {
    margin-bottom: 8px !important;
  }
  .resource-mg .main-wrap .box-content {
    padding-top: 5px;
  }
}

.resource-mg .main-wrap .main-content {
  width: calc(100% - 370px);
  margin-left: 18px;
}

.resource-mg .main-wrap .main-content .notify {
  background-color: #f58026;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 10px;
  padding-left: 18px;
  padding-right: 18px;
  height: 40px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: -0.4px;
}

.resource-mg .main-wrap .main-content .notify span {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  line-height: 45px;
  letter-spacing: -0.4px;
  padding-left: 10px;
  margin-left: 10px;
}

.resource-mg .main-wrap .main-content .notify span:before {
  content: "";
  position: absolute;
  height: 13px;
  width: 2px;
  background-color: rgba(255, 255, 255, 0.2);
  left: 0;
  top: calc(50% - 6.5px);
}

.resource-mg .main-wrap .main-content .arrowLine01 {
  top: calc(150px - 18px);
  z-index: 0;
}

.resource-mg .main-wrap .main-content .arrowLine01 .arrowLineWrap {
  width: 1056px;
}

.resource-mg .main-wrap .main-content .arrowLine01 .arrowLineWrap .arrowLine_list .line--1 {
  width: 100%;
}

.resource-mg .main-wrap .main-content .arrowLine01 .arrowLineWrap .arrowLine_list .line--2A {
  position: absolute;
  width: 100%;
}

.resource-mg .main-wrap .main-content .arrowLine01 .arrowLineWrap .arrowLine_list .line--2A .lineCont::after {
  background-image: none;
}

.resource-mg .main-wrap .main-content .box-detail {
  background-color: rgba(4, 6, 11, 0.3);
  color: #fff;
  z-index: 1;
  padding: 3px 15px;
}

.resource-mg .main-wrap .main-content .box-detail table {
  margin-bottom: 0px;
}

.resource-mg .main-wrap .main-content .box-detail table tr th,
.resource-mg .main-wrap .main-content .box-detail table td {
  border: 0px;
  padding: 3px 5px;
  color: #fff;
  font-size: 13px;
  text-align: center;
}

.resource-mg .main-wrap .main-content .box-detail table tr th {
  padding-bottom: 0;
}

.resource-mg .main-wrap .main-content .box-detail table tbody tr td:first-child {
  text-align: left;
  font-weight: 600;
}

.resource-mg .main-wrap .main-content .box-detail table tbody tr td:nth-child(2), .resource-mg .main-wrap .main-content .box-detail table tbody tr td:nth-child(3) {
  opacity: 0.5;
}

.resource-mg .main-wrap .main-content .parameter__content--power {
  height: 585px;
}

.resource-mg .main-wrap .main-content .parameter__content--power .mbEDGE {
  margin-bottom: 6px;
  max-width: 165px;
}

.resource-mg .main-wrap .main-content .parameter__content--power .icon-bottom {
  display: none;
}

.resource-mg .main-wrap .main-content .parameter__content--power .parameter__content--image {
  height: 100%;
  position: relative;
}

.resource-mg .main-wrap .main-content .parameter__content--power .parameter__content--image .mt-mid {
  top: calc(50% - 24px);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  position: absolute;
}

.resource-mg .main-wrap .main-content .parameter__content--power .mt-auto {
  position: relative;
  top: 20px;
}

.resource-mg .main-wrap .main-content .box-content__sunlight .parameter,
.resource-mg .main-wrap .main-content .box-content__ess .parameter {
  margin-top: 30px;
}

.resource-mg .main-wrap .main-content .box-style-right {
  right: 20px;
  top: 10px;
}

.resource-mg .main-wrap .main-content .box-style-right.style2 {
  right: 10px;
  top: 12px;
}

.resource-mg .main-wrap .main-content .integrated-chart {
  margin-bottom: 10px;
  background-color: #ffffff;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .resource-mg .main-wrap .main-content .integrated-chart {
    margin-bottom: 10px;
  }
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content {
  padding: 18px 18px 37px 18px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .resource-mg .main-wrap .main-content .integrated-chart .box-content {
    padding-bottom: 20px;
  }
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight {
  background-color: #fefcfa;
  border: 1px solid #edecec;
  margin-top: 70px;
  padding: 15px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .title {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.4px;
  color: #908b89;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter--sunlight .arrowLine01 {
  top: calc(164px - 46px);
  z-index: 0;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter--sunlight .arrowLine01 .arrowLineWrap {
  width: 300px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter--sunlight .arrowLine01 .arrowLineWrap .arrowLine_list .line--1 {
  width: 100%;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter--sunlight .arrowLine01 .arrowLineWrap .arrowLine_list .line--2A {
  position: absolute;
  width: 100%;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter--sunlight .arrowLine01 .arrowLineWrap .arrowLine_list .line--2A .lineCont::after {
  background-image: none;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content {
  position: relative;
  margin-right: 18px;
  z-index: 1;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content:last-of-type {
  margin: 0;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content--image {
  height: 125px;
  margin-bottom: 7px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content--image img {
  height: 125px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content--image .mt-dot {
  margin-top: -5px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content--image .img-tool {
  display: none;
  width: auto;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content--image .img-tool.active {
  display: block;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: #212428;
  margin-bottom: 8px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content h3.text-custom {
  color: rgba(33, 36, 40, 0.8);
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content h2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: #212428;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content h2 span {
  font-size: 12px;
  color: rgba(33, 36, 40, 0.8);
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content--power {
  margin: 0;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content--power .parameter__content--image {
  margin-top: 0px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content__tabel {
  position: relative;
  text-align: center;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content__tabel table {
  margin: 0;
  border-bottom: 1px solid #e7e7e7;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content__tabel tbody {
  display: block;
  max-height: 122px;
  overflow-y: scroll;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content__tabel tbody:hover {
  overflow: auto;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content__tabel thead,
.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content__tabel tbody tr {
  display: table-row;
  width: 100%;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content__tabel thead > tr > th {
  width: 77px;
  background-color: #484a4f;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  border: 1px solid #484a4f;
  padding: 7px 5px;
  position: relative;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content__tabel thead > tr > th:last-of-type:before {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content__tabel thead > tr > th:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 6px;
  background-color: #b8b8b8;
  top: 10px;
  right: 0;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content__tabel thead > tr > th:first-of-type {
  width: 64px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content__tabel tbody > tr > th {
  width: 64px;
  background-color: #e5e4e4;
  font-size: 14px;
  font-weight: 300;
  color: rgba(12, 13, 15, 0.6);
  border-top: 1px solid #d7d6d7;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  padding: 7px 5px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content__tabel tbody > tr > td {
  width: 77px;
  border-right: 1px solid #e7e7e7;
  padding: 6px 5px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content__tabel tbody > tr > td .data {
  font-size: 14px;
  font-weight: 500;
  color: #484a4f;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content__tabel tbody > tr > td .data span {
  font-size: 9px;
  font-weight: 300;
  color: rgba(101, 102, 104, 0.8);
  margin-left: 1px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter .box-detail {
  width: 390px;
  top: -15px;
  right: 0;
  background-color: rgba(4, 6, 11, 0.3);
  color: #fff;
  z-index: 1;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter .box-detail__wrap {
  padding: 5px 13px 5px 15px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter .box-detail__wrap p {
  margin-bottom: 3px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter .box-detail__wrap p.name {
  font-size: 13px;
  font-weight: 700;
  color: #ffffff;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter .box-detail__wrap p.data {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter .box-detail__wrap p.data span {
  width: 18px;
  font-size: 11px;
  font-weight: 300;
  display: inline-block;
  margin-left: 4px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter .box-detail__wrap:last-of-type {
  margin-left: 2px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter .box-detail__wrap:last-of-type p {
  margin: 0;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter .box-detail__wrap:last-of-type p.name {
  position: relative;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter .box-detail__wrap:last-of-type p.name::before {
  content: "";
  position: absolute;
  background-color: rgba(255, 255, 255, 0.2);
  height: 13px;
  width: 2px;
  left: -17px;
  top: calc(50% - 6.5px);
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter .box-detail__wrap:last-of-type p span {
  width: 14px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__power {
  -ms-flex: 0 0 115px;
  -webkit-flex: 0 0 115px;
          flex: 0 0 115px;
  max-width: 115px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__power .parameter--power .arrowLine01 {
  top: calc(164px - 18px);
  z-index: 0;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__power .parameter--power .arrowLine01 .arrowLineWrap {
  width: 1056px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__power .parameter--power .arrowLine01 .arrowLineWrap .arrowLine_list .line--1 {
  width: 100%;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__power .parameter--power .arrowLine01 .arrowLineWrap .arrowLine_list .line--2A {
  position: absolute;
  width: 100%;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__power .parameter--power .arrowLine01 .arrowLineWrap .arrowLine_list .line--2A .lineCont::after {
  background-image: none;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess {
  background-color: #fefcfa;
  border: 1px solid #edecec;
  margin-top: 70px;
  padding: 15px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .title {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.4px;
  color: #908b89;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter--ess .arrowLine01 {
  top: calc(164px - 18px);
  z-index: 0;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter--ess .arrowLine01 .arrowLineWrap {
  width: 300px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter--ess .arrowLine01 .arrowLineWrap .arrowLine_list .line--1 {
  width: 100%;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter--ess .arrowLine01 .arrowLineWrap .arrowLine_list .line--2A {
  position: absolute;
  width: 100%;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter--ess .arrowLine01 .arrowLineWrap .arrowLine_list .line--2A .lineCont::after {
  background-image: none;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content {
  position: relative;
  margin-left: 18px;
  z-index: 1;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content--image {
  height: 125px;
  margin-bottom: 7px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content--image img {
  height: 125px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content--image .mt-dot {
  margin-top: -5px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content--image .img-tool {
  display: none;
  width: auto;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content--image .img-tool.active {
  display: block;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content--image .battery-box {
  width: 100%;
  height: 113px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content--image .battery-box .img-tool {
  margin: 0 auto;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content--image .battery-box .bat-icon {
  width: 80px;
  height: auto;
  top: calc(50% - 52px);
  left: calc(50% - 40px);
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content--image .battery-box .skills-container {
  height: 28.22px;
  width: 38.6px;
  top: calc(50% - 13.8px);
  left: calc(50% - 19.8px);
  transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content--image .battery-box .skills-container .skills {
  height: 100%;
  background-image: url("../images/battery-skills-bg.png");
  background-position: center;
  background-repeat: repeat;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: #212428;
  margin-bottom: 8px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content h3.text-custom {
  color: rgba(33, 36, 40, 0.8);
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content h2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: #212428;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content h2 span {
  font-size: 12px;
  color: rgba(33, 36, 40, 0.8);
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content--power {
  margin: 0;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content--power .parameter__content--image {
  margin-top: 0px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content__tabel {
  position: relative;
  text-align: center;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content__tabel table {
  margin: 0;
  border-bottom: 1px solid #e7e7e7;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content__tabel tbody {
  display: block;
  max-height: 122px;
  overflow-y: scroll;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content__tabel tbody:hover {
  overflow: auto;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content__tabel thead,
.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content__tabel tbody tr {
  display: table-row;
  width: 100%;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content__tabel thead > tr > th {
  width: 77px;
  background-color: #484a4f;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  border: 1px solid #484a4f;
  padding: 7px 5px;
  position: relative;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content__tabel thead > tr > th:last-of-type:before {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content__tabel thead > tr > th:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 6px;
  background-color: #b8b8b8;
  top: 10px;
  right: 0;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content__tabel thead > tr > th:first-of-type {
  width: 64px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content__tabel tbody > tr > th {
  width: 64px;
  background-color: #e5e4e4;
  font-size: 12px;
  font-weight: 300;
  color: rgba(12, 13, 15, 0.6);
  border-top: 1px solid #d7d6d7;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  padding: 6px 5px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content__tabel tbody > tr > td {
  width: 77px;
  border-right: 1px solid #e7e7e7;
  padding: 6px 5px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content__tabel tbody > tr > td .data {
  font-size: 14px;
  font-weight: 500;
  color: #484a4f;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content__tabel tbody > tr > td .data span {
  font-size: 9px;
  font-weight: 300;
  color: rgba(101, 102, 104, 0.8);
  margin-left: 1px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter .box-detail {
  width: 268px;
  top: -15px;
  right: 0;
  background-color: rgba(4, 6, 11, 0.3);
  color: #fff;
  z-index: 1;
  padding: 5px 10px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter .box-detail table {
  margin-bottom: 0px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter .box-detail table tr th,
.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter .box-detail table td {
  border: 0px;
  padding: 5px;
  color: #fff;
  font-size: 13px;
  text-align: center;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter .box-detail table tbody tr td:first-child {
  text-align: left;
  font-weight: 600;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter .box-detail table tbody tr td:nth-child(2), .resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter .box-detail table tbody tr td:nth-child(3) {
  opacity: 0.5;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter .box-detail__wrap {
  padding: 5px 13px 5px 15px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter .box-detail__wrap p {
  margin-bottom: 3px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter .box-detail__wrap p.name {
  font-size: 13px;
  font-weight: 700;
  color: #ffffff;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter .box-detail__wrap p.data {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter .box-detail__wrap p.data span {
  width: 18px;
  font-size: 11px;
  font-weight: 300;
  display: inline-block;
  margin-left: 4px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter .box-detail__wrap:last-of-type {
  margin-left: 2px;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter .box-detail__wrap:last-of-type p {
  margin: 0;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter .box-detail__wrap:last-of-type p.name {
  position: relative;
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter .box-detail__wrap:last-of-type p.name::before {
  content: "";
  position: absolute;
  background-color: rgba(255, 255, 255, 0.2);
  height: 13px;
  width: 2px;
  left: -17px;
  top: calc(50% - 6.5px);
}

.resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter .box-detail__wrap:last-of-type p span {
  width: 14px;
}

@media (max-width: 1599px) {
  .resource-mg .main-wrap {
    padding: 15px;
  }
  .resource-mg .main-wrap .main-content {
    width: calc(100% - 280px);
  }
  .resource-mg .main-wrap .main-content .notify {
    font-size: 12px;
    margin-bottom: 10px;
    padding-left: 18px;
    padding-right: 18px;
    height: 30px;
    letter-spacing: -0.4px;
  }
  .resource-mg .main-wrap .main-content .notify span {
    font-size: 12px;
    line-height: 30px;
    letter-spacing: -0.4px;
    padding-left: 10px;
    margin-left: 10px;
  }
  .resource-mg .main-wrap .main-content .notify span:before {
    content: "";
    position: absolute;
    height: 13px;
    width: 2px;
    background-color: rgba(255, 255, 255, 0.2);
    left: 0;
    top: calc(50% - 6.5px);
  }
  .resource-mg .main-wrap .main-content .integrated-chart {
    margin-bottom: 10px;
    background-color: #ffffff;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content {
    padding: 18px 18px 15px 18px;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 {
    top: calc(150px - 18px);
    z-index: 0;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap {
    width: 1056px;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap .arrowLine_list .line--1 {
    width: 100%;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap .arrowLine_list .line--2A {
    position: absolute;
    width: 100%;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap .arrowLine_list .line--2A .lineCont::after {
    background-image: none;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter__content {
    position: relative;
    margin-right: 18px;
    z-index: 1;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter__content--power .image-power {
    margin-bottom: 27px;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter__content--image {
    margin-bottom: 7px;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter__content--image .mt-dot {
    margin-top: -5px;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter__content--image .img-tool {
    width: auto;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter__content h3 {
    font-size: 10px;
    margin-bottom: 8px;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter__content h2 {
    font-size: 10px;
    line-height: 1;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter__content h2 span {
    font-size: 8px;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter__content--power {
    margin: 0;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter__content--power .parameter__content--image {
    margin-top: 0px;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel {
    position: relative;
    text-align: center;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel table {
    margin: 0;
    border-bottom: 1px solid #e7e7e7;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody {
    display: block;
    max-height: 90px;
    overflow-y: scroll;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody:hover {
    overflow: auto;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel thead,
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody tr {
    display: table-row;
    width: 100%;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel thead > tr > th {
    width: 77px;
    background-color: #484a4f;
    font-size: 10px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid #484a4f;
    padding: 5px;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel thead > tr > th:first-of-type {
    width: 64px;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody > tr > th {
    width: 64px;
    font-size: 10px;
    padding: 5px;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody > tr > td {
    width: 63px;
    padding: 5px;
    font-size: 10px;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody > tr > td .data {
    font-size: 10px;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody > tr > td .data span {
    font-size: 8.4px;
    margin-left: 1px;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail {
    top: -15px;
    right: 0;
    z-index: 1;
    width: 240px;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap {
    width: 120px;
    padding: 5px 5px 5px 10px;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap p {
    margin-bottom: 3px;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap p.name {
    font-size: 10px;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap p.data {
    font-size: 10px;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap p.data span {
    width: 18px;
    font-size: 9px;
    margin-left: 4px;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type {
    margin-left: 2px;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p {
    margin: 0;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p.name {
    position: relative;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p.name::before {
    content: "";
    position: absolute;
    background-color: rgba(255, 255, 255, 0.2);
    height: 13px;
    width: 2px;
    left: -17px;
    top: calc(50% - 6.5px);
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p span {
    width: 14px;
  }
  .resource-mg .main-wrap .main-content .ess-charge-chart {
    background-color: #ffffff;
  }
}

.fancybox-button {
  display: none;
}

.main-popup {
  color: #212428;
  padding: 0;
}

.main-popup .panel-title {
  font-size: 19px;
  color: #534843;
  font-weight: 500;
  padding: 20px;
  border-bottom: 1px solid #e2d9d3;
}

@media (max-width: 1599px) {
  .main-popup .panel-title {
    padding: 10px 20px;
  }
}

.main-popup .panel-body {
  padding-left: 20px;
  padding-right: 20px;
}

.main-popup .panel-body h2 {
  font-size: 20px;
  color: #212428;
  font-weight: 400;
  opacity: 0.8;
  padding-top: 25px;
  padding-bottom: 20px;
}

@media (max-width: 1599px) {
  .main-popup .panel-body h2 {
    padding-top: 15px;
    padding-bottom: 10px;
    font-size: 16px;
  }
}

.main-popup .panel-body .tab-breadcrumb {
  list-style: none;
  padding: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 28px;
}

.main-popup .panel-body .tab-breadcrumb .item a {
  padding-right: 10px;
  padding-left: 10px;
  color: #6c757d;
}

.main-popup .panel-body .tab-breadcrumb .item a.active {
  color: #4c66bd;
}

.main-popup .panel-body .tab-breadcrumb .item:before {
  display: inline-block;
  padding-right: 0;
  color: #6c757d;
  content: ">";
}

.main-popup .panel-body .tab-breadcrumb .item:first-child:before {
  content: "";
}

.main-popup .panel-body .event-details {
  border-top: 1px solid #ebebeb;
  padding-bottom: 35px;
  border-bottom: 1px solid #ebebeb;
}

@media (max-width: 1599px) {
  .main-popup .panel-body .event-details {
    padding-bottom: 20px;
  }
}

.main-popup .panel-body .event-details table tr {
  border: 1px solid #d6d5d6;
  width: 510px;
}

.main-popup .panel-body .event-details table tr th {
  background-color: #e5e4e4;
  font-size: 14px;
  color: rgba(12, 13, 15, 0.6);
  padding: 12px 23px;
  border: 1px solid #d6d5d6;
}

@media (max-width: 1599px) {
  .main-popup .panel-body .event-details table tr th {
    font-size: 12px;
    padding: 8px 20px;
  }
}

.main-popup .panel-body .event-details table tr td {
  padding-left: 20px;
  width: 415px;
  border: 1px solid #d6d5d6;
  font-size: 16px;
}

@media (max-width: 1599px) {
  .main-popup .panel-body .event-details table tr td {
    font-size: 14px;
  }
}

.main-popup .panel-body .action-contents {
  padding-bottom: 35px;
  border-bottom: 1px solid #ebebeb;
}

@media (max-width: 1599px) {
  .main-popup .panel-body .action-contents {
    padding-bottom: 20px;
  }
}

.main-popup .panel-body .action-contents table tr {
  border: 1px solid #d6d5d6;
}

.main-popup .panel-body .action-contents table tr th {
  background-color: #e5e4e4;
  font-size: 14px;
  color: rgba(12, 13, 15, 0.6);
  padding: 12px 23px;
  border: 1px solid #d6d5d6;
}

.main-popup .panel-body .action-contents table tr td {
  padding-left: 20px;
  width: 415px;
  border: 1px solid #d6d5d6;
  font-size: 16px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.main-popup .panel-body .action-contents table tr td .select-cause {
  width: 140px;
  font-size: 15px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #c4c1c0;
  background-image: url(../images/select-ico.png);
  background-repeat: no-repeat;
  background-position: center right 5px;
  line-height: 30px;
  border-radius: 5px;
  padding-left: 13px;
}

.main-popup .panel-body .action-contents table tr td input {
  width: 100%;
  border: 1px solid #c4c1c0;
  font-size: 15px;
  padding-left: 13px;
  border-radius: 5px;
  padding-bottom: 25px;
  color: #aaaaaa;
}

.main-popup .panel-body .action-contents table tr td textarea {
  width: 100%;
  border: 1px solid #c4c1c0;
  font-size: 15px;
  height: 60px;
  color: #aaaaaa;
}

.main-popup .panel-body .action-contents table tr td label {
  font-size: 14px !important;
  padding-right: 0;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 5px;
}

.main-popup .panel-body .action-contents table tr td label .checkmark {
  top: -4px !important;
}

.main-popup .panel-footer {
  padding-top: 35px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 35px;
}

@media (max-width: 1599px) {
  .main-popup .panel-footer {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}

.main-popup .panel-footer a {
  border-radius: 5px;
  line-height: 30px;
  text-align: center;
  width: 80px;
  color: rgba(255, 255, 255, 0.8);
  background-color: #f68816;
}

.page-index.page-width {
  overflow: hidden;
}

.d-flex.page-line {
  width: calc(100% - 240px);
}

.page-line .event-status-skcc {
  width: 100%;
}

.fancybox-content .panel-body .datepicker-days tbody > tr {
  border: 0px !important;
  background-color: initial !important;
}

.fancybox-content .panel-body td.day {
  padding: 4px 0px !important;
}

.event-notification-popup-default {
  color: #212428;
  padding: 0;
}

.event-notification-popup-default .panel-title {
  font-size: 19px;
  color: #534843;
  font-weight: 500;
  padding: 15px 20px;
  border-bottom: 1px solid #e2d9d3;
}

@media (max-width: 1599px) {
  .event-notification-popup-default .panel-title {
    padding: 10px 20px;
  }
}

.event-notification-popup-default .panel-body {
  padding-left: 20px;
  padding-right: 20px;
}

.event-notification-popup-default .panel-body .title {
  margin-bottom: 15px;
}

@media (max-width: 1599px) {
  .event-notification-popup-default .panel-body .title {
    margin-bottom: 10px;
  }
}

.event-notification-popup-default .panel-body h2 {
  font-size: 20px;
  color: #212428;
  font-weight: 400;
  opacity: 0.8;
  padding: 20px 0 15px 10px;
  position: relative;
}

@media (max-width: 1599px) {
  .event-notification-popup-default .panel-body h2 {
    font-size: 18px;
  }
}

.event-notification-popup-default .panel-body h2 span {
  margin-left: 8px;
  font-size: 16px;
  color: #898381;
}

.event-notification-popup-default .panel-body h2::after {
  content: "";
  position: absolute;
  bottom: 25px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #898381;
}

.event-notification-popup-default .panel-body .event-details .datepicker-days tbody > tr {
  border: 0px;
}

.event-notification-popup-default .panel-body .event-details table > tbody > tr {
  border: 1px solid #ebebeb;
  width: 510px;
}

.event-notification-popup-default .panel-body .event-details table > tbody > tr > th {
  background-color: #e5e4e4;
  font-size: 14px;
  color: rgba(12, 13, 15, 0.4);
  padding: 12px 23px;
  text-align: center;
}

.event-notification-popup-default .panel-body .event-details table > tbody > tr > th:nth-child(1) {
  width: 100px;
}

.event-notification-popup-default .panel-body .event-details table > tbody > tr > td {
  padding: 0 20px;
}

.event-notification-popup-default .panel-body .event-details table > tbody > tr > td.day {
  padding: 4px 0px;
}

.event-notification-popup-default .panel-body .event-details .content-table-right {
  padding: 10px 0 60px;
}

@media (max-width: 1599px) {
  .event-notification-popup-default .panel-body .event-details .content-table-right {
    padding: 10px 0 30px;
  }
}

.event-notification-popup-default .panel-body .event-details .content-table-right p {
  margin-bottom: 0;
}

.event-notification-popup-default .panel-body .event-details .content-table-right p:nth-child(1) {
  margin-bottom: 20px;
}

.event-notification-popup-default .panel-body .event-details .content-table-right p:nth-child(2) {
  margin-bottom: 16px;
}

.event-notification-popup-default .panel-body .event-details .content-table-right p:nth-child(4), .event-notification-popup-default .panel-body .event-details .content-table-right p:nth-child(5), .event-notification-popup-default .panel-body .event-details .content-table-right p:nth-child(6) {
  padding-left: 5px;
}

.event-notification-popup-default .panel-body .event-details .content-table-right p:nth-child(6) {
  margin-bottom: 16px;
}

.event-notification-popup-default .panel-body .event-details .content-table-right p:nth-child(8), .event-notification-popup-default .panel-body .event-details .content-table-right p:nth-child(9), .event-notification-popup-default .panel-body .event-details .content-table-right p:nth-child(11) {
  padding-left: 5px;
}

.event-notification-popup-default .panel-body .event-details .content-table-right p:nth-child(10) {
  padding-left: 10px;
}

.event-notification-popup-default .panel-body .action-contents {
  margin-top: 30px;
  border-top: 1px solid #ebebeb;
}

@media (max-width: 1599px) {
  .event-notification-popup-default .panel-body .action-contents {
    margin-top: 20px;
  }
}

.event-notification-popup-default .panel-body .action-contents table > tbody > tr {
  border: 1px solid #ebebeb;
}

.event-notification-popup-default .panel-body .action-contents table > tbody > tr > th {
  background-color: #e5e4e4;
  font-size: 14px;
  color: rgba(12, 13, 15, 0.4);
  padding: 12px 23px;
  text-align: center;
}

.event-notification-popup-default .panel-body .action-contents table > tbody > tr > td {
  padding: 0 20px;
  width: 415px;
}

.event-notification-popup-default .panel-body .action-contents table > tbody > tr .td-input {
  padding: 10px 20px;
}

@media (max-width: 1599px) {
  .event-notification-popup-default .panel-body .action-contents table > tbody > tr .td-input {
    padding: 8px 20px;
  }
}

.event-notification-popup-default .panel-body .action-contents table > tbody > tr .td-input input {
  width: 150px;
  height: 34px;
  font-size: 14px;
}

.event-notification-popup-default .panel-body .action-contents table > tbody > tr .td-input textarea {
  font-size: 14px;
}

.event-notification-popup-default .panel-body .custom-table table thead tr th {
  position: relative;
  background-color: #484a4f;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  border: 1px solid #484a4f;
  width: 100px;
  text-align: center;
  padding: 8px 23px;
}

.event-notification-popup-default .panel-body .custom-table table thead tr th:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 10px;
  background-color: #b8b8b8;
  top: 12px;
  right: 0;
}

.event-notification-popup-default .panel-body .custom-table table thead tr th:last-of-type:before {
  content: none;
}

.event-notification-popup-default .panel-body .custom-table table thead tr th:nth-child(2) {
  width: 170px;
}

.event-notification-popup-default .panel-body .custom-table table thead tr th:nth-child(3) {
  width: 250px;
}

.event-notification-popup-default .panel-body .custom-table table tr td {
  width: 170px;
  border: 1px solid #ebebeb;
}

.event-notification-popup-default .a.btn-edit {
  background-color: #898381 !important;
}

.event-notification-popup-default .panel-footer {
  text-align: center;
  padding: 40px 0;
}

@media (max-width: 1599px) {
  .event-notification-popup-default .panel-footer {
    padding: 20px 0;
  }
}

.event-notification-popup-default .panel-footer a {
  min-width: 80px;
  text-align: center;
  line-height: 30px;
  display: inline-block;
  background: #f68816;
  color: #fff;
  margin: 0 2px;
  border-radius: 4px;
}

.event-notification-popup-default .panel-footer .btn-close {
  background: #898381;
  margin-left: 18px;
}

.event-notification-popup-default.style02 .panel-body .action-contents {
  border: none;
  margin: 25px 0;
}

.event-notification-popup-default.style02 .panel-body .action-contents table tr th {
  padding: 7px 23px;
}

.event-notification-popup-default.style02 .panel-body .action-contents table tr th:nth-child(1) {
  width: 100px;
}

.event-notification-popup-default.style02 .panel-body .action-contents table tr td {
  width: 420px;
}

.event-notification-popup-default.style02 .panel-body .event-details table tr th {
  width: 210px;
}

.event-notification-popup-default.style02 .panel-body .event-details table tr th:nth-child(1) {
  width: 100px;
  padding-left: 5px;
  padding-right: 5px;
}

.event-notification-popup-default.style02 .panel-body .event-details table tr .td-input {
  padding: 10px 20px;
  text-align: center;
}

.event-notification-popup-default.style02 .panel-body .event-details table tr .td-input input {
  width: 150px;
  height: 34px;
  font-size: 14px;
  margin: 0 auto;
  text-align: center;
}

.event-notification-popup-default.style02 .panel-body .event-details table tr .td-input .checkbox-wrapper {
  display: inline-block;
  font-size: 16px;
  padding-left: 33px;
  margin-bottom: 0;
  line-height: 20px;
}

.event-notification-popup-default.style02 .panel-body .event-details table tr .td-input .checkbox-wrapper input {
  width: auto;
  margin: 0;
}

.event-notification-popup-default.style02 .panel-body .event-details .action {
  padding: 20px 0;
  border-bottom: 1px solid #ebebeb;
}

.event-notification-popup-default.style02 .panel-body .event-details .action a {
  background: #f25152;
  min-width: 80px;
  text-align: center;
  line-height: 30px;
  color: #fff;
  border-radius: 4px;
  display: inline-block;
}

.event-notification-popup-default.style03 .panel-body .action-contents {
  border: none;
  margin: 25px 0;
}

.event-notification-popup-default.style03 .panel-body .action-contents table tr th {
  padding: 7px 23px;
}

.event-notification-popup-default.style03 .panel-body .action-contents table tr th:nth-child(1) {
  width: 100px;
}

.event-notification-popup-default.style03 .panel-body .action-contents table tr td {
  width: 420px;
}

.event-notification-popup-default.style03 .panel-body .event-details table tr th {
  width: 210px;
}

.event-notification-popup-default.style03 .panel-body .event-details table tr th:nth-child(1) {
  width: 100px;
  padding-left: 5px;
  padding-right: 5px;
}

.event-notification-popup-default.style03 .panel-body .event-details table tr .td-input {
  padding: 10px 20px;
  text-align: center;
}

.event-notification-popup-default.style03 .panel-body .event-details table tr .td-input input {
  width: 150px;
  height: 34px;
  font-size: 14px;
  margin: 0 auto;
  text-align: center;
}

.event-notification-popup-default.style03 .panel-body .event-details table tr .td-input .checkbox-wrapper {
  display: inline-block;
  font-size: 16px;
  padding-left: 33px;
  margin-bottom: 0;
  line-height: 20px;
}

.event-notification-popup-default.style03 .panel-body .event-details table tr .td-input .checkbox-wrapper input {
  width: auto;
  margin: 0;
}

.event-notification-popup-default.style03 .event-details {
  margin-top: 25px;
}

.event-notification-popup-default.style03 tbody tr.grafix > th:nth-child(1) {
  width: 130px;
}

.event-notification-popup-default.style03 tbody tr.grafix:nth-of-type(2n + 1) {
  background-color: #fafafa;
}

.event-notification-popup-default.style03 input {
  padding: 0px 15px;
  height: 28px;
}

.event-notification-popup-default.style03 input.wd01 {
  width: 170px;
}

.event-notification-popup-default.style03 .width2 {
  width: 220px !important;
  font-size: 16px;
}

.event-notification-popup-default.style03 .width2 .input-group-addon {
  position: absolute;
  right: 5px;
  top: 3px;
  z-index: 99999;
}

.event-notification-popup-default.style03 .wd02 {
  width: 190px;
}

.event-notification-popup-default.style03 textarea {
  padding: 10px;
  width: 100%;
}

.event-notification-popup-default.style03 .checkbox-wrapper {
  margin-right: 35px;
  padding-left: 32px;
  margin-bottom: 0;
}

.event-notification-popup-default.style03 .checkbox-wrapper:last-child {
  margin-right: 0;
}

.event-notification-popup-default.style03 .checkbox-wrapper input {
  display: none;
}

.event-notification-popup-default.style03 .checkbox-wrapper .text {
  vertical-align: top;
  margin-top: 1px;
  display: inline-block;
  font-size: 16px;
}

.event-notification-popup-default.style03 input,
.event-notification-popup-default.style03 textarea,
.event-notification-popup-default.style03 select {
  border: 1px solid #c4c1c0;
  border-radius: 3px;
  color: #898381;
}

.event-notification-popup-default.style03 select {
  appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url(../images/icon-down2.png);
  padding-left: 8px;
  width: 100px;
  background-repeat: no-repeat;
  background-position: center right 7px;
}

.event-notification-popup-default.style03 select {
  height: 28px;
}

.event-notification-popup-default.style03 .panel-footer::before {
  display: none;
}

.event-notification-popup-default.style03 .content-table-right {
  padding: 10px 0 10px !important;
}

.event-notification_popup {
  color: #212428;
  padding: 0;
}

.event-notification_popup .panel-title {
  font-size: 19px;
  color: #534843;
  font-weight: 500;
  padding: 20px;
  border-bottom: 1px solid #e2d9d3;
}

@media (max-width: 1599px) {
  .event-notification_popup .panel-title {
    padding: 10px 20px;
  }
}

.event-notification_popup .panel-body {
  padding-left: 20px;
  padding-right: 20px;
}

.event-notification_popup .panel-body h2 {
  font-size: 20px;
  color: #212428;
  font-weight: 400;
  opacity: 0.8;
  padding-top: 25px;
  padding-bottom: 20px;
}

.event-notification_popup .panel-body .tab-breadcrumb {
  list-style: none;
  padding: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 28px;
}

.event-notification_popup .panel-body .tab-breadcrumb .item a {
  padding-right: 10px;
  padding-left: 10px;
  color: #6c757d;
}

.event-notification_popup .panel-body .tab-breadcrumb .item a.active {
  color: #4c66bd;
}

.event-notification_popup .panel-body .tab-breadcrumb .item:before {
  display: inline-block;
  padding-right: 0;
  color: #6c757d;
  content: ">";
}

.event-notification_popup .panel-body .tab-breadcrumb .item:first-child:before {
  content: "";
}

.event-notification_popup .panel-body .event-details {
  border-top: 1px solid #ebebeb;
  padding-bottom: 35px;
  border-bottom: 1px solid #ebebeb;
}

.event-notification_popup .panel-body .event-details table tr {
  border: 1px solid #d6d5d6;
  width: 510px;
}

.event-notification_popup .panel-body .event-details table tr th {
  background-color: #e5e4e4;
  font-size: 14px;
  color: rgba(12, 13, 15, 0.6);
  padding: 12px 23px;
  border: 1px solid #d6d5d6;
}

.event-notification_popup .panel-body .event-details table tr td {
  padding-left: 20px;
  width: 415px;
  border: 1px solid #d6d5d6;
  font-size: 16px;
}

.event-notification_popup .panel-body .action-contents {
  padding-bottom: 35px;
  border-bottom: 1px solid #ebebeb;
}

.event-notification_popup .panel-body .action-contents table tr {
  border: 1px solid #d6d5d6;
}

.event-notification_popup .panel-body .action-contents table tr th {
  background-color: #e5e4e4;
  font-size: 14px;
  color: rgba(12, 13, 15, 0.6);
  padding: 12px 23px;
  border: 1px solid #d6d5d6;
}

.event-notification_popup .panel-body .action-contents table tr td {
  padding-left: 20px;
  width: 415px;
  border: 1px solid #d6d5d6;
  font-size: 16px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.event-notification_popup .panel-body .action-contents table tr td .select-cause {
  width: 140px;
  font-size: 15px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #c4c1c0;
  background-image: url(../images/select-ico.png);
  background-repeat: no-repeat;
  background-position: center right 5px;
  line-height: 30px;
  border-radius: 5px;
  padding-left: 13px;
}

.event-notification_popup .panel-body .action-contents table tr td input {
  width: 100%;
  border: 1px solid #c4c1c0;
  font-size: 15px;
  padding-left: 13px;
  border-radius: 5px;
  padding-bottom: 25px;
  color: #aaaaaa;
}

.event-notification_popup .panel-body .action-contents table tr td textarea {
  width: 100%;
  border: 1px solid #c4c1c0;
  font-size: 15px;
  height: 60px;
  color: #aaaaaa;
}

.event-notification_popup .panel-body .action-contents table tr td label {
  font-size: 14px !important;
  padding-right: 0;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 5px;
}

.event-notification_popup .panel-body .action-contents table tr td label .checkmark {
  top: -4px !important;
}

.event-notification_popup .panel-footer {
  padding-top: 35px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 35px;
}

.event-notification_popup .panel-footer a {
  border-radius: 5px;
  line-height: 30px;
  text-align: center;
  width: 80px;
  color: rgba(255, 255, 255, 0.8);
}

.event-notification_popup .panel-footer a:first-child {
  background-color: #f68816;
  margin-right: 15px;
}

.event-notification_popup .panel-footer a:last-child {
  background-color: #898381;
}

@media (max-width: 1599px) {
  .event-notification_popup .panel-title {
    font-size: 16px;
    padding: 10px 20px;
  }
  .event-notification_popup .panel-body {
    padding-left: 20px;
    padding-right: 20px;
  }
  .event-notification_popup .panel-body h2 {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 6px;
  }
  .event-notification_popup .panel-body .tab-breadcrumb {
    padding-bottom: 10px;
  }
  .event-notification_popup .panel-body .tab-breadcrumb .item a {
    padding-right: 8px;
    padding-left: 8px;
  }
  .event-notification_popup .panel-body .event-details {
    padding-bottom: 15px;
  }
  .event-notification_popup .panel-body .event-details table tr {
    width: 510px;
  }
  .event-notification_popup .panel-body .event-details table tr th {
    font-size: 12px;
    padding: 8px 20px;
  }
  .event-notification_popup .panel-body .event-details table tr td {
    padding-left: 15px;
    font-size: 12px;
  }
  .event-notification_popup .panel-body .action-contents {
    padding-bottom: 15px;
  }
  .event-notification_popup .panel-body .action-contents table tr th {
    font-size: 12px;
    padding: 8px 20px;
  }
  .event-notification_popup .panel-body .action-contents table tr td {
    padding-left: 15px;
    font-size: 12px;
    padding-right: 15px;
    padding-top: 5px;
  }
  .event-notification_popup .panel-body .action-contents table tr td .select-cause {
    font-size: 11px;
    line-height: 28px;
    padding-left: 10px;
  }
  .event-notification_popup .panel-body .action-contents table tr td textarea {
    width: 100%;
    font-size: 12px;
    height: 50px;
  }
  .event-notification_popup .panel-body .action-contents table tr td label {
    font-size: 12px !important;
  }
  .event-notification_popup .panel-footer {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .event-notification_popup .panel-footer a {
    line-height: 28px;
    width: 80px;
  }
}

.iframe_popup {
  display: none;
  overflow: hidden;
}

.iframe_popup.style-btn {
  padding-top: 0;
}

.iframe_popup.style-btn .panel-title {
  font-size: 19px;
  color: #534843;
  font-weight: 500;
  padding: 15px 20px;
  padding-left: 0;
  border-bottom: 1px solid #e2d9d3;
  margin-bottom: 15px;
}

.iframe_popup.style-btn th {
  background-color: #e5e4e4;
  font-size: 14px;
  color: rgba(12, 13, 15, 0.6);
  padding: 12px 23px;
  border: 1px solid #d6d5d6;
}

.iframe_popup.style-btn td {
  border: 1px solid #d6d5d6;
}

.iframe_popup.style-btn td input {
  margin: 4px;
  width: 98%;
}

.iframe_popup.style-btn .panel-footer {
  padding-top: 35px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 0;
}

.iframe_popup.style-btn .panel-footer a {
  border-radius: 5px;
  line-height: 30px;
  text-align: center;
  width: 80px;
  color: rgba(255, 255, 255, 0.8);
}

.iframe_popup.style-btn .panel-footer a:first-child {
  background-color: #f68816;
  margin-right: 15px;
}

.iframe_popup.style-btn .panel-footer a:last-child {
  background-color: #898381;
}

.tooltipCustom {
  position: relative;
  color: #696969 !important;
}

.tooltipCustom .popupBtn {
  color: #8c9299;
  white-space: nowrap;
}

.tooltipCustom .mode_popupbox {
  width: 350px;
  box-shadow: 5px 5px 9px 3px rgba(179, 179, 179, 0.17);
  left: 0;
  top: 15px;
  background-color: #fff;
  position: absolute;
  z-index: 99;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px;
  text-align: left;
  margin-top: 7px;
  display: none;
  white-space: normal;
}

.tooltipCustom .mode_popupbox h2 {
  font-size: 16px !important;
  color: #696969;
  margin: 5px 0;
}

.tooltipCustom .mode_popupbox.right {
  right: 50%;
  left: -208px;
}

.tooltipCustom .mode_popupbox.top {
  top: auto;
  bottom: 20px;
}

.tooltipCustom .mode_popupbox.db-mg {
  right: 0;
  left: -315px;
}

.tooltipCustom .mode_popupbox p {
  font-size: 12px;
  color: #696969 !important;
  line-height: 1.5;
  font-weight: initial;
}

.content-footer-main {
  position: relative;
  height: 78px;
  padding: 0px 20px;
}

.content-footer-main .content-footer-right {
  background-color: #e1a352;
  border-radius: 4px;
  color: #fff;
  padding: 10px;
  min-height: 80px;
}

.content-footer-main .content-footer-right h2 {
  color: #fff;
  font-size: 25px;
  margin-bottom: 8px;
}

.content-footer-main .content-footer-right span {
  font-size: 15px;
  font-weight: 500;
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  .content-footer-main .content-footer-right span {
    font-size: 13px;
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  .wapper-main-content {
    padding-bottom: 10px;
  }
}

.position-block-left,
.position-block-right,
.position-block-bottom {
  color: #212428;
  z-index: 99;
  font-size: 20px;
}

.position-block-left .title,
.position-block-right .title,
.position-block-bottom .title {
  opacity: 0.8;
}

.position-block-left .cout,
.position-block-right .cout,
.position-block-bottom .cout {
  font-weight: 600;
}

.position-block-left .cout span,
.position-block-right .cout span,
.position-block-bottom .cout span {
  font-weight: 300;
  font-size: 15px;
}

.position-block-bottom {
  bottom: -22px;
  min-width: 100px;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.position-block-left {
  left: -110px;
}

.position-block-right {
  right: -110px;
}

.resource-mg #arrowLine01 {
  z-index: 9;
  top: 271px;
}

.resource-mg .box-content .arrowLineWrap {
  width: auto;
}

.resource-mg .box-content .arrowLineWrap .arrowLine_list {
  list-style-type: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.resource-mg .box-content .arrowLineWrap .arrowLine_list .line {
  height: 15px;
  display: table;
  table-layout: fixed;
}

.resource-mg .box-content .arrowLineWrap .arrowLine_list .line .lineCont {
  position: relative;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  height: 4px;
}

.resource-mg .box-content .arrowLineWrap .arrowLine_list .line .lineCont::after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url("../images/bgLine.jpg");
  background-position: center;
  background-repeat: repeat;
  height: 4px;
  margin-top: -1px;
  z-index: -1;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .resource-mg .box-content .arrowLineWrap .arrowLine_list .line .lineCont::after {
    display: none;
  }
}

@supports (-ms-ime-align: auto) {
  .resource-mg .box-content .arrowLineWrap .arrowLine_list .line .lineCont::after {
    display: none;
  }
}

.resource-mg .box-content .arrowLineWrap .arrowLine_list .line .lineCont .lineIE {
  display: none;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .resource-mg .box-content .arrowLineWrap .arrowLine_list .line .lineCont .lineIE {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background-image: url("../images/bgLine.jpg");
    background-position: center;
    background-repeat: repeat;
    height: 4px;
    margin-top: 6px;
    z-index: -1;
  }
}

.resource-mg .box-content .arrowLineWrap .arrowLine_list .line.arrow-right {
  background-image: url("../images/arrow.png");
  background-position: -150px center;
  background-repeat: no-repeat;
}

.resource-mg .line--1 .one,
.resource-mg .line--1 .two,
.resource-mg .line--1 .three,
.resource-mg .line--1 .four,
.resource-mg .line--1 .five {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  background-image: url("../images/dot.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  top: -1px;
}

.resource-mg .line--1 .one:nth-child(1),
.resource-mg .line--1 .two:nth-child(1),
.resource-mg .line--1 .three:nth-child(1),
.resource-mg .line--1 .four:nth-child(1),
.resource-mg .line--1 .five:nth-child(1) {
  left: -6px;
}

.resource-mg .arrowLineAction2 {
  width: 380px;
  max-width: 380px;
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  top: 250px !important;
  z-index: 0 !important;
}

.resource-mg .arrowLineAction2 .arrowLineWrap {
  width: 380px;
  max-width: 380px;
}

.resource-mg .parameter__content--power .parameter__content--image {
  height: 100%;
}

.resource-mg .parameter__content--power .parameter__content--image .dot-top,
.resource-mg .parameter__content--power .parameter__content--image .mt-auto {
  position: relative;
  left: -1px;
}

.resource-mg .parameter__content--power .parameter__content--power {
  position: relative;
}

@media (max-width: 1599px) {
  .resource-mg .main-wrap .main-content .parameter__content--power {
    height: 455px;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content {
    margin-left: 25px;
  }
  .resource-mg .main-wrap .main-content .box-detail {
    top: 5px;
    background-color: rgba(4, 6, 11, 0.3);
    color: #fff;
    z-index: 1;
    padding: 0px 15px;
  }
  .resource-mg .main-wrap .main-content .box-detail table tr th,
  .resource-mg .main-wrap .main-content .box-detail td {
    font-size: 11px;
  }
  .resource-mg .main-wrap .main-content .box-content__sunlight,
  .resource-mg .main-wrap .main-content .box-content__ess {
    margin-top: 55px !important;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content--image,
  .resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content--image {
    height: 95px;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content--image img,
  .resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content--image img {
    height: 95px;
  }
  .resource-mg #arrowLine01 {
    top: 228px;
  }
  .resource-mg .arrowLineAction2 {
    width: 270px;
    max-width: 270px;
    top: 200px !important;
  }
  .resource-mg .arrowLineAction2 .arrowLineWrap {
    width: 270px;
    max-width: 270px;
  }
  .resource-mg .parameter__content--power .position-block-left .title,
  .resource-mg .parameter__content--power .position-block-right .title,
  .resource-mg .parameter__content--power .position-block-bottom .title {
    font-size: 16px;
  }
  .resource-mg .parameter__content--power .position-block-left .cout,
  .resource-mg .parameter__content--power .position-block-right .cout,
  .resource-mg .parameter__content--power .position-block-bottom .cout {
    font-size: 18px;
  }
  .resource-mg .parameter__content--power .position-block-bottom {
    bottom: -15px;
  }
  .resource-mg .parameter__content--power .position-block-left {
    left: -70px;
  }
  .resource-mg .parameter__content--power .mbEDGE {
    max-width: 135px !important;
  }
  .resource-mg .parameter__content--power .position-block-right {
    right: -70px;
  }
  .resource-mg .content-footer-main {
    margin-top: 6px;
    height: auto;
  }
  .resource-mg .content-footer-main .content-footer-right {
    height: 70px;
    padding: 5px 10px;
    min-height: 70px;
  }
  .resource-mg .content-footer-main .content-footer-right .block h2,
  .resource-mg .content-footer-main .content-footer-right .block .title {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 3px;
  }
  .resource-mg .content-footer-main .content-footer-right .block span {
    font-size: 14px;
  }
  .resource-mg .content-footer-main .content-footer-right .block img {
    width: 18px;
  }
  .resource-mg .wapper-main-content {
    padding-bottom: 14px;
  }
  .resource-mg .arrowLineAction .arrowLineWrap .line--1 span.three {
    left: 295px !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .resource-mg #arrowLine01 {
    top: 250px;
  }
  .resource-mg .navbar-left .performance .box-performance h4 {
    font-size: 16px;
    padding-bottom: 0px;
    margin-bottom: 5px;
  }
  .resource-mg .navbar-left .inclined-solar h4 {
    font-size: 20px;
  }
  .resource-mg .navbar-left .box-top {
    padding-bottom: 10px !important;
  }
  .resource-mg .navbar-left .inclined-solar p {
    margin-bottom: 0px;
  }
  .resource-mg .navbar-left .inclined-solar h4 {
    font-size: 22px;
  }
  .resource-mg .main-wrap {
    padding-bottom: 0;
    padding-top: 15px;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content--image,
  .resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content--image {
    height: 100px;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content--image img,
  .resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content--image img {
    height: 100px;
  }
  .resource-mg .main-wrap .main-content .box-detail table tr th,
  .resource-mg .main-wrap .main-content .main-wrap .main-content .box-detail table td {
    font-size: 12px;
  }
  .resource-mg .main-wrap .main-content .parameter__content--power .icon-bottom {
    position: absolute;
    width: 20px;
    height: 20px;
    display: inline-block;
    bottom: -2px;
    left: calc(50% + 2px);
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
  .resource-mg .main-wrap .main-content .parameter__content--power {
    height: 420px;
  }
  .resource-mg .main-wrap .main-content .parameter__content--power .position-block-bottom {
    bottom: -160px;
  }
  .resource-mg .main-wrap .main-content .parameter__content--power .parameter__content--image {
    height: 430px;
  }
  .resource-mg .main-wrap .main-content .parameter__content--power .parameter__content--image .mbEDGE {
    top: 0px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
  .resource-mg .main-wrap .main-content .parameter__content--power .parameter__content--image .dot-top {
    top: -150px;
    left: calc(50% + 2px) !important;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
  .resource-mg .main-wrap .main-content .parameter__content--power .parameter__content--image .mbEDGE.bottom {
    bottom: -125px;
    top: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
  .resource-mg .main-wrap .main-content .parameter__content--power .parameter__content--image .mt-auto {
    display: none;
  }
  .resource-mg .content-footer-main {
    margin-top: 120px;
  }
  .resource-mg .arrowLine01 .arrowLine_list .line--1 {
    position: relative;
  }
  .resource-mg .arrowLine01 .arrowLine_list .line--1 span.three {
    left: 374px !important;
  }
  .resource-mg .arrowLine01 .arrowLine_list .line--1 span.four {
    right: 310px !important;
  }
  .resource-mg #arrowLine01 {
    left: 10px;
    width: 100%;
  }
  .resource-mg .parameter--power .arrowLine_list .line--1 {
    display: none !important;
  }
  .resource-mg .parameter--power .arrowLine_list .line--2 {
    left: -130px !important;
    width: 365px !important;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content__power .parameter--power .arrowLine01 .arrowLineWrap .arrowLine_list .line--2A {
    left: 50px;
  }
}

@media (max-width: 1738px) {
  .resource-mg .arrowLineAction .arrowLineWrap .line--1 span.four {
    right: 260px !important;
  }
}

@media (max-width: 1700px) {
  .resource-mg .arrowLineAction .arrowLineWrap .line--1 span.four {
    right: 250px !important;
  }
}

@media (max-width: 1599px) {
  .resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content__tabel tbody {
    max-height: 100px;
  }
  .resource-mg .arrowLineAction .arrowLineWrap {
    max-width: 795px;
  }
  .resource-mg .arrowLineAction .arrowLineWrap .line--1 span.three {
    left: 312px !important;
  }
  .resource-mg .arrowLineAction .arrowLineWrap .line--1 span.four {
    right: 260px !important;
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  .resource-mg .wapper-main-content {
    padding-bottom: 10px !important;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content__tabel .table tbody {
    max-height: 100px !important;
  }
  .resource-mg #arrowLine01 {
    top: 205px;
  }
  .resource-mg .navbar-left .solar-radiation,
  .resource-mg .navbar-left .performance {
    margin-top: 5px;
  }
  .resource-mg .main-wrap {
    padding-top: 10px;
  }
  .resource-mg .main-wrap .main-content .box-style-right.style2 {
    min-width: 200px;
    top: 5px;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight,
  .resource-mg .main-wrap .main-content .integrated-chart .box-content__ess {
    padding: 10px !important;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter,
  .resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter {
    margin-top: 20px;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content--image,
  .resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content--image {
    height: 85px;
  }
  .resource-mg .main-wrap .main-content .integrated-chart .box-content__sunlight .parameter__content--image img,
  .resource-mg .main-wrap .main-content .integrated-chart .box-content__ess .parameter__content--image img {
    height: 85px;
  }
  .resource-mg .main-wrap .main-content .parameter--power .arrowLine_list .line--2 {
    left: -72px !important;
    width: 262px !important;
  }
  .resource-mg .main-wrap .main-content .parameter__content--power {
    height: 330px;
  }
  .resource-mg .main-wrap .main-content .parameter__content--power .icon-bottom {
    position: relative;
    bottom: -150px;
  }
  .resource-mg .box-content__ess .parameter__content .parameter__content--image {
    height: 370px;
  }
  .resource-mg .box-content__ess .parameter__content .parameter__content--image .dot-top {
    top: 0px !important;
  }
  .resource-mg .box-content__ess .parameter__content .parameter__content--image .mbEDGE.bottom {
    height: 60px;
  }
  .resource-mg .parameter__content:nth-child(1) .parameter__content--image {
    padding-left: 10px;
  }
  .resource-mg .parameter__content .parameter__content--image .img-tool {
    height: 85px !important;
  }
  .resource-mg .arrowLine01 .arrowLine_list .line--1 {
    position: relative;
  }
  .resource-mg .arrowLine01 .arrowLine_list .line--1 span.four {
    right: 240px !important;
  }
  .resource-mg .arrowLine01 .arrowLine_list .line--1 span.two {
    left: 145px !important;
  }
  .resource-mg .content-footer-main {
    margin-top: 65.6px;
  }
  .resource-mg .content-footer-main .content-footer-right {
    height: auto;
    min-height: 60px;
  }
  .resource-mg .content-footer-main .content-footer-right h2 {
    margin-bottom: 0;
  }
  .resource-mg body .arrowLine01 .arrowLine_list .line--1 span.three {
    left: 298px !important;
  }
  .resource-mg .parameter__content--power .position-block-bottom {
    bottom: -110px !important;
  }
  .resource-mg .parameter__content--power .position-block-right {
    right: -140px !important;
  }
  .resource-mg .parameter__content--power .position-block-left {
    left: -140px !important;
  }
  .resource-mg .parameter__content--power .parameter__content--image {
    height: 350px !important;
  }
  .resource-mg .parameter__content--image .mbEDGE {
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
  .resource-mg .parameter__content--image .dot-top {
    top: -100px !important;
    left: 50% !important;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
  .resource-mg .parameter__content--image .icon-bottom {
    bottom: -145px !important;
  }
  .resource-mg .parameter__content--image .mbEDGE.bottom {
    bottom: -75px !important;
    top: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
}

@media (max-width: 1568px) {
  .resource-mg .arrowLineAction .arrowLineWrap {
    max-width: 750px;
  }
  .resource-mg .arrowLineAction .arrowLineWrap .line--1 span.three {
    left: 298px !important;
  }
  .resource-mg .arrowLineAction .arrowLineWrap .line--1 span.four {
    right: 230px !important;
  }
}

@media screen and (max-width: 1568px) and (-ms-high-contrast: active), screen and (max-width: 1568px) and (-ms-high-contrast: none) {
  .resource-mg .arrowLineAction .arrowLineWrap .line--1 span.four {
    right: 240px !important;
  }
}

@media (max-width: 1517px) {
  .resource-mg .arrowLineAction .arrowLineWrap .line--1 span.three {
    left: 291px !important;
  }
  .resource-mg .arrowLineAction .arrowLineWrap .line--1 span.four {
    right: 242px !important;
  }
}

@media (max-width: 1499px) {
  .resource-mg .arrowLineAction .arrowLineWrap {
    max-width: 728px;
  }
  .resource-mg .arrowLineAction .arrowLineWrap .line--1 span.three {
    left: 291px !important;
  }
  .resource-mg .arrowLineAction .arrowLineWrap .line--1 span.four {
    right: 230px !important;
  }
}

@media (max-width: 1805px) {
  .resource-mg .option-right.w-50 {
    width: 46% !important;
  }
}

@media (max-width: 1700px) {
  .resource-mg .option-right.w-50 {
    width: 40% !important;
  }
}

@media (max-width: 1499px) {
  .resource-mg .option-right.w-50 {
    width: 45% !important;
  }
}

.event-status {
  color: #6b6461;
  background-color: #f1f1f1;
}

.event-status p {
  margin: 0;
}

.event-status .page-content .part {
  margin-bottom: 22px;
  background-color: #ffffff;
}

.event-status .page-content .part .warning-part {
  margin-right: 17px;
  padding-top: 30px;
  padding-bottom: 40px;
  text-align: center;
  background-color: #ffffff;
  box-shadow: 0px 10px 20px #eeeeee;
  -o-box-shadow: 0px 10px 20px #eeeeee;
  -ms-box-shadow: 0px 10px 20px #eeeeee;
  -moz-box-shadow: 0px 10px 20px #eeeeee;
  -webkit-box-shadow: 0px 10px 20px #eeeeee;
}

.event-status .page-content .part .warning-part h2 {
  margin-bottom: 43px;
  color: #6b6461;
  font-size: 35px;
  font-weight: 700;
}

.event-status .page-content .part .warning-part .warning-txt p {
  color: #908b89;
  font-size: 19px;
}

.event-status .page-content .part .warning-part .warning-txt .txt-t {
  margin-bottom: 15px;
}

.event-status .page-content .part .box-9 {
  margin-right: 0;
}

.event-status .page-content .part .tablink .title {
  font-size: 19px;
  color: #534843;
  font-weight: 500;
  position: relative;
  padding-right: 25px;
  white-space: nowrap;
}

.event-status .page-content .part .tablink .title:before {
  position: absolute;
  content: "";
  width: 2px;
  height: 13px;
  background-color: #e5e5e5;
  top: 6px;
  right: 0;
}

.event-status .page-content .part .tablink ul {
  padding-left: 10px;
}

.event-status .page-content .part .tablink ul li {
  border-radius: 5px;
  margin-left: 6px;
}

.event-status .page-content .part .tablink ul li a {
  font-size: 16px;
  color: #898381;
  line-height: 30px;
  padding: 0;
  width: 64px;
  text-align: center;
  border: 1px solid #c4c1c0;
}

.event-status .page-content .part .tablink ul li a.active {
  background-color: #f58026;
  color: #fff;
  border: 1px solid #f58026;
}

.event-status .page-content .part .tablink .title-1 {
  padding-left: 75px;
  padding-right: 13px;
}

.event-status .page-content .part .tablink p {
  font-size: 19px;
  color: #908b89;
  padding-left: 13px;
  padding-right: 7px;
}

.event-status .page-content .part .tablink .device {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.event-status .page-content .part .tablink .device .select-option {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border: 1px solid #c4c1c0;
  background-image: url(../images/select-ico.png);
  background-repeat: no-repeat;
  background-position: center right 5px;
}

.event-status .page-content .part .search {
  background-color: #898381;
  width: 70px;
  line-height: 32px;
  padding: 0;
  text-align: center;
  border-radius: 5px;
  margin-left: 10px;
}

.event-status .page-content .part .search a {
  color: #fff;
  opacity: 0.8;
  font-size: 14px;
  display: block;
}

.event-status .page-content .part .equipment {
  height: 32px;
}

.event-status .page-content .part .equipment .equip-name {
  padding-left: 23px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
}

.event-status .page-content .part .equipment .equip-name .form-group {
  margin-bottom: 0;
  margin-right: 13px;
}

.event-status .page-content .part .equipment .equip-name .form-group .select-option {
  min-width: 80px;
  width: auto;
  font-size: 15px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border: 1px solid #c4c1c0;
  background-image: url(../images/select-ico.png);
  background-repeat: no-repeat;
  background-position: center right 5px;
}

.event-status .page-content .part .equipment .equip-name .form-group #exampleSelect3 {
  width: 100px;
}

.event-status .page-content .part .table-title {
  border-bottom: 1px solid #e5e5e5;
  line-height: 45px;
}

.event-status .page-content .part .table-title p {
  padding-left: 20px;
  font-size: 19px;
  color: #6b6461;
  font-weight: 500;
}

.event-status .page-content .part .table-title p span {
  font-size: 12px;
  color: #aea19b;
  font-weight: 400;
  padding-left: 30px;
}

.event-status .page-content .part .operation-status {
  padding: 16px 20px 50px 20px;
}

.event-status .page-content .part-1 {
  background-color: #f1f1f1;
}

.event-status .page-content .part-4 {
  margin-bottom: 0;
}

.event-status .page-content .b-p {
  padding: 12px 20px;
}

.event-status .custome-datatable th,
.event-status .custome-datatable td {
  white-space: nowrap;
  padding-top: 6px;
  padding-bottom: 6px;
  line-height: 24px;
}

.event-status .custome-datatable th .event-notification_popup,
.event-status .custome-datatable td .event-notification_popup {
  font-size: 13px;
  color: #8c9299;
  border: 1px solid #c3c6ca;
  border-radius: 3px;
  display: inline-block;
  line-height: 21px;
  width: 65px;
  text-align: center;
}

.event-status .custome-datatable thead tr th {
  color: #4d5155;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  padding-left: 30px;
}

.event-status .custome-datatable thead tr th span {
  color: #bfbfbf;
  font-size: 14px;
  font-weight: 300;
}

.event-status .custome-datatable tbody tr td {
  color: #8c9299;
  font-size: 15px;
  /*! @issue :: 데이터 테이블의 정렬 확인 필요 - 이진혁 text-align: left; */
  padding-left: 30px;
  width: 0 !important;
}

.event-status .custome-datatable tbody tr td input {
  background-color: #fff;
  color: #8c9299;
  font-size: 13px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  width: 65px;
  height: 20px;
}

.event-status select {
  color: #8e8886;
  background: #fff;
  border-radius: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(../images/icon-down2.png);
  background-repeat: no-repeat;
  background-position: center right 7px;
  padding: 0px 20px 2px 10px !important;
  border: 1px solid #c4c1c0;
  height: 32px;
}

.event-status #calendar-month,
.event-status #calendar-year {
  line-height: 20px;
}

.event-status-skcc .page-content .part .status-part {
  margin-right: 17px;
  padding-top: 0;
  padding-bottom: 63px;
  /* width: calc(100% / 7); */
  width: 100%;
  max-height: 195px;
  overflow: hidden;
}

.event-status-skcc .page-content .part .status-part:last-child {
  margin-right: 0;
}

.event-status-skcc .page-content .part .status-part .status {
  margin-bottom: 33px;
}

.event-status-skcc .page-content .part .status-part .status .ttl {
  margin-bottom: 13px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  line-height: 46px;
}

.event-status-skcc .page-content .part .status-part .unit {
  color: #908b89;
  font-size: 20px;
  font-weight: 100;
  margin-top: 5px;
}

.event-status-skcc .page-content .part .status-part h3 {
  color: #6c6765;
  font-size: 35px;
  font-weight: 700;
}

.event-status-skcc .page-content .part.top-box .box-0 {
  background-image: url("../images/bg-19.png");
  background-repeat: no-repeat;
  background-position: bottom -28px left -30px;
}

.event-status-skcc .page-content .part.top-box .box-0 .status .ttl {
  background-color: #f2ae0d;
}

.event-status-skcc .page-content .part.top-box .box-1 {
  background-image: url("../images/bg-20.png");
  background-repeat: no-repeat;
  background-position: bottom -20px left -3px;
}

.event-status-skcc .page-content .part.top-box .box-1 .status .ttl {
  background-color: #4e519b;
}

.event-status-skcc .page-content .part.top-box .box-2 {
  background-image: url("../images/bg-21.png");
  background-repeat: no-repeat;
  background-position: bottom -27px left -31px;
}

.event-status-skcc .page-content .part.top-box .box-2 .status .ttl {
  background-color: #26a69a;
}

.event-status-skcc .page-content .part.top-box .box-3 {
  background-image: url("../images/bg-15.png");
  background-repeat: no-repeat;
  background-position: bottom -27px left -31px;
}

.event-status-skcc .page-content .part.top-box .box-3 .status .ttl {
  background-color: #319ffe;
}

.event-status-skcc .page-content .part.top-box .box-4 {
  background-image: url("../images/bg-16.png");
  background-repeat: no-repeat;
  background-position: bottom -12px left -12px;
}

.event-status-skcc .page-content .part.top-box .box-4 .status .ttl {
  background-color: #ff8532;
}

.event-status-skcc .page-content .part.top-box .box-5 {
  background-image: url("../images/bg-17.png");
  background-repeat: no-repeat;
  background-position: bottom -23px left -11px;
}

.event-status-skcc .page-content .part.top-box .box-5 .status .ttl {
  background-color: #319ffe;
}

.event-status-skcc .page-content .part.top-box .box-6 {
  background-image: url("../images/bg-18.png");
  background-repeat: no-repeat;
  background-position: bottom -22px left -26px;
}

.event-status-skcc .page-content .part.top-box .box-6 .status .ttl {
  background-color: #ff8532;
}

.event-status-skcc .page-content .part.top-box .box-7 {
  background-image: url("../images/bg-22.png");
  background-repeat: no-repeat;
  background-position: bottom -25px left -26px;
}

.event-status-skcc .page-content .part.top-box .box-7 .status {
  margin-bottom: 20px;
}

.event-status-skcc .page-content .part.top-box .box-7 .status .ttl {
  background-color: #f884a4;
  width: 100%;
}

.event-status-skcc .page-content .part.top-box .box-7 h3 {
  display: inline-block;
}

.event-status-skcc .page-content .part.top-box .box-7 p {
  display: inline-block;
}

.event-status-skcc .page-content .part .box-0 {
  background-image: url("../images/bg-1.png");
  background-repeat: no-repeat;
  background-position: bottom -13px left -39px;
}

.event-status-skcc .page-content .part .box-0 .status .ttl {
  background-color: #ab47bc;
}

.event-status-skcc .page-content .part .box-1 {
  background-image: url("../images/bg-2.png");
  background-repeat: no-repeat;
  background-position: bottom -13px left -22px;
}

.event-status-skcc .page-content .part .box-1 .status .ttl {
  background-color: #26a69a;
}

.event-status-skcc .page-content .part .box-2 {
  background-image: url("../images/bg-3.png");
  background-repeat: no-repeat;
  background-position: bottom -19px left -28px;
}

.event-status-skcc .page-content .part .box-2 .status .ttl {
  background-color: #8dd241;
}

.event-status-skcc .page-content .part .box-3 {
  background-image: url("../images/bg-4.png");
  background-repeat: no-repeat;
  background-position: bottom -29px left -40px;
}

.event-status-skcc .page-content .part .box-3 .status .ttl {
  background-color: #319ffe;
}

.event-status-skcc .page-content .part .box-4 {
  background-image: url("../images/bg-5.png");
  background-repeat: no-repeat;
  background-position: bottom -22px left -17px;
}

.event-status-skcc .page-content .part .box-4 .status .ttl {
  background-color: #8dd241;
}

.event-status-skcc .page-content .part .box-5 {
  background-image: url("../images/bg-6.png");
  background-repeat: no-repeat;
  background-position: bottom -23px left -21px;
}

.event-status-skcc .page-content .part .box-5 .status .ttl {
  background-color: #ff8532;
}

.event-status-skcc .page-content .part .box-6 {
  background-image: url("../images/bg-7.png");
  background-repeat: no-repeat;
  background-position: bottom -6px left -21px;
}

.event-status-skcc .page-content .part .box-6 .status .ttl {
  background-color: #f2ae0d;
}

.event-status-skcc .page-content .part .box-7 {
  background-image: url("../images/bg-8.png");
  background-repeat: no-repeat;
  background-position: bottom -67px left -43px;
}

.event-status-skcc .page-content .part .box-7 .status .ttl {
  background-color: #f884a4;
}

.event-status-skcc.box-style2 .page-content .status-part.box-0 {
  background-image: url("../images/bg-15.png");
  background-position: bottom -24px left -25px;
}

.event-status-skcc.box-style2 .page-content .status-part.box-0 .status .ttl {
  background-color: #8dd241;
}

.event-status-skcc.box-style2 .page-content .status-part.box-1 {
  background-image: url("../images/bg-16.png");
  background-position: bottom -24px left -25px;
}

.event-status-skcc.box-style2 .page-content .status-part.box-2 .status .ttl {
  background-color: #ab47bc;
}

.event-status-skcc.box-style2 .page-content .status-part.box-5 {
  background-image: url("../images/bg-17.png");
  background-position: bottom -24px left -25px;
}

.event-status-skcc.box-style2 .page-content .status-part.box-5 .status .ttl {
  background-color: #ff8532;
}

.event-status-skcc.box-style2 .page-content .status-part.box-6 {
  background-image: url("../images/bg-18.png");
  background-position: bottom -24px left -25px;
}

.event-status-skcc.box-style2 .page-content .status-part.box-6 .status .ttl {
  background-color: #f2ae0d;
}

@media (max-width: 1700px) {
  .event-status-skcc.box-style2 .page-content .status-part.box-0 {
    background-position: bottom -27px left -20px;
    background-size: 65px;
  }
  .event-status-skcc.box-style2 .page-content .status-part.box-1 {
    background-size: 57px;
    background-position: bottom -10px left -8px;
  }
  .event-status-skcc.box-style2 .page-content .status-part.box-5 {
    background-size: 57px;
    background-position: bottom -10px left -8px;
  }
  .event-status-skcc.box-style2 .page-content .status-part.box-6 {
    background-size: 67px;
    background-position: bottom -10px left -8px;
  }
}

.event-status-skcc .custome-datatable thead tr th {
  text-align: left;
  padding-left: 35px;
  line-height: 25px;
  max-width: 0 !important;
}

.event-status-skcc .custome-datatable tbody tr td {
  /*text-align: left;*/
  padding-left: 35px;
  max-width: 0 !important;
}

.dashboard .event-status-skcc .page-content .part .box-1 {
  background-image: url("../images/bg-3.png");
  background-repeat: no-repeat;
  background-position: bottom -24px left -35px;
}

.dashboard .event-status-skcc .page-content .part .box-1 .status .ttl {
  background-color: #8dd241;
}

.dashboard .event-status-skcc .page-content .part .box-2 {
  background-image: url("../images/bg-5.png");
  background-repeat: no-repeat;
  background-position: bottom -25px left -5px;
}

.dashboard .event-status-skcc .page-content .part .box-2 .status .ttl {
  background-color: #8dd241;
}

.dashboard .event-status-skcc .page-content .part .box-3 {
  background-image: url("../images/bg-9.png");
  background-repeat: no-repeat;
  background-position: bottom -25px left -40px;
}

.dashboard .event-status-skcc .page-content .part .box-3 .status .ttl {
  background-color: #f2ae0d;
}

.dashboard .event-status-skcc .page-content .part .box-4 {
  background-image: url("../images/bg-2.png");
  background-repeat: no-repeat;
  background-position: bottom -18px left -30px;
}

.dashboard .event-status-skcc .page-content .part .box-4 .status .ttl {
  background-color: #8dd241;
}

.dashboard .event-status-skcc .page-content .part .box-5 {
  background-image: url("../images/bg-12.png");
  background-repeat: no-repeat;
  background-position: bottom -22px left -31px;
}

.dashboard .event-status-skcc .page-content .part .box-5 .status .ttl {
  background-color: #8dd241;
}

.dashboard .event-status-skcc .page-content .part .box-6 {
  background-image: url("../images/bg-6.png");
  background-repeat: no-repeat;
  background-position: bottom -17px left -21px;
}

.dashboard .event-status-skcc .page-content .part .box-6 .status .ttl {
  background-color: #ff8532;
}

.dashboard .event-status-skcc .page-content .part .box-7 {
  background-image: url("../images/bg-7.png");
  background-repeat: no-repeat;
  background-position: bottom -6px left -21px;
}

.dashboard .event-status-skcc .page-content .part .box-7 .status .ttl {
  background-color: #f2ae0d;
}

.dashboard .event-status-skcc .page-content .part .box-8 {
  background-image: url("../images/bg-8.png");
  background-repeat: no-repeat;
  background-position: bottom -58px left -50px;
}

.dashboard .event-status-skcc .page-content .part .box-8 .status .ttl {
  background-color: #f884a4;
}

.dashboard .event-status-skcc .page-content .part .box-9 {
  background-image: url("../images/bg-14.png");
  background-repeat: no-repeat;
  background-position: bottom -20px left -34px;
}

.dashboard .event-status-skcc .page-content .part .box-9 .status .ttl {
  background-color: #319ffe;
}

.table-custom {
  background-color: #fff;
}

.table-custom .txt {
  line-height: 45px;
  border-bottom: 1px solid #e5e5e5;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #d5dadc;
}

.table-custom .txt p {
  color: #6b6461;
  font-size: 19px;
  font-weight: 500;
}

.table-custom .txt p .box-sub-title {
  color: #aea19b;
  font-size: 12px;
  padding-left: 10px;
}

.table-custom .table-mr {
  padding-top: 15px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 50px;
}

.table-custom .table-mr .dataTables_paginate {
  text-align: center;
  padding-top: 30px;
}

.table-custom .table-mr .dataTables_paginate a {
  padding: 8px 15px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  color: #505e65;
  font-size: 12px;
  margin-right: 6px;
}

.table-custom .table-mr .dataTables_paginate a.current {
  background-color: #656771;
  color: #fff;
}

.table-custom .table-mr .dataTables_length {
  color: #b1b1b1;
  font-size: 15px;
  margin-bottom: 20px;
}

.table-custom .table-mr .dataTables_length select {
  background-color: #f1f1f1;
  margin-right: 8px;
  width: 90px;
  height: 35px;
  padding-left: 18px;
  padding-right: 10px;
  color: #b1b1b1;
  font-size: 15px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border: 0;
  background-image: url(../images/select-ico.png);
  background-repeat: no-repeat;
  background-position: center right 5px;
}

@media (max-width: 1805px) {
  .event-status p {
    margin: 0;
  }
  .event-status .page-content .part .warning-part h2 {
    margin-bottom: 43px;
    font-size: 35px;
  }
  .event-status .page-content .part .warning-part .warning-txt p {
    font-size: 19px;
  }
  .event-status .page-content .part .warning-part .warning-txt .txt-t {
    margin-bottom: 15px;
  }
  .event-status .page-content .part .box-9 {
    margin-right: 0;
  }
  .event-status .page-content .part .tablink .title {
    font-size: 17px;
    padding-right: 20px;
  }
  .event-status .page-content .part .tablink .title:before {
    width: 2px;
    height: 13px;
    top: 6px;
    right: 0;
  }
  .event-status .page-content .part .tablink ul {
    padding-left: 10px;
  }
  .event-status .page-content .part .tablink ul li {
    border-radius: 5px;
    margin-left: 13px;
  }
  .event-status .page-content .part .tablink ul li a {
    font-size: 15px;
    padding: 0;
    width: 65px;
  }
  .event-status .page-content .part .tablink .title-1 {
    padding-left: 45px;
    padding-right: 13px;
  }
  .event-status .page-content .part .tablink p {
    font-size: 19px;
    padding-left: 13px;
    padding-right: 7px;
  }
  .event-status .page-content .part .tablink .device .select-option {
    width: 60px;
    line-height: 28px;
    padding: 1px 10px 1px 15px;
  }
  .event-status .page-content .part .equipment {
    height: 32px;
  }
  .event-status .page-content .part .equipment .equip-name {
    padding-left: 30px;
    margin-bottom: 0;
  }
  .event-status .page-content .part .equipment .equip-name .form-group {
    margin-bottom: 0;
    margin-right: 15px;
  }
  .event-status .page-content .part .equipment .equip-name .form-group .select-option {
    padding: 1px 10px 1px 15px;
  }
  .event-status .page-content .part .table-title {
    line-height: 45px;
  }
  .event-status .page-content .part .table-title p {
    padding-left: 20px;
    font-size: 19px;
  }
  .event-status .page-content .part .table-title p span {
    font-size: 12px;
    padding-left: 30px;
  }
  .event-status .page-content .part .operation-status {
    padding: 16px 20px 50px 20px;
  }
  .event-status .page-content .part-4 {
    margin-bottom: 0;
  }
  .event-status .page-content .b-p {
    padding: 12px 15px;
  }
  .event-status .custome-datatable thead tr th {
    font-size: 16px;
    padding-left: 15px;
    width: 0 !important;
  }
  .event-status .custome-datatable thead tr th span {
    font-size: 14px;
  }
  .event-status .custome-datatable tbody tr td {
    font-size: 15px;
    padding: 6px 10px 6px 15px;
    width: 0 !important;
  }
  .event-status .custome-datatable tbody tr td input {
    font-size: 13px;
    border-radius: 5px;
    width: 65px;
    height: 20px;
  }
  .event-status-skcc .page-content .part .box-0 {
    background-position: bottom -6px left -24px;
    background-size: 100px;
  }
  .event-status-skcc .page-content .part .box-1 {
    background-position: bottom -8px left -16px;
    background-size: 87px;
  }
  .event-status-skcc .page-content .part .box-2 {
    background-position: bottom -8px left -16px;
    background-size: 87px;
  }
  .event-status-skcc .page-content .part .box-3 {
    background-position: bottom -21px left -19px;
    background-size: 80px;
  }
  .event-status-skcc .page-content .part .box-4 {
    background-position: bottom -8px left -16px;
    background-size: 87px;
  }
  .event-status-skcc .page-content .part .box-5 {
    background-position: bottom -8px left -16px;
    background-size: 87px;
  }
  .event-status-skcc .page-content .part .box-6 {
    background-position: bottom -8px left -16px;
    background-size: 87px;
  }
  .event-status-skcc .page-content .part .box-7 {
    background-position: bottom -6px left -13px;
    background-size: 80px;
  }
  .event-status-skcc .page-content .part .status-part {
    margin-right: 17px;
    padding-top: 0;
    padding-bottom: 63px;
  }
  .event-status-skcc .page-content .part .status-part .status {
    margin-bottom: 23px;
  }
  .event-status-skcc .page-content .part .status-part .status .ttl {
    font-size: 16px;
    line-height: 36px;
  }
  .event-status-skcc .page-content .part .status-part .unit {
    font-size: 15px;
  }
  .event-status-skcc .page-content .part .status-part h3 {
    font-size: 33px;
  }
  .table-custom .txt {
    line-height: 45px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .table-custom .txt p {
    font-size: 19px;
  }
  .table-custom .txt p .box-sub-title {
    font-size: 12px;
    padding-left: 30px;
  }
  .table-custom .table-mr {
    padding-top: 15px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 50px;
  }
  .table-custom .table-mr .dataTables_paginate {
    padding-top: 20px;
  }
  .table-custom .table-mr .dataTables_paginate a {
    padding: 8px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-right: 6px;
  }
  .table-custom .table-mr .dataTables_length {
    font-size: 15px;
  }
  .table-custom .table-mr .dataTables_length select {
    margin-right: 8px;
    width: 90px;
    height: 35px;
    padding-left: 18px;
    padding-right: 10px;
    border: 0;
  }
}

@media (max-width: 1700px) {
  .event-status .page-content .part .warning-part {
    margin-right: 15px;
    padding-top: 25px;
    padding-bottom: 30px;
  }
  .event-status .page-content .part .warning-part h2 {
    margin-bottom: 35px;
    font-size: 30px;
  }
  .event-status .page-content .part .warning-part .warning-txt .txt-t {
    font-size: 17px;
    margin-bottom: 8px;
  }
  .event-status .page-content .part .warning-part .warning-txt .txt-b {
    font-size: 17px;
  }
  .event-status .page-content .part .tablink ul li {
    margin-left: 11px;
  }
  .event-status .page-content .part .tablink ul li a {
    font-size: 14px;
    width: 60px;
  }
  .event-status .page-content .part .tablink .title-1 {
    padding-left: 70px;
    padding-right: 13px;
  }
  .event-status .page-content .part .tablink p {
    font-size: 17px;
    padding-left: 13px;
    padding-right: 7px;
  }
  .event-status .page-content .part .box-9 {
    margin-right: 0;
  }
  .event-status .page-content .part .equipment {
    height: 32px;
  }
  .event-status .page-content .part .equipment .equip-name {
    padding-left: 30px;
    margin-bottom: 0;
  }
  .event-status .page-content .part .equipment .equip-name .form-group {
    margin-bottom: 0;
    margin-right: 15px;
  }
  .event-status .custome-datatable thead tr th {
    font-size: 14px;
    padding-left: 10px;
  }
  .event-status .custome-datatable thead tr th span {
    font-size: 14px;
  }
  .event-status .custome-datatable tbody tr td {
    font-size: 13px;
    padding-left: 10px;
  }
  .event-status .custome-datatable tbody tr td input {
    font-size: 13px;
    border-radius: 5px;
    width: 65px;
    height: 20px;
  }
  .event-status-skcc .page-content .part .status-part {
    padding-top: 0;
    max-height: 170px;
  }
  .event-status-skcc .page-content .part .status-part .status .ttl {
    font-size: 14px;
  }
  .event-status-skcc .page-content .part .status-part .unit {
    font-size: 12px;
  }
  .event-status-skcc .page-content .part .status-part h3 {
    font-size: 22px;
  }
  .event-status-skcc .page-content .part .box-0 {
    background-position: bottom -13px left -39px;
    background-size: 112px;
  }
  .event-status-skcc .page-content .part .box-1 {
    background-position: bottom -13px left -22px;
    background-size: 92px;
  }
  .event-status-skcc .page-content .part .box-2 {
    background-position: bottom -19px left -28px;
    background-size: 92px;
  }
  .event-status-skcc .page-content .part .box-3 {
    background-position: bottom -29px left -31px;
    background-size: 100px;
  }
  .event-status-skcc .page-content .part .box-4 {
    background-position: bottom -11px left -11px;
    background-size: 69px;
  }
  .event-status-skcc .page-content .part .box-5 {
    background-position: bottom -23px left -21px;
    background-size: 100px;
  }
  .event-status-skcc .page-content .part .box-6 {
    background-position: bottom -6px left -21px;
    background-size: 100px;
  }
  .event-status-skcc .page-content .part .box-7 {
    background-position: bottom -70px left -53px;
    background-size: 154px;
  }
  .event-status-skcc .custome-datatable thead tr th {
    padding-left: 15px;
  }
  .event-status-skcc .custome-datatable thead tr th span {
    font-size: 12px;
  }
  .event-status-skcc .custome-datatable tbody tr td {
    padding-left: 15px;
  }
  .table-custom .txt {
    line-height: 40px;
    padding-left: 12px;
    padding-right: 20px;
  }
  .table-custom .txt p {
    font-size: 17px;
  }
  .table-custom .txt p .box-sub-title {
    font-size: 10px;
    padding-left: 22px;
  }
  .table-custom .table-mr {
    padding-top: 15px;
    padding-right: 17px;
    padding-left: 17px;
    padding-bottom: 50px;
  }
  .table-custom .table-mr .dataTables_paginate a {
    padding: 8px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-right: 6px;
  }
  .table-custom .table-mr .dataTables_length {
    font-size: 15px;
  }
  .table-custom .table-mr .dataTables_length select {
    margin-right: 8px;
    width: 90px;
    height: 35px;
    padding-left: 18px;
    padding-right: 10px;
    border: 0;
  }
}

@media (max-width: 1640px) {
  .event-status {
    padding: 25px;
  }
  .event-status .page-content .part {
    margin-bottom: 18px;
  }
  .event-status .page-content .part .tablink .title {
    font-size: 16px;
  }
  .event-status .page-content .part .tablink .title:before {
    height: 10px;
    top: 6px;
    right: 0;
  }
  .event-status .page-content .part .tablink .title-all {
    font-size: 16px;
  }
  .event-status .page-content .part .tablink .title-all:before {
    height: 10px;
    top: 6px;
    right: 0;
  }
  .event-status .page-content .part .tablink .title-1 {
    padding-right: 10px;
  }
  .event-status .page-content .part .tablink p {
    font-size: 17px;
    padding-left: 10px;
    padding-right: 7px;
  }
  .event-status .page-content .part .tablink .device .select-option {
    line-height: 28px;
    padding: 0px 10px 0px 15px;
  }
  .event-status .page-content .part .equipment {
    height: 32px;
  }
  .event-status .page-content .part .equipment .equip-name {
    padding-left: 30px;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0;
  }
  .event-status .page-content .part .equipment .equip-name .form-group {
    margin-bottom: 0;
    margin-right: 15px;
  }
  .event-status .page-content .part .equipment .equip-name .form-group .select-option {
    line-height: 26px;
    font-size: 13px;
  }
  .table-custom .txt p {
    font-size: 16px;
  }
  .table-custom .txt p .box-sub-title {
    font-size: 12px;
    padding-left: 25px;
  }
  .table-custom .table-mr {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (max-width: 1599px) {
  .event-status {
    padding: 23px;
  }
  .event-status .page-content .part .tablink ul li {
    margin-left: 9px;
  }
  .event-status .page-content .part .tablink ul li a {
    width: 42px;
    font-size: 13px;
  }
  .event-status .page-content .part .tablink .title {
    font-size: 15px;
  }
  .event-status .page-content .part .tablink .title:before {
    height: 10px;
    top: 4px;
    right: 0;
  }
  .event-status .page-content .part .tablink .title-all {
    font-size: 15px;
  }
  .event-status .page-content .part .tablink .title-all:before {
    height: 10px;
    top: 4px;
    right: 0;
  }
  .event-status .page-content .part .tablink .title-1 {
    padding-left: 50px;
    padding-right: 10px;
  }
  .event-status .page-content .part .tablink p {
    font-size: 15px;
    padding-left: 8px;
    padding-right: 5px;
  }
  .event-status .page-content .part .tablink .device .select-option {
    line-height: 28px;
    padding: 0px 10px 0px 15px;
  }
  .table-custom .txt p {
    font-size: 16px;
  }
  .table-custom .txt p .box-sub-title {
    font-size: 12px;
    padding-left: 25px;
  }
  .table-custom .table-mr {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.page-content02 .content-right {
  width: calc(100% - 240px) !important;
}

.page-content02 .content-right .event-status {
  width: 100% !important;
}

.page-content02 .nav-pills .nav-link.active,
.page-content02 .nav-pills .show > .nav-link {
  background-color: #f58026;
  color: #fff;
  border: 1px solid #f58026;
}

.page-content02 .title-all {
  margin-left: 20px;
}

.page-content02 .warning-txt .text-blue2 {
  color: #8dd241;
  font-size: 35px;
  font-weight: 700;
  padding-bottom: 0px;
}

.page-content02 .warning-txt .text-blue2 span {
  font-size: 15px;
  padding-left: 3px;
}

.page-content02 .nav-pills .nav-link.active,
.page-content02 .nav-pills .show > .nav-link {
  background-color: #f58026;
  color: #fff;
  border: 1px solid #f58026;
}

.page-content02 .title-all {
  margin-left: 20px;
}

.page-content02 .warning-txt .text-blue2 {
  color: #8dd241;
  font-size: 35px;
  font-weight: 700;
  padding-bottom: 0px;
}

.page-content02 .warning-txt .text-blue2 span {
  font-size: 15px;
  padding-left: 3px;
}

.box-content-maps {
  overflow-x: hidden;
}

.box-content-maps .col-sidebar-left {
  width: 185px;
}

.box-content-maps .col-sidebar-left .mCSB_inside > .mCSB_container {
  margin-right: 5px;
}

.box-content-maps .col-sidebar-left .title {
  font-size: 23px;
  color: #6b6461;
  font-weight: 600;
  margin: 0px 20px;
  padding: 18px 0px;
  text-align: center;
}

.box-content-maps .col-sidebar-left .nav-tabs {
  width: 122px;
  margin: auto;
  background-color: #f8f8f8;
  border: 1px solid #dddfe0;
}

.box-content-maps .col-sidebar-left .nav-tabs .nav-link.active,
.box-content-maps .col-sidebar-left .nav-tabs .nav-link:focus,
.box-content-maps .col-sidebar-left .nav-tabs .nav-link:hover {
  border: 0 !important;
  box-shadow: none !important;
}

.box-content-maps .col-sidebar-left .nav-tabs li {
  display: block;
  width: 100%;
  text-align: center;
}

.box-content-maps .col-sidebar-left .nav-tabs li a {
  line-height: 40px;
  border-bottom: 1px solid #e8e9ea;
  display: inline-block;
  color: #908b89;
  font-size: 16px;
}

.box-content-maps .col-sidebar-left .nav-tabs li a.active {
  font-weight: 600;
  color: #6b6461;
}

.box-content-maps .col-sidebar-right {
  width: calc(100% - 185px);
}

.box-content-maps .col-sidebar-right .box-content-table {
  margin-top: 20px !important;
  padding-left: 0px;
}

.box-content-maps .col-sidebar-right .box-content-table.mt50 {
  margin-top: 55px !important;
}

.box-content-maps .box-content-table {
  padding-left: 10px;
}

.box-content-maps .box-content-table .box-header {
  margin-bottom: 18px;
  font-size: 22px;
  font-weight: 400;
  color: #908b89;
}

.box-content-maps .box-content-table .box-header img {
  margin-right: 10px;
}

.box-content-maps .box-content-table .box-header span {
  position: relative;
  bottom: -2px;
}

.box-content-maps .box-content-table .table-top {
  max-width: 295px;
}

.box-content-maps .box-content-table .table-top tr td {
  border: 1px solid #c6c6c6;
  padding-left: 30px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-weight: 400;
  font-size: 16.15px;
  color: #484a4f;
  text-align: center;
  width: 47%;
}

.box-content-maps .box-content-table .table-top tr td span {
  font-weight: 100;
  font-size: 11.4px;
  color: #656668;
  display: inline-block;
  text-align: left;
  margin-left: 3px;
}

.box-content-maps .box-content-table .table-top tr td p {
  color: rgba(12, 13, 15, 0.6);
  font-weight: 300;
  font-size: 14.25px;
  text-align: left;
  line-height: 1.2;
}

@media (max-width: 1700px) {
  .box-content-maps .box-content-table .table-top tr td {
    padding-left: 20px;
  }
}

.box-content-maps .box-content-table .table-top tr .average {
  background-color: #f884a4 !important;
  color: #000000 !important;
}

.box-content-maps .box-content-table .table-top tr .blue {
  background-color: #26a69a !important;
  color: #000000 !important;
}

.box-content-maps .box-content-table .table-top tr .purple {
  background-color: purple !important;
  color: #000000 !important;
}

.box-content-maps .box-content-table .table-top tr .purple span {
  color: #000000 !important;
}

.box-content-maps .box-content-table .table-top tr .yellow {
  background-color: #f2ae0d !important;
  color: #000000 !important;
}

.box-content-maps .box-content-table .table-top tr .active {
  color: #000000;
}

.box-content-maps .box-content-table .table-top tr .active * {
  color: #000000;
}

.box-content-maps .box-content-table .table-top tr td:nth-child(2n+1) {
  background-color: #e5e4e4;
}

.box-content-maps .box-content-table .table-top tr td:nth-child(2n+2) {
  background-color: #f6f6f6;
  padding-right: 35px;
  width: 53%;
}

.box-content-maps .box-content-table .table-pvc {
  max-width: 295px;
}

.box-content-maps .box-content-table .table-pvc tr td {
  border: 1px solid #c6c6c6;
  padding-left: 30px;
  line-height: 25px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-weight: 400;
  font-size: 16.15px;
  color: #484a4f;
  text-align: right;
  width: 47%;
}

.box-content-maps .box-content-table .table-pvc tr td span {
  font-weight: 100;
  font-size: 11.4px;
  color: #656668;
  display: inline-block;
  text-align: left;
  width: 25px;
  margin-left: 5px;
}

.box-content-maps .box-content-table .table-pvc tr td p {
  color: rgba(12, 13, 15, 0.6);
  font-weight: 300;
  font-size: 14.25px;
  text-align: left;
}

@media (max-width: 1700px) {
  .box-content-maps .box-content-table .table-pvc tr td {
    padding-left: 20px;
  }
}

.box-content-maps .box-content-table .table-pvc tr .active {
  color: #000;
}

.box-content-maps .box-content-table .table-pvc tr .active * {
  color: #000;
}

.box-content-maps .box-content-table .table-pvc tr .average {
  background-color: #f884a4 !important;
}

.box-content-maps .box-content-table .table-pvc tr .blue {
  background-color: #26a69a !important;
}

.box-content-maps .box-content-table .table-pvc tr .purple {
  background-color: purple !important;
}

.box-content-maps .box-content-table .table-pvc tr td:nth-child(2n+1) {
  background-color: #e5e4e4;
}

.box-content-maps .box-content-table .table-pvc tr td:nth-child(2n+2) {
  background-color: #f6f6f6;
  padding-right: 35px;
  width: 53%;
}

.box-content-maps .table-bottom {
  overflow: hidden;
}

.box-content-maps .table-bottom th {
  border: 1px solid #9fa0a2;
  background-color: #484a4f;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14.22px;
  border: 0;
  min-width: 87px;
  white-space: nowrap;
  text-align: center;
  position: relative;
  line-height: 25px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.box-content-maps .table-bottom th:before {
  content: "";
  position: absolute;
  right: 0;
  height: 10px;
  top: 50%;
  margin-top: -5px;
  border-right: 1px solid #606166;
}

.box-content-maps .table-bottom .row-1 {
  min-width: 156px;
}

.box-content-maps .table-bottom td {
  min-width: 87px;
  white-space: nowrap;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 25px;
  border: 1px solid #d9d8d9;
  color: #484a4f;
  font-size: 16.11px;
}

@media (max-width: 1640px) {
  .box-content-maps .table-bottom td {
    font-size: 14px;
    min-width: 70px;
  }
}

.box-content-maps .table-bottom td span {
  font-weight: 100;
  margin-left: 1px;
  font-size: 11.37px;
  color: rgba(101, 102, 104, 0.8);
}

.box-content-maps .table-bottom .bg {
  background-color: #e5e4e4;
  font-weight: 300;
  color: rgba(12, 13, 15, 0.6);
}

.bg-light {
  background-color: #f1f1f1 !important;
}

@media (max-width: 1882px) {
  .box-custom__items .btn-change a {
    padding: 8px;
    font-size: 12px;
  }
}

@media (max-width: 1599px) {
  .box-custom__items .btn-change a {
    width: 80px;
    padding: 6px;
    font-size: 12px;
  }
}

.system-information-management {
  background-color: #f1f1f1;
}

.system-information-management .content-right {
  width: calc(100% - 240px) !important;
}

.system-information-management .page-content {
  margin-bottom: 20px;
}

.system-information-management .page-content .box-custom__items .btn-change {
  padding-bottom: 8px;
}

.system-information-management .page-content .table-content {
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 55px;
}

@media (max-width: 1700px) {
  .system-information-management .page-content .table-content {
    padding-bottom: 35px;
  }
}

.system-information-management .page-content .table-content .table-1 .row-1 {
  width: 135px;
  min-width: 8%;
}

.system-information-management .page-content .table-content .table-1 .row-2 {
  width: 270px;
  min-width: 18%;
}

.system-information-management .page-content .table-content .table-1 .row-3 {
  width: 220px;
  min-width: 14%;
}

.system-information-management .page-content .table-content .table-1 .row-4 {
  min-width: 20%;
  width: 340px;
}

.system-information-management .page-content .table-content .table-1 .row-5 {
  min-width: 15%;
  width: 215px;
}

.system-information-management .page-content .table-content .table-1 .row-6 {
  min-width: 25%;
  width: 400px;
}

@media (max-width: 1599px) {
  .system-information-management .page-content .table-content .table-1 .row-6 {
    width: 300px;
  }
}

.system-information-management .page-content .table-content .table-2 .row-1 {
  min-width: 8%;
  width: 135px;
}

.system-information-management .page-content .table-content .table-2 .row-2 {
  width: 207px;
  min-width: 18%;
}

.system-information-management .page-content .table-content .table-2 .row-3 {
  width: 380px;
  min-width: 20%;
}

.system-information-management .page-content .table-content .table-2 .row-4 {
  width: 460px;
  min-width: 29%;
}

.system-information-management .page-content .table-content .table-2 .row-5 {
  width: 400px;
  min-width: 30%;
}

@media (max-width: 1599px) {
  .system-information-management .page-content .table-content .table-2 .row-5 {
    width: 285px;
  }
}

.system-information-management .page-content .table-content .table thead th {
  font-weight: 500;
  font-size: 16px;
  color: #4d5155;
  border-bottom: 0;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  white-space: nowrap;
}

.system-information-management .page-content .table-content .table th,
.system-information-management .page-content .table-content .table td {
  padding-left: 35px;
}

@media (max-width: 1700px) {
  .system-information-management .page-content .table-content .table th,
  .system-information-management .page-content .table-content .table td {
    padding-left: 25px;
    white-space: nowrap;
  }
}

.system-information-management .page-content .table-content .table td {
  font-weight: 400;
  font-size: 15px;
  color: #8c9299;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  padding-top: 6px;
  padding-bottom: 6px;
  line-height: 25px;
}

.system-information-management .page-content .table-content .table tbody tr:nth-child(2n + 1) {
  background-color: rgba(233, 233, 233, 0.3);
}

.system-information-management .page-content .table-content .table tbody tr:nth-child(2n + 1) td {
  background-color: rgba(233, 233, 233, 0.3);
}

.system-information-management .page-content .table-content .table tbody .bt01 {
  min-width: 65px;
  font-size: 13px;
  font-weight: 400;
  color: #8c9299;
  line-height: 26px;
  text-align: center;
  border: 1px solid #c5c8cc;
  border-radius: 3px;
  display: inline-block;
  background-color: #fdfdfd;
}

@media (max-width: 1700px) {
  .system-information-management .page-content .table-content .table tbody .bt01 {
    min-width: 60px;
    font-size: 12px;
  }
}

.system-information-management .page-content .table-content .table tbody .bt02 {
  min-width: 65px;
  font-size: 13px;
  font-weight: 400;
  color: #ffffff;
  line-height: 26px;
  text-align: center;
  border: 1px solid #f25152;
  border-radius: 3px;
  background-color: #f25152;
  display: inline-block;
  margin-left: 50px;
}

@media (max-width: 1882px) {
  .system-information-management .page-content .table-content .table tbody .bt02 {
    margin-left: 30px;
  }
}

@media (max-width: 1700px) {
  .system-information-management .page-content .table-content .table tbody .bt02 {
    min-width: 60px;
    font-size: 12px;
    margin-left: 25px;
  }
}

.system-information-management .box-custom {
  box-shadow: 5px 5px 9px 3px rgba(179, 179, 179, 0.17);
}

.system-information-management .box-custom__items__content--info {
  position: relative;
}

.system-information-management .box-custom__items__content--info:before {
  content: "";
  border-left: 1px solid rgba(153, 153, 153, 0.2);
  position: absolute;
  right: 5px;
  top: 0;
  height: 100%;
}

.system-information-management .box-custom__items__content--info.box-0:before {
  right: 9px;
}

.system-information-management .box-custom__items__content--info.box-1:before {
  right: -9px;
}

.system-information-management .box-custom__items__content--info.box-2:before {
  right: 7px;
}

.system-information-management .box-custom__items__content--info.box-3:before {
  right: -17px;
}

.system-information-management .box-custom__items__content--info.box-5:before {
  right: -5px;
}

.system-information-management .box-custom__items__content--info.box-6:before {
  display: none;
}

@media (max-width: 1599px) {
  .system-information-management .box-custom__items__content--info.box-0 img {
    max-width: 12px;
    height: 17px;
  }
  .system-information-management .box-custom__items__content--info.box-1 img {
    max-width: 12px;
    height: 17px;
  }
  .system-information-management .box-custom__items__content--info.box-2 img {
    max-width: 15px;
    height: 17px;
  }
  .system-information-management .box-custom__items__content--info.box-4 img {
    max-width: 13px;
  }
  .system-information-management .box-custom__items__content--info.box-3 img {
    max-width: 13px;
  }
  .system-information-management .box-custom__items__content--info.box-5 img {
    max-width: 13px;
  }
  .system-information-management .box-custom__items__content--info.box-6 img {
    max-width: 13px;
  }
}

.system-information-management .box-custom__items .name {
  font-size: 30px;
  font-weight: 700;
  margin-top: 10px;
}

.system-information-management .box-custom__items .name.name-01 {
  color: #f2ae0d;
}

.system-information-management .box-custom__items .name.name-02 {
  color: #319ffe;
  font-size: 25px;
  margin-top: 15px;
}

.system-information-management .box-custom__items .name.name-03 {
  color: #ab47bc;
}

.system-information-management .box-custom__items .name.name-04 {
  color: #26a69a;
  font-size: 25px;
  margin-top: 18px;
}

.system-information-management .box-custom__items .name.name-05 {
  color: #f884a4;
  font-size: 35px;
  margin-top: 4px;
}

.system-information-management .box-custom__items .name.name-05 span {
  color: #f884a4;
  font-weight: 200;
  font-size: 15px;
  margin-left: 4px;
}

.system-information-management .box-custom__items .name.name-06 {
  color: #dacc88;
  font-size: 35px;
  margin-top: 4px;
}

.system-information-management .box-custom__items .name.name-07 {
  color: #4e519b;
  font-size: 35px;
  margin-top: 4px;
}

@media (max-width: 1882px) {
  .system-information-management .box-custom__items .info-title p {
    font-size: 16px;
  }
  .system-information-management .box-custom__items .name {
    font-size: 26px;
    margin-top: 10px;
  }
  .system-information-management .box-custom__items .name.name-02 {
    font-size: 22px;
    margin-top: 9px;
  }
  .system-information-management .box-custom__items .name.name-04 {
    font-size: 22px;
    margin-top: 10px;
  }
  .system-information-management .box-custom__items .name.name-05 {
    font-size: 30px;
  }
  .system-information-management .box-custom__items .name.name-05 span {
    font-size: 12px;
  }
  .system-information-management .box-custom__items .name.name-06 {
    font-size: 30px;
  }
  .system-information-management .box-custom__items .name.name-07 {
    font-size: 30px;
  }
}

@media (max-width: 1599px) {
  .system-information-management .box-custom__items .info-title p {
    font-size: 14px;
  }
  .system-information-management .box-custom__items .name {
    font-size: 22px;
    margin-top: 6px;
  }
  .system-information-management .box-custom__items .name.name-02 {
    font-size: 18px;
  }
  .system-information-management .box-custom__items .name.name-04 {
    font-size: 18px;
  }
  .system-information-management .box-custom__items .name.name-05 {
    font-size: 26px;
  }
  .system-information-management .box-custom__items .name.name-05 span {
    font-size: 10px;
  }
  .system-information-management .box-custom__items .name.name-06 {
    font-size: 26px;
  }
  .system-information-management .box-custom__items .name.name-07 {
    font-size: 26px;
  }
  .system-information-management .box-custom__items .box-custom__items__content {
    padding: 15px 0 45px;
  }
}

.table-right tr:nth-child(2n + 1) td {
  background-color: #f6f6f6;
}

#chartdivpcv-1 {
  margin-top: 25px;
}

#chartdivpcv-1 svg g[aria-label="Legend"] g > g[aria-labelledby="id-107"][aria-checked="false"] g:nth-child(2) g:nth-child(2) {
  fill: #f884a4 !important;
}

#chartdivpcv-1 svg g[aria-label="Legend"] g > g[aria-labelledby="id-124"][aria-checked="false"] g:nth-child(2) g:nth-child(2) {
  fill: #26a69a !important;
}

.table-right tr:nth-child(2n + 1) td {
  background-color: #f6f6f6;
}

.table-custom .table-mr {
  padding-bottom: 30px;
}

.table-left {
  max-width: 160px;
  position: relative;
  z-index: 1;
}

.table-left th,
.table-left td {
  border-right: 0;
  padding: 6px 3px;
}

@media (max-width: 1640px) {
  .table-left {
    max-width: 120px;
  }
  .table-left .row-1 {
    min-width: auto !important;
  }
}

.br-left0 {
  border-left: 0 !important;
}

.page2-2 .nicescroll-rails .nicescroll-cursors {
  height: 8px !important;
}

.page2-2 .box-mrl {
  margin-left: 45px;
}

@media (max-width: 1805px) {
  .page2-2 .box-mrl {
    margin-left: -20px;
  }
}

@media (max-width: 1599px) {
  .page2-2 .box-mrl {
    margin-left: 30px;
  }
  .page2-2 .box-mrl svg {
    margin-right: -20px;
  }
}

.table-custom-bg {
  background: none;
}

.table-custom-bg .col-sidebar-left {
  margin-right: 18px;
}

.table-custom-bg .col-sidebar-left,
.table-custom-bg .col-sidebar-right {
  background-color: #fff;
}

.table-custom-bg .col-sidebar-right {
  padding: 0px 30px;
  padding-bottom: 48px;
  padding-top: 12px;
}

.table-custom-bg .box-table .table {
  width: 240px;
}

.table-custom-bg .box-table .table tr {
  background-color: #fff;
}

.table-custom-bg .box-table .table tr:nth-child(2n + 1) td:nth-child(2n + 2) {
  background-color: #f6f6f6;
}

.table-custom-bg .box-table .table tr:nth-child(2n + 2) td:nth-child(2n + 2) {
  background-color: #fff;
}

.table-custom-bg .box-table .table tr td {
  padding: 10px !important;
  text-align: center;
  line-height: 12px;
  background-color: #fff;
}

.table-style-02 {
  background: none;
}

.scroll-sidebar-left .mCustomScrollBox {
  width: 100%;
}

.scroll-sidebar-left .mCSB_scrollTools {
  width: 6px;
}

#chartdivpcv-1 svg g[aria-label="Legend"] g > g[aria-labelledby="id-286"] g:nth-child(2) g:nth-child(2) {
  fill: #f884a4 !important;
}

#esschartdivpcv-1 {
  margin-top: 25px;
}

#esschartdivpcv-1 svg g[aria-label="Legend"] g > g[aria-labelledby="id-107"] g:nth-child(2) g:nth-child(2) {
  fill: #f884a4 !important;
}

#esschartdivpcv-1 svg g[aria-label="Legend"] g > g[aria-labelledby="id-124"] g:nth-child(2) g:nth-child(2) {
  fill: #26a69a !important;
}

.tab-search .title,
.tab-filter .title {
  font-size: 19px;
  color: #534843;
  font-weight: 500;
  position: relative;
  padding-right: 25px;
}

.tab-search .title:before,
.tab-filter .title:before {
  position: absolute;
  content: "";
  width: 2px;
  height: 13px;
  background-color: #e5e5e5;
  top: 6px;
  right: 6px;
}

.tab-search ul,
.tab-filter ul {
  padding-left: 10px;
}

.tab-search ul:last-of-type,
.tab-filter ul:last-of-type {
  margin-bottom: 0;
}

.tab-search ul li,
.tab-filter ul li {
  border-radius: 5px;
  margin-left: 6px;
}

.tab-search ul li a,
.tab-filter ul li a {
  font-size: 16px;
  color: #898381;
  line-height: 30px;
  padding: 0;
  width: 70px;
  text-align: center;
  border: 1px solid #c4c1c0;
  border-radius: 0.25rem;
}

@media (max-width: 1599px) {
  .tab-search ul li a,
  .tab-filter ul li a {
    width: 60px;
  }
}

.tab-search ul li a.active,
.tab-filter ul li a.active {
  background-color: #f58026;
  color: #fff;
  border: 1px solid #f58026;
}

.tab-search .title-date,
.tab-filter .title-date {
  font-size: 19px;
  color: #908b89;
  font-weight: 500;
  position: relative;
  padding-right: 25px;
  padding-left: 60px;
  margin-right: 20px;
}

.tab-search .title-date:before,
.tab-filter .title-date:before {
  position: absolute;
  content: "";
  width: 2px;
  height: 13px;
  background-color: #e5e5e5;
  top: 6px;
  right: 0;
}

.tab-search .title-time,
.tab-filter .title-time {
  font-size: 19px;
  color: #908b89;
  font-weight: 500;
  position: relative;
  padding-right: 25px;
  padding-left: 40px;
  margin-right: 20px;
}

.tab-search .title-time:before,
.tab-filter .title-time:before {
  position: absolute;
  content: "";
  width: 2px;
  height: 13px;
  background-color: #e5e5e5;
  top: 6px;
  right: 0;
}

.tab-search .term-button,
.tab-filter .term-button {
  width: 130px;
}

.tab-search .term-button.hide,
.tab-filter .term-button.hide {
  display: none;
}

.tab-search .term-button label,
.tab-filter .term-button label {
  width: 130px;
  margin-bottom: 0;
}

.tab-search .term-button label input,
.tab-filter .term-button label input {
  border: 1px solid #c4c1c0;
  width: 130px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-image: url(../images/calendar.png);
  background-position: center right 10px;
  background-repeat: no-repeat;
  color: #898381;
  font-size: 16px;
  height: 34px;
}

.tab-search .option-time,
.tab-filter .option-time {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.tab-search .option-time .time-select,
.tab-filter .option-time .time-select {
  width: 65px;
  line-height: 30px;
  padding: 0px 0px 2px 10px;
  text-align: center;
  font-size: 16px;
  height: 32px;
}

.tab-search .option-time p,
.tab-filter .option-time p {
  color: #908b89;
  font-size: 19px;
  padding-left: 7px;
  padding-right: 20px;
}

.tab-search .option-time .search,
.tab-filter .option-time .search {
  margin-left: 5px;
  line-height: 30px;
}

.element-no-padding {
  padding: 0px !important;
}

.box-shadow-search-style2 .tab-filter ul li a {
  line-height: 28px;
}

.box-shadow-search-style2 .title {
  padding-right: 0;
  width: 55px;
}

.box-shadow-search-style2 .select-option {
  width: 65px;
  height: 30px;
  padding-left: 5px !important;
  text-align: left;
  line-height: 27px;
}

.box-shadow-search-style2 .title-all {
  padding-right: 10px;
  font-size: 17px;
  line-height: 28px;
  padding: 0px;
  padding-right: 1rem !important;
  margin: 0px;
  margin-right: 1rem !important;
}

.box-shadow-search-style2 .nav-pills {
  padding-left: 0px;
  margin-right: 30px;
}

.box-shadow-search-style2 span {
  font-size: 18px;
  font-weight: 500;
  color: #908b89;
  margin: 0px 10px;
  line-height: 30px;
}

.box-shadow-search-style2 .search {
  margin-left: 25px;
  line-height: 30px;
}

.box-shadow-search-style2 .search a {
  display: block;
}

.wrapper-nav-right {
  float: right;
}

.w-33 {
  width: 33.33% !important;
}

.box-flex .warning-txt .text-blue3 {
  color: #3b74e7;
  font-size: 35px;
  font-weight: 700;
  padding-bottom: 0px;
}

.col-sidebar-right {
  overflow-x: hidden;
}

.col-sidebar-right,
.col-sidebar-left,
.box-shadow-action .box-flex {
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);
}

.no-boxshadow {
  box-shadow: none !important;
}

.box-shadow-search-style2 .nav-pills {
  width: initial;
}

.box-shadow-search-style2 .wrapper-action {
  width: auto;
}

.wrapper-action {
  width: 470px;
  text-align: right;
}

.wrapper-action .none {
  display: none;
}

@media (max-width: 1700px) {
  .custom-tab-table .nav-pills {
    width: 100% !important;
  }
  .col-sidebar-right .box-maps {
    padding-left: 90px !important;
  }
}

@media (max-width: 1650px) {
  .wrapper-action {
    margin-left: 15px;
  }
}

@media (max-width: 1590px) {
  .box-shadow-search-style2 .title-all {
    font-size: 16px;
  }
  .box-shadow-search-style2 span {
    font-size: 16px;
  }
  .box-shadow-search-style2 .tab-filter ul li {
    margin-left: 5px;
  }
}

@media (max-width: 1560px) {
  .col-sidebar-right .box-maps.rack {
    padding-left: 110px !important;
  }
}

body .box-shadow-action .box-flex {
  padding: 12px;
}

body .box-shadow-action .warning-txt {
  padding-left: 6px;
}

body .box-shadow-action .warning-txt .text-purple,
body .box-shadow-action .warning-txt .text-green2,
body .box-shadow-action .warning-txt .text-blue3,
body .box-shadow-action .warning-txt .text-orange {
  font-size: 35px !important;
  font-weight: 700;
}

body .box-shadow-action .warning-txt .text-purple span,
body .box-shadow-action .warning-txt .text-green2 span,
body .box-shadow-action .warning-txt .text-blue3 span,
body .box-shadow-action .warning-txt .text-orange span {
  font-size: 15px;
  font-weight: 300;
}

body .box-shadow-action .warning-txt .text-blue3 span,
body .box-shadow-action .warning-txt .text-purple span,
body .box-shadow-action .warning-txt .text-blue2 span,
body .box-shadow-action .warning-txt .text-green2 span,
body .box-shadow-action .warning-txt .text-blue3 span,
body .box-shadow-action .warning-txt .text-orange span {
  font-size: 15px;
  font-weight: 300;
}

body .box-shadow-action .warning-txt .text-green2 {
  padding-bottom: 0;
  color: #8dd241;
}

body .box-shadow-action .warning-txt .text-blue3 {
  color: #319ffe;
}

body .box-shadow-action .warning-txt .text-orange {
  color: #ff8634;
}

body .box-shadow-action .warning-txt p {
  font-size: 19px;
  font-weight: 500;
}

#pills-tab-RACK .scroll-sidebar-left .nav-tabs {
  height: 580px;
}

#pills-tab-RACK .table-bottom {
  padding-left: 90px !important;
  padding-right: 20px;
}

.w-20 {
  width: 20% !important;
}

.resource-pv .table-nicescroll {
  margin-left: -2px;
}

.table-nicescroll {
  width: 1400px !important;
  padding-right: 15px;
}

@media (max-width: 1640px) {
  .table-nicescroll {
    width: 750px !important;
  }
}

#pills-tab-RACK .table-nicescroll {
  width: 1200px !important;
}

@media (max-width: 1640px) {
  #pills-tab-RACK .table-nicescroll {
    width: 560px !important;
  }
}

#pills-tab-PCS .table-nicescroll,
#pills-tab-BMS .table-nicescroll,
#pills-tab-DCS .table-nicescroll,
#pills-tab-THS .table-nicescroll,
#pills-tab-ACB .table-nicescroll,
#pills-tab-VCB .table-nicescroll,
#pills-tab-PVI .table-nicescroll,
#pills-tab-PVC .table-nicescroll {
  width: 1400px !important;
}

@media (max-width: 1640px) {
  #pills-tab-PCS .table-nicescroll,
  #pills-tab-BMS .table-nicescroll,
  #pills-tab-DCS .table-nicescroll,
  #pills-tab-THS .table-nicescroll,
  #pills-tab-ACB .table-nicescroll,
  #pills-tab-VCB .table-nicescroll,
  #pills-tab-PVI .table-nicescroll,
  #pills-tab-PVC .table-nicescroll {
    width: 780px !important;
  }
}

@media only screen and (max-width: 1720px) {
  .box-icon-style .box-flex img {
    max-width: 50px;
  }
  .box-icon-style .box-flex:nth-child(3) img {
    max-width: 30px;
  }
  .box-icon-style .box-flex:nth-child(5) img {
    max-width: 40px;
  }
  .box-icon-style .box-flex:nth-child(6) img {
    max-width: 22px;
  }
  .box-icon-style .box-flex .warning-txt p {
    font-size: 14px;
    padding-bottom: 10px;
  }
  .box-icon-style .box-flex .warning-txt .text-blue2,
  .box-icon-style .box-flex .warning-txt .text-green,
  .box-icon-style .box-flex .warning-txt .text-purple,
  .box-icon-style .box-flex .warning-txt .text-green2,
  .box-icon-style .box-flex .warning-txt .text-blue3,
  .box-icon-style .box-flex .warning-txt .text-orange {
    font-size: 20px !important;
    padding-bottom: 0;
  }
}

.box-icon-style .box-flex {
  margin-right: 10px;
}

.box-icon-style .box-flex.w-16 {
  width: 16.6%;
}

.box-icon-style .box-flex:last-child {
  margin-right: 0;
}

.p-60 {
  width: 100%;
  margin: auto;
}

.p-60:before {
  position: absolute;
  content: "";
  width: 1px !important;
  height: 102px !important;
  background-color: #ebebeb;
  top: 7px;
  right: 0;
}

.p-60:last-child:before {
  position: absolute;
  content: "";
  width: 0 !important;
  height: 0 !important;
}

@media (max-width: 1882px) {
  .p-60 h2 {
    font-size: 26px;
  }
  .p-60 .warning-txt .box-yellow {
    width: 75px !important;
  }
  .p-60 .warning-txt .box-red {
    width: 75px !important;
  }
  .p-60:last-child:before {
    width: 0 !important;
    height: 0 !important;
  }
}

@media (max-width: 1805px) {
  .p-60 h2 {
    font-size: 24px;
  }
  .p-60 .warning-txt .box-yellow {
    width: 70px;
  }
  .p-60 .warning-txt .box-red {
    width: 70px;
  }
  .p-60:last-child:before {
    width: 0 !important;
    height: 0 !important;
  }
}

@media (max-width: 1760px) {
  .p-60 .warning-txt .box-yellow {
    width: 70px;
  }
  .p-60 .warning-txt .box-red {
    width: 70px;
  }
  .p-60:last-child:before {
    width: 0 !important;
    height: 0 !important;
  }
}

@media (max-width: 1738px) {
  .p-60 .warning-txt .box-yellow {
    width: 65px;
  }
  .p-60 .warning-txt .box-red {
    width: 65px;
  }
}

@media (max-width: 1700px) {
  .p-60 .warning-txt .box-yellow {
    width: 65px;
  }
  .p-60 .warning-txt .box-red {
    width: 65px;
  }
}

@media (max-width: 1640px) {
  .p-60 .warning-txt .box-yellow {
    width: 70px;
  }
  .p-60 .warning-txt .box-red {
    width: 70px;
  }
  .p-60:last-child:before {
    width: 0 !important;
    height: 0 !important;
  }
}

@media (max-width: 1599px) {
  .p-60 .warning-txt .box-yellow {
    width: 70px;
  }
  .p-60 .warning-txt .box-red {
    width: 70px;
  }
  .p-60:last-child:before {
    width: 0 !important;
    height: 0 !important;
  }
}

@media (max-width: 1499px) {
  .p-60 .warning-txt .box-yellow {
    width: 70px;
  }
  .p-60 .warning-txt .box-red {
    width: 70px;
  }
  .p-60:last-child:before {
    width: 0 !important;
    height: 0 !important;
  }
}

.current-loss-rate .integrated-chart {
  margin-bottom: 10px;
  background-color: #ffffff;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .current-loss-rate .integrated-chart {
    margin-bottom: 10px;
  }
}

.current-loss-rate .integrated-chart .box-content {
  padding: 18px 18px 37px 18px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .current-loss-rate .integrated-chart .box-content {
    padding-bottom: 20px;
  }
}

.current-loss-rate .integrated-chart .box-content .parameter--sunlight {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}

.current-loss-rate .integrated-chart .box-content .parameter--sunlight .arrowLine01 {
  top: calc(190px - 18px);
  left: 265px;
  z-index: 0;
}

.current-loss-rate .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap {
  width: 1050px;
}

.current-loss-rate .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap .arrowLine_list .line--1 {
  width: 100%;
}

.current-loss-rate .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap .arrowLine_list .line--2A {
  position: absolute;
  width: 100%;
}

.current-loss-rate .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap .arrowLine_list .line--2A .lineCont::after {
  background-image: none;
}

.current-loss-rate .integrated-chart .box-content .parameter__content {
  position: relative;
  margin-right: 0;
  z-index: 1;
}

.current-loss-rate .integrated-chart .box-content .parameter__content--power {
  padding-left: 0;
}

.current-loss-rate .integrated-chart .box-content .parameter__content--power .image-power {
  margin-bottom: 22px;
}

.current-loss-rate .integrated-chart .box-content .parameter__content--image {
  position: relative;
  height: 190px;
  margin-bottom: 7px;
}

.current-loss-rate .integrated-chart .box-content .parameter__content--image .rate-wrap {
  top: 10px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .current-loss-rate .integrated-chart .box-content .parameter__content--image .rate-wrap {
    left: calc(50% - 42.5px);
  }
}

.current-loss-rate .integrated-chart .box-content .parameter__content--image .rate-wrap img {
  height: 35px;
}

.current-loss-rate .integrated-chart .box-content .parameter__content--image .rate-wrap .info {
  margin-left: 8px;
}

.current-loss-rate .integrated-chart .box-content .parameter__content--image .rate-wrap .info h2 {
  color: #212428;
  font-size: 20px;
  font-weight: 400;
}

.current-loss-rate .integrated-chart .box-content .parameter__content--image .rate-wrap .info p {
  color: #212428;
  font-size: 22px;
  font-weight: 700;
}

.current-loss-rate .integrated-chart .box-content .parameter__content--image .rate-wrap .info p span {
  font-size: 22px;
  font-weight: 300;
}

.current-loss-rate .integrated-chart .box-content .parameter__content--image .mt-dot {
  margin-top: -5px;
}

.current-loss-rate .integrated-chart .box-content .parameter__content--image .img-tool {
  width: auto;
}

.current-loss-rate .integrated-chart .box-content .parameter__content--image .img-tool.img-pvc {
  margin-bottom: -10px;
}

.current-loss-rate .integrated-chart .box-content .parameter__content--image .img-tool.img-inverter {
  margin-bottom: -22px;
}

.current-loss-rate .integrated-chart .box-content .parameter__content--image .img-tool.img-tr {
  margin-bottom: -6px;
}

.current-loss-rate .integrated-chart .box-content .parameter__content--image .img-tool.img-pcs {
  display: none;
  margin-bottom: -6px;
}

.current-loss-rate .integrated-chart .box-content .parameter__content--image .img-tool.img-pcs.active {
  display: block;
}

.current-loss-rate .integrated-chart .box-content .parameter__content h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: #212428;
  margin-bottom: 15px;
}

.current-loss-rate .integrated-chart .box-content .parameter__content h2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: #212428;
}

.current-loss-rate .integrated-chart .box-content .parameter__content h2 span {
  font-size: 12px;
  color: rgba(33, 36, 40, 0.8);
}

.current-loss-rate .integrated-chart .box-content .parameter__content--power {
  margin: 0;
}

.current-loss-rate .integrated-chart .box-content .parameter__content--power .parameter__content--image {
  margin-top: 0px;
}

.current-loss-rate .integrated-chart .box-content .parameter__content__tabel {
  position: relative;
  text-align: center;
  width: 135px;
  border: 1px solid #e5e4e4;
}

.current-loss-rate .integrated-chart .box-content .parameter__content__tabel .tb-head {
  background-color: #e5e4e4;
  padding: 5px;
  font-size: 18px;
  font-weight: 400;
  color: #585d64;
}

.current-loss-rate .integrated-chart .box-content .parameter__content__tabel .tb-data {
  padding: 5px;
  color: #212428;
  font-size: 22px;
  font-weight: 700;
}

.current-loss-rate .integrated-chart .box-content .parameter__content__tabel .tb-data span {
  font-size: 16px;
  font-weight: 300;
}

.current-loss-rate .integrated-chart .box-content .parameter .box-detail {
  width: 390px;
  top: -15px;
  right: 0;
  background-color: rgba(4, 6, 11, 0.3);
  color: #fff;
  z-index: 1;
}

.current-loss-rate .integrated-chart .box-content .parameter .box-detail__wrap {
  padding: 5px 13px 5px 15px;
}

.current-loss-rate .integrated-chart .box-content .parameter .box-detail__wrap p {
  margin-bottom: 3px;
}

.current-loss-rate .integrated-chart .box-content .parameter .box-detail__wrap p.name {
  font-size: 13px;
  font-weight: 700;
  color: #ffffff;
}

.current-loss-rate .integrated-chart .box-content .parameter .box-detail__wrap p.data {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
}

.current-loss-rate .integrated-chart .box-content .parameter .box-detail__wrap p.data span {
  width: 18px;
  font-size: 11px;
  font-weight: 300;
  display: inline-block;
  margin-left: 4px;
}

.current-loss-rate .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type {
  margin-left: 2px;
}

.current-loss-rate .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p {
  margin: 0;
}

.current-loss-rate .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p.name {
  position: relative;
}

.current-loss-rate .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p.name::before {
  content: "";
  position: absolute;
  background-color: rgba(255, 255, 255, 0.2);
  height: 13px;
  width: 2px;
  left: -17px;
  top: calc(50% - 6.5px);
}

.current-loss-rate .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p span {
  width: 14px;
}

#chartdiv2-4 {
  height: 340px;
}

.box-flex {
  margin-right: 17px;
  padding-top: 0;
  width: 253px;
  min-height: 195px;
  background-color: #fff;
  margin-bottom: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.box-flex:last-of-type {
  margin-right: 0;
}

.box-flex .warning-txt {
  padding-left: 15px;
}

.box-flex .warning-txt p {
  font-size: 19px;
  color: #6b6461;
  font-weight: 400;
  padding-bottom: 15px;
}

.box-flex .warning-txt .text-yel {
  color: #f2ae0d;
  font-size: 35px;
  font-weight: 700;
  padding-bottom: 0px;
}

.box-flex .warning-txt .text-yel span {
  font-size: 15px;
  padding-left: 3px;
}

.box-flex .warning-txt .text-orange {
  color: #ff8532;
  font-size: 35px;
  font-weight: 700;
  padding-bottom: 0px;
}

.box-flex .warning-txt .text-orange span {
  font-size: 15px;
  padding-left: 3px;
}

.box-flex .warning-txt .text-blue {
  color: #319ffe;
  font-size: 35px;
  font-weight: 700;
  padding-bottom: 0px;
}

.box-flex .warning-txt .text-blue span {
  font-size: 15px;
  padding-left: 3px;
}

.box-flex .warning-txt .text-pink {
  color: #f884a4;
  font-size: 35px;
  font-weight: 700;
  padding-bottom: 0px;
}

.box-flex .warning-txt .text-pink span {
  font-size: 15px;
  padding-left: 3px;
}

.box-flex .warning-txt .text-green {
  color: #26a69a;
  font-size: 35px;
  font-weight: 700;
  padding-bottom: 0px;
}

.box-flex .warning-txt .text-green span {
  font-size: 15px;
  padding-left: 3px;
}

.box-flex .warning-txt .text-purple {
  color: #ab47bc;
  font-size: 35px;
  font-weight: 700;
  padding-bottom: 0px;
}

.box-flex .warning-txt .text-purple span {
  font-size: 15px;
  padding-left: 3px;
}

@media (max-width: 1805px) {
  .box-flex .warning-txt {
    padding-left: 10px;
  }
  .box-flex .warning-txt p {
    font-size: 15px;
    padding-bottom: 15px;
  }
  .box-flex .warning-txt .text-yel {
    font-size: 28px;
    padding-bottom: 0px;
  }
  .box-flex .warning-txt .text-yel span {
    font-size: 13px;
    padding-left: 0px;
  }
  .box-flex .warning-txt .text-orange {
    font-size: 28px;
    padding-bottom: 0px;
  }
  .box-flex .warning-txt .text-orange span {
    font-size: 13px;
    padding-left: 3px;
  }
  .box-flex .warning-txt .text-blue {
    font-size: 28px;
    padding-bottom: 0px;
  }
  .box-flex .warning-txt .text-blue span {
    font-size: 13px;
    padding-left: 3px;
  }
  .box-flex .warning-txt .text-pink {
    font-size: 28px;
    padding-bottom: 0px;
  }
  .box-flex .warning-txt .text-pink span {
    font-size: 13px;
    padding-left: 3px;
  }
  .box-flex .warning-txt .text-green {
    font-size: 28px;
    padding-bottom: 0px;
  }
  .box-flex .warning-txt .text-green span {
    font-size: 13px;
    padding-left: 0px;
  }
  .box-flex .warning-txt .text-purple {
    font-size: 28px;
    padding-bottom: 0px;
  }
  .box-flex .warning-txt .text-purple span {
    font-size: 13px;
    padding-left: 3px;
  }
}

@media (max-width: 1599px) {
  .box-flex .warning-txt {
    padding-left: 10px;
  }
  .box-flex .warning-txt p {
    font-size: 13px;
    padding-bottom: 12px;
  }
  .box-flex .warning-txt .text-yel {
    font-size: 25px;
    padding-bottom: 0px;
  }
  .box-flex .warning-txt .text-yel span {
    font-size: 11px;
    padding-left: 0px;
  }
  .box-flex .warning-txt .text-orange {
    font-size: 25px;
    padding-bottom: 0px;
  }
  .box-flex .warning-txt .text-orange span {
    font-size: 11px;
    padding-left: 0px;
  }
  .box-flex .warning-txt .text-blue {
    font-size: 25px;
    padding-bottom: 0px;
  }
  .box-flex .warning-txt .text-blue span {
    font-size: 11px;
    padding-left: 0px;
  }
  .box-flex .warning-txt .text-pink {
    font-size: 25px;
    padding-bottom: 0px;
  }
  .box-flex .warning-txt .text-pink span {
    font-size: 11px;
    padding-left: 0px;
  }
  .box-flex .warning-txt .text-green {
    font-size: 25px;
    padding-bottom: 0px;
  }
  .box-flex .warning-txt .text-green span {
    font-size: 11px;
    padding-left: 0px;
  }
  .box-flex .warning-txt .text-purple {
    font-size: 25px;
    padding-bottom: 0px;
  }
  .box-flex .warning-txt .text-purple span {
    font-size: 11px;
    padding-left: 0px;
  }
}

.tab-search .title {
  font-size: 19px;
  color: #534843;
  font-weight: 500;
  position: relative;
  padding-right: 25px;
}

.tab-search .title:before {
  position: absolute;
  content: "";
  width: 2px;
  height: 13px;
  background-color: #e5e5e5;
  top: 6px;
  right: 0;
}

.tab-search ul {
  padding-left: 10px;
}

.tab-search ul:last-of-type {
  margin-bottom: 0;
}

.tab-search ul li {
  border-radius: 5px;
  margin-left: 13px;
}

.tab-search ul li a {
  font-size: 16px;
  color: #898381;
  line-height: 30px;
  padding: 0;
  width: 70px;
  text-align: center;
  border: 1px solid #c4c1c0;
  border-radius: 0.25rem;
}

.tab-search ul li a.active {
  background-color: #f58026;
  color: #fff;
  border: 1px solid #f58026;
}

.tab-search .title-date {
  font-size: 19px;
  color: #908b89;
  font-weight: 500;
  position: relative;
  padding-right: 25px;
  padding-left: 60px;
  margin-right: 20px;
}

.tab-search .title-date:before {
  position: absolute;
  content: "";
  width: 2px;
  height: 13px;
  background-color: #e5e5e5;
  top: 6px;
  right: 0;
}

.tab-search .title-time {
  font-size: 19px;
  color: #908b89;
  font-weight: 500;
  position: relative;
  padding-right: 25px;
  padding-left: 40px;
  margin-right: 20px;
}

.tab-search .title-time:before {
  position: absolute;
  content: "";
  width: 2px;
  height: 13px;
  background-color: #e5e5e5;
  top: 6px;
  right: 0;
}

.tab-search .term-button {
  width: 130px;
}

.tab-search .term-button.hide {
  display: none;
}

.tab-search .term-button label {
  width: 130px;
  margin-bottom: 0;
}

.tab-search .term-button label input {
  border: 1px solid #c4c1c0;
  width: 130px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-image: url(../images/calendar.png);
  background-position: center right 10px;
  background-repeat: no-repeat;
  color: #898381;
  font-size: 16px;
  height: 34px;
}

.tab-search .option-time {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.tab-search .option-time p {
  color: #908b89;
  font-size: 19px;
  padding-left: 7px;
  padding-right: 20px;
}

.tab-search .option-time .search {
  margin-left: 5px;
  line-height: 30px;
}

@media (max-width: 1919px) {
  body .tab-search .title {
    font-size: 19px;
    padding-right: 20px;
  }
  body .tab-search .title:before {
    width: 2px;
    height: 13px;
    top: 6px;
    right: 0;
  }
  body .tab-search ul {
    padding-left: 10px;
  }
  body .tab-search ul li {
    margin-left: 10px;
  }
  body .tab-search ul li a {
    font-size: 15px;
    padding: 0;
    width: 68px;
  }
  body .tab-search .title-date {
    font-size: 17px;
    padding-right: 15px;
  }
  body .tab-search .title-date:before {
    width: 2px;
    height: 13px;
    top: 6px;
    right: 0;
  }
  body .tab-search .title-time {
    font-size: 17px;
    padding-right: 20px;
    padding-left: 35px;
    margin-right: 18px;
  }
  body .tab-search .title-time:before {
    width: 2px;
    height: 13px;
    top: 6px;
    right: 0;
  }
  body .tab-search .term-button {
    width: 130px;
  }
  body .tab-search .term-button label {
    width: 130px;
    margin-bottom: 0;
  }
  body .tab-search .term-button label input {
    width: 130px;
    background-position: center right 10px;
    font-size: 15px;
    height: 34px;
  }
}

@media (max-width: 1805px) {
  body .tab-search .title {
    font-size: 17px;
    padding-right: 20px;
  }
  body .tab-search .title:before {
    width: 2px;
    height: 13px;
    top: 6px;
    right: 0;
  }
  body .tab-search ul {
    padding-left: 10px;
  }
  body .tab-search ul:last-of-type {
    margin-bottom: 0;
  }
  body .tab-search ul li {
    border-radius: 5px;
    margin-left: 13px;
  }
  body .tab-search ul li a {
    font-size: 15px;
    padding: 0;
    width: 65px;
  }
  body .tab-search .title-date {
    font-size: 17px;
    padding-right: 20px;
    padding-left: 45px;
    margin-right: 18px;
  }
  body .tab-search .title-date:before {
    width: 2px;
    height: 13px;
    top: 6px;
    right: 0;
  }
  body .tab-search .title-time {
    font-size: 17px;
    padding-right: 20px;
    padding-left: 35px;
    margin-right: 18px;
  }
  body .tab-search .title-time:before {
    width: 2px;
    height: 13px;
    top: 6px;
    right: 0;
  }
}

@media (max-width: 1760px) {
  body .tab-search .title {
    font-size: 17px;
    padding-right: 13px;
  }
  body .tab-search .title:before {
    width: 2px;
    height: 13px;
    top: 6px;
    right: 0;
  }
  body .tab-search ul {
    padding-left: 10px;
  }
  body .tab-search ul:last-of-type {
    margin-bottom: 0;
  }
  body .tab-search ul li {
    border-radius: 5px;
    margin-left: 13px;
  }
  body .tab-search ul li a {
    font-size: 15px;
    padding: 0;
    width: 65px;
  }
  body .tab-search .title-date {
    font-size: 17px;
    padding-right: 17px;
    padding-left: 45px;
    margin-right: 18px;
  }
  body .tab-search .title-date:before {
    width: 2px;
    height: 13px;
    top: 6px;
    right: 0;
  }
  body .tab-search .title-time {
    font-size: 17px;
    padding-right: 17px;
    padding-left: 35px;
    margin-right: 18px;
  }
  body .tab-search .title-time:before {
    width: 2px;
    height: 13px;
    top: 6px;
    right: 0;
  }
  body .tab-search .option-time .time-select {
    width: 60px;
    line-height: 30px;
    padding: 0px 0px 2px 10px;
    font-size: 15px;
    height: 32px;
  }
  body .tab-search .option-time p {
    font-size: 17px;
    padding-left: 7px;
    padding-right: 18px;
  }
  body .tab-search .option-time .search {
    margin-left: 5px;
    line-height: 30px;
  }
}

@media (max-width: 1738px) {
  body .tab-search .title {
    font-size: 17px;
    padding-right: 17px;
  }
  body .tab-search .title:before {
    width: 2px;
    height: 13px;
    top: 6px;
    right: 0;
  }
  body .tab-search ul {
    padding-left: 10px;
  }
  body .tab-search ul:last-of-type {
    margin-bottom: 0;
  }
  body .tab-search ul li {
    margin-left: 11px;
  }
  body .tab-search ul li a {
    font-size: 14px;
    width: 64px;
  }
  body .tab-search .title-date {
    font-size: 17px;
    padding-right: 17px;
    padding-left: 45px;
    margin-right: 18px;
  }
  body .tab-search .title-date:before {
    width: 2px;
    height: 13px;
    top: 6px;
    right: 0;
  }
  body .tab-search .title-time {
    font-size: 17px;
    padding-right: 17px;
    padding-left: 35px;
    margin-right: 18px;
  }
  body .tab-search .title-time:before {
    width: 2px;
    height: 13px;
    top: 6px;
    right: 0;
  }
}

@media (max-width: 1700px) {
  body .tab-search ul {
    padding-left: 10px;
  }
  body .tab-search ul:last-of-type {
    margin-bottom: 0;
  }
  body .tab-search ul li {
    margin-left: 11px;
  }
  body .tab-search ul li a {
    width: 60px;
  }
  body .tab-search .title-date {
    font-size: 17px;
    padding-right: 17px;
    padding-left: 45px;
    margin-right: 18px;
  }
  body .tab-search .title-date:before {
    width: 2px;
    height: 13px;
    top: 6px;
    right: 0;
  }
  body .tab-search .title-time {
    font-size: 17px;
    padding-right: 17px;
    padding-left: 35px;
    margin-right: 18px;
  }
  body .tab-search .title-time:before {
    width: 2px;
    height: 13px;
    top: 6px;
    right: 0;
  }
}

@media (max-width: 1640px) {
  body .tab-search .title {
    font-size: 16px;
  }
  body .tab-search .title:before {
    height: 10px;
  }
  body .tab-search ul {
    padding-left: 10px;
  }
  body .tab-search ul:last-of-type {
    margin-bottom: 0;
  }
  body .tab-search ul li {
    margin-left: 11px;
  }
  body .tab-search ul li a {
    width: 60px;
  }
  body .tab-search .title-date {
    font-size: 16px;
    padding-right: 17px;
    padding-left: 40px;
    margin-right: 15px;
  }
  body .tab-search .title-date:before {
    height: 10px;
  }
  body .tab-search .title-time {
    font-size: 16px;
    padding-right: 17px;
    padding-left: 30px;
    margin-right: 15px;
  }
  body .tab-search .title-time:before {
    height: 10px;
  }
  body .tab-search .term-button {
    width: 125px;
  }
  body .tab-search .term-button label {
    width: 125px;
  }
  body .tab-search .term-button label input {
    width: 125px;
    font-size: 15px;
  }
  body .tab-search .option-time .time-select {
    width: 55px;
    line-height: 30px;
    padding: 0px 0px 2px 7px;
    font-size: 15px;
    height: 32px;
  }
  body .tab-search .option-time p {
    font-size: 16px;
    padding-left: 5px;
    padding-right: 15px;
  }
  body .tab-search .option-time .search {
    margin-left: 5px;
    line-height: 30px;
  }
}

@media (max-width: 1599px) {
  body .tab-search .title {
    font-size: 15px;
  }
  body .tab-search .title:before {
    height: 10px;
  }
  body .tab-search ul {
    padding-left: 10px;
  }
  body .tab-search ul:last-of-type {
    margin-bottom: 0;
  }
  body .tab-search ul li {
    margin-left: 9px;
  }
  body .tab-search ul li a {
    width: 53px;
    font-size: 13px;
  }
  body .tab-search .title-date {
    font-size: 15px;
    padding-right: 17px;
    padding-left: 40px;
    margin-right: 15px;
  }
  body .tab-search .title-date:before {
    height: 10px;
  }
  body .tab-search .title-time {
    font-size: 15px;
    padding-right: 17px;
    padding-left: 30px;
    margin-right: 15px;
  }
  body .tab-search .title-time:before {
    height: 10px;
  }
  body .tab-search .term-button label input {
    height: 34px;
    font-size: 14px;
  }
  body .tab-search .option-time .time-select {
    font-size: 14px;
  }
  body .tab-search .option-time p {
    font-size: 14px;
  }
}

@media (max-width: 1517px) {
  body .tab-search .option-time .time-select {
    width: 50px;
    padding: 0px 0px 2px 5px;
    font-size: 13px;
  }
}

.padding-left-button {
  margin-left: 20px;
}

.title-all {
  font-size: 19px;
  color: #908b89;
  font-weight: 500;
  position: relative;
  padding-right: 25px;
  padding-left: 40px;
  margin-right: 20px;
}

.title-all:before {
  position: absolute;
  content: "";
  width: 2px;
  height: 13px;
  background-color: #e5e5e5;
  top: 8px;
  right: 0;
}

.title-device-number {
  font-size: 19px;
  color: #534843;
  font-weight: 500;
  position: relative;
  padding-right: 25px;
  margin-right: 13px;
  padding-left: 25px;
}

.title-device-number:before {
  position: absolute;
  content: "";
  width: 2px;
  height: 13px;
  background-color: #e5e5e5;
  top: 6px;
  right: 0;
}

.option-device-number {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.option-device-number p {
  font-size: 19px;
  color: #908b89;
  padding-left: 13px;
  padding-right: 7px;
}

.option-device-number .device-number-select {
  width: 170px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  height: 32px;
  border: 1px solid #c4c1c0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-image: url(../images/icon-down2.png);
  background-repeat: no-repeat;
  background-position: center right 7px;
  padding: 0px 20px 2px 10px !important;
}

.option-device-number .search {
  margin-left: 30px;
}

@media (max-width: 1919px) {
  .option-device-number .device-number-select {
    width: 60px;
    line-height: 30px;
    padding: 0px 0px 2px 10px;
    font-size: 15px;
    height: 32px;
  }
  .option-device-number .search {
    margin-left: 30px;
  }
}

@media (max-width: 1805px) {
  .option-device-number .device-number-select {
    width: 60px;
    line-height: 30px;
    padding: 0px 0px 2px 10px;
    font-size: 15px;
    height: 32px;
  }
  .option-device-number p {
    font-size: 17px;
  }
  .option-device-number .search {
    margin-left: 30px;
  }
}

@media (max-width: 1760px) {
  .title-device-number {
    margin-right: 10px;
  }
  .option-device-number p {
    font-size: 17px !important;
    padding-left: 10px !important;
  }
  .option-device-number .device-number-select {
    width: 60px;
    line-height: 30px;
    padding: 0px 0px 2px 10px;
    font-size: 15px;
    height: 32px;
  }
  .option-device-number .search {
    margin-left: 25px;
  }
}

@media (max-width: 1738px) {
  .title-device-number {
    font-size: 17px;
    padding-right: 17px;
    margin-right: 18px;
  }
  .option-device-number .device-number-select {
    width: 60px;
    line-height: 30px;
    padding: 0px 0px 2px 10px;
    font-size: 15px;
    height: 32px;
  }
  .option-device-number .search {
    margin-left: 20px;
  }
}

@media (max-width: 1700px) {
  .option-device-number .search {
    margin-left: 30px;
  }
}

@media (max-width: 1640px) {
  .title-device-number:before {
    width: 2px;
    height: 13px;
    right: 0;
  }
  .option-device-number .device-number-select {
    width: 55px;
    line-height: 30px;
    padding: 0px 0px 2px 7px;
    font-size: 15px;
    height: 32px;
  }
  .option-device-number .search {
    margin-left: 20px;
  }
}

@media (max-width: 1599px) {
  .title-device-number {
    font-size: 15px;
  }
  .option-device-number p {
    font-size: 15px !important;
  }
  .option-device-number .device-number-select {
    width: 55px;
    line-height: 30px;
    padding: 0px 0px 2px 7px;
    font-size: 14px;
    height: 32px;
  }
  .option-device-number .search {
    margin-left: 20px;
  }
}

@media (max-width: 1517px) {
  .option-device-number .device-number-select {
    width: 50px;
    padding: 0px 0px 2px 5px;
    font-size: 13px;
  }
}

.table-event-details tr td {
  border: 1px solid #e9e9e9;
}

.table-event-details thead tr th {
  border: 1px solid #e9e9e9;
  max-width: none !important;
}

.table-event-details thead tr th:nth-child(1), .table-event-details thead tr th:nth-child(2) {
  width: 13% !important;
}

.table-event-details thead tr th:nth-child(3), .table-event-details thead tr th:nth-child(4) {
  width: 8% !important;
}

.table-event-details thead tr th:nth-child(5), .table-event-details thead tr th:nth-child(6) {
  width: 10% !important;
}

.table-event-details thead tr th:nth-child(7), .table-event-details thead tr th:nth-child(8) {
  width: 8% !important;
}

.wrapper-button-download {
  position: absolute;
  right: 20px;
  top: 15px;
}

.wrapper-button-download a {
  display: inline-block;
  width: 120px;
  color: #eaeae9;
  background-color: #898381;
  text-align: center;
  border-radius: 3px;
  line-height: 34px;
}

@media (max-width: 1550px) {
  .wrapper-button-download {
    right: 15px;
  }
}

.style-width {
  width: 100% !important;
}

.wd-50 {
  min-width: 55px;
  padding-right: 15px !important;
}

@media (max-width: 1590px) {
  body .search.height-style a {
    line-height: 32px;
  }
}

body .event-status .page-content .search-form-statistics {
  margin-top: 15px;
  padding: 0px 20px;
}

body .event-status .page-content .search-form-statistics .group-select {
  width: 140px;
}

body .event-status .page-content .search-form-statistics .group-select select {
  width: 100%;
  height: 37px;
  border: 0;
  box-shadow: none;
  border: 1px solid #c4c1c0;
  font-size: 16px;
  padding: 0px 20px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-image: url(../images/icon-down2.png);
  padding-left: 8px;
  background-repeat: no-repeat;
  background-position: center right 7px;
}

body .event-status .page-content .search-form-statistics .group-select select:focus {
  outline: none;
}

body .event-status .page-content .search-form-statistics .group-input {
  width: calc(100% - 60%);
  margin-left: 10px;
}

body .event-status .page-content .search-form-statistics .group-input button {
  width: 100px;
  background: #898381;
  color: #dfdbdb;
  font-size: 14px;
  box-shadow: none;
  border: 0px;
  border-radius: 5px;
}

body .event-status .page-content .search-form-statistics .group-input button:focus {
  outline: none;
}

body .event-status .page-content .search-form-statistics .group-input.style2 .search {
  width: 100%;
}

body .event-status .page-content .search-form-statistics .group-input.hidden {
  display: none !important;
}

body .event-status .page-content .search-form-statistics .group-input .search {
  width: calc(100% - 100px);
  border: 1px solid #c4c1c0;
  box-shadow: none;
  background: #fff;
  margin-right: 10px;
  text-align: left;
  padding: 0 15px;
}

.custome-datatable2.table thead th,
.custome-datatable2.table-bordered td {
  border-bottom: 1px solid #e9e9e9;
}

.content-statistics .custome-datatable2 tr td {
  padding-top: 6px;
  padding-bottom: 6px;
}

.content-statistics .custome-datatable2.style03 thead tr th:nth-child(1) {
  width: 6% !important;
}

.content-statistics .custome-datatable2.style03 thead tr th:nth-child(2) {
  width: 11% !important;
}

.content-statistics .custome-datatable2.style03 thead tr th:nth-child(3) {
  width: 16% !important;
}

.content-statistics .custome-datatable2.style03 thead tr th:nth-child(5), .content-statistics .custome-datatable2.style03 thead tr th:nth-child(6) {
  width: 13% !important;
}

.content-statistics .custome-datatable2.style03 thead tr th:nth-child(4) {
  width: 12% !important;
}

.content-statistics .custome-datatable2.style03 thead tr th:nth-child(6) {
  width: 16% !important;
}

.content-statistics .custome-datatable2.style03 thead tr th:nth-child(7) {
  width: 16% !important;
}

.content-statistics .custome-datatable2 thead tr th:nth-child(1) {
  width: 9% !important;
}

.content-statistics .custome-datatable2 thead tr th:nth-child(2), .content-statistics .custome-datatable2 thead tr th:nth-child(3), .content-statistics .custome-datatable2 thead tr th:nth-child(4), .content-statistics .custome-datatable2 thead tr th:nth-child(5), .content-statistics .custome-datatable2 thead tr th:nth-child(6) {
  width: 12% !important;
}

.content-statistics .custome-datatable2 thead tr th:nth-child(6) {
  width: 13% !important;
}

.content-statistics .custome-datatable2 thead tr th:nth-child(7) {
  width: 16% !important;
}

.dashboard .content-statistics .custome-datatable2.style03 td {
  line-height: 20px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.dashboard .term-button {
  width: 200px;
}

.dashboard .term-button label {
  width: 200px;
  margin-bottom: 0;
}

.dashboard .term-button label input {
  border: 1px solid #c4c1c0;
  width: 200px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-image: url(../images/calendar.png);
  background-position: center right 10px;
  background-repeat: no-repeat;
  color: #898381;
  font-size: 16px;
  height: 34px;
}

.tab-search .option-time select {
  border: 0;
  box-shadow: none;
  border: 1px solid #c4c1c0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-image: url(../images/icon-down2.png);
  background-repeat: no-repeat;
  background-position: center right 7px;
  padding: 0px 20px 2px 10px !important;
}

.box-shadow-search {
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.08);
}

.table-style-02 #DataTables_Table_0_length select {
  width: 95px;
}

.table-style-02 {
  position: relative;
}

.table-style-02 a.remove-checkbox {
  background: #f25152;
  display: inline-block;
  color: #fce3e3;
  width: 95px;
  display: inline-block;
  text-align: center;
  position: absolute;
  left: 20px;
  bottom: 40px;
  border-radius: 3px;
  font-stretch: 14px;
  line-height: 32px;
}

.table-custom.table-custom-style02 {
  box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.08);
}

.event-status-skcc.event-status-skcc-style2 .page-content .warning-part {
  background-repeat: no-repeat;
}

.event-status-skcc.event-status-skcc-style2 .page-content .part .box-1 {
  background-image: url("../images/bg-3.png");
  background-position: -38px 100px;
}

.event-status-skcc.event-status-skcc-style2 .page-content .part .box-2 {
  background-image: url("../images/bg-5.png");
  background-position: -10px 100px;
}

.event-status-skcc.event-status-skcc-style2 .page-content .part .box-3 {
  background-image: url("../images/bg-9.png");
  background-position: -38px 102px;
}

.event-status-skcc.event-status-skcc-style2 .page-content .part .box-3 .status .ttl {
  background-color: #f2ae0d;
}

.event-status-skcc.event-status-skcc-style2 .page-content .part .box-4 {
  background-image: url("../images/bg-2.png");
  background-position: -28px 102px;
}

.event-status-skcc.event-status-skcc-style2 .page-content .part .box-5 {
  background-image: url("../images/bg-11.png");
  background-position: -15px 102px;
}

.event-status-skcc.event-status-skcc-style2 .page-content .part .box-5 .status .ttl {
  background-color: #ab47bc;
}

.event-status-skcc.event-status-skcc-style2 .page-content .part .box-6 {
  background-image: url("../images/bg-12.png");
  background-position: -28px 102px;
}

.event-status-skcc.event-status-skcc-style2 .page-content .part .box-7 {
  background-image: url("../images/bg-13.png");
  background-position: -15px 102px;
}

.event-status-skcc.event-status-skcc-style2 .page-content .part .box-7 .status .ttl {
  background-color: #ff8532;
}

.event-status-skcc.event-status-skcc-style2 .page-content .part .box-8 {
  background-image: url("../images/bg-8.png");
  background-position: -45px 102px;
}

.event-status-skcc.event-status-skcc-style2 .page-content .part .box-8 .status .ttl {
  background-color: #f884a4;
}

.event-status-skcc.event-status-skcc-style2 .page-content .part .box-9 {
  background-image: url("../images/bg-14.png");
  background-position: -32px 102px;
  margin-right: 0px;
}

.event-status-skcc.event-status-skcc-style2 .page-content .part .box-9 .status .ttl {
  background-color: #319ffe;
}

@media (max-width: 1805px) {
  .event-status-skcc.event-status-skcc-style2 .page-content .part .box-1 {
    background-position: bottom -6px left -24px;
    background-size: 90px;
  }
  .event-status-skcc.event-status-skcc-style2 .page-content .part .box-2 {
    background-position: bottom -8px left -16px;
    background-size: 77px;
  }
  .event-status-skcc.event-status-skcc-style2 .page-content .part .box-3 {
    background-position: bottom -8px left -16px;
    background-size: 77px;
  }
  .event-status-skcc.event-status-skcc-style2 .page-content .part .box-4 {
    background-position: bottom -8px left -16px;
    background-size: 77px;
  }
  .event-status-skcc.event-status-skcc-style2 .page-content .part .box-5 {
    background-position: bottom -8px left -16px;
    background-size: 77px;
  }
  .event-status-skcc.event-status-skcc-style2 .page-content .part .box-6 {
    background-position: bottom -8px left -16px;
    background-size: 77px;
  }
  .event-status-skcc.event-status-skcc-style2 .page-content .part .box-7 {
    background-position: bottom -8px left -16px;
    background-size: 77px;
  }
  .event-status-skcc.event-status-skcc-style2 .page-content .part .box-8 {
    background-position: bottom -8px left -16px;
    background-size: 77px;
  }
  .event-status-skcc.event-status-skcc-style2 .page-content .part .box-9 {
    background-position: bottom -8px left -16px;
    background-size: 77px;
  }
}

.am-charts .box-title {
  line-height: 45px;
}

body .custome-datatable2 thead tr th:nth-child(1) {
  width: 7% !important;
}

body .custome-datatable2 thead tr th:nth-child(2) {
  width: 18% !important;
}

body .custome-datatable2 thead tr th:nth-child(3) {
  width: 12% !important;
}

body .custome-datatable2 thead tr th:nth-child(4), body .custome-datatable2 thead tr th:nth-child(5), body .custome-datatable2 thead tr th:nth-child(6), body .custome-datatable2 thead tr th:nth-child(7) {
  width: 13% !important;
}

.custome-datatable2.table-striped tbody tr:nth-of-type(2n + 1) {
  background-color: #fbfbfb !important;
}

.event-status-skcc .custome-datatable.custome-datatable2 thead tr th {
  max-width: none !important;
  border-bottom: 1px solid #dee2e6;
}

.event-status-skcc .custome-datatable.custome-datatable2 thead tr th span {
  margin-left: 5px;
}

.table-responsive {
  position: relative;
}

.table-responsive .btn-download {
  position: absolute;
  right: 20px;
  top: 20px;
}

.table-responsive .btn-download a {
  color: #dfdbdb;
  background-color: #898381;
  display: inline-block;
  line-height: 34px;
  padding: 0px 2px;
  min-width: 110px;
  text-align: center;
  border-radius: 5px;
}

.table-responsive .btn-download.top-dl {
  top: 175px;
}

.table-responsive.table-style-02 .dataTables_length {
  margin-bottom: 12px !important;
}

.page-height100 {
  min-height: 100vh;
}

.page-ess-03 .page-content-3 {
  width: calc(100% - 240px);
}

.page-ess-03 .page-content-3 .event-status {
  width: 100% !important;
}

.page-ess-03 .page-content-3 .part-top {
  min-height: 325px;
}

.page-ess-03 .page-content-3 .part-bottom {
  min-height: 325px;
}

.page-ess-03 .event-status select {
  padding: 0px 27px !important;
  font-size: 13px;
  display: inline-block;
  line-height: initial;
  margin-left: 5px;
}

.page-ess-03 .title-part {
  font-weight: 500 !important;
}

.page-ess-03 .title-part .text-middle {
  color: #aea19b;
  font-size: 12px;
  margin: 0 3px;
  font-weight: 300;
}

.page-ess-03 .title-part a {
  background: #ff8532;
  color: #fff;
  font-size: 13px;
  padding: 1px 22px;
  border-radius: 3px;
}

.page-ess-03 .d-flex-left {
  width: 600px;
  margin-right: 17px;
}

@media (max-width: 1919px) {
  .page-ess-03 .d-flex-left {
    width: 540px;
  }
}

@media (max-width: 1760px) {
  .page-ess-03 .d-flex-left {
    width: 520px;
  }
}

@media (max-width: 1640px) {
  .page-ess-03 .d-flex-left {
    width: 500px;
  }
}

@media (max-width: 1517px) {
  .page-ess-03 .d-flex-left {
    width: 490px;
  }
}

.page-ess-03 .d-flex-right {
  width: calc(100% - 620px);
}

@media (max-width: 1919px) {
  .page-ess-03 .d-flex-right {
    width: calc(100% - 560px);
  }
}

@media (max-width: 1760px) {
  .page-ess-03 .d-flex-right {
    width: calc(100% - 540px);
  }
}

@media (max-width: 1640px) {
  .page-ess-03 .d-flex-right {
    width: calc(100% - 520px);
  }
}

@media (max-width: 1517px) {
  .page-ess-03 .d-flex-right {
    width: calc(100% - 510px);
  }
}

.page-ess-03 .main-part {
  padding: 20px;
}

.page-ess-03 .main-part .text-title {
  font-size: 20px;
  color: rgba(33, 36, 40, 0.8);
  margin-bottom: 15px;
  font-weight: 400;
}

.page-ess-03 .main-part table {
  color: #a7a7a7;
}

.page-ess-03 .main-part table tr th {
  padding: 1px 15px;
  background: #e5e4e4;
  border: 1px solid #d4d4d4;
  font-weight: 300;
  line-height: 29px;
}

@media (max-width: 1805px) {
  .page-ess-03 .main-part table tr th {
    padding: 1px 10px;
  }
}

.page-ess-03 .main-part table tr td {
  padding: 1px 15px;
  border: 1px solid #d4d4d4;
  vertical-align: middle;
  line-height: 29px;
  white-space: nowrap;
}

@media (max-width: 1805px) {
  .page-ess-03 .main-part table tr td {
    padding: 1px 10px;
  }
}

.page-ess-03 .main-part table tr .bg-th {
  background: #e5e4e4;
  width: 100px;
  text-align: center;
  vertical-align: top;
  color: rgba(12, 13, 15, 0.6);
  white-space: nowrap;
  padding: 0;
}

.page-ess-03 .main-part table tr .bg-th img {
  margin-top: -3px;
}

.page-ess-03 .main-part table tr .td-action {
  width: 340px;
}

@media (max-width: 1700px) {
  .page-ess-03 .main-part table tr .td-action {
    width: 290px;
  }
}

.page-ess-03 .main-part table tr .row-number {
  width: 172px;
  text-align: right;
}

.page-ess-03 .main-part table tr .row-number .unit {
  font-size: 11px;
  color: rgba(12, 13, 15, 0.8);
  display: inline-block;
  width: 25px;
  text-align: left;
  margin-left: 2px;
  font-weight: 200;
}

.page-ess-03 .main-part table tr .row-number .number {
  color: #484a4f;
  font-size: 16px;
}

.page-ess-03 .main-part table tr .btn-table {
  padding: 2px 10px;
  border-radius: 3px;
  border: 1px solid #ddd;
  display: inline-block;
  color: #898381;
  line-height: 15px;
  width: 58px;
  height: 23px;
  text-align: center;
  margin-left: 3px;
}

@media (max-width: 1640px) {
  .page-ess-03 .main-part table tr .btn-table {
    padding: 2px 8px;
    width: 50px;
  }
}

.page-ess-03 .main-part table tr .btn-table:last-child() {
  margin-left: 0;
}

.page-ess-03 .main-part table tr .btn-table + .active {
  background: #a2a2a2;
  color: #fff;
}

.page-ess-03 .main-part table tr .active_device {
  background: #5870f3;
  color: #fff;
}

.page-ess-03 .main-part .table-top {
  position: relative;
  z-index: 1;
  margin-bottom: -1px;
}

.page-ess-03 .main-part .wrapp-left {
  padding: 0 50px 0 15px;
  position: relative;
  width: 60%;
}

.page-ess-03 .main-part .wrapp-left:before {
  position: absolute;
  content: "";
  border-right: 1px solid rgba(153, 153, 153, 0.25);
  top: 5px;
  right: 0;
  width: 1px;
  bottom: 20px;
}

@media (max-width: 1919px) {
  .page-ess-03 .main-part .wrapp-left {
    padding: 0 25px 0 0;
  }
}

@media (max-width: 1760px) {
  .page-ess-03 .main-part .wrapp-left {
    padding: 0 15px 0 0;
  }
}

.page-ess-03 .main-part .wrapp-left .text-title {
  margin-bottom: 10px;
}

.page-ess-03 .main-part .wrapp-left .box:nth-child(4) {
  margin-right: 0;
}

.page-ess-03 .main-part .wrapp-left a {
  display: block;
  width: 25%;
}

.page-ess-03 .main-part .wrapp-right {
  width: 40%;
  padding: 0px 0 0 50px;
}

@media (max-width: 1805px) {
  .page-ess-03 .main-part .wrapp-right {
    padding: 0px 0 0 20px;
  }
}

.page-ess-03 .main-part .wrapp-right .text-title {
  margin-bottom: 10px;
}

.page-ess-03 .main-part .wrapp-right .box:nth-child(3) {
  margin-right: 0;
}

.page-ess-03 .main-part .wrapp-right a {
  display: block;
  width: 33.3%;
}

.page-ess-03 .main-part .box {
  padding: 11px;
  background: #c5c5c7;
  text-align: center;
  height: 120px;
  border-radius: 3px;
  margin-right: 8px;
  margin-bottom: 20px;
  padding-top: 33%;
}

@media (max-width: 1599px) {
  .page-ess-03 .main-part .box {
    height: 90px;
  }
}

@media (max-width: 1540px) {
  .page-ess-03 .main-part .box {
    margin-right: 5px;
  }
}

.page-ess-03 .main-part .box .text {
  color: #fff;
  margin-top: 5px;
  font-family: "NanumSquare";
  font-size: 15px;
}

@media (max-width: 1640px) {
  .page-ess-03 .main-part .box .text {
    font-size: 13px;
  }
}

.page-ess-03 .main-part .box .box-number {
  padding: 8px 20px;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-size: 20px;
  letter-spacing: 1px;
  color: #908b89;
  width: 140px;
  height: 100px;
  text-align: center;
}

@media (max-width: 1640px) {
  .page-ess-03 .main-part .box .box-number {
    width: 110px;
    height: 75px;
    padding: 6px 15px;
    font-size: 14px;
  }
}

.page-ess-03 .main-part .box .description {
  color: #ff7676;
  font-size: 14px;
  margin: 5px 0 0;
  font-weight: 300;
  text-align: left;
}

@media (max-width: 1640px) {
  .page-ess-03 .main-part .box .description {
    font-size: 11.3px;
  }
}

.page-ess-03 .main-part .bg-box-1 {
  background: #7d7cab;
}

.page-ess-03 .main-part .bg-box-2 {
  width: 62px;
  background: #6b6461;
}

.page-ess-03 .main-part .bg-box-3 {
  background: transparent;
  width: auto;
  padding: 0;
}

.page-ess-03 .main-part .bg-box-4 {
  padding: 13px 11px;
  background: #319ffe;
}

.page-ess-03 .main-part .bg-box-7 {
  padding: 13px 11px;
}

.page-ess-03 .main-part .bg-box-5 {
  background: #dacc88;
}

.event-status-skcc .table-information-management .custome-datatable thead tr th {
  max-width: initial !important;
}

.table-information-management {
  position: relative;
  padding-top: 55px !important;
}

.table-information-management .dataTables_length {
  display: none;
}

.table-information-management .btn-register {
  position: absolute;
  right: 20px;
  top: 12px;
}

.table-information-management .btn-register a {
  color: #fff;
  background-color: #898381;
  display: inline-block;
  line-height: 34px;
  border-radius: 3px;
  font-size: 14px;
  width: 120px;
  text-align: center;
}

.table-information-management .table tr:nth-of-type(2n + 1) {
  background-color: #fbfbfb;
}

.table-information-management .table tr th {
  border: 1px solid #e9e9e9;
}

.table-information-management .table tr th:nth-child(1) {
  width: 14% !important;
}

.table-information-management .table tr th:nth-child(2), .table-information-management .table tr th:nth-child(3) {
  width: 16% !important;
}

.table-information-management .table tr th:nth-child(4) {
  width: 28% !important;
}

.table-information-management .table tr td {
  border: 1px solid #e9e9e9;
}

.table-information-management .table tr td a {
  line-height: 21px;
  display: inline-block;
  width: 65px;
  border: 1px solid #c5c8cc;
  border-radius: 3px;
  text-align: center;
  color: #8c9299;
}

.table-information-management .table tr td a.btn-clear {
  background-color: #f25152;
  color: #fff;
  border: 1px solid #f25152;
  margin-left: 80px;
}

@media (max-width: 1550px) {
  body .part-style02 .btn-register-action {
    right: 15px;
  }
  body .table-information-management .btn-register {
    right: 15px;
  }
}

.wrapper-block {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 80px;
  margin-top: 80px;
}

.wrapper-block .block {
  width: 33.33%;
  text-align: center;
  position: relative;
}

.wrapper-block .block:before {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  background-color: #ebebeb;
  right: 0;
  width: 1px;
}

.wrapper-block .block h2 {
  font-size: 35px;
  font-weight: 700;
}

.wrapper-block .block img {
  height: 22px;
}

.wrapper-block .block .justify-content-center {
  margin-bottom: 0;
}

.wrapper-block .block .txt {
  margin-left: 5px;
  font-size: 19px;
  font-weight: 500;
  color: #6b6461;
}

.wrapper-block .block.block1 h2 {
  color: #f2ae0d;
}

.wrapper-block .block.block2 h2 {
  color: #ab47bc;
}

.wrapper-block .block.block3::before {
  display: none;
}

.wrapper-block .block.block3 h2 {
  color: #26a69a;
}

.part-style02 {
  position: relative;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);
}

.part-style02 .title-part {
  color: #534843;
  font-size: 19px;
  line-height: 48px;
  padding: 0px 20px;
  display: block;
  font-weight: 600;
  border-bottom: 1px solid #e2d9d3;
  background-color: #d5dadc;
}

.part-style02 .btn-register-action {
  position: absolute;
  right: 20px;
  top: 68px;
}

.part-style02 .btn-register-action a {
  color: #fff;
  background-color: #898381;
  border-radius: 3px;
  text-align: center;
  display: inline-block;
  line-height: 34px;
  width: 120px;
  font-size: 14px;
}

.part {
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);
}

.content-statistics .custome-datatable2.style03 thead tr th:nth-child(1) {
  width: 6% !important;
}

.content-statistics .custome-datatable2.style03 thead tr th:nth-child(2) {
  width: 11% !important;
}

.content-statistics .custome-datatable2.style03 thead tr th:nth-child(3) {
  width: 16% !important;
}

.content-statistics .custome-datatable2.style03 thead tr th:nth-child(5), .content-statistics .custome-datatable2.style03 thead tr th:nth-child(6) {
  width: 13% !important;
}

.content-statistics .custome-datatable2.style03 thead tr th:nth-child(4) {
  width: 12% !important;
}

.content-statistics .custome-datatable2.style03 thead tr th:nth-child(6) {
  width: 16% !important;
}

.content-statistics .custome-datatable2.style03 thead tr th:nth-child(7) {
  width: 16% !important;
}

.content-statistics .custome-datatable2 thead tr th:nth-child(1) {
  width: 5% !important;
}

.content-statistics .custome-datatable2 thead tr th:nth-child(2), .content-statistics .custome-datatable2 thead tr th:nth-child(3), .content-statistics .custome-datatable2 thead tr th:nth-child(4), .content-statistics .custome-datatable2 thead tr th:nth-child(5), .content-statistics .custome-datatable2 thead tr th:nth-child(6) {
  width: 12% !important;
}

.content-statistics .custome-datatable2 thead tr th:nth-child(6) {
  width: 13% !important;
}

.content-statistics .custome-datatable2 thead tr th:nth-child(7) {
  width: 16% !important;
}

.page-rss-05-04 .abc {
  width: calc(100% - 240px);
}

.page-rss-05-04 .abc .event-status {
  width: 100% !important;
}

.page-rss-05-04 .event-status .custome-datatable tbody tr td {
  min-width: 150px;
}

.page-rss-05-04 .wrapper-block {
  padding: 0 20px 80px;
}

.page-rss-05-04 .wrapper-block .block {
  padding: 0 15px;
}

.page-rss-05-04 .wrapper-block .block .cl-4 {
  color: #319ffe;
}

.page-rss-05-04 .wrapper-block .block .fz-25 {
  font-size: 35px;
}

.page-rss-05-04 .wrapper-block .block .fz-35 {
  font-size: 35px;
}

.page-rss-05-04 .wrapper-block .block .cl-5 {
  color: #ff8532;
}

.page-rss-05-04 .wrapper-block .block .cl-6 {
  color: #f884a4;
}

.page-rss-05-04 .wrapper-block .block .cl-2 {
  color: #dacc88;
}

.page-rss-05-04 .wrapper-block .block .cl-3 {
  color: #4e519b;
}

.page-rss-05-04 .wrapper-block .block h2 {
  margin-top: 10px;
  font-size: 30px;
}

.page-rss-05-04 .wrapper-block .block h2 span {
  font-size: 15px;
}

.page-rss-05-04 .wrapper-block .block.block-custom h2 {
  font-size: 22px;
  line-height: 40px;
}

.page-rss-05-04 .wrapper-block .block2 h2 {
  color: #ab47bc;
}

.page-rss-05-04 .wrapper-block .block-number h2 {
  font-size: 22px;
  line-height: 40px;
  color: #26a69a;
}

.page-rss-05-04 .wrapper-block .block-6 {
  color: #f884a4;
}

.page-rss-05-04 .wrapper-block .block-arrow h2 {
  font-size: 25px;
  line-height: 40px;
}

@media (max-width: 1882px) {
  .page-rss-05-04 .wrapper-block .block-number h2 {
    font-size: 24px;
  }
  .page-rss-05-04 .wrapper-block .block h2 {
    font-size: 26px;
  }
  .page-rss-05-04 .wrapper-block .block {
    padding: 0 15px;
  }
  .page-rss-05-04 .wrapper-block .block .txt {
    font-size: 18px;
  }
  .page-rss-05-04 .wrapper-block .block h2 {
    margin-top: 10px;
    font-size: 20px;
  }
  .page-rss-05-04 .wrapper-block .block h2 span {
    font-size: 18px;
  }
}

@media (max-width: 1685px) {
  .page-rss-05-04 .wrapper-block .block-number h2 {
    font-size: 18px;
    line-height: 30px;
  }
  .page-rss-05-04 .wrapper-block .block.block-custom h2 {
    font-size: 18px;
    line-height: 30px;
  }
  .page-rss-05-04 .wrapper-block .block h2 {
    font-size: 18px;
    line-height: 30px;
  }
  .page-rss-05-04 .wrapper-block .block-arrow h2 {
    line-height: 30px;
  }
  .page-rss-05-04 .wrapper-block .block .fz-25 {
    font-size: 25px;
  }
  .page-rss-05-04 .wrapper-block .block .fz-35 {
    font-size: 25px;
  }
  .page-rss-05-04 .wrapper-block .block h2 {
    margin-top: 10px;
    font-size: 18px;
  }
  .page-rss-05-04 .wrapper-block .block h2 span {
    font-size: 15px;
  }
}

@media (max-width: 1599px) {
  .page-rss-05-04 .wrapper-block .block .txt {
    font-size: 16px;
  }
  .page-rss-05-04 .wrapper-block .block .fz-25 {
    font-size: 22px;
  }
  .page-rss-05-04 .wrapper-block .block .fz-35 {
    font-size: 22px;
  }
  .page-rss-05-04 .wrapper-block .block-number h2 {
    font-size: 16px;
    line-height: 20px;
  }
  .page-rss-05-04 .wrapper-block .block.block-custom h2 {
    font-size: 16px;
    line-height: 20px;
  }
  .page-rss-05-04 .wrapper-block .block h2 {
    font-size: 16px;
    line-height: 20px;
  }
  .page-rss-05-04 .wrapper-block .block-arrow h2 {
    line-height: 20px;
  }
}

@media (max-width: 1517px) {
  .page-rss-05-04 .wrapper-block .block .txt {
    font-size: 15px;
  }
}

.page-rss-05-04 .text-notes {
  position: absolute;
  top: 22px;
  left: 15px;
  color: #aea19b;
}

.iframe-system-information-modification {
  padding: 0px;
  max-width: 1180px;
}

.iframe-system-information-modification .panel-body {
  padding: 15px;
}

.iframe-system-information-modification .panel-body .btn-download {
  float: right;
  margin-bottom: 15px;
}

.iframe-system-information-modification .panel-body .btn-download a {
  color: #dfdbdb;
  background-color: #898381;
  display: inline-block;
  line-height: 34px;
  padding: 0px 20px;
  border-radius: 5px;
}

.iframe-system-information-modification .panel-title {
  font-size: 19px;
  color: #534843;
  font-weight: 500;
  line-height: 50px;
  padding: 0px 15px;
  border-bottom: 1px solid #e2d9d3;
}

.iframe-system-information-modification .custome-datatable3 {
  margin-top: 10px;
}

.iframe-system-information-modification .custome-datatable3 thead tr th {
  font-size: 13px;
  border: 0;
  background-color: #484a4f;
  color: #b6b7b9;
  text-align: center;
  vertical-align: middle;
  font-weight: 400;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 35px;
  padding: 0px 10px;
  position: relative;
}

.iframe-system-information-modification .custome-datatable3 thead tr th:last-child:before {
  display: none;
}

.iframe-system-information-modification .custome-datatable3 thead tr th:after {
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  height: 13px;
  background-color: #57595d;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.iframe-system-information-modification .custome-datatable3 tbody tr td:first-child {
  background-color: #e5e4e4;
  color: #0c0d0f;
}

.iframe-system-information-modification .custome-datatable3 tr:nth-of-type(2n + 1) {
  background-color: #f6f6f6;
}

.iframe-system-information-modification .custome-datatable3 td {
  padding-left: 10px;
  padding-right: 10px;
}

.iframe-system-information-modification .custome-datatable3 td select,
.iframe-system-information-modification .custome-datatable3 td input {
  width: 112px;
  border: 1px solid #bfbcbb;
  border-radius: 3px;
  height: 26px;
}

.iframe-system-information-modification .custome-datatable3 td select {
  appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url(../images/icon-down2.png);
  padding-left: 8px;
  background-repeat: no-repeat;
  background-position: center right 7px;
}

.iframe-system-information-modification .custome-datatable3 td input {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

.iframe-system-information-modification .custome-datatable3 td .checkbox-wrapper {
  font-size: 16px;
  padding-left: 20px;
  margin-bottom: 0;
  line-height: 20px;
}

.wrapper-button-popup {
  margin-bottom: 45px;
  margin-top: 40px;
}

.wrapper-button-popup a {
  background-color: #f68816;
  color: #fdeade;
  line-height: 30px;
  border-radius: 3px;
  width: 83px;
  margin: 0px 5px;
}

.wrapper-button-popup a.btn-style {
  background-color: #898381;
}

.popup-system-action {
  padding: 0;
}

.popup-system-action .panel-title {
  font-size: 19px;
  color: #534843;
  font-weight: 500;
  line-height: 50px;
  padding: 0px 15px;
  border-bottom: 1px solid #e2d9d3;
}

.popup-system-action .panel-body {
  padding: 15px;
  padding-top: 25px;
}

.popup-system-action tr th,
.popup-system-action tr td {
  padding: 5px 10px !important;
  vertical-align: middle;
}

.popup-system-action tr th:first-child,
.popup-system-action tr td:first-child {
  background-color: #e5e4e4;
}

.popup-system-action tr th {
  line-height: 35px;
  padding-top: 0px !important;
  padding-bottom: 0 !important;
}

.popup-system-action tr th:nth-child(2) {
  padding-left: 20px !important;
}

.popup-system-action tr td input {
  border: 1px solid #c4c1c0;
  border-radius: 3px;
  padding: 5px 15px;
  height: 26px;
  margin-left: 10px;
}

.popup-system-action .wrapper-button-popup {
  margin-bottom: 25px;
}

.checkbox-wrapper {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  visibility: hidden;
}

.btn-create {
  background-color: #898381;
  width: 100px;
  background: #898381;
  color: #dfdbdb;
  font-size: 14px;
  box-shadow: none;
  border: 0px;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  line-height: 35px;
  position: absolute;
  right: 20px;
  top: 12px;
}

.btn-create:hover {
  color: #dfdbdb;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #c4c1c0;
}

.checkbox-wrapper input:checked ~ .checkmark {
  background-color: #898381;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkbox-wrapper input:checked ~ .checkmark:after {
  display: block;
}

.checkbox-wrapper input:checked ~ .text {
  font-weight: 600;
  color: #6b6461;
}

/* Style the checkmark/indicator */
.checkbox-wrapper .checkmark:after {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/icon-check.png");
  background-position: center center;
  background-size: 14px;
  background-repeat: no-repeat;
}

.wrapper-button-footer {
  margin-top: 50px;
}

.wrapper-button-footer a {
  display: inline-block;
  line-height: 30px;
  color: #eaeae9;
  border-radius: 4px;
  width: 100px;
  background-color: #f68816;
  font-size: 14px;
  margin: 0px 5px;
}

.wrapper-button-footer a.btn-cancel {
  background-color: #898381;
}

.wrapper-info-table {
  padding: 25px 20px;
  padding-bottom: 12px;
}

.wrapper-info-table .date-data,
.wrapper-info-table .inspector,
.wrapper-info-table .checker {
  font-size: 15px;
  color: #908b89;
  display: inline-block;
}

.wrapper-info-table .date-data span,
.wrapper-info-table .inspector span,
.wrapper-info-table .checker span {
  font-size: 19px;
  font-weight: 500;
  margin-left: 6px;
}

.wrapper-info-table .checker {
  position: relative;
}

.wrapper-info-table .checker:after {
  position: absolute;
  content: "-";
  right: -12px;
  top: 50%;
  font-weight: 600;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.wrapper-info-table .date,
.wrapper-info-table .inspector {
  margin-right: 45px;
}

.custome-datatable2 tbody tr td {
  line-height: 22px;
}

.custome-datatable2 a.btn-action {
  border: 1px solid #c3c6ca;
  border-radius: 3px;
  color: #8c9299;
  width: 65px;
  text-align: center;
  display: inline-block;
  font-size: 13px;
  line-height: 22px;
}

.table-custom {
  position: relative;
}

.search-form-date {
  position: absolute;
  right: 20px;
  z-index: 99;
}

.search-form-date .date {
  width: 135px;
  position: relative;
}

.search-form-date .date::before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  display: inline-block;
  background-image: url("../images/icon-date.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  cursor: pointer;
}

.search-form-date span {
  font-size: 15px;
  margin-right: 10px;
  line-height: 40px;
}

.search-form-date .submit {
  width: 73px;
  line-height: 38px;
  border: 0;
  border-radius: 3px;
  background-color: #898381;
  font-size: 14px;
  color: #e7e6e6;
  height: 38px;
  margin-left: 12px;
}

@media (max-width: 1599px) {
  .search-form-date {
    right: 15px;
  }
}

.page-ess-05-03 .nav-tabs .nav-item + .nav-item {
  margin-left: 10px;
}

.page-ess-05-03 .nav-tabs .nav-link {
  color: #534843;
  font-size: 19px;
  padding: 12px 32px;
  background: #eaeaea;
  border: 1px solid #e5e5e5;
}

.page-ess-05-03 .nav-tabs .nav-link.active {
  background: #fff;
}

.page-ess-05-03 .tab-content {
  background: #fff;
}

.page-ess-05-03 .tab-content .content-tab-1 {
  padding: 25px 20px;
  position: relative;
}

.page-ess-05-03 .tab-content .content-tab-1 .d-flex {
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.page-ess-05-03 .tab-content .content-tab-1 .d-flex span {
  font-size: 18px;
  color: #616161;
}

.page-ess-05-03 .tab-content .content-tab-1 .action-left {
  position: absolute;
  top: 25px;
  left: 20px;
}

.page-ess-05-03 .tab-content .content-tab-1 .action-left.d-flex * {
  margin-right: 10px;
}

.page-ess-05-03 .tab-content .content-tab-1 .action-right {
  position: absolute;
  top: 25px;
  right: 20px;
}

.page-ess-05-03 .tab-content .content-tab-1 .action-right.d-flex * {
  margin-left: 10px;
}

.page-ess-05-03 .tab-content .content-tab-1 select {
  padding: 6px 20px !important;
}

@media screen and (min--moz-device-pixel-ratio: 0) {
  .page-ess-05-03 .tab-content .content-tab-1 select {
    padding: 0px 20px !important;
  }
}

.page-ess-05-03 .tab-content .content-tab-1 .title-table {
  text-align: center;
}

.page-ess-05-03 .tab-content .content-tab-1 a.btn-action {
  background: #898381;
  padding: 7px 23px;
  border-radius: 4px;
  color: #fff;
}

@media screen and (min--moz-device-pixel-ratio: 0) {
  .page-ess-05-03 .tab-content .content-tab-1 a.btn-action {
    padding: 4px 23px;
  }
}

.page-ess-05-03 .tab-content .content-tab-1 .table-custom-calendar {
  margin-top: 20px;
}

.fc-day-header span {
  height: 50px;
  width: 100%;
  height: 100%;
  display: block;
  line-height: 50px;
  background: #e5e4e4;
  color: rgba(12, 13, 15, 0.6);
}

.fc-scroller.fc-day-grid-container {
  height: auto !important;
}

.fc-basic-view .fc-body .fc-row {
  height: 80px !important;
}

#calendar td {
  vertical-align: middle !important;
}

.fc {
  text-align: center !important;
}

.fc td {
  padding: 0;
  vertical-align: middle !important;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: none;
  position: absolute;
  height: 77px;
  line-height: 77px;
  font-size: 17px;
  padding: 0;
  width: calc(100% / 7);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.fc-event-container {
  height: 77px;
}

.fc-day-grid-event {
  background: #fff;
  border-color: transparent;
  position: relative;
  z-index: 100;
}

.block-flex {
  width: 100%;
  height: 100%;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.block-flex > div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  width: 55px;
  height: 55px;
  background: #f25152;
  border-radius: 50%;
  margin: 0 auto;
  border-color: #f25152;
}

.block-flex > div.disable {
  background: rgba(242, 81, 82, 0.6);
}

.block-flex > div .number {
  font-size: 18px;
}

.radio-wrapper {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0px;
  margin-right: 20px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Create a custom radio */
.checkradio {
  position: absolute;
  top: 3px;
  left: 0;
  height: 26px;
  width: 26px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #c4c1c0;
}

.radio-wrapper input:checked ~ .checkradio::before {
  content: "";
  padding: 2px;
  background-color: #898381;
  position: absolute;
  border-radius: 50%;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
}

/* Create the checkradio/indicator (hidden when not checked) */
.checkradio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkradio when checked */
.radio-wrapper input:checked ~ .checkradio:after {
  display: block;
}

.radio-wrapper input ~ .text {
  font-size: 16px;
}

.radio-wrapper input:checked ~ .text {
  font-weight: 600;
  color: #6b6461;
}

/* Hide the browser's default radio */
.radio-wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  visibility: hidden;
}

.popup-calendar {
  color: #212428;
  padding: 0;
}

.popup-calendar .panel-title {
  font-size: 19px;
  color: #534843;
  font-weight: 500;
  padding: 20px;
  border-bottom: 1px solid #e2d9d3;
}

@media (max-width: 1599px) {
  .popup-calendar .panel-title {
    padding: 10px 20px;
  }
}

.popup-calendar .panel-body {
  padding-left: 20px;
  padding-right: 20px;
}

.popup-calendar .event-content {
  padding: 20px;
}

@media (max-width: 1599px) {
  .popup-calendar .event-content {
    padding: 10px 20px;
  }
}

.popup-calendar .event-content .warn {
  width: 50px;
  margin-bottom: 10px;
}

.popup-calendar .event-content h2 {
  font-size: 18px;
  color: #212428;
  font-weight: 400;
  margin: 10px 0;
}

.popup-calendar .event-content h2 span {
  color: #534843;
}

.popup-calendar .register-content {
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
}

.popup-calendar .register-content:last-of-type {
  margin-bottom: 30px;
}

.popup-calendar .register-content h2 {
  font-size: 18px;
  color: rgba(33, 36, 40, 0.8);
}

.popup-calendar .register-content .form-checkbox {
  margin-top: 15px;
}

.popup-calendar .register-content .form-checkbox .custom-checkbox .container {
  font-size: 16px;
  padding-top: 2px;
  margin-bottom: 0;
}

.popup-calendar .register-content .form-checkbox .custom-checkbox input:checked ~ .text {
  font-weight: 600;
  color: #6b6461;
}

.popup-calendar .register-content select {
  color: #8e8886;
  background: #fff;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../images/icon-down2.png);
  background-repeat: no-repeat;
  background-position: center right 7px;
  padding: 6px 20px;
  border: 1px solid #c4c1c0;
  margin-top: 15px;
}

.popup-calendar .panel-footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 35px;
}

.popup-calendar .panel-footer a {
  border-radius: 5px;
  line-height: 30px;
  text-align: center;
  width: 80px;
  color: rgba(255, 255, 255, 0.8);
  background-color: #f68816;
}

.popup-calendar .panel-footer a + a {
  margin-left: 10px;
}

.popup-calendar .panel-footer .btn-close {
  background: #898381;
}

.notes {
  margin-top: 20px;
}

.box-notes {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff !important;
  width: 55px;
  height: 55px;
  background: #f25152 !important;
  border-radius: 50%;
  border-color: #f25152;
  box-shadow: 0px 6px 23px -2px rgba(0, 0, 0, 0.5);
  font-size: 19px;
  cursor: pointer;
}

.tab-setting .title {
  font-size: 20px;
  color: rgba(33, 36, 40, 0.8);
  margin-bottom: 15px;
}

.tab-setting .title .box-sub-title {
  font-size: 12px;
  color: #aea19b;
}

.tab-setting .btn-default {
  padding: 6px 15px;
  background: #fff;
  color: #898381;
  border: 1px solid rgba(137, 131, 129, 0.25);
  border-radius: 3px;
  height: 30px;
  display: inline-block;
  width: 73px;
  text-align: center;
}

.tab-setting .btn-default + .btn-default {
  margin-left: 5px;
}

.tab-setting .btn-default.bg-warn {
  background: #f68816;
  color: #fff;
}

.tab-setting .btn-default.bg-primary {
  background: #319ffe;
  color: #fff;
}

.tab-setting .action-table-top {
  margin: 30px 0;
}

.tab-setting .action-table-top a {
  width: 110px;
  padding: 6px 20px;
  text-align: center;
  height: 28px;
  display: inline-block;
  margin: 0 2px;
  border: none;
}

.tab-setting .action-table-top a.btn-default {
  background: #898381;
  color: #fff;
}

.tab-setting .table-top th {
  background-color: #e5e4e4;
  color: rgba(12, 13, 15, 0.4);
  padding: 12px 23px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #d6d6d6;
  width: 185px;
}

.tab-setting .table-top td {
  vertical-align: middle;
  border: 1px solid #d6d6d6;
  padding: 10px 40px;
}

.tab-setting .table-top select {
  min-width: 120px;
}

.tab-setting .table-top .select-tab {
  min-width: 90px;
}

.tab-setting .table-top .tab {
  margin: 0 12px 0 5px;
}

.tab-setting .table-top .input-custom {
  height: 30px;
  font-size: 14px;
  width: 78%;
}

@media (max-width: 1882px) {
  .tab-setting .table-top .input-custom {
    width: 79%;
  }
}

@media (max-width: 1805px) {
  .tab-setting .table-top .input-custom {
    width: 81%;
  }
}

@media (max-width: 1760px) {
  .tab-setting .table-top .input-custom {
    width: 82%;
  }
}

@media (max-width: 1700px) {
  .tab-setting .table-top .input-custom {
    width: 83%;
  }
}

@media (max-width: 1640px) {
  .tab-setting .table-top .input-custom {
    width: 85%;
  }
}

@media (max-width: 1629px) {
  .tab-setting .table-top .input-custom {
    width: 86%;
  }
}

@media (max-width: 1599px) {
  .tab-setting .table-top .input-custom {
    width: 87%;
  }
}

@media (max-width: 1517px) {
  .tab-setting .table-top .input-custom {
    width: 90%;
  }
}

.tab-setting .table-custom {
  padding-bottom: 20px;
}

.tab-setting .table-custom .table-mr {
  padding: 0;
}

.tab-setting .table-custom .btn-setting {
  background: #f25152;
  border-color: #f25152;
  color: #fff;
}

.tab-setting .table-custom .btn-table-bottom {
  background: #f25152;
  border-color: #f25152;
  color: #fff;
  padding: 6px 20px;
  border-radius: 3px;
  position: absolute;
  bottom: 10px;
  left: 0;
}

.tab-setting .block-setting {
  border-top: 1px solid #ddd;
  padding: 20px 0;
}

.tab-setting .block-setting .custom-checkbox .container {
  margin-bottom: 0;
}

.tab-setting .block-setting .custom-checkbox input[type="checkbox"] {
  width: 0;
  height: 0;
}

.tab-setting .block-setting .table-style-02 td {
  vertical-align: middle;
}

.tab-setting .block-setting .description {
  font-size: 12px;
  color: #aea19b;
  margin-top: 15px;
}

.tab-setting .btn-action-chart {
  background: #f68816;
  border-color: #f68816;
  color: #fff;
  padding: 6px 30px;
  border-radius: 3px;
  display: inline-block;
}

.tab-setting .wrapp-nav select {
  min-width: 93px;
  height: 30px;
}

.tab-setting .wrapp-nav select + select {
  margin-left: 7px;
}

.resource-ess .block-right {
  width: 92px;
  height: 519px;
  left: 0;
  top: 12px;
  border: 1px solid #d9d9d9;
  border-right: 0;
}

.resource-ess .block-right:nth-child(2) {
  top: 530px;
}

.resource-ess .block-right:nth-child(3) {
  top: 1048px;
}

.resource-ess .block-right .display-middle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

#chartdiv05-03-1 {
  height: 1650px;
  left: 12px;
  top: -30px;
  margin-left: 65px;
}

#chartdiv05-03-1 g[role="scrollbar"] {
  display: block !important;
}

#chartdiv05-03-2 {
  height: 340px;
  left: -15px;
  top: -30px;
  margin-right: -30px;
}

#chartdiv05-03-2 g[role="scrollbar"] {
  display: block !important;
}

.wrapper-block.box-number-synthesis .block img {
  height: auto;
}

@media (max-width: 1640px) {
  .wrapper-block.box-number-synthesis .block img {
    max-height: 35px;
  }
}

.wrapper-block.box-number-synthesis .block .justify-content-center {
  margin-top: 6px;
}

@media (max-width: 1599px) {
  .wrapper-block.box-number-synthesis .block .justify-content-center .txt {
    font-size: 14px !important;
  }
}

.wrapper-block.box-number-synthesis .block h2 {
  font-weight: 700;
  font-size: 35px !important;
}

@media (max-width: 1805px) {
  .wrapper-block.box-number-synthesis .block h2 {
    font-size: 30px !important;
  }
}

@media (max-width: 1640px) {
  .wrapper-block.box-number-synthesis .block h2 {
    font-size: 25px !important;
    margin-top: 5px !important;
  }
}

.wrapper-block.box-number-synthesis .block.block-4 h2 {
  color: #ff8532;
}

.wrapper-block.box-number-synthesis .block.block-5 h2 {
  color: #f884a4;
}

.wrapper-block.box-number-synthesis .block.block-6:before {
  display: none;
}

.wrapper-block.box-number-synthesis .block.block-6 h2 {
  color: #8bc34a;
}

.page-rss-05-04.page-synthesis .wrapper-block {
  padding: 0 20px 50px;
  margin-top: 50px;
}

.page-rss-05-04.page-synthesis .title-part {
  position: relative;
}

.page-rss-05-04.page-synthesis .title-part .title-part-left {
  float: right;
  font-size: 13px;
  color: #786b63;
  font-weight: 300;
}

.page-rss-05-04.page-synthesis .event-status .custome-datatable tbody tr:nth-child(2n + 1) td {
  background-color: #fbfbfb;
}

.page-rss-05-04.page-synthesis .event-status .custome-datatable tbody tr td {
  padding-top: 8px;
  padding-bottom: 8px;
  width: 19% !important;
}

.page-rss-05-04.page-synthesis .event-status .custome-datatable tbody tr td:nth-child(1) {
  width: 5% !important;
}

@media (max-width: 1650px) {
  .page-rss-05-04.page-synthesis .event-status .page-content .part .search {
    line-height: 34px;
  }
}

@media (max-width: 1590px) {
  .page-rss-05-04.page-synthesis .event-status .page-content .part .search {
    line-height: 34px;
  }
}

.page-rss-05-04.page-synthesis #year-start {
  margin-right: 60px;
}

.page-rss-05-04.page-synthesis #year-start:before {
  content: "년  ~ ";
  right: -44px;
}

.page-rss-05-04.page-synthesis .date-seclect .input-group {
  width: 130px;
}

.page-rss-05-04.page-synthesis .date-seclect .input-group label {
  width: 130px;
}

.page-rss-05-04.page-synthesis .date-seclect .input-group label input {
  font-size: 16px;
  color: #898381;
  width: 130px;
  background-image: url(../images/select.png);
}

.page-rss-05-04.page-synthesis .date-seclect .input-group#month2 {
  width: 120px;
}

.page-rss-05-04.page-synthesis .date-seclect .input-group#month2 label {
  width: 120px;
}

.page-rss-05-04.page-synthesis .date-seclect .input-group#month2 label input {
  width: 120px;
}

#chartdiv04-06 {
  margin-right: 10px;
}

#chartdiv04-06 svg g[aria-label="Legend"] g > g[aria-labelledby="id-107"] g:nth-child(2) g:nth-child(2) {
  fill: #f2ae0d !important;
}

#chartdiv04-06 svg g[aria-label="Legend"] g > g[aria-labelledby="id-124"] g:nth-child(2) g:nth-child(2) {
  fill: #ab47bc !important;
}

#chartdiv04-06 svg g[aria-label="Legend"] g > g[aria-labelledby="id-141"] g:nth-child(2) g:nth-child(2) {
  fill: #26a69a !important;
}

#chartdiv04-06 svg g[aria-label="Legend"] g > g[aria-labelledby="id-158"] g:nth-child(2) g:nth-child(2) {
  fill: #ff8532 !important;
}

#chartdiv04-06 svg g[aria-label="Legend"] g > g[aria-labelledby="id-175"] g:nth-child(2) g:nth-child(2) {
  fill: #f884a4 !important;
}

#chartdiv04-06 svg g[aria-label="Legend"] g > g[aria-labelledby="id-192"] g:nth-child(2) g:nth-child(2) {
  fill: #8bc34a !important;
}

.custom-tab-table .nav-pills .nav-link.active,
.custom-tab-table .nav-pills .show > .nav-link {
  border-bottom: 4px solid #6b6461;
  color: #6b6461;
  font-weight: 500;
  background-color: transparent;
}

.custom-tab-table .nav-pills {
  border-bottom: 1px solid #e5e5e5;
  background-color: #d5dadc;
}

.custom-tab-table .nav-pills li {
  padding-left: 20px;
  padding-right: 20px;
}

.custom-tab-table .nav-pills li a {
  font-weight: 300;
  color: #6b6461;
  font-size: 19px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 4px solid transparent;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

.rotate-180 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.custom-box {
  margin-bottom: 22px;
}

.custom-box .box-0 {
  background-image: url(../images/bg-21.png);
  background-repeat: no-repeat;
  background-position: bottom -28px left -30px;
}

.custom-box .box-0 .status .ttl {
  background-color: #4e519b;
}

.custom-box .status-part {
  margin-right: 17px;
  padding-top: 0;
  padding-bottom: 63px;
  width: 24%;
  max-height: 195px;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: 0px 10px 20px #eeeeee;
  text-align: center;
}

.custom-box .status-part:last-child {
  margin-right: 0;
}

.custom-box .status-part .status {
  margin-bottom: 33px;
}

.custom-box .status-part .status .ttl {
  margin-bottom: 13px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  line-height: 46px;
}

.custom-box .status-part h3 {
  color: #6c6765;
  font-size: 35px;
  font-weight: 700;
}

.custom-box .status-part .unit {
  color: #908b89;
  font-size: 20px;
  font-weight: 100;
  margin-top: 5px;
}

.custom-box .box-1 {
  background-image: url(../images/bg-15.png);
  background-repeat: no-repeat;
  background-position: bottom -20px left -30px;
}

.custom-box .box-1 .status .ttl {
  background-color: #319ffe;
}

.custom-box .box-2 {
  background-image: url(../images/bg-16.png);
  background-repeat: no-repeat;
  background-position: bottom -27px left -24px;
}

.custom-box .box-2 .status .ttl {
  background-color: #ff8532;
}

.custom-box .box-3 {
  background-image: url(../images/bg-17.png);
  background-repeat: no-repeat;
  background-position: bottom -27px left -10px;
}

.custom-box .box-3 .status .ttl {
  background-color: #319ffe;
}

.custom-box .box-4 {
  background-image: url(../images/bg-18.png);
  background-repeat: no-repeat;
  background-position: bottom -12px left -12px;
}

.custom-box .box-4 .status .ttl {
  background-color: #ff8532;
}

.page-05-01-ess .content-statistics .custome-datatable2.style03 td a {
  width: 80px;
  height: 24px;
}

.resource-ess .event-status .custome-datatable tbody tr td a.btn-setting {
  background: #f25152;
  border-color: #f25152;
  color: #fff;
  font-size: 13px;
  border-radius: 5px;
  padding-left: 20px;
  padding-right: 20px;
  height: 20px;
}

.resource-pv .main-wrap {
  padding: 20px 25px 20px 25px;
}

.resource-pv .main-wrap .main-content {
  width: calc(100% - 370px);
  margin-left: 18px;
}

.resource-pv .main-wrap .main-content .notify {
  background-color: #f58026;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 10px;
  padding-left: 18px;
  padding-right: 18px;
  height: 40px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: -0.4px;
}

.resource-pv .main-wrap .main-content .notify span {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  line-height: 45px;
  letter-spacing: -0.4px;
  padding-left: 10px;
  margin-left: 10px;
}

.resource-pv .main-wrap .main-content .notify span:before {
  content: "";
  position: absolute;
  height: 13px;
  width: 2px;
  background-color: rgba(255, 255, 255, 0.2);
  left: 0;
  top: calc(50% - 6.5px);
}

.resource-pv .main-wrap .main-content .integrated-chart {
  margin-bottom: 10px;
  background-color: #ffffff;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .resource-pv .main-wrap .main-content .integrated-chart {
    margin-bottom: 10px;
  }
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content {
  padding: 18px 18px 37px 18px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .resource-pv .main-wrap .main-content .integrated-chart .box-content {
    padding-bottom: 20px;
  }
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 {
  top: calc(164px - 18px);
  left: 148px;
  z-index: 0;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap {
  width: 893px;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap .arrowLine_list .line--1 {
  width: 100%;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap .arrowLine_list .line--2A {
  position: absolute;
  width: 100%;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap .arrowLine_list .line--2A .lineCont::after {
  background-image: none;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content {
  position: relative;
  margin-right: 18px;
  z-index: 1;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content--power {
  padding-left: 55px;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content--power .image-power {
  margin-bottom: 27px;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content--image {
  height: 164px;
  margin-bottom: 7px;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content--image .mt-dot {
  margin-top: -5px;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content--image .img-tool {
  display: none;
  width: auto;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content--image .img-tool.active {
  display: block;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: #212428;
  margin-bottom: 8px;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content h3.text-custom {
  color: rgba(33, 36, 40, 0.8);
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content h2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: #212428;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content h2 span {
  font-size: 12px;
  color: rgba(33, 36, 40, 0.8);
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content--power {
  margin: 0;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content--power .parameter__content--image {
  margin-top: 0px;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel {
  position: relative;
  text-align: center;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel table {
  margin: 0;
  border-bottom: 1px solid #e7e7e7;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody {
  display: block;
  max-height: 103px;
  overflow-y: scroll;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody:hover {
  overflow: auto;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel thead,
.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody tr {
  display: table-row;
  width: 100%;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel thead > tr > th {
  width: 77px;
  background-color: #484a4f;
  font-size: 12px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  border: 1px solid #484a4f;
  padding: 5px;
  position: relative;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel thead > tr > th:last-of-type:before {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel thead > tr > th:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 6px;
  background-color: #b8b8b8;
  top: 10px;
  right: 0;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel thead > tr > th:first-of-type {
  width: 64px;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody > tr > th {
  width: 64px;
  background-color: #e5e4e4;
  font-size: 12px;
  font-weight: 300;
  color: rgba(12, 13, 15, 0.6);
  border-top: 1px solid #d7d6d7;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  padding: 5px;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody > tr > td {
  width: 77px;
  border-right: 1px solid #e7e7e7;
  padding: 5px;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody > tr > td .data {
  font-size: 12px;
  font-weight: 500;
  color: #484a4f;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody > tr > td .data span {
  font-size: 9px;
  font-weight: 300;
  color: rgba(101, 102, 104, 0.8);
  margin-left: 1px;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail {
  width: 390px;
  top: -15px;
  right: 0;
  left: auto;
  background-color: rgba(4, 6, 11, 0.3);
  color: #fff;
  z-index: 1;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap {
  padding: 5px 13px 5px 15px;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap p {
  margin-bottom: 3px;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap p.name {
  font-size: 13px;
  font-weight: 700;
  color: #ffffff;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap p.data {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap p.data span {
  width: 18px;
  font-size: 11px;
  font-weight: 300;
  display: inline-block;
  margin-left: 4px;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type {
  margin-left: 2px;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p {
  margin: 0;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p.name {
  position: relative;
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p.name::before {
  content: "";
  position: absolute;
  background-color: rgba(255, 255, 255, 0.2);
  height: 13px;
  width: 2px;
  left: -17px;
  top: calc(50% - 6.5px);
}

.resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p span {
  width: 14px;
}

.resource-pv .main-wrap .main-content .pv-charge-chart {
  background-color: #ffffff;
}

@media (max-width: 1599px) {
  .resource-pv .main-wrap {
    padding: 8px 15px;
  }
  .resource-pv .main-wrap .main-content {
    margin-left: 15px;
  }
  .resource-pv .main-wrap .main-content .notify {
    font-size: 12px;
    margin-bottom: 10px;
    padding-left: 18px;
    padding-right: 18px;
    height: 30px;
    letter-spacing: -0.4px;
  }
  .resource-pv .main-wrap .main-content .notify span {
    font-size: 12px;
    line-height: 30px;
    letter-spacing: -0.4px;
    padding-left: 10px;
    margin-left: 10px;
  }
  .resource-pv .main-wrap .main-content .notify span:before {
    content: "";
    position: absolute;
    height: 13px;
    width: 2px;
    background-color: rgba(255, 255, 255, 0.2);
    left: 0;
    top: calc(50% - 6.5px);
  }
  .resource-pv .main-wrap .main-content .integrated-chart {
    margin-bottom: 10px;
    background-color: #ffffff;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content {
    padding: 18px 18px 15px 18px;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 {
    top: calc(150px - 18px);
    z-index: 0;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap .arrowLine_list .line--1 {
    width: 100%;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap .arrowLine_list .line--2A {
    position: absolute;
    width: 100%;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap .arrowLine_list .line--2A .lineCont::after {
    background-image: none;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content {
    position: relative;
    margin-right: 18px;
    z-index: 1;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content--power {
    padding-left: 55px;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content--power .image-power {
    margin-bottom: 27px;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content--image {
    height: 150px;
    margin-bottom: 7px;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content--image .mt-dot {
    margin-top: -5px;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content--image .img-tool {
    width: auto;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content h3 {
    font-size: 10px;
    margin-bottom: 8px;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content h2 {
    font-size: 10px;
    line-height: 1;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content h2 span {
    font-size: 8px;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content--power {
    margin: 0;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content--power .parameter__content--image {
    margin-top: 0px;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel {
    position: relative;
    text-align: center;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel table {
    margin: 0;
    border-bottom: 1px solid #e7e7e7;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody {
    display: block;
    max-height: 90px;
    overflow-y: scroll;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody:hover {
    overflow: auto;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel thead,
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody tr {
    display: table-row;
    width: 100%;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel thead > tr > th {
    width: 77px;
    background-color: #484a4f;
    font-size: 10px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid #484a4f;
    padding: 5px;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel thead > tr > th:first-of-type {
    width: 64px;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody > tr > th {
    width: 64px;
    font-size: 10px;
    padding: 5px;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody > tr > td {
    width: 63px;
    padding: 5px;
    font-size: 10px;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody > tr > td .data {
    font-size: 10px;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody > tr > td .data span {
    font-size: 8.4px;
    margin-left: 1px;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail {
    z-index: 1;
    width: 240px;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap {
    width: 120px;
    padding: 5px 5px 5px 10px;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap p {
    margin-bottom: 3px;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap p.name {
    font-size: 10px;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap p.data {
    font-size: 10px;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap p.data span {
    width: 18px;
    font-size: 9px;
    margin-left: 4px;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type {
    margin-left: 2px;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p {
    margin: 0;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p.name {
    position: relative;
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p.name::before {
    content: "";
    position: absolute;
    background-color: rgba(255, 255, 255, 0.2);
    height: 13px;
    width: 2px;
    left: -17px;
    top: calc(50% - 6.5px);
  }
  .resource-pv .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p span {
    width: 14px;
  }
}

.resource-pv .event-status .page-content .part .search a {
  display: block;
}

.td-title {
  color: #2e3235;
  font-size: 18px;
  padding: 5px 10px;
}

.w-70 {
  width: 70% !important;
}

#chartLossStatus {
  height: 340px;
}

.resource-dr .main-wrap {
  width: 100% !important;
}

.resource-dr .banner-menu .nav-left {
  padding-top: 175px;
}

.resource-dr .main-wrap {
  padding: 20px 25px 20px 25px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .resource-dr .main-wrap {
    padding: 20px 25px 20px 25px;
  }
}

.resource-dr .main-wrap .main-content {
  margin-left: 18px;
}

.resource-dr .main-wrap .main-content .notify {
  background-color: #f58026;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 10px;
  padding-left: 18px;
  padding-right: 18px;
  height: 40px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: -0.4px;
}

.resource-dr .main-wrap .main-content .notify span {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  line-height: 45px;
  letter-spacing: -0.4px;
  padding-left: 10px;
  margin-left: 10px;
}

.resource-dr .main-wrap .main-content .notify span:before {
  content: "";
  position: absolute;
  height: 13px;
  width: 2px;
  background-color: rgba(255, 255, 255, 0.2);
  left: 0;
  top: calc(50% - 6.5px);
}

.resource-dr .main-wrap .main-content .integrated-chart {
  margin-bottom: 10px;
  background-color: #ffffff;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .resource-dr .main-wrap .main-content .integrated-chart {
    margin-bottom: 10px;
  }
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content {
  padding: 18px 18px 37px 18px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .resource-dr .main-wrap .main-content .integrated-chart .box-content {
    padding-bottom: 20px;
  }
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 {
  top: calc(164px - 18px);
  z-index: 0;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap {
  width: 1056px;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap .arrowLine_list .line--1 {
  width: 100%;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap .arrowLine_list .line--2A {
  position: absolute;
  width: 100%;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap .arrowLine_list .line--2A .lineCont::after {
  background-image: none;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content {
  position: relative;
  margin-right: 18px;
  z-index: 1;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content--power {
  padding-left: 55px;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content--power .image-power {
  margin-bottom: 27px;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content--image {
  height: 164px;
  margin-bottom: 7px;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content--image .mt-dot {
  margin-top: -5px;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content--image .img-tool {
  width: auto;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: #212428;
  margin-bottom: 8px;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content h3.text-custom {
  color: rgba(33, 36, 40, 0.8);
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content h2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: #212428;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content h2 span {
  font-size: 12px;
  color: rgba(33, 36, 40, 0.8);
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content--power {
  margin: 0;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content--power .parameter__content--image {
  margin-top: 0px;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel {
  position: relative;
  text-align: center;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel table {
  margin: 0;
  border-bottom: 1px solid #e7e7e7;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody {
  display: block;
  max-height: 103px;
  overflow-y: scroll;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody:hover {
  overflow: auto;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel thead,
.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody tr {
  display: table-row;
  width: 100%;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel thead > tr > th {
  width: 77px;
  background-color: #484a4f;
  font-size: 12px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  border: 1px solid #484a4f;
  padding: 5px;
  position: relative;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel thead > tr > th:last-of-type:before {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel thead > tr > th:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 6px;
  background-color: #b8b8b8;
  top: 10px;
  right: 0;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel thead > tr > th:first-of-type {
  width: 64px;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody > tr > th {
  width: 64px;
  background-color: #e5e4e4;
  font-size: 12px;
  font-weight: 300;
  color: rgba(12, 13, 15, 0.6);
  border-top: 1px solid #d7d6d7;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  padding: 5px;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody > tr > td {
  width: 77px;
  border-right: 1px solid #e7e7e7;
  padding: 5px;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody > tr > td .data {
  font-size: 12px;
  font-weight: 500;
  color: #484a4f;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody > tr > td .data span {
  font-size: 9px;
  font-weight: 300;
  color: rgba(101, 102, 104, 0.8);
  margin-left: 1px;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail {
  width: 390px;
  top: -15px;
  right: 0;
  background-color: rgba(4, 6, 11, 0.3);
  color: #fff;
  z-index: 1;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap {
  padding: 5px 13px 5px 15px;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap p {
  margin-bottom: 3px;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap p.name {
  font-size: 13px;
  font-weight: 700;
  color: #ffffff;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap p.data {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap p.data span {
  width: 18px;
  font-size: 11px;
  font-weight: 300;
  display: inline-block;
  margin-left: 4px;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type {
  margin-left: 2px;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p {
  margin: 0;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p.name {
  position: relative;
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p.name::before {
  content: "";
  position: absolute;
  background-color: rgba(255, 255, 255, 0.2);
  height: 13px;
  width: 2px;
  left: -17px;
  top: calc(50% - 6.5px);
}

.resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p span {
  width: 14px;
}

.resource-dr .main-wrap .main-content .ess-charge-chart {
  background-color: #ffffff;
}

@media (max-width: 1599px) {
  .resource-dr .main-wrap {
    padding: 15px;
  }
  .resource-dr .main-wrap .main-content {
    margin-left: 10px;
  }
  .resource-dr .main-wrap .main-content .notify {
    font-size: 12px;
    margin-bottom: 10px;
    padding-left: 18px;
    padding-right: 18px;
    height: 30px;
    letter-spacing: -0.4px;
  }
  .resource-dr .main-wrap .main-content .notify span {
    font-size: 12px;
    line-height: 30px;
    letter-spacing: -0.4px;
    padding-left: 10px;
    margin-left: 10px;
  }
  .resource-dr .main-wrap .main-content .notify span:before {
    content: "";
    position: absolute;
    height: 13px;
    width: 2px;
    background-color: rgba(255, 255, 255, 0.2);
    left: 0;
    top: calc(50% - 6.5px);
  }
  .resource-dr .main-wrap .main-content .integrated-chart {
    margin-bottom: 10px;
    background-color: #ffffff;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content {
    padding: 18px 18px 15px 18px;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 {
    top: calc(150px - 18px);
    z-index: 0;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap {
    width: 1056px;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap .arrowLine_list .line--1 {
    width: 100%;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap .arrowLine_list .line--2A {
    position: absolute;
    width: 100%;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter--sunlight .arrowLine01 .arrowLineWrap .arrowLine_list .line--2A .lineCont::after {
    background-image: none;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content {
    position: relative;
    margin-right: 18px;
    z-index: 1;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content--power {
    padding-left: 55px;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content--power .image-power {
    margin-bottom: 27px;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content--image {
    height: 150px;
    margin-bottom: 7px;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content--image .mt-dot {
    margin-top: -5px;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content--image .img-tool {
    width: auto;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content h3 {
    font-size: 10px;
    margin-bottom: 8px;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content h2 {
    font-size: 10px;
    line-height: 1;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content h2 span {
    font-size: 8px;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content--power {
    margin: 0;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content--power .parameter__content--image {
    margin-top: 0px;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel {
    position: relative;
    text-align: center;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel table {
    margin: 0;
    border-bottom: 1px solid #e7e7e7;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody {
    display: block;
    max-height: 90px;
    overflow-y: scroll;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody:hover {
    overflow: auto;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel thead,
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody tr {
    display: table-row;
    width: 100%;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel thead > tr > th {
    width: 77px;
    background-color: #484a4f;
    font-size: 10px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid #484a4f;
    padding: 5px;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel thead > tr > th:first-of-type {
    width: 64px;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody > tr > th {
    width: 64px;
    font-size: 10px;
    padding: 5px;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody > tr > td {
    width: 63px;
    padding: 5px;
    font-size: 10px;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody > tr > td .data {
    font-size: 10px;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter__content__tabel tbody > tr > td .data span {
    font-size: 8.4px;
    margin-left: 1px;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail {
    top: -15px;
    right: 0;
    z-index: 1;
    width: 240px;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap {
    width: 120px;
    padding: 5px 5px 5px 10px;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap p {
    margin-bottom: 3px;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap p.name {
    font-size: 10px;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap p.data {
    font-size: 10px;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap p.data span {
    width: 18px;
    font-size: 9px;
    margin-left: 4px;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type {
    margin-left: 2px;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p {
    margin: 0;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p.name {
    position: relative;
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p.name::before {
    content: "";
    position: absolute;
    background-color: rgba(255, 255, 255, 0.2);
    height: 13px;
    width: 2px;
    left: -17px;
    top: calc(50% - 6.5px);
  }
  .resource-dr .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail__wrap:last-of-type p span {
    width: 14px;
  }
  .resource-dr .main-wrap .main-content .ess-charge-chart {
    background-color: #ffffff;
  }
}

.resource-dr .daily-box {
  width: 55%;
  padding-right: 20px;
}

@media (max-width: 1599px) {
  .resource-dr .daily-box {
    padding-right: 10px;
  }
}

.resource-dr .daily-box .daily-power {
  background-color: #fff;
  width: 100%;
}

.resource-dr .daily-box .daily-power:first-child {
  margin-bottom: 18px;
}

.resource-dr .daily-box .daily-power .box-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left;
}

.resource-dr .daily-box .daily-power .option-select {
  margin-left: 15px;
  appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 1px solid #c4c1c0;
  background-image: url(../images/select-ico.png);
  background-repeat: no-repeat;
  background-position: center right 5px;
  color: #8e8886;
  border-radius: 4px;
  padding: 0px 20px 2px 10px !important;
  height: 21px;
  line-height: 21px;
  font-size: 15px;
}

.resource-dr .daily-box .daily-power .content-chart {
  height: 395px;
}

.resource-dr .daily-box .daily-power .content-chart .tab-date {
  margin-top: 16px;
  margin-bottom: 40px;
  padding-left: 20px;
}

.resource-dr .daily-box .daily-power .content-chart .tab-date button {
  background-color: #fff;
  color: #898381;
  font-size: 16px;
  border: 1px solid #c4c1c0;
  border-radius: 4px;
  line-height: 30px;
  padding-left: 20px;
  padding-right: 20px;
  margin-right: 7px;
  outline: none;
}

.resource-dr .daily-box .daily-power .content-chart .tab-date button.active {
  background-color: #f58026;
  border: 0;
  color: #fff;
}

.resource-dr .lams {
  width: 45%;
}

.resource-dr .lams .lams-title {
  background-color: #898381;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 19px;
  font-weight: 500;
  padding-left: 18px;
  padding-right: 18px;
  line-height: 40px;
  margin-bottom: 10px;
}

.resource-dr .lams .lams-title p {
  color: #fffefe;
}

.resource-dr .lams .lams-content {
  background-color: #fff;
  color: #908b89;
}

.resource-dr .lams .lams-content .box-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left;
  /* background-color: #fff; */
}

.resource-dr .lams .lams-content .box-title p {
  margin-bottom: 0;
}

.resource-dr .lams .lams-content .box-title p:nth-of-type(2) {
  padding-left: 15px;
  padding-right: 15px;
}

.resource-dr .lams .lams-content .option-select {
  margin-left: 15px;
  appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 1px solid #c4c1c0;
  background-image: url(../images/select-ico.png);
  background-repeat: no-repeat;
  background-position: center right 5px;
  color: #8e8886;
  border-radius: 4px;
  padding: 0px 20px 2px 10px !important;
  height: 21px;
  line-height: 21px;
  font-size: 15px;
}

.resource-dr .lams .lams-content .content-lams {
  padding: 30px 25px 30px 30px;
  max-height: 830px;
  overflow: scroll;
}

@media (max-width: 1599px) {
  .resource-dr .lams .lams-content .content-lams {
    max-height: 824px;
  }
}

.resource-dr .lams .lams-content .content-lams .box-lams {
  width: 50%;
  background-color: #fbf6f3;
  padding: 25px;
  display: inline-block;
  margin-right: 10px;
}

.resource-dr .lams .lams-content .content-lams .box-lams:nth-of-type(2n) {
  margin-left: 10px;
  margin-right: 0;
}

.resource-dr .lams .lams-content .content-lams .box-lams h2 {
  padding-bottom: 15px;
  font-size: 26px;
  color: #77706d;
  font-weight: 700;
}

.resource-dr .lams .lams-content .content-lams .box-lams p {
  font-size: 20px;
  font-weight: 700;
  color: #908b89;
}

.resource-dr .lams .lams-content .content-lams .box-lams p span {
  font-size: 13px;
  font-weight: 200;
}

.resource-dr .lams .lams-content .content-lams .box-lams h4 {
  font-size: 16px;
  color: #908b89;
  font-weight: 400;
}

@media (max-width: 1882px) {
  .resource-dr .daily-box .daily-power:first-child {
    margin-bottom: 18px;
  }
  .resource-dr .daily-box .daily-power .content-chart {
    height: 395px;
  }
  .resource-dr .lams .lams-title {
    font-size: 19px;
    padding-left: 18px;
    padding-right: 18px;
    line-height: 40px;
    margin-bottom: 10px;
  }
  .resource-dr .lams .lams-content .box-title p {
    margin-bottom: 0;
  }
  .resource-dr .lams .lams-content .box-title p:nth-of-type(2) {
    padding-left: 15px;
    padding-right: 15px;
  }
  .resource-dr .lams .lams-content .option-select {
    margin-left: 15px;
    padding: 0px 20px 2px 10px !important;
    height: 21px;
    line-height: 21px;
    font-size: 15px;
  }
  .resource-dr .lams .lams-content .content-lams {
    padding: 30px 25px 30px 30px;
  }
  .resource-dr .lams .lams-content .content-lams .box-lams {
    width: 50%;
    padding: 25px;
    margin-right: 10px;
  }
  .resource-dr .lams .lams-content .content-lams .box-lams:nth-of-type(2n) {
    margin-left: 10px;
    margin-right: 0;
  }
  .resource-dr .lams .lams-content .content-lams .box-lams h2 {
    padding-bottom: 15px;
    font-size: 26px;
  }
  .resource-dr .lams .lams-content .content-lams .box-lams p {
    font-size: 20px;
  }
  .resource-dr .lams .lams-content .content-lams .box-lams p span {
    font-size: 13px;
    font-weight: 200;
  }
  .resource-dr .lams .lams-content .content-lams .box-lams h4 {
    font-size: 16px;
  }
}

@media (max-width: 1805px) {
  .resource-dr .daily-box .daily-power:first-child {
    margin-bottom: 10px;
  }
  .resource-dr .daily-box .daily-power .option-select {
    margin-left: 15px;
    padding: 0px 20px 2px 10px !important;
    height: 21px;
    line-height: 21px;
    font-size: 15px;
  }
  .resource-dr .daily-box .daily-power .content-chart {
    height: 395px;
  }
  .resource-dr .lams .lams-title {
    font-size: 12px;
    padding-left: 18px;
    padding-right: 18px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .resource-dr .lams .lams-content .box-title p {
    margin-bottom: 0;
  }
  .resource-dr .lams .lams-content .box-title p:nth-of-type(2) {
    padding-left: 15px;
    padding-right: 15px;
  }
  .resource-dr .lams .lams-content .option-select {
    margin-left: 15px;
    padding: 0px 20px 2px 10px !important;
    height: 21px;
    line-height: 21px;
    font-size: 15px;
  }
  .resource-dr .lams .lams-content .content-lams {
    padding: 30px 25px 30px 30px;
  }
  .resource-dr .lams .lams-content .content-lams .box-lams {
    width: 50%;
    padding: 25px;
    margin-right: 10px;
  }
  .resource-dr .lams .lams-content .content-lams .box-lams:nth-of-type(2n) {
    margin-left: 10px;
    margin-right: 0;
  }
  .resource-dr .lams .lams-content .content-lams .box-lams h2 {
    padding-bottom: 15px;
    font-size: 26px;
  }
  .resource-dr .lams .lams-content .content-lams .box-lams p {
    font-size: 20px;
  }
  .resource-dr .lams .lams-content .content-lams .box-lams p span {
    font-size: 13px;
    font-weight: 200;
  }
  .resource-dr .lams .lams-content .content-lams .box-lams h4 {
    font-size: 16px;
  }
}

@media (max-width: 1517px) {
  .resource-dr .daily-box {
    padding-right: 10px;
  }
  .resource-dr .daily-box .daily-power:first-child {
    margin-bottom: 10px;
  }
  .resource-dr .daily-box .daily-power .option-select {
    margin-left: 15px;
    padding: 0px 20px 2px 10px !important;
    height: 21px;
    line-height: 21px;
    font-size: 13px;
  }
  .resource-dr .daily-box .daily-power .content-chart {
    height: 395px;
  }
  .resource-dr .lams .lams-title {
    font-size: 12px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .resource-dr .lams .lams-content .box-title p {
    margin-bottom: 0;
  }
  .resource-dr .lams .lams-content .box-title p:nth-of-type(2) {
    padding-left: 15px;
    padding-right: 15px;
  }
  .resource-dr .lams .lams-content .content-lams {
    max-height: 823px;
    padding: 20px 25px 20px 30px;
  }
  .resource-dr .lams .lams-content .content-lams .box-lams {
    width: 50%;
    padding: 25px;
    margin-right: 10px;
  }
  .resource-dr .lams .lams-content .content-lams .box-lams:nth-of-type(2n) {
    margin-left: 10px;
    margin-right: 0;
  }
  .resource-dr .lams .lams-content .content-lams .box-lams h2 {
    padding-bottom: 15px;
    font-size: 17px;
  }
  .resource-dr .lams .lams-content .content-lams .box-lams p {
    font-size: 15px;
  }
  .resource-dr .lams .lams-content .content-lams .box-lams p span {
    font-size: 9px;
    font-weight: 200;
  }
  .resource-dr .lams .lams-content .content-lams .box-lams h4 {
    font-size: 13px;
  }
}

.resource-dr .navbar-left {
  width: 30%;
}

.resource-dr .navbar-left__box {
  background-color: #fff;
  color: #000;
  border: 1px solid transparent;
  margin-top: 10px;
}

.resource-dr .navbar-left__box .box-content {
  padding: 18px;
}

.resource-dr .navbar-left__box .box-content--item {
  padding: 10px 18px 10px 18px;
}

.resource-dr .navbar-left__box .box-content--item.line-left {
  position: relative;
}

.resource-dr .navbar-left__box .box-content--item.line-left::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 5px);
  height: 16px;
  width: 1px;
  background-color: #ededed;
}

.resource-dr .navbar-left__box .box-content--item .name {
  font-size: 16.23px;
  font-weight: 400;
  color: #908b89;
  margin-bottom: 4px;
}

.resource-dr .navbar-left__box .box-content--item .data {
  font-size: 26.37px;
  font-weight: 500;
  color: #908b89;
}

.resource-dr .navbar-left__box .box-content--item .data.both {
  font-size: 23.08px;
  font-weight: 700;
}

.resource-dr .navbar-left__box .box-content--item .data span {
  font-size: 13.19px;
  font-weight: 300;
  margin-bottom: 4px;
  width: 35px;
  display: inline-block;
}

.resource-dr .navbar-left__box .box-content hr {
  clear: both;
  width: 100%;
  margin: 0 18px;
  border-color: #f6e9e0;
}

.resource-dr .navbar-left__box.performance .button-performance {
  padding-top: 10px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .resource-dr .navbar-left__box.performance .button-performance {
    padding-top: 0;
  }
}

.resource-dr .navbar-left__box.performance .button-performance p {
  background-color: #898381;
  color: #fff;
  text-align: center;
  padding: 5px 18px;
  border-radius: 15px;
  font-size: 15px;
}

.resource-dr .navbar-left__box.performance .box-performance {
  padding-top: 8px;
}

.resource-dr .navbar-left__box.performance .box-performance h4 {
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  padding-bottom: 12px;
  display: -ms-inline-grid;
  display: inline-grid;
  padding-bottom: 5px;
}

.resource-dr .navbar-left__box.performance .box-performance h4 span {
  color: #786b63;
  font-size: 13px;
  padding-top: 5px;
}

.resource-dr .navbar-left__box.performance .box-performance p {
  font-size: 18px;
  font-weight: 500;
  color: #908b89;
  text-align: right;
  margin-top: -5px;
  text-align: center;
  margin-bottom: 0;
}

.resource-dr .navbar-left__box.performance .box-performance p span {
  font-size: 13px;
  font-weight: 200;
}

.resource-dr .navbar-left__box.performance .box-performance p.reduction-light {
  padding-left: 30px;
}

.resource-dr .navbar-left__box.operation-status .box-content {
  padding-top: 20px;
  padding-bottom: 20px;
}

.resource-dr .navbar-left__box.operation-status .box-content--item {
  text-align: center;
}

.resource-dr .navbar-left__box.operation-status .box-content--item.p2 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.resource-dr .navbar-left__box.operation-status .box-content--item.p2 .name {
  margin-bottom: 0px !important;
  font-size: 14px !important;
}

.resource-dr .navbar-left__box.operation-status .box-content--item.p2 .data {
  font-size: 20px !important;
}

.resource-dr .navbar-left__box.operation-status .box-content--item .name {
  font-size: 14px;
  margin-bottom: 10px;
}

.resource-dr .navbar-left__box.operation-status .box-content--item .data {
  font-size: 18px;
}

.resource-dr .navbar-left__box.equipment .box-content {
  padding-top: 30px;
  padding-bottom: 20px;
}

.resource-dr .navbar-left__box.equipment .box-content--item {
  padding-top: 0px;
  padding-bottom: 10px;
}

.resource-dr .navbar-left__box.equipment .box-content--item .name {
  font-size: 16px;
  font-weight: 400;
}

@media (max-width: 1805px) {
  .resource-dr .navbar-left__box {
    margin-top: 10px;
  }
  .resource-dr .navbar-left__box .box-content {
    padding: 18px;
  }
  .resource-dr .navbar-left__box .box-content--item {
    padding: 10px 13px 10px 13px;
  }
  .resource-dr .navbar-left__box .box-content--item.line-left::before {
    left: 0;
    top: calc(50% - 5px);
    height: 16px;
    width: 1px;
  }
  .resource-dr .navbar-left__box .box-content--item .name {
    font-size: 16px;
    margin-bottom: 4px;
  }
  .resource-dr .navbar-left__box .box-content--item .data {
    font-size: 20px;
  }
  .resource-dr .navbar-left__box .box-content--item .data.both {
    font-size: 20px;
  }
  .resource-dr .navbar-left__box .box-content--item .data span {
    font-size: 13px;
  }
  .resource-dr .navbar-left__box .box-content hr {
    margin: 0 18px;
  }
  .resource-dr .navbar-left__box.performance .button-performance {
    padding-top: 10px;
  }
}

@media screen and (max-width: 1805px) and (-ms-high-contrast: active), screen and (max-width: 1805px) and (-ms-high-contrast: none) {
  .resource-dr .navbar-left__box.performance .button-performance {
    padding-top: 0;
  }
}

@media (max-width: 1805px) {
  .resource-dr .navbar-left__box.performance .button-performance p {
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 15px;
  }
  .resource-dr .navbar-left__box.performance .box-performance h4 {
    font-size: 13px;
    padding-bottom: 5px;
  }
  .resource-dr .navbar-left__box.performance .box-performance h4 span {
    font-size: 10px;
    padding-top: 5px;
  }
  .resource-dr .navbar-left__box.performance .box-performance p.reduction-light {
    padding-left: 30px;
  }
  .resource-dr .navbar-left__box.performance .box-performance p span {
    font-size: 12px;
  }
  .resource-dr .navbar-left__box.operation-status .box-content {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item.p2 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item.p2 .name {
    margin-bottom: 0px !important;
    font-size: 14px !important;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item.p2 .data {
    font-size: 20px !important;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item .name {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item .data {
    font-size: 18px;
  }
  .resource-dr .navbar-left__box.equipment .box-content {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .resource-dr .navbar-left__box.equipment .box-content--item {
    padding-top: 0px;
    padding-bottom: 10px;
  }
  .resource-dr .navbar-left__box.equipment .box-content--item .name {
    font-size: 16px;
    font-weight: 400;
  }
}

@media (max-width: 1760px) {
  .resource-dr .navbar-left__box {
    margin-top: 10px;
  }
  .resource-dr .navbar-left__box .box-content {
    padding: 28px 18px;
  }
  .resource-dr .navbar-left__box .box-content--item {
    padding: 10px 13px 10px 13px;
  }
  .resource-dr .navbar-left__box .box-content--item.line-left::before {
    left: 0;
    top: calc(50% - 5px);
    height: 16px;
    width: 1px;
  }
  .resource-dr .navbar-left__box .box-content--item .name {
    font-size: 12px;
    margin-bottom: 4px;
  }
  .resource-dr .navbar-left__box .box-content--item .data {
    font-size: 20px;
  }
  .resource-dr .navbar-left__box .box-content--item .data.both {
    font-size: 17px;
  }
  .resource-dr .navbar-left__box .box-content--item .data span {
    font-size: 10px;
  }
  .resource-dr .navbar-left__box .box-content hr {
    margin: 0 18px;
  }
  .resource-dr .navbar-left__box.performance .button-performance {
    padding-top: 10px;
  }
}

@media screen and (max-width: 1760px) and (-ms-high-contrast: active), screen and (max-width: 1760px) and (-ms-high-contrast: none) {
  .resource-dr .navbar-left__box.performance .button-performance {
    padding-top: 0;
  }
}

@media (max-width: 1760px) {
  .resource-dr .navbar-left__box.performance .button-performance p {
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 15px;
  }
  .resource-dr .navbar-left__box.performance .box-performance h4 {
    font-size: 13px;
    padding-bottom: 5px;
  }
  .resource-dr .navbar-left__box.performance .box-performance h4 span {
    font-size: 10px;
    padding-top: 5px;
  }
  .resource-dr .navbar-left__box.performance .box-performance p.reduction-light {
    padding-left: 30px;
  }
  .resource-dr .navbar-left__box.performance .box-performance p span {
    font-size: 12px;
  }
  .resource-dr .navbar-left__box.operation-status .box-content {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item.p2 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item.p2 .name {
    margin-bottom: 0px !important;
    font-size: 14px !important;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item.p2 .data {
    font-size: 20px !important;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item .name {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item .data {
    font-size: 17px;
  }
  .resource-dr .navbar-left__box.equipment .box-content {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .resource-dr .navbar-left__box.equipment .box-content--item {
    padding-top: 0px;
    padding-bottom: 10px;
  }
  .resource-dr .navbar-left__box.equipment .box-content--item .name {
    font-size: 16px;
    font-weight: 400;
  }
}

@media (max-width: 1738px) {
  .resource-dr .navbar-left__box {
    margin-top: 10px;
  }
  .resource-dr .navbar-left__box .box-content {
    padding: 28px 18px;
  }
  .resource-dr .navbar-left__box .box-content--item {
    padding: 10px 13px 10px 13px;
  }
  .resource-dr .navbar-left__box .box-content--item.line-left::before {
    left: 0;
    top: calc(50% - 5px);
    height: 16px;
    width: 1px;
  }
  .resource-dr .navbar-left__box .box-content--item .name {
    font-size: 12px;
    margin-bottom: 4px;
  }
  .resource-dr .navbar-left__box .box-content--item .data {
    font-size: 20px;
  }
  .resource-dr .navbar-left__box .box-content--item .data.both {
    font-size: 17px;
  }
  .resource-dr .navbar-left__box .box-content--item .data span {
    font-size: 10px;
  }
  .resource-dr .navbar-left__box .box-content hr {
    margin: 0 18px;
  }
  .resource-dr .navbar-left__box.performance .button-performance {
    padding-top: 10px;
  }
}

@media screen and (max-width: 1738px) and (-ms-high-contrast: active), screen and (max-width: 1738px) and (-ms-high-contrast: none) {
  .resource-dr .navbar-left__box.performance .button-performance {
    padding-top: 0;
  }
}

@media (max-width: 1738px) {
  .resource-dr .navbar-left__box.performance .button-performance p {
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 15px;
  }
  .resource-dr .navbar-left__box.performance .box-performance h4 {
    font-size: 13px;
    padding-bottom: 5px;
  }
  .resource-dr .navbar-left__box.performance .box-performance h4 span {
    font-size: 10px;
    padding-top: 5px;
  }
  .resource-dr .navbar-left__box.performance .box-performance p {
    font-size: 16px;
    margin-top: -5px;
  }
  .resource-dr .navbar-left__box.performance .box-performance p.reduction-light {
    padding-left: 30px;
  }
  .resource-dr .navbar-left__box.performance .box-performance p span {
    font-size: 12px;
  }
  .resource-dr .navbar-left__box.operation-status .box-content {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item.p2 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item.p2 .name {
    margin-bottom: 0px !important;
    font-size: 14px !important;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item.p2 .data {
    font-size: 20px !important;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item .name {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item .data {
    font-size: 17px;
  }
  .resource-dr .navbar-left__box.equipment .box-content {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .resource-dr .navbar-left__box.equipment .box-content--item {
    padding-top: 0px;
    padding-bottom: 10px;
  }
  .resource-dr .navbar-left__box.equipment .box-content--item .name {
    font-size: 16px;
    font-weight: 400;
  }
}

@media (max-width: 1640px) {
  .resource-dr .navbar-left__box {
    margin-top: 10px;
  }
  .resource-dr .navbar-left__box .box-content {
    padding: 20px 18px;
  }
  .resource-dr .navbar-left__box .box-content--item {
    padding: 10px 13px 10px 13px;
  }
  .resource-dr .navbar-left__box .box-content--item.line-left::before {
    left: 0;
    top: calc(50% - 5px);
    height: 16px;
    width: 1px;
  }
  .resource-dr .navbar-left__box .box-content--item .name {
    font-size: 12px;
    margin-bottom: 4px;
  }
  .resource-dr .navbar-left__box .box-content--item .data {
    font-size: 20px;
  }
  .resource-dr .navbar-left__box .box-content--item .data.both {
    font-size: 17px;
  }
  .resource-dr .navbar-left__box .box-content--item .data span {
    font-size: 10px;
  }
  .resource-dr .navbar-left__box .box-content hr {
    margin: 0 18px;
  }
  .resource-dr .navbar-left__box.performance .button-performance {
    padding-top: 10px;
  }
}

@media screen and (max-width: 1640px) and (-ms-high-contrast: active), screen and (max-width: 1640px) and (-ms-high-contrast: none) {
  .resource-dr .navbar-left__box.performance .button-performance {
    padding-top: 0;
  }
}

@media (max-width: 1640px) {
  .resource-dr .navbar-left__box.performance .button-performance p {
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 15px;
  }
  .resource-dr .navbar-left__box.performance .box-performance h4 {
    font-size: 13px;
    padding-bottom: 5px;
  }
  .resource-dr .navbar-left__box.performance .box-performance h4 span {
    font-size: 10px;
    padding-top: 5px;
  }
  .resource-dr .navbar-left__box.performance .box-performance p.reduction-light {
    padding-left: 30px;
  }
  .resource-dr .navbar-left__box.performance .box-performance p span {
    font-size: 12px;
  }
  .resource-dr .navbar-left__box.operation-status .box-content {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item.p2 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item.p2 .name {
    margin-bottom: 0px !important;
    font-size: 14px !important;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item.p2 .data {
    font-size: 20px !important;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item .name {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item .data {
    font-size: 17px;
  }
  .resource-dr .navbar-left__box.equipment .box-content {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .resource-dr .navbar-left__box.equipment .box-content--item {
    padding-top: 0px;
    padding-bottom: 10px;
  }
  .resource-dr .navbar-left__box.equipment .box-content--item .name {
    font-size: 16px;
    font-weight: 400;
  }
}

@media (max-width: 1599px) {
  .resource-dr .navbar-left__box {
    margin-top: 10px;
  }
  .resource-dr .navbar-left__box .box-content--item {
    padding: 10px 13px 10px 13px;
  }
  .resource-dr .navbar-left__box .box-content--item.line-left::before {
    left: 0;
    top: calc(50% - 5px);
    height: 16px;
    width: 1px;
  }
  .resource-dr .navbar-left__box .box-content--item .name {
    font-size: 12px;
    margin-bottom: 4px;
  }
  .resource-dr .navbar-left__box .box-content--item .data {
    font-size: 20px;
  }
  .resource-dr .navbar-left__box .box-content--item .data.both {
    font-size: 17px;
  }
  .resource-dr .navbar-left__box .box-content--item .data span {
    font-size: 10px;
  }
  .resource-dr .navbar-left__box .box-content hr {
    margin: 0 18px;
  }
  .resource-dr .navbar-left__box.performance .button-performance {
    padding-top: 10px;
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  .resource-dr .navbar-left__box.performance .button-performance {
    padding-top: 0;
  }
}

@media (max-width: 1599px) {
  .resource-dr .navbar-left__box.performance .button-performance p {
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 15px;
  }
  .resource-dr .navbar-left__box.performance .box-performance {
    padding-top: 17.5px;
  }
  .resource-dr .navbar-left__box.performance .box-performance h4 {
    font-size: 13px;
    padding-bottom: 5px;
  }
  .resource-dr .navbar-left__box.performance .box-performance h4 span {
    font-size: 10px;
    padding-top: 5px;
  }
  .resource-dr .navbar-left__box.performance .box-performance p {
    font-size: 13px;
    margin-top: -5px;
  }
  .resource-dr .navbar-left__box.performance .box-performance p.reduction-light {
    padding-left: 30px;
  }
  .resource-dr .navbar-left__box.performance .box-performance p span {
    font-size: 12px;
  }
  .resource-dr .navbar-left__box.operation-status .box-content {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item.p2 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item.p2 .name {
    margin-bottom: 0px !important;
    font-size: 14px !important;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item.p2 .data {
    font-size: 20px !important;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item .name {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item .data {
    font-size: 17px;
  }
  .resource-dr .navbar-left__box.equipment .box-content {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .resource-dr .navbar-left__box.equipment .box-content--item {
    padding-top: 0px;
    padding-bottom: 10px;
  }
  .resource-dr .navbar-left__box.equipment .box-content--item .name {
    font-size: 16px;
    font-weight: 400;
  }
}

@media (max-width: 1517px) {
  .resource-dr .navbar-left__box {
    margin-top: 10px;
  }
  .resource-dr .navbar-left__box .box-content {
    padding: 32px 18px;
  }
  .resource-dr .navbar-left__box .box-content--item {
    padding: 10px 13px 10px 13px;
  }
  .resource-dr .navbar-left__box .box-content--item .name {
    font-size: 12px;
    margin-bottom: 4px;
  }
  .resource-dr .navbar-left__box .box-content--item .data {
    font-size: 15px;
  }
  .resource-dr .navbar-left__box .box-content--item .data.both {
    font-size: 13px;
  }
  .resource-dr .navbar-left__box .box-content--item .data span {
    font-size: 10px;
  }
  .resource-dr .navbar-left__box .box-content hr {
    margin: 0 18px;
  }
  .resource-dr .navbar-left__box.performance .button-performance {
    padding-top: 10px;
  }
}

@media screen and (max-width: 1517px) and (-ms-high-contrast: active), screen and (max-width: 1517px) and (-ms-high-contrast: none) {
  .resource-dr .navbar-left__box.performance .button-performance {
    padding-top: 0;
  }
}

@media (max-width: 1517px) {
  .resource-dr .navbar-left__box.performance .button-performance p {
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 13px;
  }
  .resource-dr .navbar-left__box.performance .box-performance h4 {
    font-size: 11px;
    padding-bottom: 5px;
  }
  .resource-dr .navbar-left__box.performance .box-performance h4 span {
    font-size: 9px;
    padding-top: 5px;
  }
  .resource-dr .navbar-left__box.performance .box-performance p {
    font-size: 13px;
    margin-top: -5px;
  }
  .resource-dr .navbar-left__box.performance .box-performance p.reduction-light {
    padding-left: 30px;
  }
  .resource-dr .navbar-left__box.performance .box-performance p span {
    font-size: 10px;
  }
  .resource-dr .navbar-left__box.operation-status .box-content {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item.p2 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item.p2 .name {
    margin-bottom: 0px !important;
    font-size: 14px !important;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item.p2 .data {
    font-size: 20px !important;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item .name {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .resource-dr .navbar-left__box.operation-status .box-content--item .data {
    font-size: 17px;
  }
  .resource-dr .navbar-left__box.equipment .box-content {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .resource-dr .navbar-left__box.equipment .box-content--item {
    padding-top: 0px;
    padding-bottom: 10px;
  }
  .resource-dr .navbar-left__box.equipment .box-content--item .name {
    font-size: 16px;
    font-weight: 400;
  }
}

.resource-dr .dashboard-page .navbar-left {
  width: 447px;
  min-width: 447px;
}

.resource-dr .dashboard-page .navbar-left .performance .button-performance {
  padding-bottom: 5px;
}

.resource-dr .dashboard-page .navbar-left .performance .button-performance p {
  font-size: 17px;
  font-weight: 500;
  color: #fff;
  padding: 7px 15px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
}

.resource-dr .dashboard-page .navbar-left .performance .button-performance p.bg-blue {
  background-color: #319ffe;
}

.resource-dr .dashboard-page .navbar-left .performance .button-performance p.bg-orange {
  background-color: #ff8532;
}

.resource-dr .dashboard-page .navbar-left .performance .box-performance h4 {
  font-size: 18px;
  font-weight: 300;
  color: #333333;
  padding: 0;
}

.resource-dr .dashboard-page .navbar-left .performance .box-performance .data {
  font-size: 23px;
  font-weight: 500;
  color: #908b89;
}

.w-20 {
  width: 20%;
}

.btn-form-right {
  width: 120px;
  border: 0px;
  font-size: 14px;
  height: 33px;
  line-height: 32px;
  text-align: center;
  border-radius: 3px;
  color: #fff;
  background-color: #898381;
  position: absolute;
  right: 0;
}

.btn-form-right.style3 {
  right: 20px;
}

.btn-form-right:hover {
  color: #fff;
}

.dashboard-stepmain .navbar-left {
  width: 370px;
}

.dashboard-stepmain .navbar-left .button-performance {
  padding-top: 4px;
}

.dashboard-stepmain .navbar-left__box {
  background-color: #fff;
  color: #000;
  border: 1px solid transparent;
  margin-top: 10px;
}

.dashboard-stepmain .navbar-left__box .box-content {
  padding: 10px 18px 10px 18px;
}

@media (max-width: 1599px) {
  .dashboard-stepmain .navbar-left__box .box-content {
    padding: 6px 18px 6px 18px;
  }
}

.dashboard-stepmain .navbar-left__box .box-content--item {
  padding: 10px 18px 10px 18px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .dashboard-stepmain .navbar-left__box .box-content--item {
    padding: 6px 18px 6px 18px;
  }
}

.dashboard-stepmain .navbar-left__box .box-content--item.line-left {
  position: relative;
}

.dashboard-stepmain .navbar-left__box .box-content--item.line-left::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 5px);
  height: 16px;
  width: 1px;
  background-color: #ededed;
}

.dashboard-stepmain .navbar-left__box .box-content--item .name {
  font-size: 21px;
  font-weight: 400;
  color: #908b89;
}

.dashboard-stepmain .navbar-left__box .box-content--item .data {
  font-size: 22px;
  color: #908b89;
  font-weight: 700;
}

@media (max-width: 1599px) {
  .dashboard-stepmain .navbar-left__box .box-content--item .data {
    font-size: 14px;
  }
}

.dashboard-stepmain .navbar-left__box .box-content--item .data span {
  font-size: 13.19px;
  font-weight: 300;
  margin-bottom: 4px;
}

@media (max-width: 1599px) {
  .dashboard-stepmain .navbar-left__box .box-content--item .data span {
    font-size: 10px;
  }
}

@media (max-width: 1599px) {
  .dashboard-stepmain .navbar-left__box .box-content--item {
    padding: 6px 18px 6px 18px;
  }
  .dashboard-stepmain .navbar-left__box .box-content--item .name {
    font-size: 14px;
  }
}

.dashboard-stepmain .navbar-left__box .box-content hr {
  clear: both;
  width: 100%;
  margin: 0 18px;
  border-color: #f6e9e0;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .dashboard-stepmain .navbar-left__box.performance .button-performance {
    padding-top: 0;
  }
}

.dashboard-stepmain .navbar-left__box.performance .button-performance p {
  background-color: #898381;
  color: #fff;
  text-align: center;
  padding: 5px 10px;
  border-radius: 15px;
  font-size: 15px;
}

.dashboard-stepmain .navbar-left__box.performance .box-performance {
  padding-top: 10px;
}

@media (max-width: 1599px) {
  .dashboard-stepmain .navbar-left__box.performance .box-performance {
    padding-top: 6px;
  }
}

.dashboard-stepmain .navbar-left__box.performance .box-performance h4 {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  padding-bottom: 12px;
  display: -ms-inline-grid;
  display: inline-grid;
}

.dashboard-stepmain .navbar-left__box.performance .box-performance h4 span {
  color: #786b63;
  font-size: 13px;
  padding-top: 5px;
}

.dashboard-stepmain .navbar-left__box.performance .box-performance p {
  font-size: 22px;
  font-weight: 600;
  color: #908b89;
  text-align: right;
  margin-top: -5px;
  text-align: center;
}

@media (max-width: 1599px) {
  .dashboard-stepmain .navbar-left__box.performance .box-performance p {
    font-size: 16px;
  }
}

.dashboard-stepmain .navbar-left__box.performance .box-performance p.reduction-light {
  padding-left: 30px;
}

.dashboard-stepmain .navbar-left__box.operation-status .box-content {
  padding-top: 5px;
  padding-bottom: 5px;
}

.dashboard-stepmain .navbar-left__box.operation-status .box-content--item {
  padding-top: 10px;
  padding-bottom: 10px;
}

.dashboard-stepmain .navbar-left__box.operation-status .box-content--item.p2 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.dashboard-stepmain .navbar-left__box.operation-status .box-content--item.p2 .name {
  margin-bottom: 0px !important;
  font-size: 14px !important;
}

.dashboard-stepmain .navbar-left__box.operation-status .box-content--item.p2 .data {
  font-size: 20px !important;
}

.dashboard-stepmain .navbar-left__box.operation-status .box-content--item .name {
  font-size: 16px;
  margin-bottom: 5px;
}

.dashboard-stepmain .navbar-left__box.operation-status .box-content--item .data {
  font-size: 22px;
}

@media (max-width: 1599px) {
  .dashboard-stepmain .navbar-left__box.operation-status .box-content--item .data {
    font-size: 16px;
  }
}

.dashboard-stepmain .navbar-left__box.equipment .box-content {
  padding-top: 10px;
  padding-bottom: 13px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .dashboard-stepmain .navbar-left__box.equipment .box-content {
    padding-top: 6px;
    padding-bottom: 8px;
  }
}

.dashboard-stepmain .navbar-left__box.equipment .box-content--item {
  padding-top: 0px;
  padding-bottom: 10px;
}

.dashboard-stepmain .navbar-left__box.equipment .box-content--item .name {
  font-size: 16px;
  font-weight: 400;
}

@media (max-width: 1599px) {
  .dashboard-stepmain .navbar-left {
    width: 280px;
  }
  .dashboard-stepmain .navbar-left__box .performance {
    background-color: #fff;
    color: #000;
    margin-top: 10px;
  }
  .dashboard-stepmain .navbar-left__box .performance .button-performance {
    padding-top: 5px;
  }
  .dashboard-stepmain .navbar-left__box .performance .button-performance p {
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 10px;
  }
  .dashboard-stepmain .navbar-left__box .performance .box-performance {
    padding-top: 5px;
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  .dashboard-stepmain .navbar-left__box .performance .box-performance {
    padding-top: 5px;
  }
}

@media (max-width: 1599px) {
  .dashboard-stepmain .navbar-left__box .performance .box-performance h4 {
    font-size: 12px;
    padding-bottom: 12px;
  }
  .dashboard-stepmain .navbar-left__box .performance .box-performance h4 span {
    font-size: 9px;
    padding-top: 5px;
  }
  .dashboard-stepmain .navbar-left__box .performance .box-performance p {
    font-size: 14px;
    margin-bottom: 10px;
    padding-right: 12px;
  }
}

.dashboard-stepmain .main-wrap {
  width: calc(100% - 240px) !important;
  padding: 22px 25px 23px 25px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .dashboard-stepmain .main-wrap {
    padding: 24px 25px 23px 25px;
  }
}

.dashboard-stepmain .main-wrap .main-content {
  margin-left: 18px;
}

.dashboard-stepmain .main-wrap .main-content .notify {
  background-color: #f58026;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 10px;
  padding-left: 18px;
  padding-right: 18px;
  height: 36px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: -0.4px;
}

.dashboard-stepmain .main-wrap .main-content .notify span {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  line-height: 45px;
  letter-spacing: -0.4px;
  padding-left: 10px;
  margin-left: 10px;
}

.dashboard-stepmain .main-wrap .main-content .notify span:before {
  content: "";
  position: absolute;
  height: 13px;
  width: 2px;
  background-color: rgba(255, 255, 255, 0.2);
  left: 0;
  top: calc(50% - 6.5px);
}

@media (max-width: 1599px) {
  .dashboard-stepmain .main-wrap {
    padding: 15px;
  }
  .dashboard-stepmain .main-wrap .main-content {
    margin-left: 18px;
  }
  .dashboard-stepmain .main-wrap .main-content .notify {
    font-size: 12px;
    margin-bottom: 10px;
    padding-left: 18px;
    padding-right: 18px;
    height: 30px;
    letter-spacing: -0.4px;
  }
  .dashboard-stepmain .main-wrap .main-content .notify span {
    font-size: 12px;
    line-height: 30px;
    letter-spacing: -0.4px;
    padding-left: 10px;
    margin-left: 10px;
  }
  .dashboard-stepmain .main-wrap .main-content .notify span:before {
    content: "";
    position: absolute;
    height: 13px;
    width: 2px;
    background-color: rgba(255, 255, 255, 0.2);
    left: 0;
    top: calc(50% - 6.5px);
  }
}

.dashboard-stepmain .banner-menu .nav-left {
  padding-top: 175px;
}

.dashboard-stepmain .banner-menu .nav-left .nav ul li .icon-menu-bk {
  display: none;
}

.dashboard-stepmain .banner-menu .nav-left .nav ul li.open a .icon-menu-bk {
  display: none;
}

.dashboard-stepmain .banner-menu .nav-left .nav ul li.open ul.dropdown-menu li.grandChild.active .icon-menu {
  display: block;
}

.dashboard-stepmain .banner-menu .nav-left .nav ul li.open ul.dropdown-menu li a .icon-menu {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transition: 0.4s;
}

.dashboard-stepmain .banner-menu .nav-left .nav ul li.open ul.dropdown-menu li a .icon-menu-bk {
  display: none;
}

.dashboard-stepmain .main-page .box-title {
  font-size: 23px;
  line-height: 35px;
}

.dashboard-stepmain .page-02-06 .event-status .custome-datatable thead tr th {
  padding-left: 15px;
  vertical-align: middle;
}

.dashboard-stepmain .page-02-06 .event-status .custome-datatable thead tr th span {
  color: #4d5155;
  font-weight: 500;
}

.dashboard-stepmain .page-02-06 .event-status .custome-datatable tbody tr td {
  padding-left: 15px;
}

.dashboard-stepmain .content-page {
  padding: 20px;
}

@media (max-width: 1599px) {
  .dashboard-stepmain .content-page {
    padding: 10px 20px;
  }
}

.dashboard-stepmain .content-page .wrapp-action {
  margin-bottom: 20px;
}

.dashboard-stepmain .content-page .btn-default {
  padding: 6px 20px;
  background: #898381;
  color: #fff;
  border-radius: 3px;
  display: inline-block;
}

.dashboard-stepmain .content-page .btn-default + .btn-default {
  margin-left: 7px;
}

.dashboard-stepmain .content-page .table.custom-table thead tr th {
  color: #4d5155;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  padding-left: 30px;
}

.dashboard-stepmain .content-page .table.custom-table thead tr th span {
  color: #bfbfbf;
  font-size: 14px;
  font-weight: 300;
}

.dashboard-stepmain .content-page .table.custom-table tbody tr td {
  color: #8c9299;
  font-size: 15px;
  text-align: left;
  padding-left: 30px;
  width: 0 !important;
  vertical-align: middle;
}

.dashboard-stepmain .content-page .table.custom-table tbody tr td input {
  background-color: #fff;
  color: #8c9299;
  font-size: 13px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  width: 65px;
  height: 20px;
}

.dashboard-stepmain .content-page .table.custom-table tbody tr td .checkbox-wrapper input[type="checkbox"] {
  height: 0;
  width: 0;
}

.dashboard-stepmain .content-page .title {
  font-size: 19px;
  position: relative;
}

.dashboard-stepmain .content-page .custom-radio {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.dashboard-stepmain .content-page .custom-radio .radio-wrapper {
  width: 25%;
}

.dashboard-stepmain .content-page .wrapper-block {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 50px;
  margin-top: 50px;
  border-bottom: 1px solid #e5e5e5;
}

.dashboard-stepmain .content-page .wrapper-block .block {
  width: 20%;
  text-align: center;
  position: relative;
}

.dashboard-stepmain .content-page .wrapper-block .block:before {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  background-color: #ebebeb;
  right: 0;
  width: 1px;
}

.dashboard-stepmain .content-page .wrapper-block .block h2 {
  font-size: 30px;
  font-weight: 700;
  margin-top: 10px;
}

.dashboard-stepmain .content-page .wrapper-block .block img {
  height: 22px;
}

.dashboard-stepmain .content-page .wrapper-block .block .img-users {
  width: 28px;
  height: 20px;
}

.dashboard-stepmain .content-page .wrapper-block .block .justify-content-center {
  margin-bottom: 0;
}

.dashboard-stepmain .content-page .wrapper-block .block .txt {
  margin-left: 5px;
  font-size: 19px;
  font-weight: 500;
  color: #6b6461;
  border: 0;
  line-height: 22px;
  padding: 0;
}

.dashboard-stepmain .content-page .wrapper-block .block.block1 h2 {
  color: #f2ae0d;
}

@media (max-width: 1805px) {
  .dashboard-stepmain .content-page .wrapper-block .block.block1 {
    font-size: 25px;
  }
}

.dashboard-stepmain .content-page .wrapper-block .block.block2 h2 {
  color: #ab47bc;
}

@media (max-width: 1805px) {
  .dashboard-stepmain .content-page .wrapper-block .block.block2 h2 {
    font-size: 25px;
  }
}

.dashboard-stepmain .content-page .wrapper-block .block.block3 h2 {
  font-size: 35px;
  color: #f884a4;
}

@media (max-width: 1805px) {
  .dashboard-stepmain .content-page .wrapper-block .block.block3 h2 {
    font-size: 30px;
  }
}

@media (max-width: 1805px) {
  .dashboard-stepmain .content-page .wrapper-block .block.block3 h2 {
    font-size: 28px;
  }
}

.dashboard-stepmain .content-page .wrapper-block .block.block4 h2 {
  font-size: 35px;
  color: #319ffe;
}

@media (max-width: 1805px) {
  .dashboard-stepmain .content-page .wrapper-block .block.block4 h2 {
    font-size: 25px;
  }
}

.dashboard-stepmain .content-page .wrapper-block .block.block5::before {
  content: none;
}

.dashboard-stepmain .content-page .wrapper-block .block.block5 h2 {
  font-size: 25px;
  color: #26a69a;
}

@media (max-width: 1805px) {
  .dashboard-stepmain .content-page .wrapper-block .block.block5 h2 {
    font-size: 25px;
  }
}

.dashboard-stepmain .btn-action {
  background: rgba(255, 255, 255, 0.5);
  padding: 1px 20px;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-size: 14px;
  color: #8c9299;
}

.dashboard-stepmain .btn-table-bottom {
  background: #f25152;
  border-radius: 3px;
  padding: 5px 25px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  position: absolute;
  bottom: 40px;
}

.dashboard-page .navbar-left {
  width: 1000px;
  min-width: 1000px;
}

.dashboard-page .navbar-left .performance .button-performance p {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  padding: 5px 15px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
}

.dashboard-page .navbar-left .performance .button-performance p.bg-blue {
  background-color: #319ffe;
}

.dashboard-page .navbar-left .performance .button-performance p.bg-orange {
  background-color: #ff8532;
}

.dashboard-page .navbar-left .performance .box-performance h4 {
  font-size: 16px;
  font-weight: 300;
  color: #333333;
  padding: 0;
}

.dashboard-page .navbar-left .performance .box-performance .data {
  font-size: 22px;
  font-weight: 500;
  color: #908b89;
}

@media (max-width: 1599px) {
  .dashboard-page .navbar-left .performance .box-performance .data {
    font-size: 16px;
  }
}

.v__black .navbar-left__box {
  background-color: #fff;
}

.v__black .navbar-left__box .box-content hr {
  border-color: rgba(255, 255, 255, 0.2);
}

.v__black .navbar-left__box .box-content--item.line-left::before {
  background-color: rgba(255, 255, 255, 0.2);
}

.v__black .banner-menu .nav-left .nav ul.dropdown-menu li a p {
  opacity: 0.5;
}

.v__black .banner-menu .nav-left .nav ul li p {
  opacity: 0.5;
}

.v__black .banner-menu .nav-left .nav ul li.open ul.dropdown-menu li {
  background-color: #000;
}

.v__black .banner-menu .nav-left .nav ul li.open ul.dropdown-menu li p {
  opacity: 0.5;
}

.v__black .banner-menu .nav-left .nav ul li.open ul.dropdown-menu .grandChild.active,
.v__black .banner-menu .nav-left .nav ul li.open ul.dropdown-menu .grandChild:hover {
  background-color: #000;
}

.v__black .banner-menu .nav-left .nav ul li.open ul.dropdown-menu .grandChild.active .none,
.v__black .banner-menu .nav-left .nav ul li.open ul.dropdown-menu .grandChild:hover .none {
  display: none;
}

.v__black .banner-menu .nav-left .nav ul li.open ul.dropdown-menu .grandChild.active .icon-menu-bk,
.v__black .banner-menu .nav-left .nav ul li.open ul.dropdown-menu .grandChild:hover .icon-menu-bk {
  display: block;
}

.v__black .banner-menu .nav-left .nav ul li.open ul.dropdown-menu .grandChild.active p,
.v__black .banner-menu .nav-left .nav ul li.open ul.dropdown-menu .grandChild:hover p {
  color: #38b0f8;
}

.event-popup-style02 .block-left {
  padding-right: 20px;
}

.event-popup-style02 ul {
  list-style: none;
  padding: 0;
}

.event-popup-style02 ul li {
  margin-bottom: 5px;
}

.event-popup-style02 ul li:last-of-type {
  margin-bottom: 0;
}

.event-popup-style02 .list-table {
  text-align: right;
  padding-left: 20px;
  border-left: 1px solid rgba(152, 154, 158, 0.2);
}

.event-popup-style02.event-popup .panel-body .event-details {
  padding-bottom: 0;
}

.event-popup-style02.event-popup .panel-body .event-details table tr td {
  width: 350px;
}

.event-popup-style02.event-popup .panel-footer {
  border: none;
}

.event-popup {
  color: #212428;
  padding: 0;
}

.event-popup .panel-title {
  font-size: 19px;
  color: #534843;
  font-weight: 500;
  padding: 20px;
  border-bottom: 1px solid #e2d9d3;
}

@media (max-width: 1599px) {
  .event-popup .panel-title {
    padding: 10px 20px;
  }
}

.event-popup .panel-body {
  padding-left: 20px;
  padding-right: 20px;
}

.event-popup .panel-body h2 {
  font-size: 20px;
  color: #212428;
  font-weight: 400;
  opacity: 0.8;
  padding-top: 25px;
  padding-bottom: 20px;
}

.event-popup .panel-body .event-details {
  border-top: 1px solid #ebebeb;
  padding-bottom: 35px;
  border-bottom: 1px solid #ebebeb;
  margin-top: 15px;
}

.event-popup .panel-body .event-details > table > tbody > tr {
  border: 1px solid #d6d5d6;
  width: 510px;
}

.event-popup .panel-body .event-details > table > tbody > tr > th {
  background-color: #e5e4e4;
  font-size: 14px;
  color: rgba(12, 13, 15, 0.6);
  padding: 12px 23px;
  border: 1px solid #d6d5d6;
}

.event-popup .panel-body .event-details > table > tbody > tr > td {
  width: 415px;
  border: 1px solid #d6d5d6;
  padding: 5px 20px 5px 20px;
  text-align: left;
}

.event-popup .panel-body .event-details > table > tbody > tr > td.day {
  padding: 4px 0px;
}

.event-popup .panel-body .event-details .action-bottom-right {
  margin-top: 10px;
}

.event-popup .panel-body .event-details .action-bottom-right a {
  background-color: #f25152;
  color: #fff;
  display: inline-block;
  width: 82px;
  text-align: center;
  border-radius: 3px;
  line-height: 30px;
}

.event-popup .panel-body select {
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  width: 65%;
}

.event-popup .panel-footer {
  padding: 25px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.event-popup .panel-footer a {
  border-radius: 3px;
  line-height: 30px;
  margin: 0 2px;
  text-align: center;
  width: 80px;
  color: rgba(255, 255, 255, 0.8);
  background-color: #f68816;
}

.event-popup .panel-footer a.btn-close {
  background-color: #898381;
}

.event-popup .panel-footer a + a.btn-close {
  margin-left: 10px;
}

.event-popup .event-status {
  width: 880px !important;
  background: #fff;
  padding: 0;
}

.event-popup .event-status .page-content .search-form-statistics .group-input {
  width: 50%;
  margin-left: 0;
}

.event-popup .event-status .page-content .search-form-statistics .group-input .search {
  text-align: left;
  padding-left: 15px;
}

.event-popup .event-status .page-content .table-custom .table-mr {
  padding-bottom: 30px;
}

.wrapper-form-add-business {
  padding-bottom: 30px;
}

.wrapper-form-add-business .wrapper-line-form {
  border-bottom: 1px solid #e5e5e5;
  margin: 24px 20px 0px 20px;
}

.wrapper-form-add-business .wrapper-line-form.last {
  border: none;
}

.wrapper-form-add-business .wrapper-line-form:last-child {
  border-bottom: 0px;
}

.wrapper-form-add-business .wrapper-line-form h4 {
  font-size: 20px;
  margin-bottom: 30px;
}

.wrapper-form-add-business .wrapper-line-form .text-eco {
  font-size: 16px;
  margin-left: 10px;
  color: #6b6461;
}

.wrapper-form-add-business .wrapper-line-form input {
  border: 1px solid #c4c1c0;
  border-radius: 3px;
  height: 38px;
  padding: 0px 15px;
  width: 510px;
  font-size: 14px;
}

.wrapper-form-add-business .wrapper-line-form.one {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.wrapper-form-add-business .wrapper-line-form.four {
  border-bottom: 0px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.wrapper-form-add-business .wrapper-line-form.three .block {
  width: auto;
  margin-right: 30px;
}

.wrapper-form-add-business .wrapper-line-form.three .block::before {
  display: none;
}

.wrapper-form-add-business .wrapper-line-form.three .block:last-child {
  margin-right: 0;
}

.wrapper-form-add-business .wrapper-line-form.wrapper-button a,
.wrapper-form-add-business .wrapper-line-form.wrapper-button input {
  width: 120px;
  border: 0px;
  font-size: 14px;
  margin: 0px 35px;
  height: 33px;
  line-height: 32px;
  text-align: center;
  border-radius: 3px;
  color: #fff;
}

.wrapper-form-add-business .wrapper-line-form.wrapper-button a:focus,
.wrapper-form-add-business .wrapper-line-form.wrapper-button input:focus {
  box-shadow: none;
}

.wrapper-form-add-business .wrapper-line-form.wrapper-button a {
  background-color: #898381;
}

.wrapper-form-add-business .wrapper-line-form.wrapper-button input {
  background-color: #f68816;
}

.wrapper-form-add-business .wrapper-line-form .block {
  margin-bottom: 45px;
  width: 50%;
  position: relative;
}

.wrapper-form-add-business .wrapper-line-form .block:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 120%;
  background-color: #e5e5e5;
  right: 0;
}

.wrapper-form-add-business .wrapper-line-form .block .text-input {
  width: 350px;
}

.wrapper-form-add-business .wrapper-line-form .block:last-child {
  padding-left: 40px;
}

.wrapper-form-add-business .wrapper-line-form .block:last-child:before {
  display: none;
}

.wrapper-form-add-business .wrapper-line-form .block a.button {
  background-color: #898381;
  color: #fff;
  line-height: 35px;
  margin-left: 10px;
  text-align: center;
  width: 120px;
  border-radius: 3px;
}

.wrapper-form-add-business .wrapper-line-form select {
  height: 38px;
  font-size: 16px;
  width: 215px;
}

.wrapper-form-add-business .wrapper-line-form .wrapper-checkbox {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.wrapper-form-add-business .wrapper-line-form .wrapper-checkbox .checkbox-wrapper {
  width: 25%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 2px;
}

.wrapper-form-add-business .wrapper-line-form .wrapper-checkbox .checkbox-wrapper .text {
  font-size: 16px;
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  .wrapper-form-add-business .wrapper-line-form {
    margin: 18px 15px 0px 15px;
  }
  .wrapper-form-add-business .wrapper-line-form input {
    height: 34px;
    padding: 0px 15px;
    width: 490px;
  }
  .wrapper-form-add-business .wrapper-line-form .block {
    margin-bottom: 25px !important;
  }
}

@media (max-width: 1599px) {
  .wrapper-form-add-business .wrapper-line-form {
    margin: 18px 15px 0px 15px;
  }
  .wrapper-form-add-business .wrapper-line-form h4 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .wrapper-form-add-business .wrapper-line-form input {
    height: 34px;
    padding: 0px 15px;
    width: 490px;
  }
  .wrapper-form-add-business .wrapper-line-form.three .block {
    margin-right: 20px;
  }
  .wrapper-form-add-business .wrapper-line-form.wrapper-button a,
  .wrapper-form-add-business .wrapper-line-form.wrapper-button input {
    width: 120px;
  }
  .wrapper-form-add-business .wrapper-line-form .block {
    margin-bottom: 35px;
  }
  .wrapper-form-add-business .wrapper-line-form .block .text-input {
    width: 330px;
  }
  .wrapper-form-add-business .wrapper-line-form .block:last-child {
    padding-left: 30px;
  }
  .wrapper-form-add-business .wrapper-line-form select {
    height: 34px;
    font-size: 16px;
    width: 215px;
  }
}

.event-popup-02 .event-status {
  width: 880px !important;
  background: #fff;
  padding: 0;
}

.event-popup-02 .event-status .page-content .search-form-statistics .group-input {
  width: 50%;
  margin-left: 0;
}

.event-popup-02 .event-status .page-content .search-form-statistics .group-input .search {
  margin-left: 10px;
  text-align: left;
  padding-left: 15px;
}

.event-popup-02 .event-status .page-content .table-custom .table-mr {
  padding-bottom: 30px;
}

.event-popup-02 .panel-body .search-form-statistics select {
  width: 47%;
}

.dashboard-page .change-ui {
  background-color: #898381;
  width: 107px;
  height: 77px;
  margin-bottom: 190px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
}

@media (max-width: 1599px) {
  .dashboard-page .change-ui {
    margin-bottom: 100px;
  }
}

.dashboard-page .change-ui .btn-change-ui {
  height: 100%;
}

.dashboard-page .change-ui .btn-change-ui.whiteUI .btn-b-text {
  display: block;
}

.dashboard-page .change-ui .btn-change-ui.whiteUI .btn-w-text {
  display: none;
}

.dashboard-page .change-ui .btn-change-ui.blackUI .btn-b-text {
  display: none;
}

.dashboard-page .change-ui .btn-change-ui.blackUI .btn-w-text {
  display: block;
}

.dashboard-page .change-ui .btn-change-ui img {
  margin-bottom: 6px;
}

.dashboard-page .change-ui .btn-change-ui p {
  color: #fff;
  margin: 0;
}

.dashboard-page.v__black {
  background-color: #0e1317;
}

.dashboard-page.v__black .header {
  background-color: #2c2f32;
}

.dashboard-page.v__black .header h3,
.dashboard-page.v__black .header p {
  color: rgba(255, 255, 255, 0.6);
}

.dashboard-page.v__black .header .btn-logout a {
  color: #fff;
}

.dashboard-page.v__black .banner-menu .nav-left {
  background-color: #000;
}

.dashboard-page.v__black .banner-menu .nav-left .nav ul li,
.dashboard-page.v__black .banner-menu .nav-left .nav ul li.active ul.dropdown-menu li {
  background-color: #000;
  border-bottom: 1px solid #1f1f1f;
}

.dashboard-page.v__black .banner-menu .nav-left .nav ul li.active ul.dropdown-menu li a p {
  color: rgba(255, 255, 255, 0.5);
}

.dashboard-page.v__black .banner-menu .nav-left .nav ul li.active ul.dropdown-menu li.grandChild.active a p {
  color: #38b0f8;
}

.dashboard-page.v__black .main-wrap .main-content .notify,
.dashboard-page.v__black .box-title {
  background-color: #2c2f32;
  color: rgba(255, 255, 255, 0.6);
}

.dashboard-page.v__black .box-title {
  border-color: #2c2f32;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.dashboard-page.v__black .box-title .box-sub-title {
  color: #fff;
}

.dashboard-page.v__black .navbar-left__box {
  background-color: #212428;
  border: 1px solid #595b5e;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
}

.dashboard-page.v__black .navbar-left__box .box-content--item .name {
  color: #fff;
}

.dashboard-page.v__black .navbar-left__box .box-content--item .data {
  color: #e2c081;
}

.dashboard-page.v__black .navbar-left__box .box-content--item .data span {
  color: #fff;
}

.dashboard-page.v__black .navbar-left .performance .box-performance h4 {
  color: #fff;
}

.dashboard-page.v__black .navbar-left .performance .box-performance .data {
  color: #e2c081;
}

.dashboard-page.v__black .navbar-left .operation-status .box-content--item .data.blue {
  color: #319ffe;
}

.dashboard-page.v__black .navbar-left .operation-status .box-content--item .data.orange {
  color: #ff8532;
}

.dashboard-page.v__black .navbar-left .operation-status .box-content--item .data.green {
  color: #8bc34a;
}

.dashboard-pv .main-wrap {
  padding: 22px 25px 23px 25px;
}

@media (max-width: 1599px) {
  .dashboard-pv .main-wrap {
    padding: 22px 20px 23px 20px;
  }
}

.dashboard-pv .main-wrap .green {
  color: #8dd241;
}

.dashboard-pv .main-wrap .gray {
  color: #a2a2a2;
}

.dashboard-pv .main-wrap .blue {
  color: #46ab73;
}

.dashboard-pv .main-wrap .red {
  color: #fd2323;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .dashboard-pv .main-wrap {
    padding: 24px 25px 23px 25px;
  }
}

.dashboard-pv .main-wrap .main-content {
  margin-left: 18px;
}

.dashboard-pv .main-wrap .main-content .notify {
  background-color: #f58026;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 10px;
  padding-left: 18px;
  padding-right: 18px;
  height: 40px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: -0.4px;
}

.dashboard-pv .main-wrap .main-content .notify span {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  line-height: 45px;
  letter-spacing: -0.4px;
  padding-left: 10px;
  margin-left: 10px;
}

.dashboard-pv .main-wrap .main-content .notify span:before {
  content: "";
  position: absolute;
  height: 13px;
  width: 2px;
  background-color: rgba(255, 255, 255, 0.2);
  left: 0;
  top: calc(50% - 6.5px);
}

.dashboard-pv .main-wrap .main-content .business-chart {
  background-color: #fff;
}

.dashboard-pv .main-wrap .main-content .business-chart .nicescroll {
  max-height: 733px;
  overflow: auto;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll {
    /*max-height: 697px;*/
  }
}

.dashboard-pv .main-wrap .main-content .business-chart .nicescroll .business-place h1 {
  font-size: 45px;
  color: #808182;
  font-weight: 400;
}

.dashboard-pv .main-wrap .main-content .business-chart .nicescroll .business-place h1 span {
  font-size: 45px;
  color: #f58026;
  padding-right: 10px;
}

.dashboard-pv .main-wrap .main-content .business-chart .nicescroll h2 {
  font-size: 15px;
  color: #8c7f74;
  font-weight: 300;
}

.dashboard-pv .main-wrap .main-content .business-chart .nicescroll .custom-circle p {
  position: relative;
  padding-right: 25px;
  padding-left: 20px;
  /* cursor: pointer; */
}

.dashboard-pv .main-wrap .main-content .business-chart .nicescroll .custom-circle p:nth-of-type(1) {
  margin-bottom: 16px;
}

.dashboard-pv .main-wrap .main-content .business-chart .nicescroll .custom-circle p:nth-of-type(1):before {
  content: "";
  position: absolute;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background-color: #8dd241;
  left: 0;
  top: calc(50% - 6.5px);
}

.dashboard-pv .main-wrap .main-content .business-chart .nicescroll .custom-circle p:nth-of-type(2) {
  margin-bottom: 16px;
}

.dashboard-pv .main-wrap .main-content .business-chart .nicescroll .custom-circle p:nth-of-type(2):before {
  content: "";
  position: absolute;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background-color: #a2a2a2;
  left: 0;
  top: calc(50% - 6.5px);
}

.dashboard-pv .main-wrap .main-content .business-chart .nicescroll .custom-circle p:nth-of-type(3) {
  margin-bottom: 16px;
}

.dashboard-pv .main-wrap .main-content .business-chart .nicescroll .custom-circle p:nth-of-type(3):before {
  content: "";
  position: absolute;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background-color: #46ab73;
  left: 0;
  top: calc(50% - 6.5px);
}

.dashboard-pv .main-wrap .main-content .business-chart .nicescroll .custom-circle p:nth-of-type(4) {
  margin-bottom: 16px;
}

.dashboard-pv .main-wrap .main-content .business-chart .nicescroll .custom-circle p:nth-of-type(4):before {
  content: "";
  position: absolute;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background-color: #fd2323;
  left: 0;
  top: calc(50% - 6.5px);
}

.dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy {
  padding-right: 25px;
  padding-top: 15px;
}

.dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box {
  background-color: #f3f3f3;
  padding: 15px 25px 10px 20px;
  width: 50%;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box {
    padding: 13px 25px 8px 20px;
  }
}

.dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box:nth-of-type(2n) {
  margin-left: 13px;
}

.dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box:nth-of-type(2n + 1) {
  margin-right: 13px;
}

.dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box h2 {
  font-size: 25px;
  font-weight: 400;
  color: #404040;
  padding-bottom: 15px;
}

.dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 10px;
}

.dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail {
  padding-left: 10px;
}

.dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail p {
  font-weight: 700;
  font-size: 13px;
}

.dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail h3 {
  font-weight: 700;
  font-size: 22px;
}

.dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr th {
  background-color: #e5e4e4;
  font-size: 16px;
  color: #5a5655;
  border: 1px solid #cfcdcd;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td {
  background-color: #fff;
  color: #908b89;
  font-size: 16px;
  text-align: left;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td p {
  display: inline-block;
}

.dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td span {
  width: 35px;
  display: inline-block;
  text-align: left;
}

.dashboard-pv .main-wrap .main-content .ess-charge-chart {
  background-color: #ffffff;
}

@media (max-width: 1805px) {
  .dashboard-pv .main-wrap .main-content {
    margin-left: 18px;
  }
  .dashboard-pv .main-wrap .main-content .notify {
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 18px;
    padding-right: 18px;
    height: 40px;
  }
  .dashboard-pv .main-wrap .main-content .notify span {
    font-size: 14px;
    line-height: 45px;
    letter-spacing: -0.4px;
    padding-left: 10px;
    margin-left: 10px;
  }
  .dashboard-pv .main-wrap .main-content .notify span:before {
    height: 13px;
    width: 2px;
    left: 0;
    top: calc(50% - 6.5px);
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll {
    max-height: 737px;
  }
}

@media screen and (max-width: 1805px) and (-ms-high-contrast: active), screen and (max-width: 1805px) and (-ms-high-contrast: none) {
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll {
    max-height: 708px;
  }
}

@media (max-width: 1805px) {
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .business-place h1 {
    font-size: 45px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .business-place h1 span {
    font-size: 45px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll h2 {
    font-size: 15px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy {
    padding-right: 25px;
    padding-top: 15px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box {
    padding: 15px 25px 10px 20px;
  }
}

@media screen and (max-width: 1805px) and (-ms-high-contrast: active), screen and (max-width: 1805px) and (-ms-high-contrast: none) {
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box {
    padding: 13px 25px 8px 20px;
  }
}

@media (max-width: 1805px) {
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box:nth-of-type(2n) {
    margin-left: 13px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box:nth-of-type(2n + 1) {
    margin-right: 13px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box h2 {
    font-size: 25px;
    padding-bottom: 15px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function {
    padding-bottom: 10px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail {
    padding-left: 10px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail p {
    font-size: 13px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail h3 {
    font-size: 22px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr th {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td {
    font-size: 14px;
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td p {
    width: 40px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td span {
    width: 25px;
  }
  .dashboard-pv .main-wrap .main-content .ess-charge-chart {
    background-color: #ffffff;
  }
}

@media (max-width: 1738px) {
  .dashboard-pv .main-wrap .main-content {
    margin-left: 18px;
  }
  .dashboard-pv .main-wrap .main-content .notify {
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 18px;
    padding-right: 18px;
    height: 40px;
  }
  .dashboard-pv .main-wrap .main-content .notify span {
    font-size: 14px;
    line-height: 45px;
    letter-spacing: -0.4px;
    padding-left: 10px;
    margin-left: 10px;
  }
  .dashboard-pv .main-wrap .main-content .notify span:before {
    height: 13px;
    width: 2px;
    left: 0;
    top: calc(50% - 6.5px);
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll {
    max-height: 737px;
  }
}

@media screen and (max-width: 1738px) and (-ms-high-contrast: active), screen and (max-width: 1738px) and (-ms-high-contrast: none) {
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll {
    max-height: 708px;
  }
}

@media (max-width: 1738px) {
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .business-place h1 {
    font-size: 45px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .business-place h1 span {
    font-size: 45px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll h2 {
    font-size: 15px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy {
    padding-right: 25px;
    padding-top: 15px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box {
    padding: 15px 25px 10px 20px;
  }
}

@media screen and (max-width: 1738px) and (-ms-high-contrast: active), screen and (max-width: 1738px) and (-ms-high-contrast: none) {
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box {
    padding: 13px 25px 8px 20px;
  }
}

@media (max-width: 1738px) {
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box:nth-of-type(2n) {
    margin-left: 13px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box:nth-of-type(2n + 1) {
    margin-right: 13px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box h2 {
    font-size: 25px;
    padding-bottom: 15px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function {
    padding-bottom: 10px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail {
    padding-left: 10px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail p {
    font-size: 13px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail h3 {
    font-size: 22px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr th {
    font-size: 12px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td {
    font-size: 12px;
    padding-left: 25px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td p {
    width: 35px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td span {
    width: 20px;
  }
  .dashboard-pv .main-wrap .main-content .ess-charge-chart {
    background-color: #ffffff;
  }
}

@media (max-width: 1599px) {
  .dashboard-pv .main-wrap .main-content {
    margin-left: 18px;
  }
  .dashboard-pv .main-wrap .main-content .notify {
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 18px;
    padding-right: 18px;
    height: 40px;
  }
  .dashboard-pv .main-wrap .main-content .notify span {
    font-size: 14px;
    line-height: 45px;
    letter-spacing: -0.4px;
    padding-left: 10px;
    margin-left: 10px;
  }
  .dashboard-pv .main-wrap .main-content .notify span:before {
    height: 13px;
    width: 2px;
    left: 0;
    top: calc(50% - 6.5px);
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll {
    max-height: 545px;
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll {
    max-height: 514px;
  }
}

@media (max-width: 1599px) {
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .business-place h1 {
    font-size: 25px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .business-place h1 span {
    font-size: 25px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll h2 {
    font-size: 10px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy {
    padding-right: 25px;
    padding-top: 10px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box {
    padding: 10px 25px 0px 20px;
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box {
    padding: 13px 25px 8px 20px;
  }
}

@media (max-width: 1599px) {
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box:nth-of-type(2n) {
    margin-left: 13px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box:nth-of-type(2n + 1) {
    margin-right: 13px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box h2 {
    font-size: 15px;
    padding-bottom: 10px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function {
    padding-bottom: 10px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail {
    padding-left: 10px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail p {
    font-size: 11px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail h3 {
    font-size: 17px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr th {
    font-size: 11px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td {
    font-size: 11px;
    padding-left: 25px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td p {
    width: 35px;
  }
  .dashboard-pv .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td span {
    width: 20px;
  }
  .dashboard-pv .main-wrap .main-content .ess-charge-chart {
    background-color: #ffffff;
  }
}

.dashboard-pv .box-content .inclined-solar {
  padding-top: 17px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .dashboard-pv .box-content .inclined-solar {
    padding-top: 14px;
  }
}

@media (max-width: 1599px) {
  .dashboard-pv .box-content .inclined-solar {
    padding-top: 15.5px;
  }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .dashboard-pv .box-content .inclined-solar {
    padding-top: 19.5px;
  }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .dashboard-pv .navbar-left .performance .box-performance h4 {
    padding-bottom: 4px;
  }
}

.btn-header {
  padding: 0px 10px;
  line-height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 30px;
  width: 100px;
  height: 45px;
  margin: auto;
  color: #fce7d2 !important;
  position: relative;
  display: inherit;
  font-size: 20px;
  background-color: #f79027;
  position: relative;
}

.btn-header img {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  margin: 0 !important;
}

@media (max-width: 1599px) {
  .btn-header {
    line-height: 32px;
    font-size: 18px;
    height: 35px;
  }
}

.main-popup-header {
  padding: 0px !important;
}

.main-popup-header .panel-title {
  font-size: 19px;
  color: #4d5155;
  font-weight: 400;
  display: block;
  padding: 0px 20px;
  line-height: 48px;
  border-bottom: 1px solid #e2d9d3;
}

.main-popup-header .panel-body {
  padding: 20px;
}

@media (max-width: 1599px) {
  .main-popup-header .panel-body {
    padding: 10px 20px;
  }
}

.main-popup-header .table tbody tr:nth-child(2n + 1) {
  background: #fbfbfb;
}

.main-popup-header .table tr th {
  font-weight: 500;
}

.main-popup-header .table tr th:nth-child(1) {
  width: 85px;
}

.main-popup-header .table tr th:nth-child(2) {
  width: 150px;
}

.main-popup-header .table tr th:nth-child(3) {
  width: 120px;
}

.main-popup-header .table tr th:nth-child(4) {
  width: 205px;
}

.main-popup-header .table tr th:nth-child(5) {
  width: 110px;
}

.main-popup-header .table tr th:nth-child(6) {
  width: 180px;
}

.main-popup-header .table tr th,
.main-popup-header .table td {
  font-size: 16px;
  color: #8c9299;
  border: 1px solid #e9e9e9;
  padding-left: 25px;
}

.main-popup-header .table tr td {
  padding-top: 8px;
  padding-bottom: 8px;
}

.main-popup-header .panel-footer {
  text-align: center;
  padding-bottom: 40px;
}

@media (max-width: 1599px) {
  .main-popup-header .panel-footer {
    padding-bottom: 20px;
  }
}

.main-popup-header .panel-footer a {
  background-color: #f68816;
  color: #fff;
  line-height: 30px;
  border-radius: 3px;
  width: 85px;
  display: inline-block;
  text-align: center;
}

.icon-date {
  position: relative;
  display: inline-block;
}

.icon-date:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  display: inline-block;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  background-image: url("../images/business-icon06.png");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.bootstrap-datetimepicker-widget ul {
  padding: 0;
}

.select-business {
  background-color: #f58026;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  padding-bottom: 12px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}

.select-business .title {
  font-size: 19px;
  font-weight: 400;
  color: #fff;
  padding-left: 20px;
  padding-right: 30px;
  position: relative;
}

.select-business .title:before {
  position: absolute;
  content: "";
  width: 2px;
  height: 13px;
  background-color: #f79951;
  top: 6px;
  right: 0;
}

.select-business .option-business {
  width: 150px;
  line-height: 30px;
  font-size: 16px;
  color: #898381;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #c4c1c0;
  background-image: url(../images/select-ico.png);
  background-repeat: no-repeat;
  background-position: center right 5px;
  margin-left: 28px;
}

.box-custom .box-padding .warning-box:last-child:before {
  position: absolute;
  content: "";
  width: 0px;
  top: 4px;
  right: 0;
}

.box-custom .box-padding .warning-box:last-child:before {
  width: 0px;
  height: 0px;
  top: 4px;
  right: 0;
}

.box-custom .box-padding .warning-box:last-child:before {
  width: 0px;
  height: 0px;
}

.search-form-date-style .date .dropdown-menu {
  top: 100% !important;
  display: inline-table;
}

.search-form-date-style .date .dropdown-menu::before {
  display: none;
}

.main-wrap .main-content .integrated-chart .box-content .parameter .box-detail {
  width: 390px;
  top: -15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  right: 0;
  background-color: rgba(4, 6, 11, 0.3);
  color: #fff;
  z-index: 1;
}

.wrapper-btn .btn-clear {
  background-color: #f25152;
  color: #fff;
  display: inline-block;
  min-width: 80px;
  text-align: center;
  border-radius: 3px;
  line-height: 30px;
}

.panel-footer a.btn-edit {
  background: #898381 !important;
}

/* Fix calendar 2019/3/4*/
.search-form-date-style .date .dropdown-menu {
  top: 100% !important;
  display: inline-table;
}

.search-form-date-style .date .dropdown-menu::before {
  display: none;
}

.dashboard-mg .business-chart {
  position: relative;
}

.dashboard-mg .box-right {
  top: 0;
  background-color: #e1a352;
  padding: 11px 20px;
  text-align: center;
  border-radius: 0;
  position: absolute;
  left: 50%;
  font-size: 18px;
  min-width: 220px;
  left: 50%;
  font-weight: 700;
  z-index: 999;
  color: #fff;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.dashboard-mg .box-right img {
  margin-top: -3px;
  margin-left: 3px;
  margin-right: 6px;
}

@media (max-width: 1599px) {
  .dashboard-mg .box-right {
    font-size: 15px;
    padding: 6px 20px;
    min-width: 200px;
  }
}

.dashboard-mg .navbar-left .solar-radiation .box-title .tooltipCustom .mode_popupbox.right {
  right: auto;
  left: 0;
}

.dashboard-mg .navbar-left .inclined-solar {
  padding-top: 7px;
}

.dashboard-mg .navbar-left .inclined-solar p {
  font-weight: 300;
  margin-bottom: 5px;
}

.dashboard-mg .navbar-left .inclined-solar h4 {
  font-weight: 500;
  font-size: 26px;
}

.dashboard-mg .navbar-left .box-content .box-top {
  border-bottom: 1px solid #f6e9e0;
  padding-bottom: 15px;
}

@media (max-width: 1640px) {
  .dashboard-mg .navbar-left .box-content .box-top {
    padding-bottom: 2px;
  }
}

.dashboard-mg .navbar-left .box-content .box-gray {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

@media (max-width: 1640px) {
  .dashboard-mg .navbar-left .box-content .box-gray {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}

.dashboard-mg .navbar-left .box-content .pr-20 {
  padding-right: 25px !important;
  position: relative;
}

.dashboard-mg .navbar-left .box-content .pr-20:before {
  content: "";
  position: absolute;
  top: 20px;
  bottom: 5px;
  right: 0;
  width: 1px;
  border-right: 1px solid #999999;
  opacity: 0.2;
}

.dashboard-mg .navbar-left .box-content .pr-20 h4 {
  margin-top: -4px;
}

.dashboard-mg .navbar-left .box-content .pl-20 {
  padding-left: 25px !important;
}

.dashboard-mg .navbar-left .box-content .pl-20 h4 {
  margin-top: -4px;
}

@media (max-width: 1640px) {
  .dashboard-mg .navbar-left .box-content.box-text .inclined-solar h4 {
    font-size: 16px;
  }
}

.dashboard-mg .navbar-left .performance {
  background-color: #fff;
  color: #000;
  margin-top: 15px;
}

.dashboard-mg .navbar-left .performance .button-performance {
  padding-top: 10px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .dashboard-mg .navbar-left .performance .button-performance {
    padding-top: 10px;
  }
}

.dashboard-mg .navbar-left .performance .button-performance p {
  background-color: #898381;
  color: #fff;
  text-align: center;
  padding: 5px 10px;
  border-radius: 15px;
  font-size: 15px;
}

.dashboard-mg .navbar-left .performance .button-performance .bg-blue1 {
  background-color: #309ffd;
}

.dashboard-mg .navbar-left .performance .button-performance .bg-2 {
  background-color: #ff8533;
}

.dashboard-mg .navbar-left .performance .button-performance .bg-3 {
  background-color: #26a69a;
}

.dashboard-mg .navbar-left .performance .box-performance {
  padding-top: 8px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .dashboard-mg .navbar-left .performance .box-performance {
    padding-top: 10px;
  }
}

.dashboard-mg .navbar-left .performance .box-performance h4 {
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  padding-bottom: 12px;
  display: -ms-inline-grid;
  display: inline-grid;
}

.dashboard-mg .navbar-left .performance .box-performance h4 span {
  color: #786b63;
  font-size: 13px;
  padding-top: 5px;
}

.dashboard-mg .navbar-left .performance .box-performance p {
  font-size: 23px;
  font-weight: 600;
  color: #908b89;
  text-align: right;
  margin-top: -5px;
  text-align: center;
}

.dashboard-mg .navbar-left .performance .box-performance p.reduction-light {
  padding-left: 30px;
}

@media (max-width: 1599px) {
  .dashboard-mg .navbar-left {
    width: 280px;
  }
  .dashboard-mg .navbar-left .solar-radiation .temperature h3 {
    font-size: 13px;
    color: #908b89;
  }
  .dashboard-mg .navbar-left .solar-radiation .temperature h3 span {
    font-size: 10px;
    color: #908b89;
  }
  .dashboard-mg .navbar-left .solar-radiation .temperature p {
    font-size: 10px;
    color: #908b89;
  }
  .dashboard-mg .navbar-left .performance {
    background-color: #fff;
    color: #000;
    margin-top: 10px;
  }
  .dashboard-mg .navbar-left .performance .button-performance {
    padding-top: 5px;
  }
  .dashboard-mg .navbar-left .performance .button-performance p {
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 10px;
  }
  .dashboard-mg .navbar-left .performance .box-performance {
    padding-top: 10px;
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  .dashboard-mg .navbar-left .performance .box-performance {
    padding-top: 6px;
  }
}

@media (max-width: 1599px) {
  .dashboard-mg .navbar-left .performance .box-performance h4 {
    font-size: 12px;
    padding-bottom: 7.5px;
  }
}

@media (max-width: 1599px) and (max-width: 1599px) {
  .dashboard-mg .navbar-left .performance .box-performance h4 {
    padding-bottom: 2px;
  }
}

@media (max-width: 1599px) {
  .dashboard-mg .navbar-left .performance .box-performance h4 span {
    font-size: 9px;
    padding-top: 5px;
  }
  .dashboard-mg .navbar-left .performance .box-performance p {
    font-size: 14px;
    margin-bottom: 10px;
    padding-right: 12px;
    margin-top: 0;
  }
}

.dashboard-mg .main-wrap {
  padding: 22px 25px 23px 25px;
}

@media (max-width: 1599px) {
  .dashboard-mg .main-wrap {
    padding: 22px 20px 23px 20px;
  }
}

.dashboard-mg .main-wrap .green {
  color: #8dd241;
}

.dashboard-mg .main-wrap .gray {
  color: #a2a2a2;
}

.dashboard-mg .main-wrap .blue {
  color: #46ab73;
}

.dashboard-mg .main-wrap .red {
  color: #fd2323;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .dashboard-mg .main-wrap {
    padding: 24px 25px 23px 25px;
  }
}

.dashboard-mg .main-wrap .main-content {
  margin-left: 18px;
}

.dashboard-mg .main-wrap .main-content .notify {
  background-color: #f58026;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 10px;
  padding-left: 18px;
  padding-right: 18px;
  height: 40px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: -0.4px;
}

.dashboard-mg .main-wrap .main-content .notify span {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  line-height: 45px;
  letter-spacing: -0.4px;
  padding-left: 10px;
  margin-left: 10px;
}

.dashboard-mg .main-wrap .main-content .notify span:before {
  content: "";
  position: absolute;
  height: 13px;
  width: 2px;
  background-color: rgba(255, 255, 255, 0.2);
  left: 0;
  top: calc(50% - 6.5px);
}

.dashboard-mg .main-wrap .main-content .business-chart {
  background-color: #fff;
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll {
  overflow: auto;
  padding-bottom: 40px;
  max-height: 736px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll {
    max-height: 750px;
  }
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .business-place h1 {
  font-size: 45px;
  color: #808182;
  font-weight: 400;
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .business-place h1 span {
  font-size: 45px;
  color: #f58026;
  padding-right: 10px;
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll h2 {
  font-size: 15px;
  color: #8c7f74;
  font-weight: 300;
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .custom-circle > p {
  position: relative;
  padding-right: 25px;
  padding-left: 20px;
  cursor: pointer;
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .custom-circle > p:nth-of-type(1) {
  margin-bottom: 16px;
  color: #309ffd;
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .custom-circle > p:nth-of-type(1):before {
  content: "";
  position: absolute;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background-color: #309ffd;
  left: 0;
  top: calc(50% - 6.5px);
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .custom-circle > p:nth-of-type(2) {
  margin-bottom: 16px;
  color: #ff8533;
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .custom-circle > p:nth-of-type(2):before {
  content: "";
  position: absolute;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background-color: #ff8533;
  left: 0;
  top: calc(50% - 6.5px);
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .custom-circle > p:nth-of-type(3) {
  margin-bottom: 16px;
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .custom-circle > p:nth-of-type(3):before {
  content: "";
  position: absolute;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background-color: #a2a2a2;
  left: 0;
  top: calc(50% - 6.5px);
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .custom-circle > p:nth-of-type(4) {
  margin-bottom: 16px;
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .custom-circle > p:nth-of-type(4):before {
  content: "";
  position: absolute;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background-color: #46ab73;
  left: 0;
  top: calc(50% - 6.5px);
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .custom-circle > p:nth-of-type(5) {
  margin-bottom: 16px;
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .custom-circle > p:nth-of-type(5):before {
  content: "";
  position: absolute;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background-color: #fd2323;
  left: 0;
  top: calc(50% - 6.5px);
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy {
  padding-top: 15px;
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box {
  background-color: #f3f3f3;
  padding: 15px 25px 10px 20px;
  width: 50%;
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .sub-box {
  font-weight: 500;
  font-size: 18px;
  color: #534843;
  margin-bottom: 10px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box {
    padding: 13px 25px 8px 20px;
  }
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box:nth-of-type(2n) {
  margin-left: 13px;
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box:nth-of-type(2n + 1) {
  margin-right: 13px;
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box h2 {
  font-size: 25px;
  font-weight: 400;
  color: #404040;
  padding-bottom: 15px;
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 10px;
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail {
  padding-left: 10px;
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail p {
  font-weight: 700;
  font-size: 13px;
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail h3 {
  font-weight: 700;
  font-size: 22px;
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail.bg1 p,
.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail.bg1 h3 {
  color: #309ffd;
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail.bg2 p,
.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail.bg2 h3 {
  color: #ff8533;
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr th {
  background-color: #e5e4e4;
  font-size: 16px;
  color: #5a5655;
  border: 1px solid #cfcdcd;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td {
  background-color: #fff;
  color: #908b89;
  font-size: 16px;
  text-align: left;
  padding-left: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td p {
  display: inline-block;
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td span {
  width: 35px;
  display: inline-block;
  text-align: left;
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .tb-2 {
  border-top: 0;
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .tb-2 tbody tr th,
.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .tb-2 td {
  border-top: 0;
  white-space: nowrap;
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .tb-2 th {
  max-width: 1780px;
  width: 180px;
  text-align: left;
}

.dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .tb-2 td {
  text-align: center;
  padding-right: 100px;
}

.dashboard-mg .main-wrap .main-content .ess-charge-chart {
  background-color: #ffffff;
}

@media (max-width: 1805px) {
  .dashboard-mg .main-wrap .main-content {
    margin-left: 18px;
  }
  .dashboard-mg .main-wrap .main-content .notify {
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 18px;
    padding-right: 18px;
    height: 40px;
  }
  .dashboard-mg .main-wrap .main-content .notify span {
    font-size: 14px;
    line-height: 45px;
    letter-spacing: -0.4px;
    padding-left: 10px;
    margin-left: 10px;
  }
  .dashboard-mg .main-wrap .main-content .notify span:before {
    height: 13px;
    width: 2px;
    left: 0;
    top: calc(50% - 6.5px);
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll {
    max-height: 737px;
  }
}

@media screen and (max-width: 1805px) and (-ms-high-contrast: active), screen and (max-width: 1805px) and (-ms-high-contrast: none) {
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll {
    max-height: 708px;
  }
}

@media (max-width: 1805px) {
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .business-place h1 {
    font-size: 45px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .business-place h1 span {
    font-size: 45px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll h2 {
    font-size: 15px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy {
    padding-top: 15px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box {
    padding: 15px 25px 10px 20px;
  }
}

@media screen and (max-width: 1805px) and (-ms-high-contrast: active), screen and (max-width: 1805px) and (-ms-high-contrast: none) {
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box {
    padding: 13px 25px 8px 20px;
  }
}

@media (max-width: 1805px) {
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box:nth-of-type(2n) {
    margin-left: 13px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box:nth-of-type(2n + 1) {
    margin-right: 13px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box h2 {
    font-size: 25px;
    padding-bottom: 15px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function {
    padding-bottom: 10px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail {
    padding-left: 10px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail p {
    font-size: 13px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail h3 {
    font-size: 22px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr th {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td {
    font-size: 14px;
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td p {
    width: 40px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td span {
    width: 25px;
  }
  .dashboard-mg .main-wrap .main-content .ess-charge-chart {
    background-color: #ffffff;
  }
}

@media (max-width: 1738px) {
  .dashboard-mg .main-wrap .main-content {
    margin-left: 18px;
  }
  .dashboard-mg .main-wrap .main-content .notify {
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 18px;
    padding-right: 18px;
    height: 40px;
  }
  .dashboard-mg .main-wrap .main-content .notify span {
    font-size: 14px;
    line-height: 45px;
    letter-spacing: -0.4px;
    padding-left: 10px;
    margin-left: 10px;
  }
  .dashboard-mg .main-wrap .main-content .notify span:before {
    height: 13px;
    width: 2px;
    left: 0;
    top: calc(50% - 6.5px);
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll {
    max-height: 737px;
  }
}

@media screen and (max-width: 1738px) and (-ms-high-contrast: active), screen and (max-width: 1738px) and (-ms-high-contrast: none) {
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll {
    max-height: 708px;
  }
}

@media (max-width: 1738px) {
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .business-place h1 {
    font-size: 45px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .business-place h1 span {
    font-size: 45px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll h2 {
    font-size: 15px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy {
    padding-top: 15px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box {
    padding: 15px 25px 10px 20px;
  }
}

@media screen and (max-width: 1738px) and (-ms-high-contrast: active), screen and (max-width: 1738px) and (-ms-high-contrast: none) {
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box {
    padding: 13px 25px 8px 20px;
  }
}

@media (max-width: 1738px) {
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box:nth-of-type(2n) {
    margin-left: 13px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box:nth-of-type(2n + 1) {
    margin-right: 13px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box h2 {
    font-size: 25px;
    padding-bottom: 15px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function {
    padding-bottom: 10px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail {
    padding-left: 10px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail p {
    font-size: 13px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail h3 {
    font-size: 22px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr th {
    font-size: 12px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td {
    font-size: 12px;
    padding-left: 25px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td p {
    width: 35px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td span {
    width: 20px;
  }
  .dashboard-mg .main-wrap .main-content .ess-charge-chart {
    background-color: #ffffff;
  }
}

@media (max-width: 1599px) {
  .dashboard-mg .main-wrap .main-content {
    margin-left: 18px;
  }
  .dashboard-mg .main-wrap .main-content .notify {
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 18px;
    padding-right: 18px;
    height: 40px;
  }
  .dashboard-mg .main-wrap .main-content .notify span {
    font-size: 14px;
    line-height: 45px;
    letter-spacing: -0.4px;
    padding-left: 10px;
    margin-left: 10px;
  }
  .dashboard-mg .main-wrap .main-content .notify span:before {
    height: 13px;
    width: 2px;
    left: 0;
    top: calc(50% - 6.5px);
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll {
    max-height: 542px;
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll {
    max-height: 539px;
  }
}

@media screen and (max-width: 1599px) and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (max-width: 1599px) and (-ms-high-contrast: none) {
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll {
    max-height: 514px;
  }
}

@media (max-width: 1599px) {
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .business-place h1 {
    font-size: 25px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .business-place h1 span {
    font-size: 25px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll h2 {
    font-size: 10px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy {
    padding-top: 10px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box {
    padding: 10px 25px 0px 20px;
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box {
    padding: 13px 25px 8px 20px;
  }
}

@media (max-width: 1599px) {
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box:nth-of-type(2n) {
    margin-left: 13px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box:nth-of-type(2n + 1) {
    margin-right: 13px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box h2 {
    font-size: 15px;
    padding-bottom: 10px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function {
    padding-bottom: 10px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail {
    padding-left: 10px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail p {
    font-size: 11px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail h3 {
    font-size: 17px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr th {
    font-size: 11px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td {
    font-size: 11px;
    padding-left: 25px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td p {
    width: 35px;
  }
  .dashboard-mg .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td span {
    width: 20px;
  }
  .dashboard-mg .main-wrap .main-content .ess-charge-chart {
    background-color: #ffffff;
  }
}

.dashboard-ess .main-wrap {
  width: calc(100% - 240px);
  padding: 22px 25px 23px 25px;
}

@media (max-width: 1599px) {
  .dashboard-ess .main-wrap {
    padding: 22px 20px 23px 20px;
  }
}

.dashboard-ess .main-wrap .green {
  color: #309ffd;
}

.dashboard-ess .main-wrap .orange {
  color: #ff8533;
}

.dashboard-ess .main-wrap .gray {
  color: #a2a2a2;
}

.dashboard-ess .main-wrap .blue {
  color: #46ab73;
}

.dashboard-ess .main-wrap .red {
  color: #fd2323;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .dashboard-ess .main-wrap {
    padding: 24px 25px 23px 25px;
  }
}

.dashboard-ess .main-wrap .main-content {
  width: calc(100% - 370px);
  margin-left: 18px;
}

.dashboard-ess .main-wrap .main-content .notify {
  background-color: #f58026;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 10px;
  padding-left: 18px;
  padding-right: 18px;
  height: 40px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: -0.4px;
}

.dashboard-ess .main-wrap .main-content .notify span {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  line-height: 45px;
  letter-spacing: -0.4px;
  padding-left: 10px;
  margin-left: 10px;
}

.dashboard-ess .main-wrap .main-content .notify span:before {
  content: "";
  position: absolute;
  height: 13px;
  width: 2px;
  background-color: rgba(255, 255, 255, 0.2);
  left: 0;
  top: calc(50% - 6.5px);
}

.dashboard-ess .main-wrap .main-content .business-chart {
  background-color: #fff;
}

.dashboard-ess .main-wrap .main-content .business-chart .nicescroll {
  /*max-height: 724px;*/
  /*overflow: auto;*/
  max-height: 733px;
  overflow: auto;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll {
    /*max-height: 712px;*/
  }
}

.dashboard-ess .main-wrap .main-content .business-chart .nicescroll .business-place h1 {
  font-size: 45px;
  color: #808182;
  font-weight: 400;
}

.dashboard-ess .main-wrap .main-content .business-chart .nicescroll .business-place h1 span {
  font-size: 45px;
  color: #f58026;
  padding-right: 10px;
}

.dashboard-ess .main-wrap .main-content .business-chart .nicescroll h2 {
  font-size: 15px;
  color: #8c7f74;
  font-weight: 300;
}

.dashboard-ess .main-wrap .main-content .business-chart .nicescroll .custom-circle p {
  position: relative;
  padding-right: 25px;
  padding-left: 20px;
  /* cursor: pointer; */
}

.dashboard-ess .main-wrap .main-content .business-chart .nicescroll .custom-circle p:nth-of-type(1) {
  margin-bottom: 16px;
}

.dashboard-ess .main-wrap .main-content .business-chart .nicescroll .custom-circle p:nth-of-type(1):before {
  content: "";
  position: absolute;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background-color: #309ffd;
  left: 0;
  top: calc(50% - 6.5px);
}

.dashboard-ess .main-wrap .main-content .business-chart .nicescroll .custom-circle p:nth-of-type(2) {
  margin-bottom: 16px;
}

.dashboard-ess .main-wrap .main-content .business-chart .nicescroll .custom-circle p:nth-of-type(2):before {
  content: "";
  position: absolute;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background-color: #ff8533;
  left: 0;
  top: calc(50% - 6.5px);
}

.dashboard-ess .main-wrap .main-content .business-chart .nicescroll .custom-circle p:nth-of-type(3) {
  margin-bottom: 16px;
}

.dashboard-ess .main-wrap .main-content .business-chart .nicescroll .custom-circle p:nth-of-type(3):before {
  content: "";
  position: absolute;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background-color: #a2a2a2;
  left: 0;
  top: calc(50% - 6.5px);
}

.dashboard-ess .main-wrap .main-content .business-chart .nicescroll .custom-circle p:nth-of-type(4) {
  margin-bottom: 16px;
}

.dashboard-ess .main-wrap .main-content .business-chart .nicescroll .custom-circle p:nth-of-type(4):before {
  content: "";
  position: absolute;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background-color: #46ab73;
  left: 0;
  top: calc(50% - 6.5px);
}

.dashboard-ess .main-wrap .main-content .business-chart .nicescroll .custom-circle p:nth-of-type(5) {
  margin-bottom: 16px;
}

.dashboard-ess .main-wrap .main-content .business-chart .nicescroll .custom-circle p:nth-of-type(5):before {
  content: "";
  position: absolute;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background-color: #fd2323;
  left: 0;
  top: calc(50% - 6.5px);
}

.dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy {
  padding-right: 25px;
  padding-top: 15px;
}

.dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box {
  background-color: #f3f3f3;
  padding: 15px 25px 10px 20px;
  width: 50%;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box {
    padding: 13px 25px 8px 20px;
  }
}

.dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box:nth-of-type(2n) {
  margin-left: 13px;
}

.dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box:nth-of-type(2n + 1) {
  margin-right: 13px;
}

.dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box h2 {
  font-size: 25px;
  font-weight: 400;
  color: #404040;
  padding-bottom: 15px;
}

.dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 10px;
}

.dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail {
  padding-left: 10px;
}

.dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail p {
  font-weight: 700;
  font-size: 13px;
}

.dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail h3 {
  font-weight: 700;
  font-size: 22px;
}

.dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr th {
  background-color: #e5e4e4;
  font-size: 16px;
  color: #5a5655;
  border: 1px solid #cfcdcd;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td {
  background-color: #fff;
  color: #908b89;
  font-size: 16px;
  text-align: left;
  padding-left: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td p {
  display: inline-block;
}

.dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td span {
  width: 35px;
  display: inline-block;
  text-align: left;
}

.dashboard-ess .main-wrap .main-content .ess-charge-chart {
  background-color: #ffffff;
}

@media (max-width: 1805px) {
  .dashboard-ess .main-wrap .main-content .notify {
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 18px;
    padding-right: 18px;
    height: 40px;
  }
  .dashboard-ess .main-wrap .main-content .notify span {
    font-size: 14px;
    line-height: 45px;
    letter-spacing: -0.4px;
    padding-left: 10px;
    margin-left: 10px;
  }
  .dashboard-ess .main-wrap .main-content .notify span:before {
    height: 13px;
    width: 2px;
    left: 0;
    top: calc(50% - 6.5px);
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll {
    max-height: 737px;
  }
}

@media screen and (max-width: 1805px) and (-ms-high-contrast: active), screen and (max-width: 1805px) and (-ms-high-contrast: none) {
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll {
    max-height: 708px;
  }
}

@media (max-width: 1805px) {
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .business-place h1 {
    font-size: 45px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .business-place h1 span {
    font-size: 45px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll h2 {
    font-size: 15px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy {
    padding-right: 25px;
    padding-top: 15px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box {
    padding: 15px 25px 10px 20px;
  }
}

@media screen and (max-width: 1805px) and (-ms-high-contrast: active), screen and (max-width: 1805px) and (-ms-high-contrast: none) {
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box {
    padding: 13px 25px 8px 20px;
  }
}

@media (max-width: 1805px) {
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box:nth-of-type(2n) {
    margin-left: 13px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box:nth-of-type(2n + 1) {
    margin-right: 13px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box h2 {
    font-size: 25px;
    padding-bottom: 15px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function {
    padding-bottom: 10px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail {
    padding-left: 10px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail p {
    font-size: 13px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail h3 {
    font-size: 22px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr th {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td {
    font-size: 14px;
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td p {
    width: 40px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td span {
    width: 25px;
  }
  .dashboard-ess .main-wrap .main-content .ess-charge-chart {
    background-color: #ffffff;
  }
}

@media (max-width: 1738px) {
  .dashboard-ess .main-wrap .main-content .notify {
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 18px;
    padding-right: 18px;
    height: 40px;
  }
  .dashboard-ess .main-wrap .main-content .notify span {
    font-size: 14px;
    line-height: 45px;
    letter-spacing: -0.4px;
    padding-left: 10px;
    margin-left: 10px;
  }
  .dashboard-ess .main-wrap .main-content .notify span:before {
    height: 13px;
    width: 2px;
    left: 0;
    top: calc(50% - 6.5px);
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll {
    max-height: 737px;
  }
}

@media screen and (max-width: 1738px) and (-ms-high-contrast: active), screen and (max-width: 1738px) and (-ms-high-contrast: none) {
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll {
    max-height: 708px;
  }
}

@media (max-width: 1738px) {
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .business-place h1 {
    font-size: 45px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .business-place h1 span {
    font-size: 45px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll h2 {
    font-size: 15px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy {
    padding-right: 25px;
    padding-top: 15px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box {
    padding: 15px 25px 10px 20px;
  }
}

@media screen and (max-width: 1738px) and (-ms-high-contrast: active), screen and (max-width: 1738px) and (-ms-high-contrast: none) {
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box {
    padding: 13px 25px 8px 20px;
  }
}

@media (max-width: 1738px) {
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box:nth-of-type(2n) {
    margin-left: 13px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box:nth-of-type(2n + 1) {
    margin-right: 13px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box h2 {
    font-size: 25px;
    padding-bottom: 15px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function {
    padding-bottom: 10px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail {
    padding-left: 10px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail p {
    font-size: 13px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail h3 {
    font-size: 22px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr th {
    font-size: 12px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td {
    font-size: 12px;
    padding-left: 25px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td p {
    width: 35px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td span {
    width: 20px;
  }
  .dashboard-ess .main-wrap .main-content .ess-charge-chart {
    background-color: #ffffff;
  }
}

@media (max-width: 1599px) {
  .dashboard-ess .main-wrap .main-content {
    width: calc(100% - 280px);
  }
  .dashboard-ess .main-wrap .main-content .notify {
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 18px;
    padding-right: 18px;
    height: 40px;
  }
  .dashboard-ess .main-wrap .main-content .notify span {
    font-size: 14px;
    line-height: 45px;
    letter-spacing: -0.4px;
    padding-left: 10px;
    margin-left: 10px;
  }
  .dashboard-ess .main-wrap .main-content .notify span:before {
    height: 13px;
    width: 2px;
    left: 0;
    top: calc(50% - 6.5px);
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll {
    max-height: 542px;
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll {
    max-height: 510px;
  }
}

@media (max-width: 1599px) {
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .business-place h1 {
    font-size: 25px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .business-place h1 span {
    font-size: 25px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll h2 {
    font-size: 10px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy {
    padding-right: 25px;
    padding-top: 10px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box {
    padding: 10px 25px 0px 20px;
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box {
    padding: 13px 25px 8px 20px;
  }
}

@media (max-width: 1599px) {
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box:nth-of-type(2n) {
    margin-left: 13px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box:nth-of-type(2n + 1) {
    margin-right: 13px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box h2 {
    font-size: 15px;
    padding-bottom: 10px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function {
    padding-bottom: 10px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail {
    padding-left: 10px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail p {
    font-size: 11px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box .list-function .detail h3 {
    font-size: 17px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr th {
    font-size: 11px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td {
    font-size: 11px;
    padding-left: 25px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td p {
    width: 35px;
  }
  .dashboard-ess .main-wrap .main-content .business-chart .nicescroll .energy .energy-box table tbody tr td span {
    width: 20px;
  }
  .dashboard-ess .main-wrap .main-content .ess-charge-chart {
    background-color: #ffffff;
  }
}

.dashboard-ess .navbar-left .revenue {
  background-color: #fff;
  color: #000;
}

.dashboard-ess .navbar-left .revenue .box-title {
  font-size: 19px;
  color: #534843;
  font-weight: 500;
}

.dashboard-ess .navbar-left .revenue .box-title p {
  color: #534843;
}

.dashboard-ess .navbar-left .revenue .full-day {
  text-align: center;
  padding-left: 20px;
  padding-bottom: 15px;
}

.dashboard-ess .navbar-left .revenue .full-day p {
  color: #908b89;
  font-size: 18px;
  font-weight: 500;
}

.dashboard-ess .navbar-left .revenue .full-day h2 {
  font-size: 35px;
  color: #908b89;
  font-weight: 700;
}

.dashboard-ess .navbar-left .revenue p {
  color: #908b89;
  font-size: 18px;
  font-weight: 400;
}

.dashboard-ess .navbar-left .performance {
  margin-top: 15px;
}

.dashboard-ess .navbar-left .performance .button-performance {
  padding-top: 10px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .dashboard-ess .navbar-left .performance .button-performance {
    padding-top: 10px;
  }
}

.dashboard-ess .navbar-left .performance .button-performance p.bg-green {
  background-color: #26a69a;
}

.dashboard-ess .navbar-left .performance .button-performance p.bg-orange {
  background-color: #ff8532;
}

.dashboard-ess .navbar-left .performance .button-performance p.bg-blue {
  background-color: #319ffe;
}

.dashboard-ess .navbar-left .performance .box-performance {
  padding-top: 14px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .dashboard-ess .navbar-left .performance .box-performance {
    padding-top: 10px;
  }
}

.dashboard-ess .navbar-left .performance .box-performance h4 {
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  padding-bottom: 12px;
  display: -ms-inline-grid;
  display: inline-grid;
}

.dashboard-ess .navbar-left .performance .box-performance h4 span {
  color: #786b63;
  font-size: 13px;
  padding-top: 5px;
}

.dashboard-ess .navbar-left .performance .box-performance p {
  font-size: 23px;
  font-weight: 600;
  color: #908b89;
  text-align: right;
  margin-top: -5px;
  text-align: center;
}

.dashboard-ess .navbar-left .performance .box-performance p.reduction-light {
  padding-left: 30px;
}

.dashboard-ess .navbar-left .operation-status {
  background-color: #fff;
  color: #000;
  border: 1px solid transparent;
  margin-top: 15px;
}

.dashboard-ess .navbar-left .operation-status .box-content {
  padding-top: 10px;
  padding-bottom: 10px;
}

.dashboard-ess .navbar-left .operation-status .box-content hr {
  clear: both;
  width: 100%;
  margin: 0 18px;
  border-color: #f6e9e0;
}

.dashboard-ess .navbar-left .operation-status .box-content.item {
  padding-top: 20px;
  padding-bottom: 20px;
}

.dashboard-ess .navbar-left .operation-status .box-content.item.p2 {
  padding-top: 9px !important;
  padding-bottom: 8px !important;
}

.dashboard-ess .navbar-left .operation-status .box-content.item.p2 .name {
  margin-bottom: 6px !important;
  font-size: 14px !important;
}

.dashboard-ess .navbar-left .operation-status .box-content.item.p2 .data {
  font-size: 20px !important;
}

.dashboard-ess .navbar-left .operation-status .box-content.item .name {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 400;
  color: #908b89;
}

.dashboard-ess .navbar-left .operation-status .box-content.item .data {
  font-size: 26px;
  font-weight: 500;
  color: #908b89;
}

.dashboard-ess .navbar-left .equipment {
  background-color: #fff;
  color: #000;
  border: 1px solid transparent;
  margin-top: 10px;
}

.dashboard-ess .navbar-left .equipment .box-content {
  padding-top: 30px;
  padding-bottom: 20px;
}

.dashboard-ess .navbar-left .equipment .box-content.item {
  padding-top: 0px;
  padding-bottom: 10px;
  padding: 15px 18px 15px 18px;
}

.dashboard-ess .navbar-left .equipment .box-content.item.line-left {
  position: relative;
}

.dashboard-ess .navbar-left .equipment .box-content.item.line-left:before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 5px);
  height: 16px;
  width: 1px;
  background-color: #ededed;
}

.dashboard-ess .navbar-left .equipment .box-content.item .name {
  font-size: 16px;
  font-weight: 400;
  color: #908b89;
}

.dashboard-ess .navbar-left .equipment .box-content.item .data {
  color: #908b89;
}

.dashboard-ess .navbar-left .equipment .box-content.item .data.both {
  font-size: 23px;
  font-weight: 700;
}

.dashboard-ess .navbar-left .equipment .box-content.item .data span {
  font-size: 13px;
  font-weight: 300;
}

@media (max-width: 1599px) {
  .dashboard-ess .navbar-left {
    width: 280px;
  }
  .dashboard-ess .navbar-left .revenue .box-title {
    font-size: 13px;
  }
  .dashboard-ess .navbar-left .revenue .full-day {
    padding-left: 20px;
    padding-bottom: 0px;
  }
  .dashboard-ess .navbar-left .revenue .full-day p {
    font-size: 12px;
  }
  .dashboard-ess .navbar-left .revenue .full-day h2 {
    font-size: 20px;
  }
  .dashboard-ess .navbar-left .revenue p {
    font-size: 12px;
  }
  .dashboard-ess .navbar-left .solar-radiation .temperature h3 {
    font-size: 13px;
    color: #908b89;
  }
  .dashboard-ess .navbar-left .solar-radiation .temperature h3 span {
    font-size: 10px;
    color: #908b89;
  }
  .dashboard-ess .navbar-left .solar-radiation .temperature p {
    font-size: 10px;
    color: #908b89;
  }
  .dashboard-ess .navbar-left .solar-power {
    margin-top: 10px;
  }
  .dashboard-ess .navbar-left .solar-power .inclined-solar {
    padding-top: 10px;
  }
  .dashboard-ess .navbar-left .solar-power .box-content {
    padding-top: 10px;
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  .dashboard-ess .navbar-left .solar-power .box-content {
    padding-top: 5px;
  }
}

@media (max-width: 1599px) {
  .dashboard-ess .navbar-left .performance {
    margin-top: 10px;
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  .dashboard-ess .navbar-left .performance .box-content {
    padding-bottom: 5px;
  }
}

@media (max-width: 1599px) {
  .dashboard-ess .navbar-left .performance .button-performance {
    padding-top: 5px;
  }
  .dashboard-ess .navbar-left .performance .button-performance p {
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 10px;
  }
  .dashboard-ess .navbar-left .performance .box-performance {
    padding-top: 10px;
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  .dashboard-ess .navbar-left .performance .box-performance {
    padding-top: 6px;
  }
}

@media (max-width: 1599px) {
  .dashboard-ess .navbar-left .performance .box-performance h4 {
    font-size: 12px;
    padding-bottom: 0px;
  }
  .dashboard-ess .navbar-left .performance .box-performance h4 span {
    font-size: 9px;
    padding-top: 5px;
  }
  .dashboard-ess .navbar-left .performance .box-performance p {
    font-size: 14px;
    margin-bottom: 10px;
    padding-right: 12px;
    margin-top: 0;
  }
  .dashboard-ess .navbar-left .operation-status {
    margin-top: 10px;
  }
  .dashboard-ess .navbar-left .operation-status .box-content {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  .dashboard-ess .navbar-left .operation-status .box-content {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

@media (max-width: 1599px) {
  .dashboard-ess .navbar-left .operation-status .box-content hr {
    margin: 0 18px;
  }
  .dashboard-ess .navbar-left .operation-status .box-content.item {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .dashboard-ess .navbar-left .operation-status .box-content.item.p2 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .dashboard-ess .navbar-left .operation-status .box-content.item.p2 .name {
    margin-bottom: 0px !important;
    font-size: 10px !important;
  }
  .dashboard-ess .navbar-left .operation-status .box-content.item.p2 .data {
    font-size: 13px !important;
  }
  .dashboard-ess .navbar-left .operation-status .box-content.item .name {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .dashboard-ess .navbar-left .operation-status .box-content.item .data {
    font-size: 26px;
  }
  .dashboard-ess .navbar-left .equipment {
    margin-top: 10px;
  }
  .dashboard-ess .navbar-left .equipment .box-content {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .dashboard-ess .navbar-left .equipment .box-content.item {
    padding-top: 0px;
    padding-bottom: 10px;
    padding: 10px 18px 10px 18px;
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  .dashboard-ess .navbar-left .equipment .box-content.item {
    padding: 5px 18px 5px 18px;
  }
}

@media (max-width: 1599px) {
  .dashboard-ess .navbar-left .equipment .box-content.item.line-left:before {
    top: calc(50% - 5px);
    height: 16px;
  }
  .dashboard-ess .navbar-left .equipment .box-content.item .name {
    font-size: 12px;
    margin-bottom: 0px;
  }
  .dashboard-ess .navbar-left .equipment .box-content.item .data.both {
    font-size: 16px;
  }
  .dashboard-ess .navbar-left .equipment .box-content.item .data span {
    font-size: 9px;
    margin-bottom: 0px;
  }
}

.bootstrap-datetimepicker-widget ul.list-unstyled {
  padding-left: 0;
}

.bootstrap-datetimepicker-widget ul.list-unstyled li {
  margin-left: 0;
}

.custom-chart .essChart_canvas .line-left {
  float: left;
  border-left: 1px solid #999999;
  height: 130px;
  opacity: 0.2;
  margin-top: 70px;
  margin-left: 40px;
  margin-right: 70px;
}

.custom-chart .essChart_canvas .donut-chartdiv {
  margin-top: 24px;
  width: 200px;
}

.custom-chart .essChart_canvas .donut-chartdiv.mr-l {
  margin-left: 50px;
}

@media (max-width: 1882px) {
  .content-right-chart .part-top .line-left {
    margin-left: 20px;
    margin-right: 50px;
  }
}

@media (max-width: 1738px) {
  .content-right-chart .part-top .line-left {
    margin-left: 10px;
    margin-right: 20px;
  }
  .content-right-chart .part-top .donut-chartdiv.mr-l {
    margin-left: 10px;
  }
}

.event-popup-02 .wrapper-content .part {
  box-shadow: none;
}

.event-popup-02 .wrapper-content .part.style-form03 .search-form-statistics {
  padding-left: 0;
  padding-right: 0;
}

.event-popup-02 .wrapper-content .part.style-form03 .table-style-02 {
  padding-left: 0;
  padding-right: 0;
}

.event-popup-02 .wrapper-content .part.style-form03 .group-input {
  width: 100%;
}

.event-popup-02 .wrapper-content .part.style-form03 .group-input select {
  width: 140px;
}

.not-btn .change-ui {
  display: none;
}

.list-table {
  margin-left: 15px;
  padding-left: 10px;
  border-left: 1px solid #d6d5d6;
  text-align: left;
}

.equipment-bar > .tablink {
  width: 100%;
}

.box-bottom .box-bottom-left,
.content-footer-main .box-bottom-left {
  width: 135px;
  border: 1px solid #dddfe0;
  padding-top: 8px;
  background-color: #f8f8f8;
  height: 65px;
}

.box-bottom .box-bottom-left h5,
.content-footer-main .box-bottom-left h5 {
  color: #4c66bd;
  font-size: 20px;
}

.box-bottom .box-bottom-left img,
.content-footer-main .box-bottom-left img {
  position: relative;
  top: -2px;
  right: -5px;
}

.box-bottom .box-bottom-left span,
.content-footer-main .box-bottom-left span {
  font-size: 15px;
  color: #979797;
}

.content-footer-main .box-bottom-left {
  height: 80px;
  padding-top: 16px;
}

@media (max-width: 1599px) {
  .content-footer-main .box-bottom-left {
    height: 70px;
  }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .content-footer-main .box-bottom-left {
    padding-top: 10px;
    height: 65px;
  }
  .content-footer-main .box-bottom-left h5 {
    font-size: 18px;
  }
  .content-footer-main .box-bottom-left span {
    font-size: 13px;
  }
}

.custome-datatable5 {
  margin-bottom: 50px;
}

.custome-datatable5 tbody tr td {
  color: #8c9299;
  font-size: 15px;
  /*! @issue :: 데이터 테이블의 정렬 확인 필요 - 이진혁  text-align: left; */
  padding-left: 30px;
  background-color: #fbfbfb;
}

.custome-datatable5 thead tr th {
  color: #4d5155;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  padding-left: 30px;
  border-bottom: 1px solid #e9e9e9;
  padding-top: 8px;
  padding-bottom: 8px;
}



@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content .arrowLine03 {
    left: 15px;
  }
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter .box-detail.main-ess :first-of-type.box-detail__wrap p.data.data-th {
    width: 40px;
  }
}

@media screen and (max-width: 1599px) and (-ms-high-contrast: active), screen and (max-width: 1599px) and (-ms-high-contrast: none) {
  .resource-ess .main-wrap .main-content .integrated-chart .box-content .parameter__content .arrowLine03 {
    left: 18px;
  }
}

.date-format-style .date .bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour {
  inset: auto auto 34px 0px !important;
  top: auto !important;
  bottom: 34px !important;
}

.date-format-style .date .bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour::before {
  display: none !important;
}

.h-80 {
  height: 80px;
}

.pr-100 {
  padding-right: 100px;
}

@media (max-width: 1599px) {
  .pr-100 {
    padding-right: 10px;
  }
}

.select-header {
  background: none;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border: 1px solid #c4c1c0;
  background-image: url(../images/check.png);
  background-repeat: no-repeat;
  background-position: center right 5px;
  font-size: 15px;
  color: #6a6a6a;
  padding-right: 26px;
  margin-right: 10px;
}

.error-wrapper {
  background-color: #f1f1f1;
  height: 100%;
  padding-top: 5%;
}

.error-full-height #wrapper {
  height: 100%;
}

.page-error {
  width: 100%;
  height: 100%;
  background-color: transparent;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #212428;
  padding: 20px 90px;
}

@media (min-width: 1280px) {
  .page-error {
    max-width: 100%;
  }
}

.page-error .content {
  margin-top: 50px;
}

.page-error .content .messege-error {
  background-image: url("../images/icon-warning.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  font-family: "Noto Sans KR";
  font-size: 61.84px;
  font-weight: 700;
  color: #534843;
  height: 288px;
  margin-bottom: 60px;
}

.page-error .content .messege-confirm {
  font-family: "Noto Sans KR";
  font-size: 22px;
  font-weight: 400;
  color: #212428;
  margin-bottom: 68px;
}

.page-error .content a {
  background-color: #f68816;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
}

.page-error .content a:hover {
  background-color: #bf6910;
}

.select-header:focus {
  outline: none;
}

.resource-pv .custom-chart {
  margin-top: -32px;
}

.content-footer-main {
  margin-top: 5px;
}

select.select-height-style {
  height: 34px;
  padding: .375rem 1.75rem .375rem .75rem !important;
  font-size: 16px;
}

/* 20200207 ADC style 수정 */
.navbar-left .option-statebox .solar-power {margin-top:8px;}
.navbar-left .option-statebox .solar-power:first-child {margin-top:0;}
.navbar-left .option-statebox .solar-power .box-content {padding:9px 25px 1px 25px;}
.navbar-left .option-statebox .solar-power .box-content .d-flex img {width:51px !important; max-width:51px !important; height:52px;}
.navbar-left .option-statebox .solar-power .box-content .left-img.d-flex .content-image {margin-left:5px !important;}
.navbar-left .option-statebox .solar-power .box-content .left-img.d-flex .content-image h2 {line-height:25px;}
.navbar-left .option-statebox .solar-power .box-content .left-img.d-flex .content-image h2 span {margin-left:0 !important;}
.navbar-left .option-statebox .solar-power .box-content .inclined-solar {padding-top:1px !important;}
.navbar-left .option-statebox .solar-power .box-content .inclined-solar p {letter-spacing:-1px;}
.navbar-left .option-statebox .solar-power .box-content .box-gray {padding:10px 0 10px;}
/* //20200207 ADC style 수정 */