@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 컨텐츠 CSS  입니다
 * date :2018-04-01
******************************************************** */


/* ******************  공통 컨텐츠 ********************** */
/* 공통 :: Search BOX */
#contentSearchBox {
    position: relative;
    margin-top: 5px;
}



#contentSearchBoxAdmin {
    position: relative;
    height: 100px;
    margin-top: 5px;
}
.search-col {
    float: left;
    height: 35px;
    margin-bottom: 5px;
}
.search-col dt, .search-col dd {
    float: left;
    height: 100%;
}
.search-col dt {
    width: 100px;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    letter-spacing: -0.2px;
    color: #fff;
    font-weight: 500;
    background-color: #75869a;
    margin-left:4px;
}

.ftp-set .search-col dt {
    background-color: #fff;
    border: 1px solid #75869a;
    box-sizing:border-box;
    line-height:32px;
}
.search-btn, .img-save-btn {
    width: 35px;
    height: 35px;
    float: left;
    color: #fff;
    font-size: 20px;
    letter-spacing: -0.2px;
    background: #2a394b url(../images/icon/search_btn.png) no-repeat;
    background-size: 30px;
    background-position: center center;
    font-size: 0;
    transition: all 0.3s;
    box-sizing: border-box;
}
.search-btn:hover{
    background-color:#75869a;
}
.img-save-btn {
    position:absolute;
    right: 0;
    color: #fff;
    background: #75869a url(../images/icon/save.png) no-repeat;
    background-size: contain;
    background-position: center center;
}
.sort-btn-wrap {
    position: absolute;
    top: 12px;
    right: 12px;
}
#save, #refresh, .data-date, .pcs-device-btn .user-log-btn {
    display: inline-block;
    padding: 0 10.5px;
    background-color: #75869a;
    color: #fff;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 5px;
}
.data-date {
    height: 27px;
    line-height: 27px;
    margin-right: 5px;
    cursor: default;
}
.pcs-device-btn {
    position: absolute;
    top: calc(50% - 14px);
    right: 8px;
    color: #fff;
}
.pcs-device-btn .user-log-btn{
    color:#fff;
    font-size:12px;
    padding:5px;
    height:auto;
    line-height:normal;
    margin-left:5px;
}
.pcs-device-btn .user-log-btn.off{
    background-color: #999;
}
.pcs-device-btn a img{
    width: 18px !important;
    margin:0;
}
.data-date.siteKind {
    padding: 0;
}
#save .material-icons, #refresh .material-icons, .all-select {
    display: block;
    float: right;
    font-size: 14px;
    margin-top: 10px;
    margin-left: 5px;
}
.all-select{margin-right:90px;display:inline-block;height:35px;line-height:35px;margin-top:0;color:#000;}
.equipmentLifeTop .all-select{background-color:#f6f6f6;border:1px solid #75869a}
.all-select input[type="radio"]{margin:0 10px;}
#refresh {
    color: #d3d3d3;
    background-color: rgba(0,0,0,0);
    border: 1px solid #d3d3d3;
    margin-left: 5px;
}
.sort-btn {
    cursor: pointer;
    display: inline-block;
    background-image: url('../images/icon/dropdown.png');
    background-size: contain;
    width: 23px;
    height: 23px;
    vertical-align: middle;
}
.sort-btn.on {
    background-image: url('../images/icon/btn-top2.png');
}
/* 공통 :: Search Box 체크박스 */
.check-box-list {
    padding: 0 14px;
    line-height: 35px;
}
.check-box-list span {
    margin-left: 18px
}
.check-box-list span:first-child {
    margin-left: 0
}
.check-box-list input {
    vertical-align: middle;
    margin-top: -1px;
}
.check-box-list label {
    color: #fff;
    font-size: 15px;
    letter-spacing: -0.2px;
}
/* 공통 :: Search Box Select + input */
.search-select {
    height: 35px;
    width: 100%;
    vertical-align: top;
    background-color: rgba(255,255,255,0.7);
    border: 1px solid #75869a;
    box-sizing: border-box;
    text-indent: 2%;
    font-size: 15px;
    color: #333;
}
.search-serialnum {
    height: 20px;
    width: 100%;
    background-color: rgba(255,255,255,0.7);
    border: 0;
    text-indent: 5%;
    font-size: 15px;
    color: #333;
}
.search-day {
    width: 100%;
    height: 35px;
    background: #fff url(../images/icon/search_day_icon.png) no-repeat 95% 50%;
    border: 1px solid #75869a;
    box-sizing: border-box;
    background-size: 22px;
    text-indent: 5%;
    padding: 0;
    color: #333;
    font-size: 14px;
}
.solar-dpm .search-day {
    width:auto;
}
.search-text {
    width: 100%;
    height: 35px;
    padding: 0;
    border: 0;
    text-indent: 5%;
    color: #333;
    font-size: 15px;
}
.search-text2 {
    width: 40%;
    height: 35px;
    padding: 0;
    border: 0;
    text-indent: 5%;
    color: #333;
    font-size: 15px;
}
dl .search-text, .btn-group-vertical > .btn, .btn-group > .btn {
    border: 1px solid #75869a;
    box-sizing: border-box;
    vertical-align: top;
}
.search-text-multi {
    width: 100%;
    height: 240px;
    border: 0;
    color: #333;
    font-size: 15px;
}
.hypen {
    display: inline-block;
    width: 12px;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
    color: #000;
    vertical-align: middle;
    margin-left:2px;
}
.tbl-txt-bold {
    font-weight: 500;
}
/* 공통 ::  DATEPICKER CUSTOM */
/* datepicker box  */
.ui-datepicker {
    width: 300px;
    background-color: #fff
}
/* datepicker header  */
.ui-datepicker-header {
    position: relative;
    height: 47px;
    line-height: 47px;
    color: #fff;
    background-color: #75869a;
    text-align: center;
}
.ui-datepicker-prev, .ui-datepicker-next {
    position: absolute;
    top: 0px;
    cursor: pointer;
    color: #fff !important;
}
.ui-datepicker-prev {
    left: 3%;
}
.ui-datepicker-next {
    right: 3%;
}
.ui-datepicker-title {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.3px;
}
/* datepicker calendar */
.ui-datepicker-calendar {
    border: 1px solid #ddd;
    width: 100%;
    box-sizing: border-box;
}
/* datepicker calnedar :: 요일 */
.ui-datepicker-calendar thead th {
    width: 14.25%;
    height: 35px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    font-size: 14px;
    font-weight: 600;
}
.ui-datepicker-calendar thead th:first-child {
    width: 14.5%
}
.ui-datepicker-calendar thead .ui-datepicker-week-end {
    color: #0000ff
}
.ui-datepicker-calendar thead .ui-datepicker-week-end:first-child {
    color: #ff0000
}
/* datepicker calnedar :: 날짜 */
.ui-datepicker-calendar td {
    height: 36px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    text-align: right;
    vertical-align: top;
    font-size: 14px;
}
.ui-datepicker-calendar tr td:first-child {
    border-left: 0;
}
.ui-datepicker-calendar td.ui-datepicker-unselectable {
    color: #ccc
}
/* 비활성화 */
.ui-datepicker-calendar td .ui-state-default {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
    color: inherit;
}
.ui-datepicker-calendar td.ui-datepicker-today, .ui-datepicker-calendar td .ui-state-hover {
    background: #eee;
}
/* 마우스오버 */
.ui-datepicker-calendar td .ui-state-active {
    background-color: #3666aa;
    color: #fff;
}
/*active */
/* 공통 :: PAGING */
.paging {
    width: 100%;
    text-align: center;
    margin: 30px 0 0 0;
}
.paging a {
    display: inline-block;
    vertical-align: middle;
    width: 34px;
    height: 34px;
    text-align: center;
    font-size: 13px;
    line-height: 34px;
    color: #fff;
    letter-spacing: -0.25px;
    margin: 0px 4px;
    background-color: #75869a;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    -o-border-radius: 34px;
    border-radius: 34px;
}
.location-site .paging a {
    margin: 0;
    width:25px;
    height:25px;
    line-height:25px;
    font-weight:500;
    margin:0 2px;
    transition:all 0.3s;
}
.location-site .paging a img{
    max-width:12px;
    height:12px;
    margin-top:-1px;
}
.paging a.cur, .location-site .paging a:hover {
    background-color: #2a394b;
    color: #fff;
}
.paging a.paging-arrow {
    line-height: 34px;
}
.paging i {
    vertical-align: middle;
    color: inherit
}
.paging .paging-list-num {
    width: 120px;
    height: 34px;
    background-color: rgba(255,255,255,0.7);
    border: 0;
    text-indent: 3%;
}
/* 공통 :: 테이블스킨 */
.th-slash {
    background: url('../images/icon/slash_w.png') no-repeat;
    background-size: 100% 100%;
    text-align: left;
    padding: 0 5px 0 7px;
}
.th-slash div {
    text-align: right;
}
.content-list-tbl {
    width: 100%;
    border-right:1px solid #e2e2e2 !important;
}
.content-list-tbl thead th, .content-list-tbl-solar-stat thead th, .content-list-tbl_pcs thead th, .content-list-tbl5 thead th, 
.content-list-tbl3 thead th, .content-list-tbl-pie2 thead th, .content-list-tbl-solar thead th, .content-list-tbl-pcs thead th, 
.CircuitBreaker-list-tbl10 thead th, .content-list-tbl10 thead th, .content-list-tbl_rpt_day thead th, .content-list-tbl-weather4 thead th{
    height: 48px;
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #2a394b;
    background-color: #fbfbfb;
    color: #2a394b;
    font-size: 20px;
    letter-spacing: -0.7px;
    font-weight: 500;
}
.trend-view .content-list-tbl {border-right:0 !important;}
.trend-view .content-list-tbl tbody td{width:80px; height:25px;font-size:13px;text-align:right;padding-right:5px;box-sizing:border-box;border-right:1px solid #e2e2e2;}
.trend-view .content-list-tbl tbody th{font-size:13px;text-align:left;text-indent:5px;letter-spacing:-1px;}
.trend-view .content-top-info-icon span{display:inline-block;font-size:14px;color:#fff;line-height:27px;}
.trend-view .content-top-info-icon span img{margin-top:-2px;padding:0 5px;cursor:pointer;}
.hmi-ver-tbl .content-list-tbl tbody td {
    height: 25px;
    font-size: 13px;
    letter-spacing: -0.7px;
}
.hmi-ver-tbl .content-list-tbl tbody tr:nth-child(2n) td {
    background-color: #eaeaea !important;
}
.pv-content-list-tbl .content-list-tbl {
    height: 362px;
}
.pv-content-list-tbl .content-list-tbl thead th {
    height: 74px;
}
.log-list-tbl thead th, .trace-tbl.content-list-tbl thead th {
    font-size: 16px;
}
.content-list-tbl tbody th, .content-list-tbl-solar-stat tbody th, .content-list-tbl_pcs tbody th, .content-list-tbl5 tbody th,
.content-list-tbl-weather7 tbody th, .content-list-tbl3 tbody th, .content-list-battery tbody th, .content-list-tbl-fcu tbody th,
.content-list-tbl-dpm tbody th, .content-list-tbl-pie2 tbody th, .content-list-tbl-solar tbody th, .content-list-tbl-pcs tbody th,
.content-list-tbl_main_ess tbody th, .CircuitBreaker-list-tbl10 tbody th, .content-list-tbl10 tbody th, .content-list-tbl_rpt_day tbody th,
.content-list-tbl-esspcs tbody th, .content-list-tbl-bat tbody th, .content-list-tbl-weather2 tbody th, .content-list-tbl-weather5 tbody th,
.content-list-tbl-weather6 tbody th .content-list-tbl-esspcs-top-left tbody th, .content-list-tbl-esspcs-bottom-left tbody th,
.content-list-tbl-bat-top-left tbody th, .content-list-tbl-setting-bottom-right3 tbody th, .content-list-tbl-setting-top-right tbody th,
.content-list-tbl-admin-bottom-right tbody th, .content-list-tbl-weather4 tbody th {
    background-color: #fbfbfb;
    color: #333;
    font-size: 15px;
    letter-spacing: -0.7px;
    font-weight: 400;
    border: 1px solid #e2e2e2;
}
.content-list-tbl tbody td, .content-list-tbl-solar-stat tbody td, .content-list-tbl_pcs tbody td, .content-list-tbl5 tbody td,
.content-list-tbl-weather7 tbody td, .content-list-tbl3 tbody td, .content-list-battery tbody td, .content-list-tbl-fcu tbody td,
.content-list-tbl-dpm tbody td, .content-list-tbl-pie1 tbody td, .content-list-tbl-solar tbody td, .content-list-tbl-pcs tbody td,
.content-list-tbl8 tbody td, .CircuitBreaker-list-tbl10 tbody td, .content-list-tbl10 tbody td, .content-list-tbl_rpt_day tbody td,
.content-list-tbl_setting tbody td, .content-list-tbl-esspcs tbody td, .content-list-tbl-weather2 tbody td, .content-list-tbl-weather3 tbody td,
.content-list-tbl-weather5 tbody td, .content-list-tbl-weather6 tbody td, .content-list-tbl-esspcs-top-left tbody td,
.content-list-tbl-esspcs-bottom-left tbody td, .content-list-tbl-bat-top-left tbody td, .content-list-tbl-bat-top-right tbody td,
.content-list-tbl-setting-bottom-right3 tbody td, .content-list-tbl-setting-top-right tbody td, .content-list-tbl-admin-bottom-right tbody td {
    height: 46px;
    border-bottom: 1px solid #e2e2e2;
    background-color: #f6f6f6 !important;
    color: #000;
    font-size: 15px;
    letter-spacing: -0.2px;
    text-align: center;
}
.wixMiddleContent > table{
    height:426px;
}
.wixMiddleContent .content-list-tbl tbody td {
    height: 25px;
}
.wixMiddleContent .content-list-tbl{
    height:100%;
}
.content-list-tbl tbody td a {
    display: inline-block;
    color: #000 !important;
}
.content-list-tbl tbody .cm-al, .content-list-tbl-solar-stat tbody .cm-al, .content-list-tbl_pcs tbody .cm-al, .content-list-tbl5 tbody .cm-al,
.content-list-tbl-weather7 tbody .cm-al, .content-list-tbl3 tbody .cm-al, .content-list-battery tbody .cm-al, .content-list-tbl-fcu tbody .cm-al,
.content-list-tbl-dpm tbody .cm-al, .content-list-tbl-pie1 tbody .cm-al, .content-list-tbl-pie2 tbody .cm-al, .content-list-tbl-solar tbody .cm-al,
.content-list-tbl-pcs tbody .cm-al, .content-list-tbl8 tbody .cm-al, .content-list-tbl_main_ess tbody .cm-al, .CircuitBreaker-list-tbl10 tbody .cm-al,
.content-list-tbl10 tbody .cm-al, .content-list-tbl_rpt_day tbody .cm-al, .content-list-tbl_setting tbody .cm-al, .content-list-tbl-esspcs tbody .cm-al,
.content-list-tbl-bat tbody .cm-al, .content-list-tbl-weather2 tbody .cm-al, .content-list-tbl-weather3 tbody .cm-al, .content-list-tbl-weather5 tbody .cm-al,
.content-list-tbl-weather6 tbody .cm-al, .content-list-tbl-esspcs-top-left tbody .cm-al, .content-list-tbl-esspcs-bottom-left tbody .cm-al,
.content-list-tbl-bat-top-left tbody .cm-al, .content-list-tbl-bat-top-left3 tbody .cm-al, .content-list-tbl-bat-top-right tbody .cm-al,
.content-list-tbl-bat-bottom-right tbody .cm-al, .content-list-tbl-solra-top-left tbody .cm-al, .content-list-tbl-setting-bottom-right3 tbody .cm-al,
.content-list-tbl-setting-top-right tbody .cm-al, .content-list-tbl-weather4 tbody .cm-al {
    text-align: left;
    padding: 0 10px;
}
.content-list-tbl tbody tr:hover td, .content-list-tbl_pcs tbody tr:hover td, .content-list-tbl5 tbody tr:hover td,
.CircuitBreaker-list-tbl10 tbody tr:hover td, .content-list-tbl10 tbody td:hover, .content-list-tbl10.circuit-tbl tbody td:hover{
    background-color: #fafafa !important;
}
.admin_top_center01 .table-wrapper2 table {
    table-layout: fixed;
}
.admin_top_center01 .table-wrapper2 > table tbody {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.admin_top_center01 .table-wrapper2 table thead {
    table-layout: fixed;
    display: table;
    position: absolute;
    width: 100%;
    margin-top: -50px;
}
.content-list-tbl-solar-stat {
    border-right: 1px solid #e2e2e2;
    height: 515px;
}
#statusMiddleContent2 > table > tbody > tr > td:nth-child(4) .content-list-tbl-solar-stat {
    border-right: 0;
}
.content-list-tbl-solar-stat thead th {
    height: 74px;
    color: #333;
}
.content-list-tbl-solar-stat tbody tr:hover td {
    background-color: #fbfbfb;
}
.content-list-tbl_pcs {
    width: 50%;
}
/* fault_Stat :: 테이블크기 */
.fault_top_left, .fault_top_right, .fault_botton{
    position: relative;
    float: left;
    width: 620px;
    height: 310px;
    margin-right: 10px;
    background-color: #e2e2e2;
    border: 1px solid #3c3c3c;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.fault_top_right {
    width: 1523px;
}
.fault_botton {
    overflow: hidden;
    width: 1523px;
    height: 570px;
}
/* fault_Stat_left :: 테이블스킨 */
.content-list-tbl5 {
    width: 50%;
}
.content-list-tbl5 thead th, .trace-tbl.content-list-tbl thead th{
    height: 40px;
}
.content-list-tbl5 tbody td , .trace-tbl.content-list-tbl tbody td{
    height: 35px;
}
.trace-tbl.content-list-tbl tbody td a{
    position:relative;width:100%;z-index:0;outline:none;
}
/* ******************  LOGIN ********************** */
#loginWrapper {
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../images/layout/login_wrapper_bg.jpg) repeat-x 0 0;
}
#loginContainer {
    position: absolute;
    top:50%;
    left: 50%;
    width: 1000px;
    height:600px;
    margin:-300px 0 0 -500px;
    padding: 65px 48px;
    box-sizing:border-box;
    background: #fff url(../images/layout/sign_bg.png) no-repeat center right;background-size:contain;
    box-shadow: 8px 11px 13px rgba(123, 123, 123, 0.35);
}
#loginContainer .login-company-tit {
    position: absolute;
    top: 62px;
    left: -20px;
}
#loginContainer .login-company-tit:before {
    position: absolute;
    top: 90px;
    bottom: 0px;
    left: 0px;
    width: 19px;
    height: 20px;
    content: "";
    background: url(../images/content/login_title_arrow.png) no-repeat
}
/* login 영역 */
.login-form-box {
    width: 350px;
}
.login-form-box .login-tit {
    margin-bottom: 70px
}
.login-form-box ul {
    margin-bottom: 30px;
}
.login-form-box ul li {
    position: relative;
    height: 40px;
    border-bottom: 2px solid #ccc;
    margin-top: 25px;
    padding-right: 45px;
}
.login-form-box ul li:first-child {
    margin-top: 0;
}
.login-input {
    width: 100%;
    height: 100%;
    border: 0;
    background: none;
    text-indent: 10px;
    outline:none;
    color: #313131;
    font-size: 22px;
    letter-spacing: -0.25px;
}
.focus-input {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}

.focus-input:after {
    font-size: 14px;
    color: #bdbdbd;
    line-height: 1.2;
    font-weight:500;
    content: attr(data-placeholder);
    display: block;
    width: 100%;
    position: absolute;
    top: 16px;
    left: 0px;
    padding-left: 5px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.login-input:focus + .focus-input:after, .login-input.has-val + .focus-input:after {
    top: -20px;
}

.focus-input::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    background: #f39700;
    background: -webkit-linear-gradient(left, #f39700, #d7000f);
    background: -o-linear-gradient(left, #f39700, #d7000f);
    background: -moz-linear-gradient(left, #f39700, #d7000f);
    background: -ms-linear-gradient(left, #f39700, #d7000f);
    background: linear-gradient(left, #f39700, #d7000f);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f39700', endColorstr='#d7000f',GradientType=0 ); /* IE6-9 */
}

.login-input:focus + .focus-input:before, .login-input.has-val + .focus-input:before {
    width: 100%;
}
.login-form-box ul li .login-icon, .btn-show-pass {
    font-size: 20px;
    color: #999999;
    display: inline-block;
    position: absolute;
    z-index: 9999;
    width: 30px;
    text-align: center;
    bottom: 15px;
    right: 0;
    padding-right: 5px;
    /*cursor: pointer;*/
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.login-form-box .login-btn {
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #f39700;
    background: -webkit-linear-gradient(left, #f39700, #d7000f);
    background: -o-linear-gradient(left, #f39700, #d7000f);
    background: -moz-linear-gradient(left, #f39700, #d7000f);
    background: -ms-linear-gradient(left, #f39700, #d7000f);
    background: linear-gradient(left, #f39700, #d7000f);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f39700', endColorstr='#d7000f',GradientType=0 ); /* IE6-9 */
    font-size: 22px;
    letter-spacing: -0.75px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
}
/* ******************  HOME 1 ********************** */
/* 서브 다운로드 btn */
.sub-down-btn {
    position: absolute;
    top: 16px;
    right: 31px;
    display: inline-block;
    vertical-align: middle;
    width: 115px;
    height: 30px;
    line-height: 30px;
    border: 1px solid rgba(117, 134, 154, 0.50);
    color: rgba(117, 134, 154, 0.50);
    text-align: center;
    font-size: 10px;
}
.sub-down-btn:hover {
    color: rgb(117, 134, 154);
    border-color: rgb(117, 134, 154);
}
.sub-down-btn img {
    margin: -3px 0 0 20px;
}
.sub-down-btn2:hover {
    color: #f2f2f2;
    border-color: #686868;
}
.sub-down-btn2 img {
    margin: -3px 0 0 20px;
}
/* 사이트 정보 */
#siteInfoContent {
    margin-bottom: 10px;
}
#siteInfoContent .site-info-img {
    margin-bottom: 5px;
    height: 200px;
}
.site-info-img img {
    width: 100%;
    height:100%;
}
.site-info-con {
    display: none;
}
#siteDefalut, .site-detail-info-box dl dd.enter, .site-detail-info-box-main dl dd.enter{
    display: block;
}
.site-detail-info-box {
    overflow-x: hidden;
    overflow-y: hidden;
}
.site-detail-info-box dl, .site-detail-info-box-main dl{
    margin-top: 12px;
    color: #ddd;
    font-size: 16px;
    letter-spacing: -0.7px;
}
.site-detail-info-box dl:before, .site-detail-info-box-main dl:before{
    display: inline-block;
    content: "·";
    width: 15px;
    text-align: center;
}
.site-detail-info-box dl dt, .site-detail-info-box dl dd, .site-detail-info-box-main dl dt,.site-detail-info-box-main dl dd{
    display: inline-block;
    vertical-align: middle;
}
.site-detail-info-box dl dd .detail-info-txt, .site-detail-info-box-main dl dd .detail-info-txt{
    padding-left: 15px;
    margin-top: 15px;
}
.site-detail-info-box-main {
    height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 35px
}
/* Map */
.site-detail-info-box1 {
    height:auto;
    padding:0;
    box-sizing: border-box;
}
.site-detail-info-box1 dl:after {
    content: "";
    display: block;
    clear: both;
}
.site-detail-info-box1 dl dt, .site-detail-info-box1 dl dd {
    display: block;
    vertical-align: middle;
    color: #333;
    font-size: 14px;
    float: left;
    box-sizing: border-box;
}
.site-detail-info-box1 dl dt {
    width: 30%;
    background-color: #75869a;
    padding: 5px;
    text-align: center;
    color:#fff;
    margin-bottom: 5px;
    border-radius: 10px;
}
.site-detail-info-box1 dl dd {
    font-weight: 400;
    letter-spacing:-1px;
    width: 70%;
    line-height:22px;
    padding-left:10px;
}
.site-detail-info-box1 h3 {
    font-weight: 600;
    font-size: 46px;
    color: #2a394b;
    padding-top:20px;
    text-align: center;
}
.site-detail-info-box1 h3 span {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color:#666;
    margin-top:5px;
}
.site-detail-info-logo {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    width: 180px;
}
.info-title {
    text-align: center;
    font-size: 16px;
    color: #2a394b;
    font-weight: 500;
    margin: 20px 0;
    letter-spacing: -1.5px;
}
.info-title span {
    display:block;
    margin-top: 10px;
    font-size:14px;
    font-weight:400;
    letter-spacing:-1px;
    color:#75869a;
}
.to-prd-page-btn {
    display: block;
    margin: 0 12px;
    height: 53px;
    line-height: 53px;
    text-align: center;
    color: #5e5e5e;
    font-size: 17px;
    letter-spacing: -0.2px;
    background-color: #262626;
}
.to-prd-page-btn:hover {
    color: #a9a9a9
}
.to-prd-map-btn, .to-insert-btn {
    display: block;
    margin: 0 auto;
    height: 53px;
    line-height: 53px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    letter-spacing: -0.2px;
    background-color: #75869a;
    border: 1px solid #75869a;
    transition: all 0.3s;
}
.to-prd-map-btn:hover, .to-insert-btn:hover {
    color: #75869a;
    background-color: rgba(0,0,0,0);
}
.to-insert-btn {
    margin-top: 15px;
    height: 43px;
    line-height: 43px;
}
.to-save-btn, .to-list-btn, .to-upt-btn, .to-setting-upt-btn {
    display: block;
    height: 43px;
    line-height: 43px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    letter-spacing: -0.2px;
    background-color: #75869a;
    width: 140px;
    border: 1px solid #75869a;
    transition: all 0.3s;
}
.to-save-btn:hover {
    color: #75869a;
    font-weight: bold;
    background-color: rgba(0,0,0,0);
}
.join-btn .to-save-btn {
    margin: 0 auto;
    background-color: #f7941e;
    border: 1px solid #f7941e;
}
.join-btn .to-save-btn:hover {
    color: #f7941e;
    font-weight: bold;
    background-color: rgba(0,0,0,0);
}
.user-datail-tbl .to-save-btn, .user-datail-tbl .to-upt-btn {
    width: 100%;
    font-size: 15px;
    margin: 0;
    box-sizing:border-box;
}
.detail-btn:hover, .update-btn:hover{
    color: #75869a !important;
    font-weight: bold;
    background-color: rgba(0,0,0,0);
}
.update-btn:hover{
    color:#2a394b !important;
}
.detail-btn:hover:after{
    width: 100%;
}
.detail-btn, .update-btn {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #333;
    position: relative;
    cursor: pointer;
    font-weight: 500;
    box-sizing: border-box;
    font-size: 14px;
    letter-spacing: -0.2px;
    transition: all 0.3s;
}
.update-btn {
    width: 22px;
    padding: 0;
    font-size: 12px;
    height: 22px;
    margin: 2px;
    display: block;
    border-radius: 100%;
    border: 2px solid #2a394b;
    background-color: #2a394b;
    line-height: 19px;
    color: #Fff;
}
.update-btn.off{
    border: 2px solid #a7a7a7;
    background-color: #a7a7a7;
}
.update-btn.off:hover{
    border: 2px solid #a7a7a7;
    background-color: rgba(0,0,0,0);
    color:#a7a7a7 !important;
}
.detail-btn:after{
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background-color: #75869a;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.3s;
}
.to-list-btn {
    text-align: center;
    background-color: #2a394b;
    border: 1px solid #2a394b;
}
.to-list-btn:hover {
    font-weight: bold;
    color: #2a394b;
    background-color: rgba(0,0,0,0);
}
.to-upt-btn{
    margin: 0 12px;
    background-color: #B43104;
    border: 1px solid #B43104;
}
.to-upt-btn:hover{
    color: #B43104;
    font-weight: bold;
    background-color: rgba(0,0,0,0);
}
.to-setting-upt-btn:hover{
    color: #2a394b;
    font-weight: bold;
    background-color: rgba(0,0,0,0);
}
.to-setting-upt-btn {
    height: 30px;
    line-height: 30px;
    margin-left: 15px;
    margin-top: 5px;
    background-color: #2a394b;
    width: 100px;
    border: 1px solid #2a394b;
}
.to-setting-upt-btn-sm, .to-setting-upt-btn1 {
    display: block;
    margin: 0 12px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #a9a9a9;
    font-size: 15px;
    letter-spacing: -0.2px;
    background-color: #B43104;
    width: 70px;
}
.to-setting-upt-btn-sm:hover, .to-setting-upt-btn1:hover {
    color: #FFFFFF;
    font-weight: bold;
}
.to-setting-upt-btn1 {
    height: 33px;
    line-height: 30px;
    font-size: 17px;
    width: 100px;
}
/* 지도 */
#mapContent {
    margin-top: 15px;
    position: relative;
}

/* Edit 팝업 */
.popup-tit-con {
    background-color: #2a394b;
    padding: 15px 20px;
    margin-bottom: 6px;
}
.photo-upload-con {
    border-top: 1px solid #2a394b;
}
.photo-upload-con .file-input {
    padding: 5px;
    width: 90%;
    background-color: none;
}
.photo-upload-btns {
    padding: 30px 0;
    text-align: center;
}
.photo-upload-btns button, .photo-upload-btns .close-btn{
    width: 150px;
    height: 46px;
    background-color: #4f4f4f;
    color: #fff;
    font-size: 20px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
}
.photo-upload-btns button.save-btn {
    background-color: #f7941e;
}
.photo-upload-btns .save-btn {
    width: 150px;
    height: 5px;
    color: #fff;
    font-size: 20px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    background-color: #2a394b;
}
 /******사이트 고장정보 팝업******/
.site-fault-list .header{padding-bottom:10px;border-bottom:1px solid #000;margin-bottom:20px;}
.site-fault-list h1{font-size:35px; font-weight:500;float:left;letter-spacing:-3px;color:#000;}
.pagin-wrap{float:right; }
.pagin-btn{position:absolute; top:10px;right:10px;}
.pagin-btn button{height:40px;margin:0 2px;color:rgba(255,255,255, 0.8);transition:0.3s all;}
.pagin-btn button .material-icons{vertical-align:middle;}
.pagin-btn button:hover{color:#fff;transform:scale(1.2);}
.site-fault-list .pagin-btn{float:right;}
.site-fault-list .pagin-btn input{cursor:pointer; text-indent:-9999px;background-color:#fff;width:35px;height:35px;background-image:url(../images/icon/left-arrow_3.png);background-repeat:no-repeat;background-position:center center;background-size:25px;border:1px solid #d2d2d2;}
.site-fault-list .pagin-btn input:last-child{background-image:url(../images/icon/right-arrow_3.png);}
.site-fault-list h1 span{display:inline-block;color:#75869a;}
.site-fault-tbl h2{width:125px;padding:10px;text-align:center;color:#fff;background-color:#2a394b;font-size:15px;border-radius:50px;font-weight:500;letter-spacing:-1px;margin-right:10px;}
.section>.site-fault-tbl>tbody>tr>td{vertical-align:top;}
.site-fault-tbl td:first-child .site-fault-tbl tr{display:block;margin-bottom:20px;padding-right:15px;}
.site-fault-tbl td:first-child .site-fault-tbl td{border-bottom:1px solid #d2d2d2;width:100%;font-size: 15px;line-height: 30px;}
.site-fault-tbl td:first-child .site-fault-tbl td a{float:right;}
.site-fault-tbl td{color:#000;font-weight:500;}
.site-fault-tbl .table-wrapper{overflow-y:scroll;height:151px;margin-top:40px;}
.site-fault-tbl .table-wrapper thead{position:absolute;top:0px;left:0;width:100%;display:table;table-layout:fixed;}
.site-fault-tbl .table-wrapper thead th{height:40px;border-bottom:1px solid #999;color:#000;font-weight:500;}
.site-fault-tbl .table-wrapper tbody td{height:30px;border-bottom:1px solid #d2d2d2;text-align:center;font-size:13px;font-weight:500;}
.site-fault-tbl .table-wrapper tbody td span{width:250px; display:block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/* ******************  HOME 2 ********************** */
/* 왼쪽 사이트정보 */
.left-content-home2 .left-inner-con,
.left-content-home2 .left-inner-con-top {
    position: relative;
    padding: 18px 26px;
}
.left-content-home2 .left-inner-con-status {
    margin-top: 8px;
    height: 217px
}
.site-pcs-detail-info-box dl {
    padding-bottom: 26px
}
.site-pcs-detail-info-box dl dt {
    font-size: 20px;
    color: #fff;
    opacity: 0.25;
    filter: Alpha(opacity=25);
    margin-bottom: 10px;
}
.site-pcs-detail-info-box dl dd {
    font-size: 17px;
    color: #fff;
    line-height: 25px;
}
/* 왼쪽 통신상태 */
.status-img-icon {
    position: absolute;
    top: 20px;
    right: 30px;
}
.left-status-box {
    padding: 20px 0 10px;
    text-align: center;
}
.left-status-box dl {
    display: inline-block;
    margin: 0 30px;
}
.ess-left-status-box dl, .ess-left-status-box .status-middle-box2 {
    display: block;
    width: 84px;
    float: left;
    margin: 0;
}
.wind-left-status-box .status-middle-box2 {
    width: 60px;
    margin-left: 10px;
}

.wind-left-status-box dl.wind-status {
    margin-left: 15px;
}
.ess-left-status-box .status-icon {
    margin-top: 30px;
}
.ess-left-status-box .status-icon img {
    width: 40px;
}
.left-status-box dl dt {
    height: 112px;
}
.left-status-box dl dd {
    color: #fff;
    font-size: 19px;
    letter-spacing: -0.2px;
}
.grid-status img {
    width: 63px;
}
.sun-status img {
    width: 82px;
    margin-top: 15px;
}
.sun-status2 img, .wind-status img{
    width: 82px;
}
.pcs-status img {
    width: 82px;
    margin-top: 5px
}
.bat-status img {
    width: 50px;
}
.wind-status img{margin-top:-10px;}
/*pv hmi home 통합*/
.pv-inner-con {
    padding-top: 24px !important;
}
.pv-inner-con #siteInfoContent {
    margin-top: 30px;
}
.pv-inner-con #siteInfoContent .site-info-img {
    margin-bottom: 30px;overflow:hidden;height:200px;
}
.pv-inner-con #siteInfoContent .site-info-img img {
    width: 100% !important;
}
.pv-inner-con .sub-down-btn {
    top: 22px;
    right: 30px;
}
.pv-inner-con .site-detail-info-box {
    margin-bottom: 50px;
}
.pv-inner-con-status {
    margin-top: 20px;
}
/*solar main left*/
.solar-inner-con-status .left-status-box dl {
    margin: 0 !important;
    width: 19% !important;
}
.solar-inner-con-status .inverter-status {
    margin: 0 5px !important;
}
.solar-inner-con-status .left-status-box dl dt {
    height: 97px !important;
}
.solar-inner-con-status .sun-status2 img {
    width:79px;
}
.solar-inner-con-status .pcs-status img {
    width: 59px;
    margin-top: 12px;
}
dl.pcs-status.inverter-status dd {
    font-size: 13px;
}
/* 오른쪽 :: 상단 */
#essInfoTopContent {
    margin-bottom: 10px
}
#essInfoTopContent #contentTopInfoCon, .bat_top_right #contentTopInfoCon, 
.bat_bottom_grp #contentTopInfoCon, .bat_bottom_right #contentTopInfoCon, 
.bat_rack_right #contentTopInfoCon, .evBatCon #contentTopInfoCon {
    box-shadow: none !important;
    border-radius: 0;
    margin-bottom: 0 !important;
}
#essInfoTopContent.PvInfoTopContent {
    margin-bottom: 0;
    margin-top: 10px;
}
#essInfoTopContent.PvInfoTopContent .ess-info-chart {
    border-radius: 10px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
}
#essInfoBottomContent.PVInfoBottomContent {
    width: 100%;
    height: 470px;
    margin-top: 10px;
}
.PvInfoTopContent .chart-tit, .PVInfoBottomContent .chart-tit {
    padding: 36px 0 15px 0;
    color: #2a394b;
    font-weight: 500;
}
#essInfoChart03 {
    width: 694px;
    margin-right: 0;
}
#essInfoChart03.pv-info-chart {
    width: 715px;
}
#essInfoChart03.pv-info-chart2 {
    width: 625px;
}
.chart-inner-con, .chart-inner-con1, .chart-inner-con3 {
    width: 100%;
    height: 250px;
}
.chart-inner-con1 {
    height: 205px;
}
.chart-inner-con2 {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 308px;
}
#TodayChargeDisChargeCon, #TodayChargeDisChargeCon2, #TodayChargeDisChargeCon3 {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 260px;
    padding-top: 15px;
}
#TodayChargeDisChargeCon3 {
    padding-top:0;
}
/* 오른쪽 :: 하단 */
#lblMaindata > div.essInfoBottomContent, #lblMaindata > div.ess-info-chart2 {
    box-shadow: 5px 5px 5px -2px #b5b8bb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.essInfoBottomContent .ess-info-chart2 {
    overflow: hidden;
    border-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.essInfoBottomContent .ess-info-chart2:nth-child(2) {
    border-bottom-right-radius: 0;
}
.essInfoBottomContent .ess-info-chart2:nth-child(3) {
    border-bottom-left-radius: 0;
}
.ess-info-chart2 > div > .essInfoBottomContent {
    height: 255px;
    overflow: hidden;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
#essInfoBottomContent, #essInfoBottomContent3, #essInfoBottomContent7, .essInfoBottomContent7 {
    margin-top: 10px;
    width: 708px;
    background-color: #f9f9f9;
    box-shadow: 5px 5px 5px -2px #b5b8bb;
    position: relative;
    height: 344px;
    float: right;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    box-sizing: border-box;
}
#essInfoBottomContent7, .essInfoBottomContent7 {
    margin-top:0;
    margin-bottom: 10px;
    margin-right:10px;
    width: 781.5px;
    height: 410px;
    float: left;
}
#essInfoBottomContent7.brk-tbl #contentTopInfoCon3{
    display: table;width: 130px;float: left;height:68px;text-align: center;box-sizing: border-box;border-radius:0;
}
#essInfoBottomContent7.brk-tbl #contentTopInfoCon3 h3{
    display: table-cell;
    vertical-align: middle;
    font-size:15px;
}
#essInfoBottomContent7.brk-tbl .circuit-tbl{
    width: calc(100% - 130px);float: right;
}
.right-content-home #essInfoBottomContent7{
    width:100%;
    height:343px;
    margin-bottom:0;
    margin-top:10px;
}
.trouble-cont #essInfoBottomContent7 {
    width: 772.5px;
}
#essInfoBottomContent7:nth-of-type(2n-1), .trouble-cont #essInfoBottomContent7:nth-of-type(2n) {
    margin-right: 0;
}
.trouble-cont #essInfoBottomContent7:nth-of-type(2n-1) {
    margin-right:10px;
}
#essInfoBottomContent3 {
    margin-right: 10px;
    width: 707px;
}
#WeekChargeDisChargeCon {
    overflow: hidden;
    width: 100%;
    height: 390px;
    position: relative;
}
#essInfoBottomContent #WeekChargeDisChargeCon {
    margin-left: -10px;
}
#chartCoverCon {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(/images/content/chart_cover.png) no-repeat;
    background-size: cover;
    cursor: pointer;
}
/* ******************  PCS Status ********************** */
#statusContent {
    box-shadow: 5px 5px 5px -1px #b5b8bb;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}
/* Status :: 상단 */
#statusTopContent, #statusTopContent2, #statusTopContent3, #statusTopContent4 {
    height: 333px;
    text-align: center;
    background-color: #fff;
}
#statusTopContent2, #statusTopContent3, #statusTopContent4 {
    height: 205px;
    padding: 25px 0;
    margin-bottom: 6px;
    text-align: center;
}
#statusTopContent3 {
    padding: 60px 0 55px;
}
#statusTopContent4 {
    padding: 60px 0 50px;
    margin-bottom: 6px;
}
.bat-info-table {
    height: 390px;
}
.bat-info-table-left {
    background-color: #fff;
}
.bat-info-table-right {
    vertical-align: top;
    height: 384px;
}
.status-box {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}
.bat-info-table-left .status-box {
    padding-top: 25%;
}
.status-box dt {
    color: #000;
    font-size: 23px;
    margin-bottom: 17px;
    letter-spacing: -0.2px;
    font-weight: 500;
}
.status-box dd .status-icon {
    height: 137px;
}
.status-box dd .status-txt, .status-middle-box .status-txt, .status-middle-box2 .status-txt{
    display: block;
    margin-top: 11px;
    color: #000;
    font-size: 16px;
    letter-spacing: -0.2px;
    font-weight: 400;
}
.status-middle-box, .status-middle-box2 {
    position: relative;
    display: inline-block;
    width: 30%;
    vertical-align: middle;
}
.solar-middle-box {
    width: 20%;
}
.solar-middle-box .status-icon {
    margin-top: 0 !important;
}
.status-middle-box:before, .status-middle-box2:before {
    position: absolute;
    top: 50%;
    left: 48px;
    right: 48px;
    height: 1px;
    background-color: #fff;
    content: "";
}
.status-middle-box .status-icon, .status-middle-box2 .status-icon {
    position: relative;
    z-index: 1;
    margin-top: 28px;
}
.status-middle-box .status-txt, .status-middle-box2 .status-txt{
    font-size: 15px;
    margin-top: 17px;
}
.status-middle-box2 {
    width: 23%;
}
.status-middle-box2:before {
    background-color: #999;
}
.status-bottom-inner-con textarea {
    width: 100%;
    height:100%;
    background-color: rgba(255,255,255,0) !important;
    box-sizing: border-box;
    border: none !important;
    padding: 5px;
}
.bat-status-box img {
    width: 65px;
}
.bat-status-box2 img {
    width: 55px;
}
.pv-status-box img {
    width: 150px;
    margin-top: -25px;
    margin-right: -50px;
}
.pcs-status-box img, .wind-status-box img {
    width: 111px;
}
.pcs-status-box2 img{
    width: 101px;
}
.grid-status-box img {
    width: 81px;
}
.grid-status-box2 img {
    width: 71px;
}
.status-middle-box img {
    width: 80px;
}
.status-middle-box2 img {
    width: 70px;
}
.inverter-stat-box02 {
    margin: 0 10px;
}
.inverter-stat-box img {
    margin-top: 10px;
}
.solar-grid-box img {
    margin-top: 10px;
}
.windStatusTopContent .pcs-status-box img, .windStatusTopContent .grid-status-box img {
    margin-top: 15px;
}
/* Status :: 중간 */
#statusMiddleContent {
    height: auto;
    margin-bottom: 6px;
    background-color: #f6f6f6;
    border-top-color: #ad712a
}
#statusMiddleContent2 {
    height: 476px;
}
.solar-stat #statusMiddleContent2 {
    height: auto;
    background-color: #f6f6f6;
}
.status-list-tbl {
    border-right: 0 !important;
}
/* Status :: 하단 */
#statusBottomContent {
    height: 143px;
    background-color: #fff;
    border-top-color: #ad712a
}
#statusBottomContent .status-bottom-inner-title, #statusBottomContent2 .status-bottom-inner-title{
    position:relative;
    height: 48px;
    line-height: 48px;
    color: #fff;
    background-color: #75869a;
    text-align: center;
    font-size: 20px;
    letter-spacing: -0.2px;
}
#statusBottomContent .status-bottom-inner-con {
    overflow-y: auto;
    font-size: 14px;
    letter-spacing: -0.2px;
    line-height: 20px;
    height:calc(100% - 48px);
}
#statusBottomContent2 {
    background-color: #e2e2e2;
}
#statusBottomContent2 .status-bottom-inner-con {
    height: 75px;
    font-size: 14px;
    letter-spacing: -0.2px;
    background-color: #fff;
    line-height: 20px;
}
/* ******************  PCS Setting ********************** */
/* PCS Setting :: 리스트 */
#settingListContent {
    overflow-y: auto;
    height: 790px;
    background: #333;
    border: 1px solid #3c3c3c;
}
#settingListContentTop, #settingListContentBottom {
    overflow-y: auto;
    height: auto;
    background-color:#f6f6f6;
    box-shadow: 5px 5px 5px -1px #b5b8bb;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
#settingListContentTop3 > table {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
    box-shadow: 5px 5px 5px -1px #b5b8bb;
}
#settingListContentBottom {
    background-color: #f6f6f6;
}
/* 오른쪽 :: 상단 */
.chart-tit, .chart-tit1, .chart-tit2, .main-chart-tit {
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding: 15px 0 26px;
    font-weight: 400;
}
.chart-tit1 {
    color: #2a394b;
    padding: 15px 0 15px;
    font-weight: 500;
}
.chart-tit2 {
    color: #2a394b;
    font-weight: 500;
}
.main-chart-tit {
    font-size: 16px;
    padding: 10px 0;
    background-color: #75869a;
}
.chart-vertical .main-chart-tit {
    padding: 5px 0;
    color:#fff;
    font-size:16px;
}
.charge-left-cont .main-chart-tit {
    padding: 12px 0;
}
#settingListContent2, #settingListContentTop2, #settingListContentBottom2 {
    overflow-y: auto;
    height: 790px;
    background: #333;
    border: 1px solid #3c3c3c;
}
#settingListContentTop2 {
    width: 50%;
    height: 335px;
}
#settingListContentBottom2 {
    height: 355px;
}
/* PCS_Stat :: 테이블크기 */
.pcs_top_left, .pcs_top_right, .pcs__mid, .pcs_botton {
    position: relative;
    float: left;
    width: 620px;
    height: 210px;
    margin-right: 10px;
    background-color: #e2e2e2;
    border: 1px solid #3c3c3c;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.pcs_top_right {
    width: 892px;
}
.pcs__mid, .pcs_botton{
    overflow: hidden;
    width: 1523px;
    height: 150px;
}
.pcs_botton {
    height: 500px;
}
/* ******************  Trend Chart ********************** */
/* Trend Chart :: 상단검색 */
.trend-search-col-01 dt {
    width: 100px;
}
.trend-search-col-01 dd {
    width: auto;
    min-width: 100px;
    line-height: 35px;
    color: #000;
}
.trend-search-col-02, .trend-search-col-03 {
    width: auto;
}
.trend-search-col-02 dt, .trend-search-col-04 dt {
    width: 100px;
}
.trend-search-col-02 .trend-search-day-con {
    display: inline-block;
    width: 220px;
}
/* Trend Chart :: 하단차트 */
#trendChartContent {
    width: 1573px;
    height: 796px;
    overflow: hidden;
    box-shadow: 5px 5px 5px -1px #b5b8bb;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #f9f9f9;
}
#trendChartContent2 {
    height: 780px;
    margin-top: -15px;
}
#chartContent {
    width: 100%;
    height: 798px;
    background-color: #f9f9f9;
    color: black;
}
.traceChartContent #chartContent{
    height:581px;
}
.smp-left-cont #chartContent {
    background-color: rgba(0,0,0,0);
}
#trendChartContent .table-wrapper {
    background-color: #f6f6f6 !important;
}
/* ******************  LOG ********************** */
/* LOG :: 상단검색 */

.log-search-col-02 .log-search-day-con, .log-search-col-05 .log-search-day-con{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.log-search-col-02 .log-day-input-con, .log-search-col-05 .log-day-input-con{
    float: left;
    height: 50px
}
.log-search-col-02 .log-time-select-con {
    float: right;
    height: 50px;
    margin-left: 5px;
}
.log-search-col-02 .log-time-select-con .log-time-select {
    display: inline-block;
    width: 46px;
    vertical-align: middle;
}
.log-search-col-03 {
    width: 261px;
}
.log-search-col-03 dd {
    width: 141px;
}
.log-search-col-11{
    width: auto;
    margin-left: 3px;
}
.log-search-col-11 .search-text, .log-search-col-01 .search-text{
    border: 1px solid #75869a;
    box-sizing: border-box;
    margin-left:-3px;
}
.log-search-col-05 {
    margin: 0 5px;
}
.log-search-col-05 .log-search-day-con {
    width: 175px;
}
/* LOG :: 리스트 */
.log-page-info-con {
    text-align: right;
    padding-bottom: 5px;
    font-size: 15px;
    letter-spacing: -0.2px;
    color: #000;
}
.log-page-info-con .total {
    margin-right: 30px;
    color: #000;
    font-weight: 500;
}
/* 공통모듈 :: 이미지깜박임 */
@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/* 인터넷 익스플로러 웹 브라우저 */
@-ms-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/* 기타 웹 브라우저 */
@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.blink-val {
    -moz-animation: blink normal 2s infinite ease-in-out;
    -webkit-animation: blink normal 2s infinite ease-in-out;
    -ms-animation: blink normal 2s infinite ease-in-out;
    animation: blink normal 2s infinite ease-in-out;
}
/* 공통 :: Main 사이트정보 table white 버전 */
.content-list-tbl-white2 {
    width: 100%;
    height: 183px;
    border: 1px solid #484848;
}
.content-list-tbl-white2 thead th, .content-list-tbl-white3 thead th{
    width: 123px;
    border: 1px solid rgba(255,255,255,0.2);
    color: #ababab;
    font-size: 15px;
    letter-spacing: -0.7px;
    font-weight: 400;
    padding: 2px 0;
}
.content-list-tbl-white2 tbody th, .content-list-tbl-white3 tbody th{
    width: 105px;
    color: #d2d2d2;
    font-size: 14px;
    letter-spacing: -0.2px;
    font-weight: 400;
    border: 1px solid rgba(255,255,255,0.2);
    padding: 2px 0;
}
.content-list-tbl-white2 tbody td, .content-list-tbl-white3 tbody td{
    border: 1px solid rgba(255,255,255,0.2);
    font-size: 14px;
    letter-spacing: -0.2px;
    text-align: center;
    color: #d2d2d2;
    font-weight: 400;
    height:20px;
    padding: 2px 0;
}
.BtnASIng .material-icons {
    font-size: 14px;
    vertical-align: middle;
    margin-right: 5px;
}
.content-list-tbl-white2 tbody .cm-al, .content-list-tbl-white3 tbody .cm-al{
    text-align: left;
    padding: 0 10px;
}
.content-list-tbl-white3 {
    width: 100%;
    border: 1px solid white;
}
.content-list-tbl-white3 thead th {
    height: 25px;
    color: #fff;
    padding:0;
}
.content-list-tbl-white3 tbody th {
    width: 123px;
    height: 25px;
    font-size: 15px;
    padding:0;
}
.content-list-tbl-white3 tbody td {
    height: 23px;
    font-size: 15px;
    text-align: right;
    color: #d2d2d2;
    padding:0 10px 0 0;
}
/* 공통 :: Main 사이트정보 table org top,bottun 버전 */
.ess-info-chart, .ess-info-chart_cd, .ess-info-chart2, .ess-info-chart3, .ess-info-chart4, .ess-info-chart5, .ess-info-chart-pv-gen,
.ess-info-chart-pv-wea{
    position: relative;
    float: left;
    width: 343px;
    height: 350px;
    margin-right: 10px;
    background-color: #f6f6f6;
    box-shadow: 5px 5px 5px -1px #b5b8bb;
    border-top: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.ess-info-chart_cd {
   /* width: 430px;*/
    overflow: hidden;
}
.ess-info-chart2 {
    width: 475px;
    height:auto;
    margin-right: 5px;
    background-color: #e2e2e2;
    box-shadow:none;
    overflow: hidden;
}
.essInfoBottomContent {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.essInfoBottomContent .ess-info-chart2 {
    margin-right: 0;
    border-radius: 0;
    width: 50%;
}
.ess-info-chart2:nth-child(8), .ess-info-chart4:nth-child(4) {
    margin-right: 0;
}
.ess-info-chart3 {
    width: 600px;
    height: 248px;
    background-color: #e2e2e2;
    border: 1px solid #3c3c3c;
}
.ess-info-chart4 {
    width: 348.7px;
    height: 210px;
    background-color: #e2e2e2;
    overflow: hidden;
}
.ess-info-chart5 {
    width: 223px;
    height: 242px;
    background-color: #e2e2e2;
    border: 1px solid #3c3c3c;
}
.ess-info-chart-pv-gen {
    float:none;
    width: 343px;
    height: 146px;
    margin-bottom: 10px;
    overflow: hidden;
}
.ess-info-chart-pv-wea {
    width: 343px;
    height: 193px;
    overflow: hidden;
}
.ess-info-chart-pv-wea .content-list-tbl-weather6 tbody th {
    border-left: 0;
}
.ess-info-chart-pv-wea .content-list-tbl-weather6 tbody td {
    border-right: 0;
}
.content-list-tbl-weather7 {
    width: 100%;
    height: 296px;
}
.content-list-tbl-weather7 td img, .content-list-tbl-weather6 td img, .content-list-tbl-weather5 td img {
    width: 40%;
    margin-bottom: 10px;
}
.content-list-tbl-weather7 thead th {
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    background-color: rgba(255,255,255,0.7);
    color: #000;
    font-size: 18px;
    letter-spacing: -0.7px;
    font-weight: 400;
}
.content-list-tbl-weather7 tbody th {
    color: #000;
    letter-spacing: -0.2px;
}
.content-list-tbl-weather7 tbody td {
    height:auto;
    font-weight: 400;
    border: 1px solid #e2e2e2;
}
.content-list-tbl-weather7 tbody tr td:hover {
    background-color: rgba(255,255,255,0.6);
}
/* 메인 :: 테이블스킨 : 세로 */
.content-list-tbl3 {
    width: 100%;
    height: 200px;
}
.content-list-tbl3 thead th {
    height:auto;
}
.content-list-tbl3 tbody th {
    color: #000;
}
.content-list-tbl3 tbody td {
    height:auto;
    min-width:50px;
    font-weight: 400;
    border: 1px solid #e2e2e2;
    background-color: rgba(255,255,255,0.7);
}
.content-list-tbl3 tbody td img{
    width:35%;
}
.content-list-tbl3 tbody tr td:hover, .content-list-battery tbody tr td:hover{
    background-color: rgba(255,255,255,0.6);
}
.content-list-battery {
    width: 100%;
    height: 100%;
}
.content-list-battery tbody th {
    background-color: #f9f9f9;
    color: #000;
    height:16.66%;
    font-size: 14px;
}
.content-list-battery tbody td {
    font-weight: 400;
    border: 1px solid #e2e2e2;
    border-color: #e2e2e2 !important;
    text-align:right;
    padding-right:10px;
    width:85px;
}
.content-list-battery tbody tr:nth-child(-n+6) td:nth-child(2){
    text-align:center;
    padding-right:0;
}

.content-list-battery tbody tr:last-child th, .content-list-battery tbody tr:last-child td{
    height:40px;
}

/*DPM & FCU*/
.content-list-tbl-fcu {
    float: left;
    height: 419px;
}
.content-list-tbl-fcu thead th, .content-list-tbl-dpm thead th {
    background-color: #75869a;
    border-left: 1px solid #e2e2e2;
    color: #fff;
    font-size: 16px;
    height: 34px;
    letter-spacing: -0.7px;
    font-weight: 400;
}
.content-list-tbl-fcu:nth-child(2n) thead th {
    border-left: 1px solid #e2e2e2;
}
.content-list-tbl-fcu:first-child:nth-last-child(6) .jb-wrap, 
.content-list-tbl-fcu:first-child:nth-last-child(6) ~ .content-list-tbl-fcu .jb-wrap {
    width: 75% !important;
}
.content-list-tbl-fcu tbody th {
    background-color: #f6f6f6;
    border-right:0;
    border-top:0;
    height: 26px;
}
.content-list-tbl-fcu tbody td {
    border-bottom: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    color: #333;
    width: 40%;
    font-weight: 500;
    height: 26px;
}
.content-list-tbl-fcu tbody tr:first-child td:first-child {
    background-color: #f9f9f9 !important;
}
.content-list-tbl-fcu tbody tr td:hover {
    background-color: #fbfbfb;
}
.alert-info {height: 30px;}
.temp-alert, .err-alert{display:inline-block;font-size:13px;color:#000;margin:0 5px;}
.temp-alert img, .err-alert img{margin-right:5px;}
.dpm-cont, .fcu-cont, .temp-cont {
    height: 836px;
    overflow: hidden;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 5px 5px 5px -1px #b5b8bb;
    padding-right: 0;
    margin-right: 15px;
}
.dpm-cont .jb-text {
    width: 200px;
}
.dpm-cont .jb-text span {
    float: right;
}
.fcu-cont, .temp-cont {
    background-color: rgba(0,0,0,0);
}
.smp-cont .chart-vertical > span > div {
    height: 750px;
}
.content-list-tbl-dpm {
    width: 100%;
    float: left;
    height: 838px;
}
.smp-cont #contentSearchBox {
    margin-top: 5px;
}
.content-list-tbl-dpm thead th {
    border-left:0;
    border-bottom: 1px solid #75869a;
    height: 35px;
    font-weight: 500;
}
.content-list-tbl-dpm tbody th {
    background-color: #e8ecf1;
    font-size: 18px;
    font-weight: 500;
    height: 49px;
    border-left:0;
    box-sizing:border-box;
}
.content-list-tbl-dpm tbody th:last-child, .content-list-tbl-dpm tbody td:last-child{
    border-right: 0;
}
.content-list-tbl-dpm tbody td {
    font-weight: 400;
    border-right: 1px solid #e2e2e2;
    font-size: 14px;
    height: 27px;
}
.jb-wrap > div > span {
    color: #000 !important;
}
.content-list-tbl-dpm tbody tr td:hover {
    background-color: rgba(255,255,255,0.5);
}
/*iot*/
.iot-cont{
    width:100%;
    height:auto;
    background-color:#f6f6f6;
    margin-bottom:10px;
}
.iot-cont.dpm-right-cont{
    width:100%;
    height:auto;
}
.iot-cont .jb-wrap {
    width:929px;
    float:left;
    height:190px;
    background-image: url('../images/icon/iot_bg_1_w.png');
    background-position:center center;
    background-repeat:no-repeat;
}
.iot-cont .jb-wrap2{
    width:631px;
    margin-left:10px;
    background-image: url('../images/icon/iot_bg_2_w.png');
}
.content-list-tbl-pie1, .content-list-tbl-pie2{
    width: 50%;
    height: 200px;
    float: left;
}
.iot-cont .content-list-tbl-dpm{
    height:200px;
}
.content-list-tbl-pie1 tbody td {
    height:auto;
    border: 1px solid #e2e2e2;
    background-color: rgba(255,255,255,0.7);
}
.content-list-tbl-pie1 tbody tr td:hover {
    background-color: rgba(255,255,255,0.6);
}
.content-list-tbl-pie2 {
    height: 201px;
}
.content-list-tbl-pie2 thead th {
    height:auto;
    font-size: 18px;
    font-weight: 400;
}
.content-list-tbl-pie2 tbody td {
    font-weight: 400;
    border: 1px solid #e2e2e2;
    border-right: 0;
    background-color: rgba(255,255,255,0.7);
    color: #000;
    font-size: 15px;
    letter-spacing: -0.2px;
    text-align: center;
}
.content-list-tbl-pie2 tbody tr td:hover {
    background-color: rgba(255,255,255,0.6);
}
#essInfoChart01.ess-info-chart_cd .content-list-tbl-solar {
    height: 45px !important;
}
#essInfoBottomContent .content-list-tbl-solar {
    border: 1px solid #e2e2e2;
}
.content-list-tbl-solar {
    width: 100%;
    height: 156px;
}
.content-list-tbl-solar tbody th {
    color: #000;
    letter-spacing: -0.2px;
    border:0;
    border-bottom: 1px solid #e2e2e2;
}
.ui-resizable .content-list-tbl-solar tbody th {
    border-right: 1px solid #e2e2e2;
}
.ui-resizable .content-list-tbl-solar tbody th:last-child {
    border-right: 0;
}
.ui-resizable .content-list-tbl-solar tbody td:first-child {
    border-left: 0;
}
.PvInfoTopContent .content-list-tbl-solar tbody th {
    border-left: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    border-bottom: 0;
}
.PvInfoTopContent .content-list-tbl-solar tbody tr > th:first-child {
    border-left: 0;
}
#essInfoBottomContent .content-list-tbl-solar tbody th {
    border-right: 1px solid #e2e2e2;
}
#essInfoBottomContent .content-list-tbl-solar tbody th:last-child {
    border-right: 0;
}
.content-list-tbl-solar tbody td {
    height:auto;
    font-weight: 400;
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
}
.PvInfoTopContent .content-list-tbl-solar tbody td {
    border-bottom: 0;
}
#essInfoBottomContent7 .content-list-tbl-solar, .week-sun-chart .content-list-tbl-solar{
    width:430px;
    margin-left:10px;
    margin-top: 10px;
    border:1px solid #e2e2e2;
}
#essInfoBottomContent7 .content-list-tbl-solar th, .week-sun-chart .content-list-tbl-solar th, 
#essInfoBottomContent7 .content-list-tbl-solar td, .week-sun-chart .content-list-tbl-solar td{
    border-left: 1px solid #e2e2e2;
}
.content-list-tbl-solar tbody tr td:hover {
    background-color: #fbfbfb;
}
.content-list-tbl-pcs {
    width: 100%;
}
.content-list-tbl-pcs thead th {
    height: 21px;
}
.content-list-tbl-pcs tbody td {
    height: 21px;
    border: 1px solid #e2e2e2;
}
.content-list-tbl-weather {
    width: 100%;
}
/* 메인 :: 테이블스킨 : 세로 */
.content-list-tbl8 {
    width: 100%;
    height: 200px;
}
.content-list-tbl8 tbody td {
    height:auto;
    font-weight: 400;
    border: 1px solid #e2e2e2;
    background-color: rgba(255,255,255,0.7);
}
.content-list-tbl8 tbody tr td:hover {
    background-color: rgba(255,255,255,0.6);
}
/* 메인 :: 테이블스킨 : 세로 */
.content-list-tbl_main_ess {
    width: 100%;
    height: 200px;
}
.content-list-tbl_main_ess tbody th {
    color: #000;
}
.content-list-tbl_main_ess tr {
    display: block;
    width: 33.33%;
    float: left;
    box-sizing: border-box;
    border-bottom: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
}
.content-list-tbl_main_ess tbody td {
    display: block;
    font-weight: 400;
    background-color: #f6f6f6;
    color: #000;
    font-size: 15px;
    letter-spacing: -0.2px;
    width: 50%;
    float: left;
    line-height: 30px;
    border-top: 1px solid #e2e2e2;
    height: 30px;
    text-align: center;
}
.content-list-tbl_main_ess tbody td.rack-num {
    width: 100%;
    padding: 2px 0;
    font-size: 15px;
    text-indent: 10px;
    height: 33px ;
    line-height: 33px;
    background-color: #e2e2e2;
    border-left: 1px solid #f6f6f6;
}
.content-list-tbl_main_ess tbody tr:first-child td.rack-num {
    border-left: 0;
}
.content-list-tbl_main_ess tbody tr td:hover {
    background-color: #fbfbfb;
}
.rack-info-num:only-child {
    width: 100%;
}
/* 노드 개수별 css차등 적용 */
.rack-info-num:first-child:nth-last-child(2), /* 노드가 둘 일 때, 1번 노드 선택 */
.rack-info-num:first-child:nth-last-child(2) + .rack-info-num {
    width: 50%;
}
.rack-info-num:first-child:nth-last-child(2) td, /* 노드가 둘 일 때, 1번 노드의 td 선택 */
.rack-info-num:first-child:nth-last-child(2) ~ .rack-info-num td, .rack-info-num:first-child:nth-last-child(3) td, /* 노드가 셋 일 때, 1번 노드 td 선택 */
.rack-info-num:first-child:nth-last-child(3) ~ .rack-info-num td, .rack-info-num:first-child:nth-last-child(4) td, /* 노드가 넷 일 때, 1번 노드 td 선택 */
.rack-info-num:first-child:nth-last-child(4) ~ .rack-info-num td {
    height: 75px;
    line-height: 75px;
}
.rack-info-num:first-child:nth-last-child(4), /* 노드가 넷 일 때, 1번 노드 선택 */
.rack-info-num:first-child:nth-last-child(4) ~ .rack-info-num {
    width: 25%;
}
.rack-info-num:first-child:nth-last-child(2) td.rack-num, /* 노드가 둘 일 때, 1번 노드의 td 선택 */
.rack-info-num:first-child:nth-last-child(2) ~ .rack-info-num td.rack-num, .rack-info-num:first-child:nth-last-child(3) td.rack-num, /* 노드가 셋 일 때, 1번 노드 선택 */
.rack-info-num:first-child:nth-last-child(3) ~ .rack-info-num td.rack-num, .rack-info-num:first-child:nth-last-child(4) td.rack-num, /* 노드가 넷 일 때, 1번 노드 선택 */
.rack-info-num:first-child:nth-last-child(4) ~ .rack-info-num td.rack-num {
    height: 45px !important;
    line-height: 45px !important;
}
.rack-info-num:first-child:nth-last-child(2) td span, /* 노드가 둘 일 때, 1번 노드의 td 선택 */
.rack-info-num:first-child:nth-last-child(2) ~ .rack-info-num td span, .rack-info-num:first-child:nth-last-child(3) td span, /* 노드가 셋 일 때, 1번 노드의 td span 선택 */
.rack-info-num:first-child:nth-last-child(3) ~ .rack-info-num td span, .rack-info-num:first-child:nth-last-child(4) td span, /* 노드가 넷 일 때, 1번 노드의 td span 선택 */
.rack-info-num:first-child:nth-last-child(4) ~ .rack-info-num td span {
    margin: 29px 0 0 20%;
    width: 15px;
    height: 15px;
}
.rack-info-num:first-child:nth-last-child(4) td span, /* 노드가 넷 일 때, 1번 노드의 td span 선택 */
.rack-info-num:first-child:nth-last-child(4) ~ .rack-info-num td span {
    margin: 33px 0 0 20%;
    width: 10px;
    height: 10px;
}
/*상태 도트*/
.temp-status-dot, .temp-status-red, .temp-status-org, .temp-status-stop {
    display: block;
    margin: 9px 0 0 9px;
    border-radius: 50%;
    float: left;
    width: 10px;
    height: 10px;
    background-color: green;
}
.temp-status-red {
    background-color: darkred;
}
.temp-status-org {
    background-color: orange;
}
.temp-status-stop {
    background-color: grey;
}
/* 메인 :: 테이블스킨 : 세로 */
.CircuitBreaker-list-tbl10 {
    width: 777px;
}
.CircuitBreaker-list-tbl10 thead th, .content-list-tbl10 thead th{
    height: 20px;
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    padding: 5px 10px;
    color: #000;
    font-size: 16px;
}
.CircuitBreaker-list-tbl10 tbody th, .content-list-tbl10 tbody th {
    background-color:rgba(0,0,0,0);
    color: #000;
}
.CircuitBreaker-list-tbl10 tbody td, .content-list-tbl10 tbody td{
    height: 32px;
}
.bd-right{
    border-right:1px solid #e2e2e2;
}
.bd-top {
    border-top: 1px solid #e2e2e2;
}
.content-list-tbl10 {
    width: 777px;
}
.content-list-tbl10 thead th {
    height: 30px;
}
.table-wrapper4 td, .table-wrapper2.smp-table td {
    background-color: #fbfbfb !important;
    border-top:1px solid #e2e2e2;
    border-bottom:0;
}
.pcs-inform .content-list-tbl10.circuit-tbl {
    height: 100%;
}
.content-list-tbl10.circuit-tbl th{
    height:25px;padding:0;
    font-size:15px;background-color:#e6e6e6;
    border-color:#d0d0d0;
}
.pcs-info-tbl .content-list-tbl10.circuit-tbl th{
    font-weight:500;
}
.pcs-info-tbl .content-list-tbl10.circuit-tbl th a, .pcs-info-tbl .content-list-tbl10.circuit-tbl tbody td a {
    display: block;
    color: #000;
}
#trendChartContent .rec-right-cont {
    border-left: 1px solid #e2e2e2;
}
.rnd-tbl .content-list-tbl10 tbody td {
    border-left: 1px solid #e2e2e2;
}
.content-list-tbl10.circuit-tbl tbody td {
    border-right: 1px solid #e2e2e2;
    padding: 0;
    background-color: #f1f1f1;
    height: 25px;
    font-size: 15px;
}
.pcs-info-tbl {
    height: calc(100% - 40px);
}
.pcs-info-tbl .content-list-tbl10.circuit-tbl tr:first-child th, .pcs-info-tbl .content-list-tbl10.circuit-tbl tr:first-child td{border-top:0;}
.pcs-info-tbl .content-list-tbl10.circuit-tbl:first-child tr:first-child th:first-child{border-left:0;}
.pcs-info-tbl .content-list-tbl10.circuit-tbl:last-child tr:first-child th:last-child, 
.pcs-info-tbl .content-list-tbl10.circuit-tbl:last-child tr td:last-child{border-right:0;}
/* 오른쪽 :: 하단 */
#WeekChargeDisChargeCon {
    overflow: hidden;
    width: 100%;
    height: 390px;
    position: relative;
}
#chartCoverCon {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(/images/content/chart_cover.png) no-repeat;
    background-size: cover;
    cursor: pointer;
}
#essInfoBottomContent2 {
    width: 698px;
    overflow: hidden;
    position: relative;
    height: 475px;
    border: 1px solid #3c3c3c;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
/* SCH_Stat */
.sch_top_left, .sch_top_right{
    position: relative;
    float: left;
    width: 620px;
    margin-right: 10px;
    background-color: #e2e2e2;
    border: 1px solid #3c3c3c;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.sch_top_right {
    width: 892px;
}
.sch_botton {
    overflow: auto;
    position: relative;
    float: left;
    width: 1523px;
    height: 552px;
    margin-right: 10px;
    border: 1px solid #3c3c3c;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    margin-top: 10px;
}
/* 날씨 */
#essInfoBottomContent4{
    margin-top: 10px;
    margin-right: 10px;
    width: 1524px;
    height: 385px;
    overflow: hidden;
    background-color: #e2e2e2;
    position: relative;
    border: 1px solid #3c3c3c;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
#essInfoBottomContent5, #essInfoBottomContent6{
    margin-top: 10px;
    margin-right: 10px;
    width: 1024px;
    height: 388px;
    position: relative;
    float: left;
    overflow: hidden;
    box-shadow: 5px 5px 5px -1px #b5b8bb;
    background-color: #f9f9f9;
    border-top: 0;
    box-sizing: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
#essInfoBottomContent6 {
    margin-right: 0px;
    width: 535px;
}
#essInfoBottomContent6 #chartContent2 {
    display: none;
}
/* 스케줄 */
.search-col-sch {
    float: left;
    height: 50px;
}
.search-col-sch dt, .search-col-sch dd {
    float: left;
}
.search-col-sch dt {
    width: 120px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    letter-spacing: -0.2px;
    color: #fff;
    background-color: #383838
}
.search-text1 {
    width: 100%;
    height: 30px;
    border: 1;
    text-indent: 5%;
    color: #333;
    font-size: 17px;
}
/* 스케줄*/
.search-text1_sch, .search-text1_sch3{
    height: 27px;
    border: 1;
    text-indent: 5%;
    font-size: 15px;
    color: #9d9d9d;
    background-color: #333333;
    border: 1px solid;
    text-align-last: right;
    padding-right: 10px;
}
.search-text1_sch2, .search-text1_sch4, .search-text1_sch5{
    width: 80%;
    text-indent: 5%;
    font-size: 15px;
    color: #000;
    background-color: rgba(255,255,255,0);
    border: 1px solid;
}

.search-text1_sch4_PMSset, .search-text1_sch5_PMSset {
    width: 70%;
    text-indent: 5%;
    /*font-size: 15px;*/
    color: #000;
    background-color: rgba(255,255,255,0);
    border: 1px solid;
}

.search-text1_sch4 {
    width: 70px;
    border:0;
}
.search-text1_sch5 {
    width: 65%;
    border:0;
}
.search-text1_sch3 {
    width: 100%;
    background-color: #383838;
}
.search-btn-sch {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 20px;
    letter-spacing: -0.2px;
    background: #e28517 url(../images/icon/search_btn-sch.jpg) no-repeat;
    font-size: 0;
}
/* EMS 스케줄관리 사용 */
#contentSearchBox1 {
    position: relative;
    height: 20px;
    padding-right: 55px;
}
/* EMS 스케줄 관리페이지 사용 */
.search-select1 {
    height: 33px;
    width: 80px;
    background-color: #333333;
    border: 0;
    text-indent: 5%;
    font-size: 15px;
    color: #a5a5a5;
    text-align-last: right;
    border: 1px solid;
}
.search-select2 {
    height: 33px;
    width: 100%;
    border: 0;
    font-weight: 500 !important;
    text-indent: 5%;
    font-size: 15px;
    color: #000;
    border: 1px solid #e2e2e2;
}
.search-select3 {
    width: 100%;
    text-indent: 1%;
    font-size: 15px;
    font-weight: 300;
    border: 0;
    color: #333;
    background-color: rgba(42,57,75,0.0) !important;
    font-weight: 500 !important;
}
.search-select4 {
    width: 50%;
    text-indent: 1%;
    font-size: 15px;
    font-weight: 300;
    border: 0;
    color: #333;
    background-color: rgba(42,57,75,0.0) !important;
    font-weight: 500 !important;
}
#contentTopInfoCon .search-select3 {
    color: #fff !important;
    background-color: #2a394b !important;
    border-bottom: 1px solid #fff;
}
#contentTopInfoCon .search-select4 {
    color: #fff !important;
    background-color: #2a394b !important;
    border-bottom: 1px solid #fff;
}
.search-day1 {
    width: 100%;
    height: 30px;
    background: #fff url(../images/icon/search_day_icon.jpg) no-repeat 90% 50%;
    border: 0;
    text-indent: 5%;
    color: #333;
    font-size: 17px;
}
/* 스케줄*/
.search-day1_sch {
    width: 100%;
    height: 27px;
    background: #fff url(../images/icon/search_day_icon.jpg) no-repeat 90% 50%;
    border: 0;
    text-indent: 5%;
    color: #333;
    font-size: 15px;
}
.search-text1 {
    width: 100%;
    height: 30px;
    border: 1;
    text-indent: 5%;
    color: #333;
    font-size: 17px;
}
/* EMS 스케줄 관리페이지 사용 */
.check-box-list1 {
    padding: 0 14px;
    line-height: 30px;
}
.check-box-list1 span {
    margin-left: 18px
}
.check-box-list1 span:first-child {
    margin-left: 0
}
.check-box-list1 input {
    vertical-align: middle;
    margin-top: -1px;
}
.check-box-list1 label {
    color: #fff;
    font-size: 17px;
    letter-spacing: -0.2px;
}
.to-add-btn, .to-add-btn_sch, .to-del-btn_sch{
    display: block;
    margin: 0 12px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #a9a9a9;
    font-size: 15px;
    letter-spacing: -0.2px;
    background-color: #383838;
}
.to-add-btn:hover {
    color: #FFFFFF;
    font-weight: bold;
}
.to-add-btn_sch {
    height: 27px;
    line-height: 27px;
    background-color:rgba(0,0,0,0)
}
.to-add-btn_sch:hover, .to-del-btn_sch:hover, .to-add-btn1:hover{
    color: #FFFFFF;
    font-weight: bold;
}
.to-del-btn_sch {
    height: 27px;
    background-color: rgba(0,0,0,0)
}
.to-add-btn1 {
    margin: 0 12px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #a9a9a9;
    font-size: 15px;
    letter-spacing: -0.2px;
    background-color: #e2e2e2;
    border: none;
    border-right: 0px;
    border-top: 0px;
    boder-left: 0px;
    boder-bottom: 0px;
}
/* PCS_Stat_right :: 테이블스킨 */
.content-list-tbl4 {
    width: 50%;
    float: left;
}
/* PCS_Stat_left :: 테이블스킨 */
.content-list-tbl5 {
    width: 100%;
}
/* Report_Day :: 테이블스킨 */
.content-list-tbl6 {
    width: 100%;
}
.content-list-tbl_rpt_day {
    width: 100%;
}
.content-list-tbl_rpt_day thead th {
    border: 1px solid #e2e2e2;
    color: #000;
    font-size: 16px;
}
.content-list-tbl_rpt_day tbody th {
    background-color: rgba(255,255,255,0.7);
    color: #000;
    font-size: 14px;
    height: 21px;
}
.content-list-tbl_rpt_day tbody td {
    height: 23px;
    box-sizing:border-box;
    border-right: 1px solid #e2e2e2;
    padding-right: 10px;
    font-size: 14px;
    text-align: right;
}
.content-list-tbl_rpt_day tbody tr:hover {
    background-color: rgba(255,255,255,0.6);
}
/* Month Rpt*/
.MonRptWrapper{
    width: 1575px;
    box-sizing: border-box;
    height: 735px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right:5px;
    padding-bottom:15px;
}

.MonRptWrapper2 {
    width: 1575px;
    box-sizing: border-box;
    padding-right: 5px;
    padding-bottom: 15px;
}

.MonRpt_top {
    width: 1555px;
    padding: 20px 0;
    -webkit-box-align: center;
    color: rgb(0, 0, 0);
    position:relative;
}
.cal_sub_title1, .cal_sub_title3 {
    width: auto;
    position: absolute;
    float: left;
    font-size: 14px;
    padding: 10px 20px;
    background-color: #75869a;
    color: #fff;
    left:0;
    top:15px;
    border-radius: 50px;
}
.cal_sub_title3{
    left:inherit;
    right:0;
}
.cal_sub_title2, .cal_top, .cal_top2 {
    width: auto;
    font-size: 20px;
    box-sizing: border-box;
    font-weight: bold;
    color: #333;
}
.cal_sub_title2{
    width:100%;
    text-align:center;
    color:#000;
}
.cal_top, .cal_top2{
    text-align:left;
    float:left;
}

.MonRpt_info, .MonRpt_result, .MonRpt_cal, .rpt-textbox {
    margin-top: 15px;
    border-radius: 10px;
    box-shadow: 5px 5px 5px -2px #b5b8bb;
}
.MonRpt_result, .MonRpt_cal{
    background-color: #fff;
    padding: 20px;
}
.rpt-textbox{
    font-size:14px;
    line-height:16px;
    overflow-y:auto;
    background-color:#fafafa;
}
.MonRpt_info{
    margin-top:0;
}
.MonRpt_info img {
    width: 100%;
}
.MonRpt_info table {
    width: 100%;
    float: right;
    height: 170px;
    text-align: left;
    border-radius: 10px;overflow:hidden;
}
.MonRpt_info table th{
    width:100px;
    text-align:center;
}
.MonRpt_info table td{
    text-align:left;
    padding-left:10px;
    border-top:1px solid #e2e2e2;
    background-color:#fff;
    height:55px;
}
.cal_img_sub2 {
    width: 75%;
    float: left;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 2rem;
}
.cal_mon_kwh, .cal_mon_kwh2 {
    float:right;
    margin-bottom:30px;
}
.cal {
    text-align: center;
}
.MonRpt_gen{
    display:block;
    text-align:right;
}
.MonRpt_gen>span{
    display:inline-block;
    width: auto;
    box-sizing:border-box;
    background-color:#f2f2f2;
    margin:0 5px;
    padding:10px 15px;
    font-weight:500;
    text-align:center;
    letter-spacing:-0.7px;
    border-radius:20px;
}
table.calendar {
    text-align: left;
    width: 100%;
}
table.calendar td {
    vertical-align: top;
    width: 100px;
    color: #333;
    border-left:1px dashed #e2e2e2;
    border-bottom:1px dashed #e2e2e2;
    padding:10px;
    box-sizing:border-box;
}

table.calendar tr td:last-child {
    border-right: 1px solid #e2e2e2
}
table.calendar th, .MonRpt_cal  .content-list-tbl_rpt_day thead th{
    color: #fff;
    padding:10px;background-color:#75869a;
    box-sizing:border-box;

}
.cal-day{
    font-size:16px;
    font-weight:500;
    margin-bottom:15px;
}
.cal-schedule, .cal-schedule2, .cal-schedule3, .cal-schedule6 .cal-schedule-as {
    font-weight: 500;
    margin-bottom: 5px;
}
/* PCS_Stat :: 테이블크기 */
.pcs_top_left, .pcs_top_right, .pcs_botton {
    position: relative;
    float: left;
    width: 620px;
    height: 310px;
    margin-right: 10px;
    background-color: #e2e2e2;
    border: 1px solid #3c3c3c;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.pcs_top_right {
    width: 892px;
}
.pcs_botton {
    overflow: hidden;
    width: 1523px;
    height: 570px;
    background-color:rgba(0,0,0,0);
}
/* Sch_Setting :: 테이블스킨 */
.content-list-tbl_Sch1, .content-list-tbl_setting-sm, .content-list-tbl_setting2{
    width: 100%;
    float: left;
}
.content-list-tbl_setting {
    width: 100%;
    float: left;
}
.content-list-tbl_setting tbody td {
    height: 65px;
    border-bottom:0;
    color: #ababab;
}
.content-list-tbl_setting tbody tr:hover td {
    background-color: #fbfbfb;
}
/* Sch_Setting :: 테이블크기 */
.Sch_set_top_right, .Sch_set_top_left, .Sch_set_botton{
    position: relative;
    float: left;
    margin-right: 10px;
    background-color: #e2e2e2;
    border: 1px solid #3c3c3c;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.Sch_set_top_left {
    width: 620px;
    height: 400px;
}
.Sch_set_botton {
    overflow: hidden;
    width: 1523px;
    height: 570px;
    background-color:rgba(0,0,0,0);
}
/* 2019.03.19 정진욱 */
.content-list-tbl-esspcs, .content-list-tbl-bat, .content-list-tbl-weather5 {
    width: 100%;
    height: 156px;
}
.content-list-tbl-esspcs tbody th {
    color: #000;
    letter-spacing: -0.2px;
    border:0;
    border-bottom: 1px solid #e2e2e2;
}
.content-list-tbl-esspcs tbody td {
    height:auto;
    font-weight: 400;
    border-left: 1px solid #e2e2e2;
}
.content-list-tbl-esspcs tbody tr td:hover {
    background-color: rgba(255,255,255,0.6);
}
.content-list-tbl-bat tbody th {
    color: #000;
    letter-spacing: -0.2px;
    border:0;
    border-bottom: 1px solid #e2e2e2;
}
.content-list-tbl-bat tbody td {
    font-weight: 400;
    border-bottom: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    background-color: #f6f6f6;
    color: #000;
    font-size: 15px;
    letter-spacing: -0.2px;
    text-align: center;
}
.content-list-tbl-bat tbody tr:hover td {
    background-color: rgba(255,255,255,0.6);
}
.content-list-tbl-weather2 {
    width: 100%;
    height: 166px;
}
.content-list-tbl-weather2 tbody th {
    color: #000;
    font-weight: 500;
    font-size:14px;
    border-bottom:0;
    border-left:0;
}
.content-list-tbl-weather2 tbody th:nth-child(5) {
    border-right: 0;
}
.content-list-tbl-weather2 tbody td {
    border-bottom:0;
    border-top: 1px solid #e2e2e2;
    height:auto;
    border-right: 1px solid #e2e2e2;
}
.content-list-tbl-weather2 tbody tr:hover td {
    background-color: #f9f9f9;
}
.content-list-tbl-weather3 {
    width: 100%;
    height: 133px;
}
.content-list-tbl-weather3 tbody th {
    color: #000;
    font-weight: 500;
    border-bottom:0;
    border-left:0;
    border-right:1px solid #e2e2e2;
}
.content-list-tbl-weather3 tbody th:first-child{
    border-bottom:1px solid #e2e2e2;
}
.content-list-tbl-weather3 tbody td {
    height:auto;
    background-color: rgba(255,255,255,0.3);
}
.content-list-tbl-weather3 tbody tr:hover td {
    background-color: rgba(255,255,255,0.6);
}
.content-list-tbl-weather5 tbody th {
    color: #000;
    letter-spacing: -0.2px;
    border:0;
    border-bottom: 1px solid #e2e2e2;
}
.content-list-tbl-weather5 tbody td {
    height:auto;
    font-weight: 400;
    border-left: 1px solid #e2e2e2;
}
.content-list-tbl-weather5 tbody tr td:hover {
    background-color: rgba(255,255,255,0.6);
}
.content-list-tbl-weather6 {
    width: 100%;
    height: 144px;
}
.content-list-tbl-weather6 thead th {
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    background-color: rgba(255,255,255,0.7);
    color: #000;
    font-size: 18px;
    letter-spacing: -0.7px;
    font-weight: 500;
}
.content-list-tbl-weather6 tbody th {
    font-weight: 500;
    color: #000;
    border-top:1px solid #e2e2e2;
    letter-spacing: -0.2px;
}
.content-list-tbl-weather6 tbody td {
    font-weight: 400;
    height:auto;
    border: 1px solid #e2e2e2;
}
.content-list-tbl-weather6 tbody tr td:hover {
    background-color: rgba(255,255,255,0.6);
}
.temp_stat1, .temp_stat2{
    position: relative;
    float: left;
    width: 525px;
    height: 445px;
    margin-right: 10px;
    background-color: #e2e2e2;
    overflow: hidden;
    margin-top: 10px;
}
.temp_stat1 .content-list-tbl-temp:nth-child(3), .temp_stat1 .content-list-tbl-temp2:nth-child(3) {
    border-right: 1px solid #484848;
}
.temp_stat2 {
    width: 1038px;
    background-color: rgba(255,255,255,0.3);
    box-sizing: border-box;
    margin-right:0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.esspcs_top_left, .esspcs_top_right, .esspcs_bottom_left, .esspcs_bottom_right, .bat_top_right {
    overflow: hidden;
    position: relative;
    float: left;
    width: 625px;
    height: 448px;
    background-color: #e2e2e2;
    box-shadow: 5px 5px 5px -2px #b5b8bb;
    margin-top: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.esspcs_top_right {
    width: calc(100% - 635px);
    background-color: #f9f9f9;
    box-sizing: border-box;
    margin-right: 10px;
}
.esspcs_bottom_left {
    height: 442px;
    margin-top:0;
}
.esspcs_bottom_right {
    width: calc(100% - 635px);
    height: 442px;
    background-color: #fff;
    box-sizing: border-box;
    margin-right: 10px;
    margin-top: 0;
}
.bat_top_right {
    width: calc(100% - 790px);
    margin-right: 10px;
    margin-top: 0;
    box-sizing: border-box;
}
.bat_top_right > table {
    border: 1px solid #484848;
}
.bat_top_left {
    position: relative;
    overflow: hidden;
    width: 188px;
    margin-right: 5px;
    margin-top: 10px;
    box-sizing: border-box;
    border-right: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
/*Battery Rack*/
.bat_rack_right {
    position: relative;
    overflow: hidden;
    width: 780px;
    height: 442px;
    background-color: #f6f6f6;
    margin-top: 10px;
    box-sizing: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    margin-right: 10px;
    box-shadow: 5px 5px 5px -1px #b5b8bb;
}
.bat_rack_right .jb-wrap {
    position: relative;
    width: 175px;
    margin: 0 auto;
}
.bat_rack_right .jb-wrap h4 {
    text-align: center;
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 10px;
    font-weight: 500;
}
.bat-rack-info ul {
    margin-bottom: 5px;
}
.bat-rack-info ul li {
    background-image: url(../images/icon/bat_rack05.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 33px;
    margin-bottom: 3px;
    font-size: 12px;
    color: #000;
    line-height: 23px;
    font-weight: 500;
    padding: 6px 0px;
    box-sizing: border-box;
}
.bat-rack-info ul li span {
    display: inline-block;
    text-align: right;
    width: 45px;
    font-weight: 600;
    font-size: 13px;
}
span.rack-info-title {
    width: 101px !important;
    font-weight: 500 !important;
    font-size: 12px !important;
}
.bat_rack_right table {
    width: 100%;
    height: 384px;
}
.bat_rack_right td {
    padding: 10px;
    border-right: 1px solid #e2e2e2;
}
.bat_rack_right td:last-child {
    border-right: 0;
}
.bat_rack_right td img {
    width: 100% !important;
}
.bat_bottom_left, .bat_link_div, .bat_bottom_right, .bat_bottom_grp {
    overflow: hidden;
    position: relative;
    float: left;
    width: 665px;
    margin-top: 10px;
    box-sizing: border-box;
    border-right: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.bat_link_div {
    margin-left: 5px;
    background-color: #f6f6f6;
}
.bat_link_div_right {
    margin-right: 5px;
}
.bat_bottom_right {
    width: 780px;
    height: 442px;
    border:0;
    box-shadow: 5px 5px 5px -2px #b5b8bb;
}
.bat_bottom_grp {
    width: 780px;
    height: 448px;
    margin-top:0;
    background-color: #f9f9f9;
    box-shadow: 5px 5px 5px -2px #b5b8bb;
    border:0;
}
.setting_top_left, .setting_top_left1, .setting_top_mid, .setting_top_mid1 {
    position: relative;
    float: left;
    width: 500px;
    height: 444px;
    margin-right: 10px;
    background-color: #e2e2e2;
    border: 1px solid #3c3c3c;
    margin-top: 10px;
}
.setting_top_left1 {
    width: 400px;
}
.setting_top_mid1 {
    width: 380px;
}
.setting_top_right, .setting_top_right111, .setting_top_right112, .setting_top_right1, .setting_top_right11,
.setting_top_right2, .setting_top_right22, .setting_top_right23, .setting_top_right3 {
    position: relative;
    float: left;
    width: calc(50% - 170px);
    height: 445px;
    background-color: #e2e2e2;
    box-shadow: 5px 5px 5px -1px #b5b8bb;
    margin-top: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}

.setting_top_right111 {
    margin-right: 10px;
}

.setting_top_right112 {
    width: 1575px;
    height: 290px;
    margin-right: 10px;
    margin-top: 0;
}

.setting_top_right1 {
    width: 320px;
    margin-right: 10px;
}

.setting_top_right11 {
    width: 300px;
    height: 444px;
    margin-right: 10px;
    margin-top: 0;
    border: 1px solid #3c3c3c;
    background-color: rgba(0,0,0,0);
}

    .setting_top_right11:nth-child(4), .setting_top_right1:nth-child(8) {
        margin-right: 0;
    }

.setting_top_right2 {
    margin-top: 0;
}

.setting_top_right22 {
    margin-right: 10px;
    margin-top: 0;
}

.setting_top_right23 {
    width: 320px;
    margin-right: 10px;
    margin-top: 0;
}

.setting_top_right3 {
    margin-right: 10px;
    border: 1px solid #3c3c3c;
}

.setting_top_right111 {
    margin-right: 10px;
}
.setting_top_right112 {
    width: 1575px;
    height: 290px;
    margin-right: 10px;
    margin-top: 0;
}
.setting_top_right1 {
    width: 320px;
    margin-right: 10px;
}
.setting_top_right11 {
    width: 300px;
    height: 444px;
    margin-right: 10px;
    margin-top: 0;
    border: 1px solid #3c3c3c;
    background-color: rgba(0,0,0,0);
}
    .setting_top_right11:nth-child(4), .setting_top_right1:nth-child(8) {
        margin-right: 0;
    }
.setting_top_right2 {
    margin-top: 0;
}
.setting_top_right22 {
    margin-right: 10px;
    margin-top: 0;
}
.setting_top_right23 {
    width: 320px;
    margin-right: 10px;
    margin-top: 0;
}
.setting_top_right3 {
    margin-right: 10px;
    border: 1px solid #3c3c3c;
}

.setting_sm, .setting_bottom_left, .setting_bottom_right{
    overflow: hidden;
    position: relative;
    float: left;
    width: 500px;
    height: 216px;
    margin-right: 10px;
    border: 1px solid #3c3c3c;
    margin-top: 10px;
}
.setting_bottom_left {
    height: 444px;
}
.setting_bottom_right {
    height: 432px;
}
.user-authority {
    border-top: 1px solid #e2e2e2 !important;
    border-bottom: 1px solid #e2e2e2 !important;
}
.highlight {
    background-color: #e2e2e2;
}
/*SMS 사용자 팝업*/
.sms_top_left01, .equ_top_left01 {
    overflow: hidden;
    position: relative;
    float: left;
    width: 45.0%;
    background-color: #e2e2e2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
/*SMS 사용자 팝업*/
.equ_top_left01 {
    width: 100%;
    height: 640px;
    margin-right:20px;
}
.user-move-btn, .equ-move-btn {
    float: left;
    height: 640px;
    width: 10%;
    display: table;
}
.user-move-btn ul, .equ-move-btn ul{
    display: table-cell;
    vertical-align: middle;
}
.user-move-btn ul li, .equ-move-btn ul li {
    width: 100%;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    margin: 20px 0;
}
.user-move-btn ul li img, .equ-move-btn ul li img{
    opacity: 0.4;
    transition: all 0.3s;
    padding: 10px;
    background-color: #75869a;
    border-radius: 50%;
}
.user-move-btn ul li:hover img, .equ-move-btn ul li:hover img{
    opacity: 1;
}
.equ-move-btn {
    height: 340px;
}
.sms_top_center01, .equ_top_center01 {
    overflow: hidden;
    position: relative;
    float: right;
    width: 45.0%;
    height: 640px;
    margin-bottom: 10px;
    background-color: #e2e2e2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.equ_top_center01 {
    height:auto;
}
/*사용자 관리*/
.admin_top_left01, .admin_top_center01, .admin_top_right01 {
    overflow: hidden;
    position: relative;
    float: left;
    width: calc(50% - 5px);
    height: 835px;
    background-color: #f6f6f6;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 5px 5px 5px -1px #b5b8bb;
}
.admin_top_left01{margin-right:10px;}
.admin_top_center01 {
    height: auto;
    background-color: #e2e2e2;
}
.admin_top_right01 {
    height: auto;
    background-color: #e2e2e2;
    margin-top: 10px;
}
.admin_top_right02, .admin_top_right03 {
    overflow: hidden;
    position: relative;
    float: left;
    width: calc(50% - 5px);
    background-color: #e2e2e2;
    margin-top: 2px;
}
.admin_top_right03 {
    width: 305px;
    height: 244px;
    margin-left:0;
    margin-top: 10px;
}
.admin_top_left01 .content-list-tbl tbody td a {
    line-height:29px;
}
.admin_top_right04, .admin_top_right04 .content-list-tbl_setting tbody td, .admin_top_right04 .content-list-tbl-esspcs-top-left tbody tr td:hover {
    background-color: rgba(0,0,0,0) !important;
    border-radius: 0 !important;
}
.content-list-tbl-esspcs-top-left {
    width: 100%;
    height: calc(100% - 55px);
}
.content-list-tbl-esspcs-top-left tbody th, .content-list-tbl-esspcs-bottom-left tbody th{
    color: #000;
    font-weight: 500;
    border-top:0;
    background-color:#fbfbfb;
}
.content-list-tbl-esspcs-top-left tbody th{
    border-right:1px solid #e2e2e2;
    border-bottom:1px solid #e2e2e2;
}
.content-list-tbl-esspcs-top-left tbody td {
    height:auto;
    text-align: right;
    padding-right: 10px;
}
.content-list-tbl-esspcs-top-left tbody tr td:hover, .content-list-tbl-esspcs-bottom-left tbody tr:hover td, 
.content-list-tbl-bat-top-left tbody tr:hover td{
    background-color: #fbfbfb;
}
.content-list-tbl-esspcs-bottom-left {
    width: 100%;
    height: calc(100% - 55px);
    border-color: #e2e2e2 !important;
}
.content-list-tbl-esspcs-bottom-left tbody td {
    height: auto;
    border-left: 1px solid #e2e2e2;
    text-align: right;
    padding-right: 10px;
}
.content-list-tbl-esspcs-bottom-right {
    width: 100%;
}
.content-list-tbl-esspcs-bottom-right2 {
    width: 100%;
    height: 381px;
}
.content-list-tbl-bat-top-left {
    width: 33.333333%;
    height: 385px;
    float: left;
}
.content-list-tbl-bat-top-left tbody th {
    color: #000;
    font-size: 14px;
    font-weight: 500;
}
.content-list-tbl-bat-top-left tbody td {
    border-top: 1px solid #e2e2e2;
    font-size: 14px;
    text-align: right;
    padding-right: 10px;
}
/* 메인 :: 테이블스킨 : 세로 */
.content-list-tbl-bat-top-left2 {
    width: 37.5%;
    height: 380px;
    float: left;
}
.content-list-tbl-bat-top-left3 {
    width: 100%;
    height: 384px;
    float: left;
}
.content-list-tbl-bat-top-left3 tbody th {
    background-color: #f9f9f9;
    color: #000;
    font-size: 14px;
    letter-spacing: -0.7px;
    font-weight: 500;
    border: 1px solid #e2e2e2;
    border-left: 0;
    border-bottom: 0;
}
.content-list-tbl-bat-top-left3 tbody td {
    border: 1px solid #e2e2e2;
    border-left: 0;
    border-bottom: 0;
    background-color: #f6f6f6;
    color: #000;
    font-size: 14px;
    letter-spacing: -0.2px;
    text-align: center;
}
.content-list-tbl-bat-top-left3 tbody tr td:hover {
    background-color: #f9f9f9;
}
.content-list-tbl-bat-top-right, .content-list-tbl-bat-bottom-right {
    width: 100%;
    height: 380px;
    border-spacing: 0;
}
.content-list-tbl-bat-top-right tbody td {
    width: 185px;
    height:auto;
    border-top: 1px solid #e2e2e2;
    border-bottom:0;
    font-weight: 500;
    font-size: 14px;
}
.content-list-tbl-bat-top-right tbody tr td:hover {
    background-color: rgba(255,255,255,0.6);
}
.content-list-tbl-bat-bottom-right tbody td {
    width: 185px;
    border-right: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    background-color: #f6f6f6;
    color: #000;
    font-size: 14px;
    letter-spacing: -1px;
    text-align: center;
}
.content-list-tbl-bat-bottom-right tbody td:nth-child(4n) {
    border-right: 0;
}
.content-list-tbl-bat-bottom-right tbody tr td:hover {
    background-color: rgba(255,255,255,0.6);
}
.content-list-tbl-solra-top-left, .content-list-tbl-setting-top-right1 {
    width: 100%;
}
.content-list-tbl-setting-top-left, .content-list-tbl-setting-top-mid,
.content-list-tbl-setting-top-right, .content-list-tbl-setting-bottom-right {
    width: 100%;
    height: 330px;
}

/*장비수명매칭 팝업*/
.equipmentLife{
    width:calc(33.33% - 7px);margin-right:10px;
    float:left;margin-bottom:10px;overflow:hidden; 
    border-radius:10px;
    background-color:#f6f6f6;
    box-shadow: 5px 5px 5px -1px #b5b8bb;}
.equipmentLife:nth-child(3n){margin-right:0;}

/*테이블 상단,좌측 고정*/
.table-scroll-wrap *{
    box-sizing:border-box;
}
.table-scroll-wrap{
    height:795px;
    overflow-y:scroll;
    overflow-x:hidden;
}
.table-scroll-wrap.on {
    max-width: 100%;
    overflow-x:scroll;
    position: relative;
}
.table-scroll-wrap table {
    position: relative;
}
.table-scroll-wrap table.on {
    width: 130%;
    position: relative;
}
.table-scroll-wrap thead {
    background-color: #e2e2e2;
}
.table-scroll-wrap thead th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index:1;
    background-clip: padding-box;
    border-top:0;
}
.table-scroll-wrap thead th:after, .table-scroll-wrap tbody th:after, 
.table-scroll-wrap thead th:before, .table-scroll-wrap tbody th:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
}
.table-scroll-wrap thead th:after, .table-scroll-wrap tbody th:after {
    left: -1px;
    bottom: -1px;
    border-left: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}
.trace-tbl.content-list-tbl thead th:after {
    border-top: 1px solid #2a394b;
}
.trace-tbl.content-list-tbl thead tr:last-child th:after{
    border-top:0;
}
.table-scroll-wrap thead th:before, .table-scroll-wrap tbody th:before{
    right: -1px;
    top: -1px;
    border-right: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
}
.hmi-ver-tbl.table-scroll-wrap thead th:after, .hmi-ver-tbl.table-scroll-wrap tbody th:after,
.hmi-ver-tbl.table-scroll-wrap thead th:before, .hmi-ver-tbl.table-scroll-wrap tbody th:before {
    height: 1px;
}
.hmi-ver-tbl.table-scroll-wrap thead th:after, .hmi-ver-tbl.table-scroll-wrap tbody th:after {
    border-top: 1px solid #2a394b;
    top:0px;
}
.hmi-ver-tbl.table-scroll-wrap thead th:before, .hmi-ver-tbl.table-scroll-wrap tbody th:before {
    border-top: 1px solid #e2e2e2;
    top:47px;
}
.table-scroll-wrap thead tr:nth-child(2) th {
    top: 27px;
}
.table-scroll-wrap thead tr:nth-child(3) th {
    top: 54px;
}
.table-scroll-wrap thead tr.scroll-tr th:first-child, 
.table-scroll-wrap thead tr.scroll-tr th.fixth {
    left: 0;
    z-index: 2;
}
.table-scroll-wrap tbody th {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    border-top:0;
    background-color:#fbfbfb;
}
.table-scroll-wrap .content-list-tbl-setting-bottom-right thead th,
.content-list-tbl-setting-bottom-right tbody th,
.evCdSchedule .content-list-tbl-setting-bottom-right th {
    background-color: #f9f9f9;
    color: #000;
    font-size: 15px;
    letter-spacing: -0.7px;
    font-weight: 500;
    border: 1px solid #e2e2e2;
    width:70px;
}
.table-scroll-wrap .content-list-tbl-setting-bottom-right th {
    height: 27px;
    font-size: 13px !important;
    line-height: 15px;
    background-color: #f9f9f9;
}
.content-list-tbl-setting-bottom-right tbody td {
    border: 1px solid #e2e2e2;
    background-color: white;
    color: #000;
    font-size: 15px;
    letter-spacing: -0.2px;
    text-align: center;
    text-align: right;
    padding-right: 10px;
}
.table-scroll-wrap .content-list-tbl-setting-bottom-right tbody td{
    font-size:12px;
    width:85px;
}
.content-list-tbl-setting-bottom-right tbody .cm-al {
    text-align: left;
    padding: 0 10px;
}
.content-list-tbl-setting-bottom-right tbody tr td:hover, .content-list-tbl-setting-bottom-right3 tbody tr td:hover,
.content-list-tbl-setting-top-right tbody tr td:hover {
    background-color: rgba(255,255,255,0.6);
}
.content-list-tbl-setting-bottom-right2, .content-list-tbl-setting-top-right {
    width: 100%;
    height: 330px;
}
.content-list-tbl-setting-bottom-right3 {
    width: 100%;
    height: 185px;
}
.content-list-tbl-setting-bottom-right3 tbody th {
    color: #000;
    line-height:20px;
}
.content-list-tbl-setting-bottom-right3 tbody td {
    height:auto;
    border: 1px solid #e2e2e2;
    text-align: right;
    padding-right: 10px;
}
.content-list-tbl-setting-top-right tbody th {
    color: #000;
    font-weight: 500;
}
.content-list-tbl-setting-top-right tbody td {
    height:auto;
    border: 1px solid #e2e2e2;
    text-align: right;
    padding-right: 10px;
}
.content-list-tbl-setting-sm {
    width: 100%;
    height: 125px;
    
}
/*사용자 관리*/
.content-list-tbl-admin-bottom-right {
    width: 100%;
    height: 50px;
}
.content-list-tbl-admin-bottom-right tbody th {
    color: #000;
    font-weight: 500;
    border:0;
    border-right: 1px solid #e2e2e2;
}
.content-list-tbl-admin-bottom-right tbody th:nth-child(3) {
    border-left: 1px solid #e2e2e2;
}
.content-list-tbl-admin-bottom-right tbody td {
    height:auto;
    border-bottom:0;
    text-align: right;
    padding-right: 10px;
}
.content-list-tbl-admin-bottom-right tbody tr td:hover {
    background-color: #fbfbfb;
}
.content-list-tbl-admin-bottom-right1 {
    width: 100%;
    height: 155px;
}
.content-list-tbl-admin-bottom-right2 {
    width: 100%;
    height: 180px;
}
.content-list-tbl-solra-bottom-right {
    width: 100%;
}
.content-list-tbl-solra-bottom-left {
    width: 50%;
    float: left;
}
.content-list-tbl-temp {
    width: 50%;
    height: 386px;
    float: left;
}
.content-list-tbl-temp tbody th {
    background-color: rgba(255,255,255,0.7);
    color: #000;
    font-size: 14px;
    letter-spacing: -0.7px;
    font-weight: 500;
    border: 1px solid #e2e2e2;
}
.content-list-tbl-temp tbody td {
    border-bottom: 1px solid #e2e2e2;
    height: 26px;
    background-color: rgba(255,255,255,0.3);
    color: #000;
    font-size: 15px;
    letter-spacing: -0.2px;
    text-align: right;
    padding-right: 10px;
}
.content-list-tbl-temp tbody .cm-al {
    text-align: left;
    padding: 0 10px;
}
.content-list-tbl-temp tbody tr:hover td {
    background-color: rgba(255,255,255,0.6);
}
.content-list-tbl-temp2 {
    width: 100%;
    height: 386px;
    float: left;
}
.content-list-tbl-temp2 tbody th {
    background-color: rgba(255,255,255,0.7);
    color: #000;
    font-size: 15px;
    letter-spacing: -0.7px;
    font-weight: 500;
    border: 1px solid #e2e2e2;
}
.content-list-tbl-temp2 tbody td {
    border-bottom: 1px solid #e2e2e2;
    background-color: rgba(255,255,255,0.3);
    color: #000;
    font-size: 15px;
    letter-spacing: -0.2px;
    text-align: right;
    padding-right: 10px;
}
.content-list-tbl-temp2 tbody .cm-al {
    text-align: left;
    padding: 0 10px;
}
.content-list-tbl-temp2 tbody tr:hover td {
    background-color: rgba(255,255,255,0.6);
}
.content-list-tbl-weather4 {
    width: 100%;
    height: 341px;
}
.content-list-tbl-weather4 thead th {
    height:auto;
    border-top: 1px solid #e2e2e2;
    background-color: rgba(255,255,255,0.7);
    color: #000;
}
.content-list-tbl-weather4 tbody th {
    color: #000;
    font-weight: 500;
    border-bottom:0;
    border-left:1px solid #e2e2e2;
}
.content-list-tbl-weather4 tbody tr th:nth-child(1) {
    border-left: 0;
}
.content-list-tbl-weather4 tbody td {
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    background-color: rgba(255,255,255,0.3);
    color: #000;
    font-size: 15px;
    letter-spacing: -0.2px;
    text-align: center;
}
#essInfoBottomContent6 .content-list-tbl-weather4 tbody td {
    border-right: 0;
}
.content-list-tbl-weather4 tbody tr:hover td {
    background-color: rgba(255,255,255,0.6);
}
.hmi-hour {
    width:20%;
    float: right;
    height: calc(100% - 40px);
}
.hmi-hour h4 {
    padding: 10px 17px;
    background-color: #75869a;
    float:left;
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: 25px;
    margin-top: 22px;
    font-weight: 500;
}
.pcs-info-tbl h4 {
    padding: 10px 17px;
    background-color: #75869a;
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: 25px;
    font-weight: 500;
    margin-bottom:15px;
}
.pcs-info-tbl .lift-hour {
    display: block;
    text-align: center;
    color: #000;
    font-size: 20px;
}
.hmi-hour div {
    float: left;
    box-sizing: border-box;
    height: 100%;
    padding: 27px 5px;
    color: #000;
    font-size: 20px;
} 
/*Summary*/
.sum-wrap {
    color: #000;
}
.sum-wrap h4 {
    font-size: 18px;
    font-weight: 500;
}
.total-left h4, .total-right h4, .evCon h4{
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}
.total-right h4, .evCon h4 {
    color: #000;
}
.sum-wrap h5 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 15px;
}
.total-left {
    width: 100%;
    position: relative;
    box-sizing: border-box;
}
.total-left .sub-down-btn img {
    display: none;
}
.total-left .sub-down-btn {
    text-indent: 15px;
    top:0;
    right:0;
    text-align: left;
    color: #fff;
    background-image: url('../images/icon/download_icon.png');
    background-position: 80px 5px;
    background-repeat: no-repeat;
}
.total-info {
    box-sizing: border-box;
}
.total-info span img {
    width: 100% !important;
    height:auto !important;
    margin:45px 0;
}
.total-info table {
    width: 100%;
    margin-top:15px;
    margin-bottom: 15px;
}
.total-info table th{
    text-align: center;
    text-indent: 0;
    line-height: 27px;
    display: block;
    float: left;
    background-color: #404d5d;
    border-bottom: 0;
    color: #fff;
    font-weight: 400;
    width: 35%;
    border-radius: 50px;
}

.total-info table td {
    color: #e2e2e2;
    display: block;
    line-height: 27px;
    width: 65%;
    margin-bottom: 3px;
    box-sizing: border-box;
    float: left;
    text-align: right;
    padding-right: 10px;
    border-bottom: 1px solid #404d5d;
}
.total-right-top {
    width: 100%;
    height: 200px;
    position: relative;
}
.total-right-top > div, .total-run > div {
    float: left;
    height: 100%;
}
.ems-sum *{box-sizing:border-box;}
.ems-sum .content-top-info-icon, .sortable .content-top-info-icon {
    float: right;
    width: auto;
    height: 27px;
    line-height: 27px;
    padding: 0px 10px;
    font-size: 13px;
    display: block;
    border: 1px solid #e2e2e2;
    font-weight: normal;
}
.ems-sum .content-top-info-icon img, .sortable .content-top-info-icon img{
    display:none;
}
.ems-sum h4{
    margin-bottom: 5px;
    padding: 12px 20px;
    color: #fff;
    background-color: #75869a;
}
.ems-sum .content-top-info-icon a, .sortable .content-top-info-icon a{
    display: block;
    color: #fff;
    background-image: url('../images/icon/link_img_2.png');
    background-size: 15px;
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 20px;
}
.ems-sum .total-right-top #statusTopContent2 {
    width: 40%;
    padding: 15px 40px 10px 20px;
    float: left;
}
.ems-stat-tbl {
    width: 60%;
    padding: 20px;
}
.ems-sum .status-box dt, .ems-round-title {
    background-color: #e2e2e2;
    font-size: 15px;
    color:#000;
    padding: 7px;
    margin-bottom: 25px;
    text-align:center;
    font-weight: 500;
    width: 115px;
    border-radius: 20px;
}
.ems-config {
    width: 33.33%;
    padding:0 20px 20px 20px;
}
.total-right-top > div.ems-bat {
    padding:15px 20px 20px 20px;
    height: auto;
}
.ems-bat-left {
    width: 12%;
}
.ems-bat-right {
    width: 88%;
    padding-right: 20px;
}
.total-right-top > div.ems-fcu {
    width: 40%;
    margin-top: 15px;
    padding: 0 20px;
    height:auto;
}
.total-right-top > div.ems-fcu-chart {
    width: 60%;
    height:auto;
    padding:0 20px 20px 20px;
}
.ems-fcu .ems-round-title {
    font-size: 15px;
    width: 135px;
    margin: 0 auto 10px auto;
}
.ems-fcu .ems-round-title img {
    margin-top:-3px;margin-left:-5px;
    margin-right:5px;
    width:12px;
}
.ems-fcu .jb-wrap {
    width: 33.33%;
    float: left;
    height: auto;
    text-align: center;
    color:#000;
}
.ems-fcu .jb-wrap .jb-text{
    margin:30px auto;
    text-align:left;
    padding-left:35px;
}
.ems-fcu .jb-wrap .jb-text span {
    font-size: 16px;
    display: inline-block;
    font-weight: 500;
    text-align: right;
}
.ems-fcu .jb-wrap .jb-text span.c-sky, .ems-fcu .jb-wrap .jb-text span.c-green{
    font-size:18px;
    color: rgb(106, 188, 70) !important;
}
.ems-fcu .jb-wrap .jb-text span.c-sky{
    width:45px;
    color: rgb(38, 182, 216) !important;
}
.ems-fcu-chart #chartContent{background-color:rgba(0,0,0,0);}
.ems-dpm .content-list-tbl-dpm:nth-child(2) th {
    border-bottom: 1px solid #e2e2e2;
}
.ems-sum .total-right-top .status-icon {
    height: 120px;
}
.ems-sum .total-right-top .ems-bat .status-icon {
    display: block;
}
.ems-sum .total-right-top .status-middle-box2 {
    width:100px;
}
.ems-sum .total-right-top .status-middle-box2:before{
    display:none;
}
.ems-sum .total-right-top .status-middle-box2 .status-icon{
    height:auto;
}
.ems-sum .total-right-top .status-middle-box2 img{
    width:55px;
}
.ems-sum .total-right-top .bat-status-box img{
    width:45px;
}
.ems-sum .total-right-top .pcs-status-box img{
    width:80px;
}
.ems-sum .total-right-top .grid-status-box img{
    width:60px;
}
.ems-sum .total-right-top .status-box dd .status-txt {
    margin-top: 0;
}
.ems-sum .today-stat{padding:20px 0;}
.ems-sum .today-stat .today-cg>span{display:block;text-align:right;padding:5px 0;padding-right:20px; color:#fff;margin-bottom:15px;}
.ems-sum .today-stat .today-cg span.data-num{display:inline-block;font-size:20px;margin-right:5px;color:#49af23;}
.ems-sum .today-stat .today-dcg span.data-num{color:#2789da;}
.ems-sum .total-right-top table{border:0 !important;height:200px;}
.ems-sum .total-right-top .content-list-tbl th {
    font-size: 16px;
    text-align: left;
    height: 35px;
    background-color: rgba(0,0,0,0);
    border: 0;
    border-bottom: 1px solid #2a394b;
}
.ems-sum .total-right-top .content-list-tbl th:nth-child(2) {
    text-align: center;
}
.ems-sum .total-right-top .content-list-tbl td,
.evWrap .total-run-right .content-list-tbl th,
.evWrap .total-run-right .content-list-tbl td,
.ev-status-right .content-list-tbl th,
.ev-status-right .content-list-tbl td{
    font-size: 14px;
    height: 30px;
    border: 0;
    border-bottom: 1px solid #e2e2e2;
    background-color: rgba(0,0,0,0) !important;
}
.ems-sum .total-right-top .content-list-tbl td:first-child{
    text-align:left;
    text-indent:12px;
}
.ems-sum .content-list-tbl-esspcs-bottom-left th{
    border-top:0;
}
.ems-sum .content-list-tbl-esspcs-bottom-left td{
    border-top:0;
    height:30px;
    border-right:1px solid #e2e2e2;
}
.ems-sum .content-list-tbl-esspcs-bottom-left td:last-child{
    border-right:0;
}.ems-sum .content-list-tbl-esspcs-bottom-left th:first-child{
     border-left:0;
 }
.ems-sum .content-list-tbl-esspcs-bottom-left tr:last-child th, .ems-sum .content-list-tbl-esspcs-bottom-left tr:last-child td {
    border-bottom: 0;
}
.total-run {
    width: 100%;
    box-sizing: border-box;
    height: 100%;
}
.total-run-left {
    width: 37%;
    padding-right: 25px;
    box-sizing: border-box;
    background-image: url("../images/layout/line-ver3.jpg");
    background-position: 100% 25px;
    background-repeat: no-repeat;
}
.total-run-right {
    width: 63%;
    padding-left: 20px;
    box-sizing: border-box;
}
.total-run div ul li {
    float: left;
    padding-top: 20px;
    box-sizing: border-box;
    text-align: center;
}
.total-run > div ul li div {
    float: left;
    width: 50%;
}
.total-run > div ul li span {
    margin-top: 20px;
    display: inline-block;
    font-size: 18px;
    color: #ababab;
}
.total-run > div ul li .data-num {
    color: #00b9ff;
    font-size: 28px;
    letter-spacing:-1.5px;
}
.total-run > div ul li div.total-stat h5 {
    width: 90px;
    margin: 0 auto;
    padding-top: 20px;
    font-size:14px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e2e2e2;
}
.total-run > div ul li img {
    max-width: 80px;
    margin-bottom: 18px;
}
.total-run-img img {
    display: none;
}
.total-run-img {
    padding-top: 80px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 80px;
}
.total-run-pv > div.total-run-img {
    background-image: url('../images/status/pv_up3.png');
}
.total-run-grid > div.total-run-img {
    background-image: url('../images/status/grid3.png');
}
.total-run-bat > div.total-run-img {
    background-image: url('../images/status/bat_sb3.png');
}
.total-run-pcs > div.total-run-img {
    background-image: url('../images/status/pcs_up3.png');
}
.total-run-img h5 {
    margin-top: 15px;
    font-weight: 500;
    font-size:14px;
}
.total-run-left li {
    width: 40%;
}
.total-run-left li.total-run-connect {
    width: 20%;
}
.total-run-connect img {
    padding-top: 50px;
}
.total-run-right li {
    width: 25%;
    box-sizing: border-box;
}
.total-run-pcs {
    padding-right: 20px;
}
.total-run-today {
    width: 50% !important;
    padding-left: 20px;
    background-image: url("../images/layout/line-ver3.jpg");
    background-position: 0 25px;
    background-repeat: no-repeat;
}
.total-run > div ul li.total-run-today div {
    width: 33.33%;
}
.total-run > div ul li.total-run-today div.total-stat h5 {
    width:100px;
    border-bottom: 0;
    background-color: #e2e2e2;
    font-size: 14px;
    border-radius: 40px;
    padding: 10px 0;
    margin-top: 10px;
}
.total-run-today .total-stat span {
    font-size: 18px;
    margin-left: 5px;
}
.total-right > div {
    float: left;
}
.week-sun-chart {
    margin-right: 10px;
}
.total-right-top, .week-sun-chart, .week-dc-chart,
.maoBox, .ev-status, .evCgStninfo, .evChagerInfo .ev-info-chart {
    background-color: #fff;
    margin-bottom: 10px;
    box-shadow: 5px 5px 5px -2px #b5b8bb;
    box-sizing: border-box;
    padding: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.ems-sum .total-right-top, .evChagerInfo .ev-info-chart {
    margin-bottom: 15px;
    height: 290px;
    padding: 0;
    overflow: hidden;
}
.week-sun-chart, .week-dc-chart {
    width: 100%;
    height: 310px;
}
.pms-total {
    height: 300px;
    padding: 0;
    margin-bottom: 10px;
}
.pms-total > ul {
    height: 100%;
}
.pms-total > ul > li {
    float: left;
    width: 465px;
    height: 100%;
    margin-right: 10px;
    background-color: #fff;
    box-shadow: 5px 5px 5px -2px #b5b8bb;
    box-sizing: border-box;
    padding: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.pms-total > ul > li.last {
    margin-right: 0;
}
.pms-total > ul > li h4 {
    text-align: right;
    color: #f7941e;
    font-weight: 500;
}
.pms-total > ul > li > div {
    float: left;
}

#pms4_stat_on, #pms4_stat_off {
    display: none;
}

#donutChart {
    width: 30%;
}

.pms-state {
    width: 70%;
    padding-top: 15px;
}
.pms-state ul li {
    padding-bottom: 5px;
    float: left;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 7px;
    line-height: 30px;
    font-weight: 500;
    font-size: 14px;
    padding-left: 10px;
    width: 50%;
    box-sizing: border-box;
}
.pms-state ul li:first-child {
    background-image: url(../images/layout/line5.png);
    background-repeat: no-repeat;
    background-position: right 8px;
}
.pms-state ul li span {
    display: inline-block;
    width: 55px;
    text-align: right;
    box-sizing: border-box;
    padding-right: 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: #f7941e;
}
.pms-state ul li.now-state {
    width: 99%;
    border-bottom: 0;
}
.now-state-wrap {
    height: 30px;
    float: right;
    margin-right: 2px;
}
.pms-state ul li.now-state span {
    width: 50px;
    text-align: center;
    font-size: 13px;
    float: left;
    box-sizing: border-box;
    border: 1px solid #999;
    display: block;
    line-height: 21px;
    height: 22px;
    color: #999;
    border-radius: 10px;
    padding-right: 0px;
    margin: 4px 3px;
}
.pms-state ul li.now-state span.state-c {
    background-color: #00ac36;
    border-color: #00ac36;
    color: #fff;
}
.pms-state ul li.now-state span.state-dc {
    background-color: #00abff;
    border-color: #00abff;
    color: #fff;
}
.pms-state ul li.now-state span.state-up {
    background-color: #666;
    border-color: #666;
    color: #fff;
}
.pms-state ul li.now-state span.state-err {
    background-color: #ff000b;
    border-color: #ff000b;
    color: #fff;
}
.pms-state div > span {
    display: inline-block;
    font-size: 15px;
    color: #4d4d4d;
    width: 32%;
    text-align: center;
}
.pms-part-stat {
    width: 100%;
}
.pms-part-stat ul li {
    float: left;
    width: 120px;
    height: 130px;
    border-radius: 10px;
    overflow: hidden;
    box-sizing: border-box;
    text-align: center;
    background-color: #f6f6f6;
}
.pms-part-stat ul li:nth-child(2) {
    margin: 0 10px;
}
.pms-part-stat ul li:last-child{
    width:165px;
}
.pms-part-stat ul li h5 {
    margin-bottom: 20px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    background-color: #e2e2e2;
    box-sizing: border-box;
}
.pms-part-stat ul li:last-child h5{
    margin-bottom:5px;
}
.pms-part-stat ul li p {
    text-align: center;
    word-break: keep-all;
    box-sizing: border-box;
}
.pms-part-stat ul li:last-child p {
    text-align:right;
    padding-right:5px;
}
.pms-part-stat ul li p span {
    text-align: right;
    height: 70px;
    line-height: 70px;
    box-sizing: border-box;
}
.pms-part-stat ul li.pms-rack-stat p span {
    height: 30px;
    line-height: 30px;
}
.pms-part-stat ul li p span.data-num {
    color: #49AF23;
    font-size: 25px;
}
.pms-part-stat ul li.pms-rack-stat p span.data-num {
    font-size: 15px;
    width: 35px;
    font-weight: 500;
    display: inline-block;
}
.pms-part-stat ul li p span.unit-text {
    color: #ababab;
}
.pms-part-stat ul li.pms-rack-stat p {
    width: 50%;
    float: left;
}
.total-wrap-left {
    width: 465px;
    margin-right: 10px;
    height: auto;
}
.total-wrap-right {
    width: 940px;
}
.total-envi ul li {
    float: left;
}
.total-envi > ul > li {
    width: 33%;
    text-align: center;
    padding: 5px;
    box-sizing: border-box;
    background-image: url("../images/layout/line-ver2.jpg");
    background-position: center right;
    background-repeat: no-repeat;
}
.total-envi > ul > li:last-child {
    background: none;
}
.total-envi > ul > li h5 {
    font-size: 14px;
    letter-spacing: -1px;
    margin-top: 15px;
    padding: 6px;
    border-radius: 50px;
    background-color: #404d5d;
    font-weight:500;
    color: #fff;
    background-image: url("../images/icon/sum-icon03.png");
    background-repeat: no-repeat;
    background-position: 28px 5px;
    text-indent: 18px;
}
.total-envi > ul > li h5.dust-h5 {
    background-image: url("../images/icon/sum-icon04.png");
    background-position: 7% 5px;
}
.total-envi > ul > li h5 img {
    margin-right: 5px;
    margin-top: -5px;
}
.total-envi > ul > li > span {
    font-size: 14px;
    letter-spacing: -1px;
    display: block;
    color:#fff;
    margin-bottom: 15px;
}
.total-envi > ul > li > img {
    margin: 10px 0;
    width: 60%;
}
.envi-state {
    position: relative;
    background-image: url("../images/layout/line-slope2.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 62px;
}
.envi-state > span {
    font-size: 12px;
    color: #999;
    font-weight: 600;
}
.temp-low {
    position: absolute;
    top: 0;
    left: 15px;
}
.temp-low-data, .rainfall-data, .temp-high-data, .humidity-data {
    font-size: 25px;
    color: #45a5d4;
    font-weight: 400
}
.temp-high-data, .humidity-data {
    color: #2ca02c;
}
.temp-high {
    position: absolute;
    bottom: 0;
    right: 15px;
}
.total-envi > ul > li > ul > li {
    width: 50%;
}
.total-envi > ul > li > ul > li .dust-data {
    color:#fff;
}
.total-envi > ul > li > ul > li > span {
    display: block;
    margin-bottom: 20px;
    color:#fff;
}
.dust-state {
    font-size: 16px;
    color: #2ca02c;
    display: block;
    margin-top: 20px;
    font-weight: 600;
}
/*localView*/
.data-wrap {
    display: none;
}
.state-line {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #2a394b;
}
#wrap > .local-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.local-btn ul {
    overflow: hidden;
    padding: 10px 0 0 10px;
    margin: 0;
}
.local-btn ul li {
    float: left;
    list-style: none;
    color: #fff;
    font-size: 14px;
    width: 90px;
    text-align: center;
    height: 30px;
    line-height: 28px;
    border-radius: 5px;
    margin-left: 5px;
    border: 1px solid rgba(255,255,255,0.3);
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
}
.local-btn ul li:hover {
    background-color: rgba(255,255,255,1);
    color: #2a394b;
}
.local-btn ul li:nth-child(1), .local-btn ul li:nth-child(2) {
    color: rgba(255,255,255,0.3);
    cursor: default;
}
.local-btn ul li:nth-child(1):hover, .local-btn ul li:nth-child(2):hover {
    color: rgba(255,255,255,0.3);
    background-color: #2a394b;
}
.local-wrap h3 {
    color: #fff;
    font-weight: 500;
    margin-top: -15px;
    margin-bottom: 5px;
    padding-left: 20px;
}
.left-wrap {
    width: 780px;
    float: left;
    height: 100%;
    padding-left: 30px;
    padding-top: 10px;
    box-sizing: border-box;
}
.left-wrap > div {
    float: left;
    padding-top: 15px;
}
.local-stat {
    margin: 0;
    padding-left: 20px;
}
.local-stat li {
    list-style: none;
    margin-bottom: 4px;
    color: #fff;
    padding: 5px 9px;
    font-size: 12px;
    width: 160px;
    background-color: rgba(0,0,0,0.2);
    border-radius: 50px;
    height: 30px;
    box-sizing: border-box;
    border: 1px solid rgba(255,255,255,0.3);
    position: relative;
}
.local-stat li img {
    padding: 0;
    position: absolute;
    top: 2px;
    left: 80px;
}
.local-solar, .local-bat {
    width: 250px;
}
.local-grid {
    width: 230px;
    float: left;
    padding-top: 80px;
    padding-left: 0px;
    box-sizing: border-box;
}
.local-pv, .local-ess {
    width: 400px;
}
.local-pv img, .local-ess img {
    padding-left: 120px;
}
.local-grid img {
    padding-left: 30px;
}
.local-pv .local-stat li, .local-ess .local-stat li, .local-grid li {
    float: left;
    margin-right: 10px;
    width: 180px;
}
.local-stat span input {
    padding: 0;
    border: 0;
    width: 58px;
    box-sizing: border-box;
    background-color: rgba(0,0,0,0);
    text-align: right;
    font-weight: 600;
}
.left-wrap>div>a, .local-grid>a{display:block;width:100%;height:100%;cursor:pointer;}
.c-green {
    color: rgb(106, 188, 70);
}
.c-sky {
    color: rgb(38, 182, 216);
}
.c-red {
    color: rgb(219, 0, 0);
}
.c-yellow {
    color: #ffce00;
}
.c-white {
    color: #fff;
}
/*local setting*/
.pms-tb-btn {
    padding: 0;
    margin: 0;
}
.pms-tb-btn li {
    float: left;
    color: #fff;
    width: 100px;
    list-style: none;
    text-align: center;
    height: 35px;
    font-size: 15px;
    cursor: pointer;
    background-color: #75869a;
    line-height: 35px;
    box-sizing: border-box;
}
.fault-list-info .pms-tb-btn li {
    width: 11.11%;
    border: 1px solid #75869a;
    border-left: 1px solid #e2e2e2;
    background-color: #75869a;
    font-size: 15px;
    margin: 0;
}
.fault-list-info .pms-tb-btn li:first-child{
    border-left:0;
}

.essRequiredData .pms-tb-btn input {
    background: none;
    color: #fff;
    border: 0;
    display: block;
    width: 100%;
    font-size: 15px;
    height: 100%;
    font-weight:500;
    transition:all 0.3s;
    cursor:pointer;
    outline:none;
    
}
.pms-tb-btn li.on, .essRequiredData .pms-tb-btn input.on, .essRequiredData .pms-tb-btn input:hover {
    background-color: #2a394b;
}
.pms-tb-list {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border-top: 5px solid #2a394b;
    display: none;
    box-sizing: border-box;
}
.pms-tb-list.active {
    display: table;
}
.fault-list-info .pms-tb-list {
    border-top: 2px solid #2a394b;
}
.fault-list-info .pms-tb-list th{
    width:11%;box-sizing:border-box;
    background-color:#fff;
    font-weight:500;
}
.fault-list-info .pms-tb-list td{
    width:39%;
    text-align: left;
    font-size:14px;
    text-indent: 10px;
    font-weight:400;
}
.pms-tb-list td {
    font-size: 14px;
    padding: 10px 5px;
    height: 45px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: normal;
    border-color: #e2e2e2;
    font-weight: 500;
    background-color: #f6f6f6;
    color: #000;
    text-align: center;
    box-sizing: border-box;
}
.pms-tb-02 td {
    text-align: right;
}
.pms-tb-list td input[type="text"] {
    width: 70px;
    border: none;
    text-align: right;
    padding: 2px;
    background-color: rgba(255,255,255,0);
    font-weight: 600;
}
.pms-tb-list td label {
    padding-left: 10px;
    box-sizing: border-box;
    margin-right: 5px;
}
.pms-tb-list td select {
    margin-right: 5px;
}
.pms-tb-list th {
    font-size: 14px;
    font-weight: normal;
    padding: 10px 5px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    font-weight: 500;
    word-break: normal;
}
.td-bg {
    background-color: #fbfbfb !important;
    border-color: #e2e2e2;
    text-align: center;
    vertical-align: middle;
    color: #2a394b;
}
.pms-tb-04 td {
    height: 25px;
    padding: 8px;
    text-align: right;
}
.pms-tb-01 input[type="text"] {
    color: #fff;
    text-align: center;
}
td input[type="text"]#ip {
    width: 120px;
}
td input[type="text"]#port {
    width: 50px;
}
td input[type="text"]#protc {
    width: 100px;
}
td input[type="text"]#loop {
    width: 70px;
}
.pms-tb-05 td {
    text-align: right;
}
.content-list-tbl_setting {
    border-spacing: 0;
    width: 100%;
}
.content-list-tbl_setting td {
    height: 55px;
}
.content-list-tbl_setting .to-setting-upt-btn {
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    margin-right: 15px;
    margin-top: 0;
    letter-spacing: -0.2px;
    background-color: #2a394b;
    width: 100px;
    border: 1px solid #2a394b;
    transition: all 0.3s;
}
.admin_top_right04 .to-setting-upt-btn {
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin: 0;
    box-sizing: border-box;
    border-radius: 10px;
}
.admin_top_right04 td:first-child .to-setting-upt-btn {
    background-color:#75869a;
    border-color:#75869a;
}
/*local popup*/
.data-tb {
    border-collapse: collapse;
    border-spacing: 0;
    letter-spacing: -1px;
    border-top: 5px solid #2a394b;
}
.data-tb td {
    font-size: 14px;
    padding: 10px 10px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: normal;
    color: #2a394b;
    border-color: #2a394b;
    font-weight: 500;
}
.data-tb th {
    font-size: 14px;
    font-weight: normal;
    padding: 10px 5px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: normal;
    border-color: #fc8b21;
}
.data-tb td {
    border-color: #e2e2e2;
    background-color: #f6f6f6;
    text-align: left;
    vertical-align: middle;
}
.data-tb td input {
    width: 80px;
    margin-right: 5px;
    height: 20px;
    background-color: rgba(0,0,0,0);
    border: 0;
    color: #fff;
    text-align: right;
    color: #75869a;
    font-weight: bold;
}
.data-td {
    text-align: right;
    font-weight: normal !important;
}
/*local network*/
.net-wrap {
    background-color: #2a394b;
    width: 100%;
    height: 585px;
    background-image: url("../../images/layout/network_bg.png");
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
}
.clearfix:after {
    clear: both;
    display: block;
    content: "";
}
.pcs-net h1 {
    color: #fff;
    font-size: 15px;
    text-indent: 10px;
    position: relative;
    font-weight: normal;
    display: none;
}
.pcs-net h1:after {
    content: "";
    width: 3px;
    height: 14px;
    background-color: #db892e;
    position: absolute;
    display: block;
    top: 5px;
}
.pcs-net ul {
    position: absolute;
    bottom: 10px;
    left: 25px;
    padding: 10px 0 0 0;
}
.pcs-net ul li {
    float: left;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    list-style: none;
    text-align: center;
    margin-right: 4px;
    cursor: pointer;
    position: relative;
}
.pcs-net ul li img {
    max-width: 70px;
    vertical-align: middle;
}
.pcs-net ul li:nth-child(1) img, .pcs-net ul li:nth-child(4) img, .pcs-net ul li:nth-child(7) img, .pcs-net ul li:nth-child(8) img {
    width: 55px;
    padding-top: 10px;
}
.pcs-net ul li p {
    font-size: 18px;
    color: #fff;
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
}
.pcs-net ul li p:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 50%;
    margin-left: 25%;
    height: 4px;
    background-color: #9fa0a0;
}
.pcs-net ul li.on p:after {
    background-color: #db892e;
}
/*User Meni Auth*/
.wrap {
    padding: 5px;
}
.user-authority {
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
}
.user-authority tr td:first-child {
    color: #fbfbfb;
}
.user-authority td {
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    background-color: rgba(255,255,255,0.5);
    color: #000;
    padding: 3px 0 3px 5px;
    text-align: center;
    font-size: 14px;
}
.user-title td {
    background-color: #75869a;
    font-weight: 500;
    color: #fff !important;
    font-size: 16px;
    padding: 7px;
}
.user-info td {
    text-align: center !important;
    font-weight: 500;
    color: #333 !important;
    font-size: 18px;
    padding: 20px;
}
.user-menu {
    color: #333 !important;
    font-weight: 500;
}
.user-ok, .user-no {
    text-indent: -9999px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 15px;
}

/*MAO*/
.maoWrap h1, .operBtn h2 {
    font-weight: 500;
    letter-spacing: -0.04vw;
    color: #2a394b;
}
.operBtn h2{
    color:#fff;
}
.leftImg {
    background-color: #4b6078;
}
.operBtn li{
    background-color: #75869a;
    box-shadow: 0.13vw 0.13vw 0.2vw 0.05vw #b5b8bb;
}
/*.operBtn li:active{
    box-shadow: inset -0.1vw -0.1vw 0.26vw 3px rgb(255 255 255 / 32%);
    top:0.26vw;
    left:0.26vw;
}

.operBtn li.fltLeft:active {
    top:0;
    left:0;
    box-shadow: 0.26vw 0.26vw 0.26vw #b5b8bb;
}
.dcSupplyCon li.fltLeft:active {
    box-shadow: inset -0.1vw -0.1vw 0.26vw 3px rgb(255 255 255 / 32%);
    top: 0.26vw;
    left: 0.26vw;
}*/
li.on.underLine:after, .operBtn li.on{
    background-color: #71d1ff;
}

.operBtn li.fal {
    background-color: #d71818;
}
li.on.underLine {
    background-color: #75869a;
}
.mainSerial h2 {
    background-color: #2a394b;
    color: #fff;
    font-weight: 500;
}
.mainSerial span {
    background-color: rgba(255,255,255,0.3);
}
.rcpTotal, .rcpTime, .barState{
    color:#333;
}
.dcStatusFlt ul:last-child:after{
    background-color: #e2e2e2;
}
.maoTable thead th {
    background-color: #919eae;
}
.maoTable tbody th {
    background-color: #75869a;
}
.maoTable td, .rcpValveStatus li p {
    background-color: #d9dde3;
    color: #2a394b;
}
.maoTable th {
    color:#fff;
}
.maoTable td, .rcpValveStatus li h2 {
    color: #2a394b;
}
.rcpValveStatus li p, #PvInfoEv table th {
    font-weight: 500;
}
/*EV EMS*/
.evWrap .summary-content #leftContent .left-inner-con {
    margin-bottom: 5px;
}
.evWrap .total-envi > ul{
    margin-top:10px;
    margin-left:-5px;
    width:calc(100% + 10px);
}
.evWrap .total-envi > ul > li {
    width:20%;    
    padding: 0 5px 5px 5px;
    background-position: right 35px;
    margin-bottom:10px;
}
.evWrap .total-envi > ul > li:nth-child(5n){
    background-image: none;
}
.evWrap .total-envi > ul > li:last-child{
    width:100%;
    margin-bottom:0;
}
.evWrap .total-envi > ul > li h5 {
    background-image: none;
    text-indent: 0;
    margin-top:0;
}
.evWrap .total-envi > ul > li h5.now{
    background-color:#fff;
    color:#2a394b;
    font-weight:600;
}
.evWrap .total-envi .data-num {
    color: #49AF23;
    font-weight: 500;
}
.evWrap .total-envi .unit{
    color:#d2d2d2;
    display:inline-block;
    font-size:13px;
}
.evWrap .envi-state {
    background-image: none;
    height: auto;
    color: #fff;
}
.evWrap .total-envi > ul > li > img {
    width: 45%;
    max-width: 36px;
    margin: 10px 0;
}
.evWrap .total-envi > ul > li > span,
.evWrap .total-envi > ul > li > ul > li > span {
    margin-bottom: 5px;
}
.evWrap .dust-state{
    margin-top:10px;
}
.evWrap .dustWrap{
    margin-top:25px;
    width:60%;
    text-align:center;
    float:left;
}
.evWrap .dustWrap h6{
    font-size:14px;
    color:#fff;
    margin-bottom:5px;
    font-weight:400;
}
.circleWrap {
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-top:15px;
}
.circleWrap.dust1{background-color:#9fc9f7;}
.circleWrap.dust2{background-color:#8fe7b1;}
.circleWrap.dust3{background-color:#f9d0ac;}
.circleWrap.dust4{background-color:#fb9e9c;}
.circleWrap .circle .mask,
.circleWrap .circle .fill {
    width: 60px;
    height: 60px;
    position: absolute;
    border-radius: 50%;
}
.circleWrap .circle .mask {
    clip: rect(0px, 60px, 60px, 30px);
}
.circleWrap .inside-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #2a394b;
    line-height: 30px;
    text-align: center;
    margin-top: 5px;
    margin-left: 5px;
    position: absolute;
    z-index: 100;
    font-weight: 700;
}
.circleWrap .dust-state{font-size:14px;}
.circleWrap.dust1 .dust-state{ color:#1787FF;}
.circleWrap.dust2 .dust-state{ color:#49AF23;}
.circleWrap.dust3 .dust-state{ color:#fc8b21;}
.circleWrap.dust4 .dust-state{ color:#c90000;}

/* 3rd progress bar */
.mask .fill {
    clip: rect(0px, 30px, 60px, 0px);
    background-color: #1787FF;
}
.circleWrap.dust2 .mask .fill {
    background-color: #49AF23;
}
.circleWrap.dust3 .mask .fill {
    background-color: #fc8b21;
}
.circleWrap.dust4 .mask .fill {
    background-color: #c90000;
}
.circleWrap.dust1 .mask.full, .circleWrap.dust1 .circle .fill {
    transform: rotate(40deg);
}
.circleWrap.dust2 .mask.full, .circleWrap.dust2 .circle .fill {
    transform: rotate(75deg);
}
.circleWrap.dust3 .mask.full, .circleWrap.dust3 .circle .fill {
    transform: rotate(135deg);
}
.circleWrap.dust4 .mask.full, .circleWrap.dust4 .circle .fill {
    transform: rotate(180deg);
}

.evEssCon h4, .evCgStninfo, .evCgStninfo h4, 
.evCon .chart-vertical .main-chart-tit {
    margin-bottom: 1.55vh;
}
.PvChartWrap h4, .pvPcsdef h4, .pvPcsSgl h4, .evDpmCon h4{
    margin-bottom: 0;
}
.evWrap .total-info table {
    margin-top: 1.03vh;
    margin-bottom: 1.03vh;
}
.evWrap .ev-info .content-list-tbl tbody th, 
.evWrap .ev-info .content-list-tbl tbody td {
    height: 28px;
}
.evCon .rec-right-cont .content-list-tbl10 thead th{
    font-size:13px;
}
.evCon .smp-table .content-list-tbl10 tbody td{
    font-size:12px;
    height:30px;
}
.evWrap .total-run-left {
    width: 40%;
    padding-right: 0;
    position:relative;
    background: none;
}
.evWrap .total-run h4{
    margin-bottom:2.06vh;
}
.evWrap .total-run-img img {
    display: inline-block;
    filter: drop-shadow(0 0 0 #fff283) invert(0.75);
    margin-top: 1.03vh;
    margin-bottom: 1.55vh;
    max-width: 75px;
}
.evWrap .ev-status-bat .total-run-img img {
    margin-top: 0;
}
.evWrap .total-run-img{
    float: left;
    padding:0;
    text-align: center;
    margin-right:20px;
}
.evWrap .total-run-img h5{
    margin-top:0;
}
.ev-status-bat .total-run-img{
    width:100%;
}
.total-ev-stat {
    float: left;
    width: calc(100% - 100px);
}
.evDescript {
    font-size: 12px;
    color: #666;
    font-weight: 500;
    position: absolute;
    left: 22%;
    top: 4px;
    letter-spacing: -1px;
}
.evWrap .total-run .total-stat {
    padding-left: 0.78vw;
    box-sizing:border-box;
}
.evWrap .total-run .total-stat h5 {
    width:100%;
}
.evWrap .total-run-right .content-list-tbl {
    height: 120px;
    border-right:0 !important
}
.evEssCon .ems-bat-left{
    width: 20%;
}
.evWrap .content-list-tbl tbody th {
    text-align: left;
    font-weight: 600;
}
.evWrap .content-list-tbl tbody th i{
    margin-right:10px;
}
.total-ev-stat .content-list-tbl {
    height: 100%;
    border-right: 0 !important;
}
.evWrap .total-ev-stat .content-list-tbl tbody td {
    height: 30px;
    padding: 0 8px;
    font-size: 0.66vw;
    font-weight: 500;
    text-align: center;
    color: #000;
    box-sizing: border-box;
    background-color:rgba(0,0,0,0) !important;
}
.evWrap .total-ev-stat .content-list-tbl tr:hover td {
    background-color: rgba(117, 134, 154, 0.15) !important;
}
.total-run-right .content-list-tbl td {
    border: 0.05vw solid #e2e2e2;
    text-align: left;
    height: 35px;
    font-size: 0.73vw;
    padding: 0.26vw;
    letter-spacing: -0.05vw;
    box-sizing: border-box;
}
.ev-status-right .content-list-tbl td{text-align:center;}
.total-ev-stat .content-list-tbl td span:first-child{
    margin-top:0.1vh;
    margin-right:0.36vw;
    margin-left:0;
}
.ev-status{
    width:100%;
    padding:20px;
    height:618px;
}
.ev-status-left {
    float: left;
    position: relative;
    width: 60%;
    height: 100%;
    background-image: url(../images/status/ev-status-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
}
.evStatusBox{
    position:absolute;
}
.evStatusBox h4{
    font-size:16px;
    letter-spacing:-1px;
    font-weight:600;
    border-bottom:1px solid #000;
    padding-bottom:5px;
    margin-bottom:5px;
}
.evStatusBox h4 i{
    margin-right:5px;
}
.evStatusBox ul li{
    margin-top:3px;
}
.evStatusBox ul li h5, 
.evStatusBox ul li p{
    float:left;
    font-size:13px;
}
.evStatusBox ul li h5{
    font-size:14px;
    width:55px;
    color:#000;
    letter-spacing:-0.7px;
    font-weight:500;
    padding:3px 0;
}
.evStatusBox ul li p{
    width:75px;
    text-align:right;
    padding:3px;
    border-radius:5px;
    background-color:#efefef;
}
.evStatusBox ul li span{
    display: inline-block;
    color:#00abff;
    font-weight:600;
    letter-spacing:-1px;
}
.evStatusBox ul li span.unit-text{
    min-width:20px;
    font-size:12px;
    color:#000;
    text-align:left;
    font-weight:500;
}
.evStatusBox.HV, 
.evStatusBox.LV, 
.evStatusBox.EV{
    left:40px;
}
.evStatusBox.LV, 
.evStatusBox.PVmet{
    top:110px;
}
.evStatusBox.PVInv1, 
.evStatusBox.PVmet{
    left:330px;
}
.evStatusBox.PVInv2{
    right:200px;
}
.evStatusBox.ESS{
    right:120px;
    top:160px;
}
.evStatusBox.EV{
    bottom:141px;
}
.evStatusBox.Aux{
    right:40px;
    bottom:210px;
}
.evStatusBox.Bat{
    right:40px;
    bottom:100px;
}
.evStatusBox.Pcs{
    top:63%;
    left:205px;
}
.evStatusBox.EvCg{
    left:60px;
    bottom:40px;
}
.evStatusBox.EvCg h4{
    border-bottom:0;
}
.evBatWrap{
    position:absolute;
    left:-55%;
    top:0;
}
.evBatWrap img{
    width:53px;
    padding-top:5px;
}
.evStatusBox.Pcs ul, 
.evStatusBox.Pcs h4{
    display:inline-block;
}
.evStatusBox.Pcs h4{
    border-bottom:0;
    margin-bottom:10px;
    padding-right:10px;
    position:relative;
}
.evStatusBox.Pcs h4:after{
    content:"";
    display:block;
    position:absolute;
    clear:both;
    width:1px;
    height:14px;
    background-color:#d2d2d2;
    right:0;
    top:calc(40% - 7px);
}
.evStatusBox.Pcs ul{
    margin-bottom:-4px;
    padding-left:5px;
}
.evPcsWrap {
    width: 332px;
}
.evPcsWrap img{
    width:calc(33.33% - 5px);
    margin:0;
    margin-right:2.5px;
    margin-bottom:5px;
}
.ev-status-right, .week-ev-chart .content-list-tbl-solar {
    float: right;
    width: 38.5%;
    height: 100%;
    margin: 0;
}
.week-ev-chart .content-list-tbl-solar{
    margin-top:10px;
    height:240px;
}
.evWrap .content-list-tbl tr:hover td {
    background-color: inherit !important;
}
.evWrap .total-run-right,
.ev-status-right {
    width: calc(60% - 1.04vw);
    padding: 0;
    float: right;
}
.ev-status-right {
    width: 40%;
}
.ev-status-tbl {
    width: calc(100% + 6px);
    border-collapse: separate;
    border-spacing: 3px;
    margin-left:-3px;
    table-layout: fixed;
}
.ev-status-tbl th {
    background-color: #919eae;
    color: #fff;
    height: 35px;
    font-weight: 500;
    border-radius: 3px;
}
.ev-status-tbl th:first-child{
    background-color: #75869b;
}
.ev-status-tbl td {
    height: 59px;
    background-color: #f2f2f2;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    text-align:center;
    font-size:14px;
    font-weight:500;
    padding:0 5px;
}
.ev-status-tbl .trRight td, 
.ev-status-tbl td.trRight{
    text-align:right;
    padding-right:3%;
}
.ev-status-tbl td p{
    box-sizing:border-box;
    letter-spacing:-1px;
    display:inline-block;
}
.ev-status-tbl td p:first-child{
    margin-bottom:5px;
}
.ev-status-tbl td span{
    display:inline-block;
}
.ev-status-right .data-num {
    color: #49AF23;
    width: auto;
    text-align: right;
}
.ev-status-right .unit-text {
    font-size: 12px;
    font-weight: 500;
    color: #000;
    padding: 0;
    width: auto;
}
.ev-status-right .ev-io-stat ul li {
    width: 25%;
    float:left;
    font-size:12px;
    margin: 10px 0;
    font-weight:500;
    color: #000;
}
.ev-status-right .ev-io-stat ul li span {
    display: block;
    margin: 0 0 10px 0;
    color: #49AF23;
    font-size: 14px;
}
.total-peak.total-run-right .mb-none {
    display: table-row;
}
.total-peak.total-run-right .content-list-tbl th,
.total-peak.total-run-right .content-list-tbl td {
    height: 25px;
}
.total-peak.total-run-right .content-list-tbl td{
    text-align:right;
    padding-right:15px;
}
.total-peak.total-run-right .content-list-tbl{
    width:15%;
    float:left;
}
.total-peak.total-run-right #Chart {
    width: 85%;
    height: 85%;
    float: right;
    margin-top:-2%;
}
.total-peak.total-run-right #Chart>div:first-child,
.total-peak.total-run-right #Chart canvas{
    width:100% !important;
}
.total-peak.total-run-right.on .content-list-tbl {
    display: none;
}
.total-peak.total-run-right.on #Chart {
    width: 100%;
}
.total-peak.total-run-right.on #Chart > div:first-child,
.total-peak.total-run-right.on #Chart canvas {
    width: auto !important;
}
.total-peak.total-run-right h4 span {
    cursor: pointer;
    display: inline-block;
    padding-bottom:5px;
    margin-right:10px;
}
.total-peak.total-run-right h4 span i{
    margin-right:5px;
}
.total-peak.total-run-right.on #peak_name1,
.total-peak.total-run-right #peak_name2{
    opacity:1;

}
.total-peak.total-run-right.on #peak_name2, 
.total-peak.total-run-right #peak_name1{
   opacity:0.4;
}
.week-ev-chart #WeekChargeDisChargeCon {
    width: calc(61.5% - 0.52vw);
    height: 260px;
    float: left;
}
.evCgStninfo td{
    min-width:50px;
}
.evCgStninfo .content-list-tbl {
    border: 0 !important;
    border-collapse: separate;
    border-spacing: 0.26vw 0.52vh;
    width: 50%;
    float: left;
    margin-left: -0.26vw;
}
.evCgStninfo .content-list-tbl tbody th {
    background-color: #404d5d;
    color: #fff;
    height:35px;
    font-weight: 400;
    border:0;
    border-radius: 70px;
}
.evCgStninfo .content-list-tbl tbody td {
    height:35px;
    border:0;
    border-bottom:1px solid #e2e2e2;
    background-color:rgba(0,0,0,0) !important;

}
.evCgStninfo .content-list-tbl tbody th, .evChagerInfo .ev-info-chart th{
    width: 100px;
    font-weight: 500;
    text-align:center;
    border-left:0;
}
.evChagerInfo {
    overflow-y: visible;
    height: 630px;
}
.evChagerInfo .ev-info-chart #contentTopInfoCon3{
    padding:10px 20px;
}
.evChagerInfo .ev-info-chart #contentTopInfoCon3 h3{
    font-size:16px;
}
.evChagerInfo .ev-info-chart {
    width:calc(16.66% - 0.65vw);
    float: left;
    height: auto;
    padding: 0;
    overflow: hidden;
    height: 303.3px;
    margin-right: 15px;
    margin-bottom: 15px;
}
.evChagerInfo .ev-info-chart:last-child, 
.evChagerInfo.on .ev-info-chart:nth-child(6n){
    margin-right:0;
}
.evChagerInfo.on .ev-info-chart{
    height:197.5px;
}
.ev-info-chart .content-list-tbl{
    height:calc(100% - 44px);
}
.ev-info-chart .content-list-tbl tbody td{
    height:auto;
}
.PvChartWrap, .evBatConLeft, .evBatConRightTop, .evBatConRightBot, .evTempSet {
    height: 36.12vh;
    width: 100%;
    margin-bottom: 1.55vh;
    overflow: hidden;
    box-shadow: 0.26vw 0.26vw 0.26vw -2px #b5b8bb;
    -webkit-border-radius: 0.52vw;
    -moz-border-radius: 0.52vw;
    -o-border-radius: 0.52vw;
    border-radius: 0.52vw;
}
.PvInfoEvWrap h3, .evBatInfo h3{
    font-size: 23px;
    font-weight: 500;
}
.PvInfoEvWrap .status-txt, .evBatInfo .status-txt {
    font-size: 18px;
    font-weight: 500;
}
.evBatInfo {
    width: 15%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #000;
}
.PvInfoEvWrap .status-icon{
    width:70%;
    max-width:200px;
    margin:20px 0;
}
.PvInfoEvWrap .status-icon img{
    width:100%;
}
.PvInfoEvWrap {
    width: 25%;
    float:left;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#PvInfoEv table {
    width: 75%;
    float: left;
    height: calc(100% - 7px);
    border-left:1px solid #e2e2e2 !important;
}
#PvInfoEv {
    height: 41.5vh;
}
#PvInfoEv table th, #PvInfoEv table td{
    width:14.28%;
    height:10%;
}
#PvInfoEv table td , .evTempSet table thead th{
    border-left: 1px solid #e2e2e2;
}
.total-right-top > div.PvInfoEvWrap, #PvInfoEv table {
    float: left;
    height: calc(100% - 49px);
}
#PvInfoEv table tr:last-child td{
    border-bottom:0;
}
#PvInfoEv table th{
    border-right:0;
    border-top:0;
}
.pvPcsdef #PvInfoEv table tr:nth-child(n+5) th {
    height: 25px;
}
.pvPcsdef #PvInfoEv table tr:nth-child(n+5) td {
    text-align: center;
    font-size: 13px;
    height: 30px;
    padding: 0 5px;
    line-height:1.5;
}
.PvChartWrap {
    height: 540px;
    background-color: #fbfbfb;
}
.PvChartWrap, .tempChart {
    height: 49.85vh;
}
.dpmChart{
    height:45.9vh;
}
.PvChartWrap.peakChart {
    height: 40.3vh;
}
.PvChartWrap.peakChart .table-wrapper{
    height:29.6vh;
}
.PvChartWrap.peakChart #chartContent_table{
    vertical-align:top;
}
.PvChartWrap .PvChart {
    width: 65%;
}
.PvChartWrap.dpmChart .PvChart {
    width: 60%;
}
 .PvChartWrap .main-chart-tit {
    height: 4.64vh;
}
.PvChartWrap .PvChart, .PvChartTbl{
    height:100%;
    float:left;
}
.PvChartTbl .table-wrapper {
    height: 37vh;
    overflow-y: auto;
}
.pvPcsSgl .PvChartTbl .table-wrapper {
    height: 38.49vh;
}
.PvChartTbl .table-wrapper2 th {
    box-sizing: border-box;
    border-bottom: 0;
}
.PvChartTbl .table-wrapper2 tr:first-child th{
    height:30px;
    font-size:13px;
}
.PvChartTbl .content-list-tbl10 tbody td {
    font-size: 12px;
}
.pvPcsSgl .PvChartTbl .table-wrapper2 tr:first-child th, 
.evTempCon  .PvChartTbl .table-wrapper2 tr:first-child th {
    height: 45px;
} 
.PvChartTbl .table-wrapper2 tr th {
    border-bottom: 1px solid #e2e2e2;
    font-size:13px;
}
.PvChartTbl .table-wrapper.pvDbTbl td:first-child {
    font-size: 0.67vw;
}
.PvChartTbl .avgTbl table{
    border-top:1px solid #e2e2e2;
}
.PvChartTbl .table-wrapper2 tr:first-child th:first-child,
.evTempSet table th:first-child {
    border-left: 0;
}
.PvChartTbl {
    width: 35%;
    border-left: 1px solid #e2e2e2;
    box-sizing: border-box;
}
.PvChartWrap.dpmChart .PvChartTbl{
    width:calc(40% - 1px);
}
.PvChartTbl table {
    width: 100%;
}
.PvChartTbl>span{
    display:block;
    width:100%;
    height:100%;
}
.evEssCon .total-right-top, .evTempCon.evEssCon.evDpmCon .total-right-top {
    width: calc(50% - 0.39vw);
    float:left;
}
.evEssCon .total-right-top:nth-child(2n-1), 
.evTempCon.evEssCon.evDpmCon .total-right-top:nth-child(2n-1){
    margin-right:0.78vw;
}
.evEssCon .total-right-top > div.ems-bat{
    padding-top:20px;
}
.evEssCon .total-right-top table{
    height:200px;
}
.evEssCon .ems-sum .content-list-tbl-esspcs-bottom-left th {
    line-height: 16px;
    font-size:13px;
}
.evEssCon .ems-sum .content-list-tbl-esspcs-bottom-left td,
.evEssCon .content-list-battery tbody tr:nth-child(n+2) td:nth-child(2),
.evBatConLeft table tbody td,
.evBatConLeft .content-list-battery tbody tr:nth-child(-n+4) td:nth-child(2) {
    text-align: right;
    padding-right: 0.52vw;
    font-size: 12px;
}
.evBatConLeft table tbody th{
    font-weight:500;
}
.evBatConLeft .content-list-battery tbody tr:nth-child(5) td:nth-child(4), 
#PvInfoEv table tr:nth-child(2) td:nth-child(-n+2) {
    text-align: center;
    padding-right: 0;
}
.evBatConLeft table tbody td.blink-val {
    text-align: center !important;
    padding-right: 0 !important;
    font-weight: 500;
}
.evEssCon .ems-bat-right{
    width:80%;
    padding-left:20px;
}
.evDpmCon, .evDpmCon .dpmStat img, .evEssCon.evDpmCon .total-right, .dpmTbl, 
 .evTempCon.evEssCon.evDpmCon .total-right .total-right-top, .evEssCon.pvPcsSgl .total-right-top{
    width: 100%;
}
.evDpmCon .ems-sum.on{
    height: 93.5vh;
    overflow-y: auto;
    padding-right: 0.52vw;
    box-sizing: border-box;
}
.evDpmCon .dpmStat{
    height:auto;
    position:relative;
}
.evDpmCon .dpmStat .jb-text{
    position:absolute;
    color: #000;
    width: 34.8%;
    height: 18%;
    font-size:0.68vw;
    line-height:2.05;
    padding:0 0.31vw;
    box-sizing:border-box;
}
.evDpmCon .dpmStat .jb-text span{
    float:right;
}
.dpmStat .jb-text1{left:7.6%;top:15.8%;}
.dpmStat .jb-text2{left:7.6%;top:41.5%;}
.dpmStat .jb-text3{left:7.6%;bottom:15%;}
.dpmStat .jb-text4{left:48.5%;top:15.8%;}
.dpmStat .jb-text5{left:48.5%;top:41.5%;}
.dpmStat .jb-text6{left:48.5%;bottom:15%;}
.total-right-top > div.dpmTbl {
    height: auto;
}
.evDpmCon .dpmTbl {
    padding: 0 20px 20px 20px;
}
.evEssCon.evDpmCon .table-wrapper {
    height: 33.6vh;
    overflow-y: auto;
}
.evEssCon.evDpmCon .avgTbl .content-list-tbl10 tbody td,
.evEssCon.evDpmCon .totalTbl .content-list-tbl10 tbody td{
    font-size:13px;
}
.evEssCon.evDpmCon .total-right-top table {
    height: auto;
}
.evEssCon.evDpmCon .total-right-top th:nth-child(2n), 
.evEssCon.evDpmCon .total-right-top td:nth-child(2n) {
    text-align:right;
    padding-right:10px;
}
.evEssCon.evDpmCon .total-right-top tbody th{
    font-weight:500;
}
.evEssCon.evDpmCon .total-right-top tbody th,
.evEssCon.evDpmCon .total-right-top tbody td {
    width: 30%;
    font-size: 0.73vw;
    height: 3.62vh;
    line-height: 1.5;
    border-bottom: 1px solid #e2e2e2;
}
.evEssCon.evDpmCon .total-right-top .table-wrapper tbody th:nth-child(3) {
    text-indent: 3px;
}
.evEssCon.evDpmCon .total-right-top tbody td{
    width:20%;
}
.evEssCon.evDpmCon .total-right-top .dpmTbl > table:last-child th,
.evEssCon.evDpmCon .total-right-top .dpmTbl > table:last-child td {
    border-top: 1px solid #2a394b;
    border-bottom: 1px solid #2a394b;
    letter-spacing: -1px;
}
.evEssCon.evDpmCon .total-right-top {
    width: calc(33.33% - 0.52vw);
    margin-right: 0.78vw;
    height: auto;
    margin-bottom: 1.55vh;
}
.evEssCon.evDpmCon .total-right-top:nth-child(3n), 
.evTempCon.evEssCon.evDpmCon .total-left .total-right-top:nth-child(2n){
    margin-right: 0;
}
.evBatConLeft {
    height: 92.88vh;
    width: calc(40% - 15px);
    margin-right: 15px;
    float: left;
    background-color: #fbfbfb;
}
.evBatConRight, .evTempCon .PvChartWrap .PvChart {
    width: 60%;
    float: left;
}
.evBatConRight > div, .evTempSet {
    height: 45.65vh;
    background-color:#fbfbfb;
}
.evBatInfo {
    width: 100%;
    height: calc(50% - 58px);
    justify-content: space-evenly;
}
.evBatInfo .status-icon img{
    width:80px;
}
.evBatConLeft table {
    height: 50%;
}
.evTempCon .tempTop {
    width: 100%;
}
.evTempCon.evEssCon.evDpmCon .total-right-top {
    width: calc(16.66% - 0.65vw);
    height: 41.5vh;
}
.evEssCon.evTempCon .table-wrapper{
    height:11vh;
}
.evTempSet table thead th {
    border-bottom: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    font-size: 0.78vw;
    background-color: #fbfbfb;
    line-height: 1.3;
    height: 50px;
    color:#000;
    font-weight:500;
}
.evTempCon .dpmStat .jb-text{
    width:auto;
}
.evDpmCon .dpmStat.tempStat {
    width: calc(90% - 2.08vw);
    margin: 2.06vh calc(5% + 1.04vw);
}
.evEssCon.evTempCon .total-right-top table,
.tempChart .PvChartWrap {
    height: 100%;
}
.evTempCon .dpmStat .jb-text{
    font-size:1.04vw;
    left:inherit;
    right:1.04vw;
}
.evTempCon .havcStat .jb-text {
    font-size: 0.68vw;
    right: 1.4vw;
    top: 3.7vh;
    height: 2vh;
    padding: 0;
    line-height: 1.5;
    text-align: right;
}
.evTempCon .dpmStat .jb-text2 {
    top: 8.8vh;
}
.evTempCon .havcStat .jb-text2 {
    top:5.5vh;
}
.evTempCon .dpmStat .jb-text span{
    display:inline-block;
    text-align:left;
    width:1.04vw;
    margin-left:0.26vw;
}
.tempChart {
    height: 49.85vh;
}
.evTempCon .tempChart .table-wrapper {
    height: 45.26vh;
}
.evTempCon .tempChart .main-chart-tit {
    height: 4.64vh;
}
.evTempCon .tempChart .PvChartTbl {
    width: calc(40% - 0.2px);
}
.evTempSet .content-list-tbl-setting-bottom-right3{
    height:330px;
}
.evTempSet .content-list-tbl-setting-bottom-right3 tr:first-child th{
    border-top:0;
    height:50px;
}
.evCdSchedule .content-list-tbl-setting-bottom-right{
    height:748px;
}
.evCdSchedule .content-list-tbl-setting-bottom-right th, 
.evCdSchedule .content-list-tbl-setting-bottom-right td{
    font-size:13px;
    height:25px;
    border-bottom:1px solid #e2e2e2;
    border-right:1px solid #e2e2e2;
}
.evSchSet .content-list-tbl_setting tbody td{
    height:50px;
}
.evSchSet .setting_top_right111 {
    float: left;
    width: calc(100% - 330px);
    margin-right: 0;
}
.evSchSet .setting_top_right111 .content-list-tbl-setting-bottom-right{
    width:50%;
    float:left;
    height: 171px;
}
.evSchSet .setting_top_right111 .content-list-tbl-setting-bottom-right td{
    width:30%;
}
.evSchSet .setting_top_right23 .content-list-tbl-setting-bottom-right{
    height:220px;
}
.evSchSet .setting_top_right .content-list-tbl-setting-bottom-right {
    height: 243px;
    table-layout: fixed;
}
.evSchSet .setting_top_right1 .content-list-tbl-setting-bottom-right{
    height:180px;
    table-layout:fixed;
}
.evSchSet .content-list-tbl-setting-bottom-right th{
    height:33px;
    font-size:13px;
    border-left:0;
}
.evSchSet .content-list-tbl-setting-bottom-right td,
.evSchSet .search-text1_sch,
.evSchSet .search-text1_sch4,
.evSchSet .search-text1_sch5 {
    font-size: 13px;
    border-top: 0;
}
.evSchSet .search-text1_sch4 {
    width: 60%;
}
.evSchSet #contentTopInfoCon3{
    padding:10px 20px;
}
.evSchSet #contentTopInfoCon3 .sub-title-text{
    font-size:18px;
}
/*군산 PE*/
/*.ev-status-left.pe-status-left {
    width: 52%;
    background-image: url(../images/status/pe-status-bg.png);
}
.ev-status-right.pe-status-right{
    width:48%;
}
.pe-status-right .ev-status-tbl th:first-child{
    width:110px;
}
.evStatusBox.Mt1{
    top:19.2%;
    left:7%;
}
.evStatusBox.Mt2 {
    top:57.5%;
    left:7%;
}
.evStatusBox.Mt3 {
    bottom: 13.5%;
    left:7%;
}
.evStatusBox.Mt4 {
    top: 17%;
    left: 38%;
}
.evStatusBox.load {
    top: 48%;
    left: 8%;
}
.evStatusBox.facLoad {
    bottom: 26.6%;
    left: 9%;
}
.evStatusBox.eLink {
    bottom: 0;
    left: 0;
}
.evStatusBox.eLink h4,
.evStatusBox.eLink1 h4,
.evStatusBox.eLink2 h4 {
    border: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.evStatusBox.eLink1 h4,
.evStatusBox.eLink2 h4 {
    background-color: #75869a;
    color: #fff;
    border-radius: 5px;
    width: 125px;
    height:35px;
    text-align:center;
    line-height:2;
}
.evStatusBox.eLink1 {
    bottom: 30%;
    left: 27%;
}
.evStatusBox.eLink2 {
    right: 19%;
    bottom: 30%;
}
.evStatusBox.load h5 {
    width: 50px;
}
.evStatusBox.facLoad h5{
    width:auto;
}
.evStatusBox.pePcs ul li h5,
.evStatusBox.Bat.peBat1 ul li h5,
.evStatusBox.Bat.peBat2 ul li h5 {
    width: 35px;
}
.pe-status .evStatusBox ul li p {
    width: 70px;
}
.evStatusBox.pePcs1 {
    bottom: 41%;
    right: 38.5%;
}
.evStatusBox.pePcs2 {
    right: 2%;
    bottom: 41%;
}
.evBatWrap.pePcsWrap {
    left: -135px;
}
.evBatWrap.pePcsWrap img{
    width:125px;
    padding-top:0;
}
.evBatWrap.peBatWrap {
    left: -105px;
}
.evStatusBox.Bat.peBat1 {
    bottom: 0%;
    right: 38.5%;
}
.evStatusBox.Bat.peBat2 {
    bottom: 0%;
    right: 2%;
}*/
/*QnA*/
.helpContent #contentTopInfoCon3 {
    padding-top: 20px;
    background-image: url('../images/icon/qna_q.png');
    background-repeat: no-repeat;
    background-position: 10px 10px;
    background-size: 25px;
    cursor: pointer;
}
.helpContent {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 5px 5px 5px -2px #b5b8bb;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #f9f9f9;
}
.helpContent #contentTopInfoCon3 h4 {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    text-indent: 20px;
    font-weight: 500;
}
.helpContentInfo {
    margin-top: 10px;
    padding-top: 20px;
    background-image: url('../images/icon/qna_a.png');
    background-repeat: no-repeat;
    background-position: 10px 5px;
    background-size: 25px;
    display: none;
}
.helpContentInfo01 {
    display: block;
}
.helpContentInfo > p, .helpUrl {
    margin-left: 45px;
    font-size: 14px;
    box-sizing: border-box;
    line-height: 18px;
    margin-bottom: 10px;
}
.helpContentInfo img {
    width: 100%;
    margin-bottom: 10px;
    padding: 5px;
    box-sizing: border-box;
}
.helpInfoBox {
    padding: 5px;
}
.helpTab li {
    float: left;
    width: 33.33%;
    text-align: center;
    padding: 10px;
    color: #fff;
    background-color: #75869a;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: 500;
    border: 1px solid #75869a;
    border-bottom: 0;
}
.helpTab li.on {
    background-color: rgba(0,0,0,0);
    color: #000;
}
.helpTabInner {
    position: relative;
    height: 400px;
    border: 1px solid #75869a;
    border-top: 0;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -ms-border-bottom-left-radius: 10px;
    -o-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -ms-border-bottom-right-radius: 10px;
    -o-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.helpTabInner > div {
    position: absolute;
    display: none;
    width: 100%;
    padding: 15px 0;
    top: 0;
    left: 0;
}
.helpTabInner .help-chrome {
    display: block;
}
.help-inner-box > div {
    width: 50%;
    float: left;
    padding: 5px;
    box-sizing: border-box;
}
.help-inner-box > p {
    padding: 10px 0;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    color: #fff;
    font-size: 15px;
    background-color: #75869a;
}
.help-inner-box > div p {
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    margin-top: 15px;
}
.help-left {
    border-right: 1px solid #d2d2d2;
}
.helpUrl li {
    margin-bottom: 10px;
}
.helpUrl li h5 {
    font-size: 14px;
    font-weight: 500
}
.helpUrl li a {
    display: block;
    text-indent: 20px;
    color: #75869a;
    font-weight: 500;
}
/*성능평가*/
.round-trip-state {
    height: 335px;
    padding: 40px 0;
    background-color: #fff;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.round-trip-state.cg{
    background-image: url("../images/status/round_trip_w_c.gif");
}
.round-trip-state.dcg{
    background-image: url("../images/status/round_trip_w_dc.gif");
}
#RoundTripStateBox{
    text-align:center;
}
.round-trip-state .bat-status-box img{width:55px;}
.round-trip-state .pcs-status-box img{width:100px;}
.round-trip-state .grid-status-box img{width:75px;}
.round-trip-state .status-box dd .status-icon{height:100px;}
.round-trip-state .status-box > span {height: 50px;line-height: 50px;display: block;}
/*margin-top값 0 해당 클래스*/
.no-margin-top {
    margin-top: 0;
}
.sun-status-box img {
    width: 130px;
    margin-top: 30px;
}

.test123 {
    background-color: rgba(0,0,0,0.4);
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9999;
    opacity: 0;
}

@media only screen and (max-width: 1024px) {
    /*login*/
    #loginContainer{
        background-image:none;
        background-color:#444;
        margin:0;
        width:100%;
        height:100%;
        box-shadow:none;
        padding:0;
        top:0;
        left:0;
        position:inherit;
        background-position:center center;
        background-size:cover;
    }
    .login-form-box .login-tit{
        text-align:center;
        padding-top:20px;
        margin-bottom:25px;
    }
    .login-form-box .login-tit img {
        width: 35%;
    }
    #loginWrapper {
        height: 100vh;
    }
    .login-form-box {
        position: absolute;
        width: 80%;
        top:17%;
        left: 50%;
        margin-left: -40%;
        float: none;
    }
    .login-wrap {
        background-color: #fff;
        border-radius: 15px;
        padding:35px 20px;
    }
    .login-form-box ul, .login-form-box .login-btn, .join-message{
        width: 90%;
        margin: 0 auto;
    }
    .login-form-box .login-btn{
        height:35px;
        line-height:1.8;
        font-size:18px;
    }
    .login-form-box ul li{
        height:35px;
        padding:0;
        margin-top:30px;
        background-color:#fff;
    }
    .login-form-box ul li .login-input{
        width:calc(100% - 50px);
        height:30px;
        line-height:30px;
        font-size:15px;
    }
    .login-form-box ul li .login-icon{
        font-size:15px;
        bottom:10px;
    }
    .login-form-box ul li .login-icon img{
        width:20px;
    }
    .saveID {
        margin: 15px auto;
        font-size: 13px;
        text-align: right;
        width: 90%;
    }
    .join-message{
        background-color:rgba(0,0,0,0);
    }
    .join-message p a {
        margin-top: 0;
        color:white;
        font-size:13px;
    }
    .join-ect a{
        padding:5px 10px;
    }
    #userLoginInfo3 marquee {
        display: none;
    }
    /*log*/
    #contentSearchBox {
        height: auto;
        padding-right: 0;
    }
    #contentSearchBox > dl {
        clear:both;
        margin-bottom: 5px !important;
    }
    .fault-search-box#contentSearchBox > dl {
        clear: none;
    }
    .img-save-btn {
        position: inherit;
    }
    .paging a {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        margin: 0 2px;
    }
    /*login*/
    .main-chart-tit, .content-list-tbl-fcu thead th, .content-list-tbl-dpm thead th {
        font-size: 14px;
    }
    .chart-vertical .main-chart-tit{
        height: 30px;
        line-height: 20px;
        padding: 5px 0;
    }
    #siteInfoContent .site-info-img {
        height: auto !important;
    }

    #mapContent {
        margin-top: 0;
    }

    #divMainContents > table, #divMainContents > table > tbody, #divMainContents > table > tbody > tr, #divMainContents > table > tbody > tr > td, #divMainContents > table > tbody > tr > td > table,
    #divMainContents > table > tbody > tr > td > table > tbody, #divMainContents > table > tbody > tr > td > table > tbody > tr, #divMainContents > table > tbody > tr > td > table > tbody > tr > td,
    #container > table, #container > table > tbody, #container > table > tbody > tr, #container > table > tbody > tr > td, .bat_top_right table.bat-info-table, .bat_top_right table.bat-info-table > tbody, .bat_top_right table.bat-info-table > tbody > tr,
    .bat_top_right table.bat-info-table > tbody > tr > td, .chart-vertical #ContentPlaceHolder1_lbldata > table, .chart-vertical #ContentPlaceHolder1_lbldata > table > tbody, .chart-vertical #ContentPlaceHolder1_lbldata > table > tbody > tr, .chart-vertical #ContentPlaceHolder1_lbldata > table > tbody > tr > td,
    #statusMiddleContent > table, #statusMiddleContent > table > tbody, #statusMiddleContent > table > tbody > tr, #statusMiddleContent > table > tbody > tr > td, #settingListContentBottom > table, #settingListContentBottom > table > tbody,
    #settingListContentBottom > table > tbody > tr, #settingListContentBottom > table > tbody > tr > td, .rec-cont #ContentPlaceHolder1_lbldata2 > table, .rec-cont #ContentPlaceHolder1_lbldata2 > table > tbody, .rec-cont #ContentPlaceHolder1_lbldata2 > table > tbody > tr, td.rec-left-cont, td.rec-right-cont,
    #statusMiddleContent2 > table, #statusMiddleContent2 > table > tbody, #statusMiddleContent2 > table > tbody > tr, #statusMiddleContent2 > table > tbody > tr > td, #settingListContentBottom > table, #settingListContentBottom > table > tbody {
        display: block;
        width: 100% !important;
    }

    .left-status-box dl {
        margin: 0 5%;
    }

    .essInfoBottomContent {
        width: 100% !important;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .ess-info-chart2 > div > .essInfoBottomContent, .right-content-home > .essInfoBottomContent {
        margin-bottom: 0;
    }

    .esspcs_top_right {
        height: auto;
        margin-bottom: 0;
    }
    #TodayChargeDisChargeCon, #TodayChargeDisChargeCon > div:first-child, #TodayChargeDisChargeCon2, #TodayChargeDisChargeCon2 > div:first-child,
    #MonthChargeDisChargeCon > div:first-child {
        width: 100%;
        overflow: inherit;
    }
    #userLoginInfo3 marquee, #userLoginInfo4 marquee {
        width: 200px;
    }
    /*pms*/
    #ContentPlaceHolder1_lblPCSA_NoData1 {
        display: none;
    }
    .PvInfoTopContent > #essInfoChart02 {
        margin-left: 1%;
    }
    #essInfoChart03.pv-info-chart {
        margin-top: 10px;
        width: 100%;
    }
    .PVInfoBottomContent #WeekChargeDisChargeCon {
        width: 100% !important;
    }
    #WeekGen {
        width: 100% !important;
    }
    .chart-inner-con, .chart-inner-con1, .chart-inner-con3{
        height: 200px;
    }
    .chart-inner-con2{height:230px;}
    #essInfoBottomContent7 .content-list-tbl-solar {
        margin-left: 0;
        margin-bottom: 10px;
    }
    .PVInfoBottomContent > div:nth-child(3) {
        width: 100% !important;
        margin-left: 0 !important;
        padding: 10px;
        box-sizing: border-box;
    }
    .right-content-home #essInfoBottomContent7 > div, #essInfoBottomContent.PVInfoBottomContent {
        float: none !important;
    }
    .PVInfoBottomContent .content-list-tbl-solar, #essInfoBottomContent7 .content-list-tbl-solar, .week-sun-chart .content-list-tbl-solar {
        height: 220px !important;
        width: 100%;
        margin-top: 0 !important;
    }
    /*pcs status*/
    .solar-stat #statusMiddleContent2 > table > tbody > tr > td {
        width: 50% !important;
        float: left;
    }
    #statusTopContent4 .status-box {
        width: 12%;
    }
    #statusTopContent4 .pv-status-box img {
        width: 100%;
        margin-right: -29px;
    }
    .solar-middle-box {
        width: 10%;
        margin-top: 38px;
    }
    .solar-middle-box img {
        width: 65%;
    }
    #statusTopContent2 .solar-grid-box {
        width: 14%;
    }
    .grid-status-box img, .ems-sum .total-right-top .grid-status-box img {
        width: 60%;
    }
    .bat-status-box img, .ems-sum .total-right-top .bat-status-box img {
        width: 50%;
    }
    .sun-status-box img {
        width: 90%;
        margin-top: 0;
    }
    .pcs-status-box img, .ems-sum .total-right-top .pcs-status-box img, .wind-status-box img {
        width: 80%;
    }
    .status-box dt {
        margin-bottom: 0;
        letter-spacing: -1px;
    }
    .windStatusTopContent .pcs-status-box img, .windStatusTopContent .grid-status-box img{
        margin-top:0;
    }
    #statusMiddleContent, .wixMiddleContent>table{
        height: auto;
    }
    #statusMiddleContent2 {
        height: auto;
    }
    #ContentPlaceHolder1_TextBox1 {
        width: 100%;
    }
    .esspcs_bottom_right {
        height: auto;
    }
    .content-list-tbl {
        border: none !important;
    }
    .content-list-tbl-esspcs-bottom-left, .content-list-tbl-esspcs-top-left {
        height: calc(100% - 40px);
    }
    .content-list-tbl-esspcs-bottom-right2 {
        width: 100%;
        display: block;
        height: auto;
        overflow-x: auto;
    }
    .content-list-tbl-esspcs-bottom-right2 tbody {
        width: 1050px;
        display: block;
    }
    .content-list-tbl-esspcs-bottom-right2 tbody td {
        height: 37px;
        width: 14.28%;
    }
    .pv-content-list-tbl {
        overflow: hidden;
    }
    .pv-content-list-tbl .content-list-tbl {
        width: 50% !important;
        float: left;
        border-left: 1px solid #484848;
        box-sizing: border-box;
    }
    .pv-content-list-tbl tr > td:nth-child(2n-1) .content-list-tbl {
        border-left: none;
    }
    .pcs-status-box img {
        margin-top: 0;
    }
    .pv-content-list-tbl .content-list-tbl, .content-list-tbl-solar-stat {
        height: auto;
        border-left: 0;
    }
    .pv-content-list-tbl .content-list-tbl thead th, .content-list-tbl-solar-stat thead th {
        height: 48px;
        font-size: 15px;
    }
    .pv-content-list-tbl .content-list-tbl tbody td, .content-list-tbl-solar-stat tbody td {
        font-size: 14px;
        height: 30px;
    }
    /*pcs status*/
    
    .status-box dd .status-icon {
        height: 85px;
        vertical-align: middle;
        display: table-cell;
    }
    #statusTopContent2, #statusTopContent3 {
        overflow: hidden;
        margin-top: 0;
        padding: 20px 0;
    }
    #statusTopContent2, #statusBottomContent, #settingListContentTop, #statusTopContent3, #statusTopContent4 {
        height: auto !important;
    }
    #statusTopContent4 {
        padding: 30px 0 22px;
    }
    #statusTopContent2 .status-box, .status-middle-box, #statusTopContent3 .status-box, #statusTopContent4 .status-box {
        display: inline-block;
        width: 19%;
        box-sizing: border-box;
    }
    #statusTopContent3 .status-box, #statusTopContent3 .status-middle-box {
        width:15%;
        margin:0 1%;
    }
    #statusTopContent4 .status-box, #statusTopContent4 .status-middle-box{
        width:12%;
    }
    #statusBottomContent2 {
        height: auto;
    }
    #statusBottomContent2 .status-bottom-inner-title {
        font-size: 14px;
        height:30px;
        line-height:30px;
    }
    .pv-content-list-tbl .content-list-tbl {
        width: 100% !important;
    }
    .esspcs_bottom_left, .esspcs_top_left, .bat-info-table-right, .bat_bottom_grp {
        height: auto;
    }
    #tdPageContents {
        padding-bottom: 60px !important;
    }
    /*전체적인 table font-size 적용 부분(모바일)*/
    .content-list-tbl-white2 tbody td, .content-list-tbl-white3 tbody td, .content-list-tbl-solar tbody td, .content-list-tbl-esspcs tbody td, .content-list-tbl-esspcs tbody td span, .content-list-tbl-bat tbody td, .content-list-tbl-bat tbody td span,
    .content-list-tbl-esspcs-top-left tbody td, .content-list-tbl-esspcs-bottom-left tbody td, .content-list-tbl-esspcs-bottom-right2 tbody td, .content-list-tbl3 tbody td,
    .content-list-tbl-bat-top-left2 tbody td, .content-list-tbl-temp tbody td, .content-list-tbl6 tbody td, .content-list-tbl6 tbody th, .content-list-tbl tbody td, .content-list-tbl-pie2 tbody td,
    .status-box dd .status-txt, .status-middle-box .status-txt, .content-list-tbl-bat-top-left2 tbody th, .content-list-tbl-temp2 tbody th, .content-list-tbl-weather4 tbody td, .content-list-tbl_rpt_day tbody td,
    .rec-right-cont .content-list-tbl10 td, .content-list-tbl-weather5 tbody td, .ems-sum .total-right-top .content-list-tbl td, .content-list-tbl-dpm tbody td, .smp-right-cont .content-list-tbl10 tbody td, .rec-right-cont .content-list-tbl10 tbody td {
        font-size: 12px;
        height: 30px !important;
        box-sizing: border-box;
    }
    .content-list-tbl-esspcs tbody th, .content-list-tbl-bat tbody th, .content-list-tbl3 tbody th, .content-list-tbl-weather5 tbody th, .content-list-tbl8 tbody td, .content-list-tbl-esspcs-top-left tbody th, .content-list-tbl-esspcs-bottom-left tbody th, .content-list-tbl tbody td,
    .content-list-tbl6 thead th, .content-list-tbl thead th, .ems-sum .total-right-top .content-list-tbl th, .status-box dt, .content-list-tbl-weather4 tbody th, .content-list-tbl-weather2 tbody th, .content-list-tbl_rpt_day thead th, .content-list-tbl-pie2 tbody th {
        font-size: 13px;
        height: 30px;
        box-sizing: border-box;
    }
    .smp-right-cont .content-list-tbl10 thead th,
    .rec-right-cont .content-list-tbl10 thead th {
        font-size:13px;
    }
    dl.pcs-status.inverter-status dd, .content-list-tbl_main_ess tbody td, .content-list-tbl-weather6 tbody td, .content-list-tbl-weather3 tbody td, .content-list-battery tbody td, .content-list-tbl-bat-top-left3 tbody td,
    .content-list-tbl-weather7 tbody td, .total-info table td, .check-box-list label {
        font-size: 12px;
    }
    #essInfoChart01.ess-info-chart_cd .content-list-tbl-solar {
        height: 30px !important;
    }
    .content-list-tbl-solar, .content-list-tbl-esspcs{
        height: 60px !important;
    }
    .content-list-tbl-weather5, .content-list-tbl-weather6, .content-list-tbl3, .content-list-tbl-bat {
        height: 90px;
    }
    .content-list-tbl-pie2, .content-list-tbl-pie1, .content-list-tbl-weather7, .essInfoBottomContent .ess-info-chart2:nth-child(3) {
        height: 120px;
    }
    .content-list-tbl-weather7{height:230px;}
    .content-list-tbl-weather6 td img, .content-list-tbl-weather5 td img{
        width:25%;
    }
    .content-list-tbl3 tbody td img {
        width: 42px;
        height: 42px;
    }
    .content-list-tbl_main_ess{
        height:auto;
    }
    .content-list-tbl_main_ess tr{
        height:auto;
    }

    .bat_rack_right table, .bat_rack_right tbody, .bat_rack_right tr{
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }
    .bat_rack_right td{
        display:block;
        width:50%;
        float:left;
        padding:10px 0;
        box-sizing:border-box;
    }
    .rack-info-num:first-child:nth-last-child(4), .rack-info-num:first-child:nth-last-child(4) ~ .rack-info-num {
        width: 50%;
    }
    .rack-info-num:first-child:nth-last-child(2) td.rack-num, /* 노드가 둘 일 때, 1번 노드의 td 선택 */
    .rack-info-num:first-child:nth-last-child(2) ~ .rack-info-num td.rack-num, 
    .rack-info-num:first-child:nth-last-child(3) td.rack-num, /* 노드가 셋 일 때, 1번 노드 선택 */
    .rack-info-num:first-child:nth-last-child(3) ~ .rack-info-num td.rack-num, 
    .rack-info-num:first-child:nth-last-child(4) td.rack-num, /* 노드가 넷 일 때, 1번 노드 선택 */
    .rack-info-num:first-child:nth-last-child(4) ~ .rack-info-num td.rack-num {
        height: 30px !important;
        line-height: 30px !important;
    }
    .rack-info-num:first-child:nth-last-child(2) td, .rack-info-num:first-child:nth-last-child(2) ~ .rack-info-num td,
    .rack-info-num:first-child:nth-last-child(3) td, .rack-info-num:first-child:nth-last-child(3) ~ .rack-info-num td,
    .rack-info-num:first-child:nth-last-child(4) td, .rack-info-num:first-child:nth-last-child(4) ~ .rack-info-num td{
        height:30px;
        line-height:30px;
    }
    .rack-info-num:first-child:nth-last-child(2) td span, .rack-info-num:first-child:nth-last-child(2) ~ .rack-info-num td span,
    .rack-info-num:first-child:nth-last-child(3) td span, .rack-info-num:first-child:nth-last-child(3) ~ .rack-info-num td span,
    .rack-info-num:first-child:nth-last-child(4) td span,
    .rack-info-num:first-child:nth-last-child(4) ~ .rack-info-num td span{
        margin:10px;
        width:10px;
        height:10px;
    }
    .content-list-tbl-solar-stat tbody td, .content-list-tbl_main_ess tbody td.rack-num, .content-list-tbl-solar tbody th, .content-list-tbl-weather6 tbody th, .content-list-tbl-weather3 tbody th, .content-list-battery tbody th, .total-info table td:first-child,
    .content-list-tbl-bat-top-left3 tbody th, .content-list-tbl-fcu tbody td, .content-list-tbl-white3 tbody th, .content-list-tbl-white2 tbody th, .content-list-tbl-weather7 tbody th {
        font-size: 13px;
        height:30px;
        word-break: keep-all;
    }
    .content-list-tbl-solar tbody th{ height:30px;}
    /*pcs setting*/
    #settingListContentBottom {
        height: auto;
    }
    /*trend*/
    #trendChartContent, .table-wrapper{
        width: 100% !important;
        height:auto !important;
        box-sizing: border-box ;

    }
    .traceChartContent .table-wrapper, .smp-cont .table-wrapper {
        max-height: 215px;
    }
    #trendChartContent {
        height: auto;
    }
    /*Chart*/
    #trendChartContent td.rec-left-cont {
        background-color: #f9f9f9;
        height: 250px !important;
    }
    #chartContent {
        background-color: rgba(0,0,0,0);
        height: 250px !important;
    }
    .traceChartContent #chartContent {
        height: 350px !important;
        background-color: #f9f9f9;
    }
    #chartContent2 {
        height: 250px !important;
    }
    #trendChartContent .center br {
        height: auto;
    }
    .log-search-col-02 .log-day-input-con, .log-search-col-05 .log-day-input-con{
        width:120px;
    }
    .search-col dt {
        font-size: 14px;
    }
    .search-col dt, .search-col dd {
        min-width: 115px;
    }
    .search-day, .log-time-select .search-select {
        font-size: 13px;
        width: 100% !important;
    }
    .traceChartContent .search-day, .traceChartContent .search-select {
        width: auto !important;
    }
    .charge-trend .search-day {
        width: auto !important;
    }
    .charge-trend .search-select {
        width: auto !important;
    }
    .trend-search-col-01 .search-select, .weather-search .search-day{
        width:140px !important;
    }
    .charge-trend .search-select{width:auto !important;}
    /*battery*/
    .bat-info-table-left {
        width: 100% !important;
    }
    #statusTopContent {
        height: auto;
    }
    .bat-info-table-left .status-box {
        padding-top: 15px;
    }
    .bat_top_right, .bat_top_left {
        height: auto;
        margin-bottom: 10px;
    }
    .bat_top_left, .bat_bottom_left {
        width: 100%;
        height: auto;
    }
    .bat_bottom_right {
        height: auto;
    }
    .bat_bottom_right table {
        width: 100%;
        height:auto;
    }
    /*meter*/
    .temp_stat2 {
        margin-top: 10px;
        width: 100%;
    }
    #MonthChargeDisChargeCon, #MonthChargeDisChargeCon > div:first-child, #MonthChargeDisChargeCon > div:first-child > canvas, #MonthChargeDisChargeCon2, #MonthChargeDisChargeCon2 > div:first-child, #MonthChargeDisChargeCon2 > div:first-child > canvas {
        width: 100%;
        max-width: 100%;
        height:250px !important;
    }
    /*c/dc*/
    .trend-charge-col dd div > span {
        width: 23%;
        padding-top: 0;
    }
    .trend-charge-col dd div > span select {
        width: 100%;
    }
    .trend-charge-col dd div > span:nth-child(3n) {
        margin: 0 1%;
    }
    .trend-charge-col dd div > span:nth-child(4) {
        width: 4%;
    }
    .content-list-tbl6 tbody td {
        padding-right: 0;
        text-align: center;
    }
    /*setting*/
    td.smp-left-cont, td.smp-left-cont > div, .chart-vertical #ContentPlaceHolder1_lbldata > table > tbody > tr > td {
        height: 250px !important;
    }
    .chart-vertical #ContentPlaceHolder1_lbldata > table > tbody > tr > td.smp-right-cont{
        height:auto !important;
    }
    td.smp-left-cont > div, td.smp-left-cont > div > div:first-child, .smp-right-cont > .smp-table .content-list-tbl10 > thead {
        width: 100%;
    }
    td.smp-left-cont > div > div:first-child {
        width: 100%;
    }
    .smp-right-cont {
        position: relative;
        height: auto !important;
    }
    .smp-right-cont > .table-wrapper.smp-table, .table-wrapper.smp-table.rec-table {
        height: 243px !important;
    }
    #chartContent2_table {
        height: auto  !important;
    }
    /*rec*/
    .smp-cont {
        width: 100%;
        padding: 0;
    }
    .rec-cont {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .rec-table .content-list-tbl10 > thead > tr:first-child > th:nth-child(1), .rec-table .content-list-tbl10 > tbody > tr > td:nth-child(1) {
        width: 20%;
    }
    .rec-left-cont #chartContent > div:first-child, .rec-left-cont #chartContent > div:first-child > canvas {
        width: 100%;
    }
    /*site*/
    .log-search-col-11 > dd > select.search-select, .log-search-col-11 > dd > input.search-text {
        width: 49%;
        float: left;
        margin-right: 1%;
    }
    /*write*/
    .content-list-tbl thead th {
        font-size: 14px;
    }
    .td_title_left, .search-text {
        font-size: 15px;
    }
    .td_contents_textbox {
        height: auto;
        margin-bottom: 0;
    }
    .td_contents, .td_contents_textbox {
        width: 60%;
    }
    .map-marker-list li .Testmarker, .map-marker-list li .TestmarkerAdd {
        display: block;
    }
    .status-middle-box2, .ems-sum .total-right-top .status-middle-box2 {
        width: 19%;
    }
    .pv-inner-con .sub-down-btn {
        top: 12px;
        right: 11px;
    }
    #statusMiddleContent2 > table, .bat-info-table, .fcu-cont, .temp-cont, .ess-info-chart_cd {
        height: auto;
    }
    .content-list-tbl-bat-top-left tbody th, .content-list-tbl-weather2 tbody td, .content-list-tbl-dpm tbody td, .content-list-tbl-bat-top-left tbody td, .content-list-tbl-temp2 tbody td, .content-list-tbl-weather2 tbody tdm, .pv-content-list-tbl .content-list-tbl tbody td, .content-list-tbl-solar-stat tbody td {
        font-size: 12px;
    }
    /*weather*/
    #essInfoBottomContent6, #essInfoBottomContent7 {
        height: auto;
    }
    .content-list-tbl-weather4 {
        height: 180px;
    }
    .content-list-tbl-weather3 {
        height: 60px;
    }
    .content-list-tbl-weather2 {
        height: 90px;
    }
    .content-list-tbl_rpt_day thead th, .content-list-tbl_rpt_day tbody th {
        font-size: 13px;
    }
    .content-list-tbl_rpt_day tbody td {
        padding: 0;
        font-size: 11px;
        height:21px !important;
        padding-right:3px;
    }
    #essInfoBottomContent5, #essInfoBottomContent6, .right-content-home #essInfoBottomContent7, .ess-info-chart2 > div > .essInfoBottomContent, .trouble-cont #essInfoBottomContent7, .setting_top_right111, .setting_top_right22, .setting_top_right23, .setting_top_right, .setting_top_right2, .setting_top_right1, .setting_top_right112 {
        width: 100%;
        height: auto;
    }
    #essInfoBottomContent #WeekChargeDisChargeCon {
        height:285px !important;
        margin-left: 0px;
        margin-right: 0px;
    }
    #essInfoBottomContent5 {
        margin-bottom: 10px;
        margin-top: 0px;
    }
    #essInfoBottomContent6 {
        margin-top: 0;
        margin-bottom: 10px;
    }
    #essInfoTopContent{
        margin-bottom:0;
    }
    .ess-info-chart4, .ess-info-chart_cd, .ess-info-chart {
        width: calc(50% - 5px);
        margin-right: 0;
        height: auto;
        margin-bottom: 10px;
    }
    #essInfoChart02{
        width:calc(100% - 10px);
        height:auto;
    }
    .PvInfoTopContent #UpdatePanel1, .PvInfoTopContent #UpdatePanel5, .PvInfoTopContent #UpdatePanel4{
        width: calc(50% - 5px);
    }
    .ess-info-chart4:nth-child(2n), #essInfoChart02, #essInfoChart05 {
        margin-left: 10px;
    }
    #essInfoChart03.pv-info-chart, #essInfoBottomContent.PVInfoBottomContent {
        margin-top: 0;
    }
    .ess-info-chart-pv-wea .content-list-tbl-weather6 tbody td{
        height:49px;
    }
    .ess-info-chart2, #essInfoBottomContent, #essInfoBottomContent3, .esspcs_top_left, .esspcs_top_right, .esspcs_bottom_left, .esspcs_bottom_right, .temp_stat1, .temp_stat2, .bat_bottom_grp {
        width: 100% !important;
        margin-right: 0;
        box-sizing: border-box;
        margin-bottom: 10px;
    }
    .esspcs_top_left{margin-top:0;}
    #essInfoBottomContent, .esspcs_bottom_left, .bat_bottom_grp, .ess-info-chart2, .essInfoChart02 {
        margin-bottom: 0;
    }
    #essInfoChart05, #essInfoChart02, #essInfoChart03.pv-info-chart2 {
        margin-right: 0;
        width: 100%;
    }
    #essInfoBottomContent.PVInfoBottomContent {
        height: auto;
        margin-bottom: 10px;
    }
    #UpdatePanel7, #UpdatePanel7 > div {
        width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box;
    }
    #UpdatePanel7 > div {
        padding:10px;
    }
    .content-list-tbl-bat-top-left3 tbody th, .content-list-tbl-bat-top-left3 tbody td{
        width:16.66%;
    }
    /*Battery Rack*/
    .bat_rack_right {
        width: 100%;
        height: auto;
    }
    .bat_rack_right table {
        height: auto;
    }
    .bat_rack_right .jb-text1 {
        top: 13% !important;
        left: 15% !important;
    }
    .bat_rack_right .jb-wrap h4 {
        margin-top: 10px;
    }
    /*FCU*/
    .content-list-tbl-fcu {
        width: 50% !important;
        height:310px;
    }
    .content-list-tbl-fcu .jb-wrap{
        width:60% !important;
    }
    .fcu-cont .content-list-tbl-fcu {
        height: 430px;
    }
    .alert-info {
        height: 30px;
        padding-top: 10px;
    }
    .content-list-tbl10 {
        width: 100% !important;
    }
    .temp-alert, .err-alert {
        margin: 0;
        font-size: 12px;
    }
    /*DPM*/
    .ems-dpm, .dpm-cont, .content-list-tbl-dpm {
        height: auto;
    }
    .content-list-tbl-dpm .jb-wrap img.pc-none {
        display: none !important;
    }
    .content-list-tbl-dpm .jb-wrap img.mb-none {
        width:100%;
        display: block !important;
        margin:0 auto;
    }
    .content-list-tbl-dpm tbody th, .content-list-tbl-fcu tbody th {
        font-size: 13px;
        height: 35px;
    }
    .ems-dpm .content-list-tbl-dpm:nth-child(2) th {
        font-size: 14px !important;
    }
    .ems-dpm .content-list-tbl-dpm:nth-child(2) td {
        font-size: 13px !important;
        letter-spacing: -1px;
    }
    .content-list-tbl-dpm .jb-text1, .content-list-tbl-dpm .jb-text2, .content-list-tbl-dpm .jb-text3 {
        left: 10% !important;
    }
    /*Summary*/
    .sum-wrap h5 {
        font-size: 15px;
        font-weight: 400;
        margin-bottom: 15px;
    }
    .total-left, .total-right {
        width: 100%;
    }
    .total-right {
        width: 100%;
    }
    .total-right-top, .week-sun-chart, .week-dc-chart, .ems-stat-tbl, .total-right-top > div.ems-bat {
        padding: 4%;
    }
    .pms-total > ul > li {
        width: 100%;
        margin-bottom: 10px;
        padding: 4%;
        height: auto;
    }
    .pms-total > ul > li.last {
        margin-bottom: 0;
    }
    .pms-state {
        width: 60%;
        margin-left: 5%;
    }
    .pms-part-stat ul li {
        width: 24%;
    }
    .pms-part-stat ul li:last-child{
        width:48%;
    }
    .pms-part-stat ul li:nth-child(2) {
        margin: 0 2%;
    }
    #donutChart {
        width: 35%;
    }
    .total-left {
        margin-bottom: 10px;
    }
    .total-left, .total-right, .total-run-left, .total-run-right,
    .ems-sum .total-right-top, .ems-sum .total-right-top #statusTopContent2,
    .ems-sum .total-right-top .ems-stat-tbl, .ems-sum .total-right-top > div,
    .ems-config, .ems-bat, .ems-fcu, .ems-fcu-chart, .evWrap .total-run-left,
    #PvInfoEv {
        width: 100%;
        height: auto;
    }
    .total-run-left {
        margin-top: 30px;
        background-image: none;
        padding-right: 0;
        margin-bottom: 30px;
    }
    .total-run-right {
        padding-left: 0;
    }
    .total-run div ul li {
        padding: 0;
    }
    .total-run, .total-right-top, .pms-total {
        height: auto;
    }
    .total-run {
        padding-right: 0;
    }
    .total-run-right li {
        width: 50%;
    }
    .total-run-today, .total-run-ev {
        margin-top: 30px;
        width: 100% !important;
        background-image: none;
        margin-bottom: 30px;
    }
    .week-sun-chart, .week-dc-chart {
        width: 100%;
        padding:4%;
        height: auto;
    }
    .week-sun-chart #WeekChargeDisChargeCon, .week-sun-chart .content-list-tbl-solar {
        width: 100% !important;
    }
    .week-sun-chart .content-list-tbl-solar {
        margin: 0;
    }
    .ems-sum .total-right-top #statusTopContent2{
        padding:20px 0;
    }
    .ems-sum .status-box dt {
        width: auto;
        background-color: rgba(0,0,0,0);
        padding: 0;
        margin-bottom: 0;
    }
    .ems-sum .status-box:first-child dt:first-child{
        width:80px;
        margin:0 auto;
    }
    .ems-sum .ems-bat .status-box:first-child dt:first-child {
        width: 115px;
        text-indent: 0;
        background-color: #e2e2e2;
        padding:7px;
        margin-bottom:25px;
    }
    .ems-sum .ems-bat #statusTopContent {
        height:220px !important;
    }
    .ems-sum .total-right-top .status-middle-box2 .status-icon {
        height:auto;
    }
    .ems-sum .content-list-tbl-esspcs-bottom-left tr,
    .ems-sum .content-list-tbl-esspcs-bottom-left tbody,
    .ems-sum .content-list-tbl-esspcs-bottom-left{
        width: 100%;
        display: block;
    }
    .ems-sum .content-list-tbl-esspcs-bottom-left th, .ems-sum .content-list-tbl-esspcs-bottom-left td {
        display: block;
        width:30%;
        height: 30px;
        float:left;
        line-height: 30px;
        border-left:0;
    }
    .ems-sum .content-list-tbl-esspcs-bottom-left td {
        width: 20%;
    }
    .ems-sum .content-list-tbl-esspcs-bottom-left th, .ems-sum .content-list-tbl-esspcs-bottom-left th:first-child {
        border-left: 0;
    }
    .ems-sum .content-list-tbl-esspcs-bottom-left td:nth-child(4) {
        border-right: 0;
    }
    .ems-sum .content-list-tbl-esspcs-bottom-left tr:last-child th:nth-child(1), .ems-sum .content-list-tbl-esspcs-bottom-left tr:last-child th:nth-child(3), 
    .ems-sum .content-list-tbl-esspcs-bottom-left tr:last-child td:nth-child(2), .ems-sum .content-list-tbl-esspcs-bottom-left tr:last-child td:nth-child(4) {
        border-bottom: 1px solid #e2e2e2 !important;
    }
    .ems-sum .ems-bat .content-list-tbl-esspcs-bottom-left tr:last-child th:nth-child(1), .ems-sum .ems-bat .content-list-tbl-esspcs-bottom-left tr:last-child td:nth-child(2), .ems-fcu .jb-wrap {
        width: 50%;
    }
    .ems-config {
        margin-bottom: 10px;
    }
    .ems-fcu .ems-round-title {
        font-size: 14px;
        width: 130px;
    }
    .ems-fcu .jb-wrap .jb-text {
        margin: 15px auto;
        padding-left: 0px;
        text-align:center;
    }
    .ems-fcu .jb-wrap .jb-text span.c-sky{
        width:45px;
    }
    .ems-fcu .jb-wrap .jb-text span.c-sky, .ems-fcu .jb-wrap .jb-text span.c-green{
        font-size:15px;
    }
    /*setting*/
    .content-list-tbl-setting-bottom-right, .content-list-tbl-setting-top-right {
        height: auto;
    }
    .content-list-tbl-setting-bottom-right tbody th, .content-list-tbl-setting-top-right tbody th, .content-list-tbl-setting-bottom-right3 tbody th {
        height: 30px;
        font-size: 13px;
    }
    .content-list-tbl-setting-bottom-right tbody td, .content-list-tbl-setting-top-right tbody td, .content-list-tbl-setting-bottom-right3 tbody td {
        font-size: 12px;height: 30px;
    }
    .content-list-tbl-setting-bottom-right tbody td {
        height: 30px;
    }
    .setting_top_right22 {
        margin: 10px 0;
        height: 288px;
    }
    .setting_top_right23 {
        height: 165px;
        margin-bottom:10px;
    }
    .setting_top_right2 {
        height: 320px;
    }
    .setting_top_right1 {
        height: 288px;
    }
    .setting_top_right111 {
        height: 258px;
    }
    .setting_top_right {
        margin-bottom: 40px;
        height: 195px;
    }
    .content-list-tbl-setting-bottom-right3 tbody td input {
        width:40% !important;
        font-size:13px;
    }
    .content-list-tbl-setting-bottom-right3 tbody td{
        padding-right:5px;
    }
    .setting_top_right .content-list-tbl-setting-bottom-right tbody td {
        padding-right: 5px;
    }
    .setting_top_right .content-list-tbl-setting-bottom-right tbody td select {
        width: 44% !important;
        display: inline-block;
        height: 25px;
        font-size: 10px;
    }
    .setting_top_right112 {
        height: auto;
        margin-bottom: 10px;
    }
    .setting_top_right112 .sub-title-text span {
        font-size: 14px !important;
    }
    
    .ems-sum .content-top-info-icon{
        margin-top:-3px;
    }
    /*EV EMS*/
    .ev-status{
        height:auto;
    }
    .ev-status-left {
        height:547px;
        margin-bottom:20px;
    }
    .evStatusBox h4{
        font-size:15px;
    }
    .evStatusBox ul li h5, .evStatusBox ul li p {
        font-size: 12px;
    }
    .evStatusBox ul li h5{
        width:50px;
    }
    .evStatusBox ul li p {
        width: 70px;
    }
    .evStatusBox ul li span.unit-text{
        min-width:15px;
        font-size:10px;
    }
    .evStatusBox.Pcs {
        left: 26%;
    }
    .evStatusBox.ESS{
        right:10%;
        top:26%;
    }
    .evStatusBox.Aux {
        right: 2%;
        bottom: 36%;
    }
    .evStatusBox.Bat {
        bottom: 18%;
        right: 2%;
    }
    .evStatusBox.PVInv2 {
        right:20%;
    }
    .evPcsWrap {
        width: 295px;
    }
    .evBatWrap img {
        width: 80%;
        padding-top: 10px;
    }
    .ev-status-tbl th{
        height:30px;
    }
    .ev-status-tbl td {
        height: 40px;
    }
    .evWrap .total-run-left li {
        width: calc(33.33% - 10px);
        padding: 0;
        margin-right: 15px;
    }
    .evWrap .total-run-left li:nth-child(3){
        margin-right:0;
    }
    .evWrap .total-run > div ul li .total-run-img,
    .evWrap .total-run > div ul li.total-run-ev div.total-run-img {
        width: auto;
        float: left;
    }
    .evEssCon .ems-sum .total-right-top .pcs-status-box img{
        width:50%;
        max-width:100%;
    }
    .evWrap .total-run > div ul li .total-stat,
    .total-run > div ul li div.total-ev-stat {
        width: calc(100% - 10.42vw);
        float: right;
    }
    .evWrap .total-run-left{
        padding:0;
        margin:0;
    }
    .evWrap .total-run > div ul li div.total-stat h5,
    .evWrap .total-run-right, .ev-status-left, .ev-status-right,
    #PvInfoEv table, .pvPcsSgl #PvInfoEv table,
    .PvChartWrap .PvChart, .PvChartTbl,
    .evBatConLeft, .evBatConRight, .evTempCon .PvChartWrap .PvChart,
    .evCgStninfo .content-list-tbl,
    .evTempCon .tempChart .PvChartTbl,
    .PvChartWrap.dpmChart .PvChart,
    .PvChartWrap.dpmChart .PvChartTbl,
    .evSchSet .setting_top_right111 {
        width: 100%;
    }
    .evWrap .total-run-right{
        margin-top:15px;
    }
    .evWrap .total-run-right .content-list-tbl, 
    .PvChartWrap .PvChart, .PvChartTbl, .evBatConLeft, 
    .evTempSet, .evBatConRightTop, 
    .evDpmCon .ems-sum.on {
        height:auto;
    }
    .total-ev-stat {
        margin-top: 0;
    }
    .total-ev-stat:before{
        display:none;
    }
    .total-run-right .content-list-tbl th,
    .PvInfoEvWrap h3, .evBatInfo h3,
    .PvChartTbl .table-wrapper.pvDbTbl td:first-child {
        font-size: 15px; /*15px*/
    }
    .ev-status-bat .total-run-img,
    .evDpmCon.evCon h4 {
        margin: 0;
    }
    .total-run-right .content-list-tbl th {
        height: 5vw;
    }
    .total-run-right .content-list-tbl td, 
    .evWrap .total-ev-stat .content-list-tbl tbody td, 
    .evCon h4 {
        font-size: 14px; /*14px*/
    }
    .total-peak.total-run-right .content-list-tbl{
        width:30%;
    }
    .total-peak.total-run-right .pc-none {
        display: table-cell !important;
    }
    .total-peak.total-run-right #Chart {
        width:70%;
        height: 200px;
    }
    .ecConsum {
        right: 0;
        bottom: 10vw;
        font-size: 12px;
    }
    .evCon .ems-sum .total-right-top .ems-bat .status-icon{
        width:75%;
        margin:0 auto;
    }
    .evCon .chart-vertical #ContentPlaceHolder1_lbldata > table > tbody > tr > td{
        height:auto !important;
    }
    .evWrap .total-run-img img {
        margin: 10px 0;
    }
    .evEssCon .ems-bat-right {
        padding-bottom: 20px;
    }
    .ev-status-right .pms-state ul li span {
        width:auto;
    }
    .ev-status-right .pms-state ul li.now-state .now-state-wrap{
        width:60%;
    }
    .ev-status-right .pms-state ul li.now-state span {
        width: calc(25% - 3.75px);
        margin-right: 0;
        margin-left: 5px;
    }
    .ev-status-right .pms-state ul li.now-state span:first-child{
        margin-left:0;
    }
    .pms-part-stat .ev-io-stat ul li:nth-child(2) {
        margin: 0;
    }
    .evEssCon .ems-sum .content-list-tbl-esspcs-bottom-left th,
    .evEssCon .ems-sum .content-list-tbl-esspcs-bottom-left td,
    .evEssCon.evDpmCon .total-right-top tbody th,
    .evEssCon.evDpmCon .total-right-top tbody td {
        width: 25%;
        height: 30px;
        line-height: 2.3;
    }
    .evEssCon .ems-sum .content-list-tbl-esspcs-bottom-left td,
    .evEssCon .ems-sum .content-list-tbl-esspcs-bottom-left td, 
    .evEssCon .content-list-battery tbody tr:nth-child(n+2) td:nth-child(2),
    .evBatConLeft table tbody td, .evBatConLeft .content-list-battery tbody tr:nth-child(-n+4) td:nth-child(2) {
        padding-right: 10px;
    }
    .evEssCon .content-list-battery tbody tr:nth-child(-n+6) td:nth-child(2){
        border-right:0;
    }
    .PvInfoEvWrap .status-icon {
        width: 100%;
        text-align: center;
    }
    .PvInfoEvWrap .status-icon img {
        width: auto;
        height:100%;
    }
    #PvInfoEv table{
        margin-top:0;
    }
    #PvInfoEv table td, #PvInfoEv table th {
        display: table-cell;
        float: inherit;
        line-height:normal;
    }
    #PvInfoEv table tbody{
        display:table;
    }
    #PvInfoEv table tr{display:table-row;}
    .PvChartWrap{
        height:auto;
    }
    .PvChartWrap .main-chart-tit, 
    .evTempCon .tempChart .main-chart-tit{
        padding:12px 20px;
        height:auto;
        font-size:16px;
        text-align:left;
        margin-bottom:0;
    }
    .tempChart {
        height: 651px;
    }
    .PvChartWrap.peakChart {
        height: auto;
    }
    .PvChartWrap, .tempChar, .PvChartWrap, .evBatConLeft, .evBatConRightTop, .evBatConRightBot, .evTempSet {
        border-radius: 10px;
        box-shadow: 5px 5px 5px -1px #b5b8bb;
    }
    .evCon h4, .evCgStninfo, .PvChartWrap, .evBatConLeft, .evBatConRightTop, .evBatConRightBot, .evTempSet {
        margin-bottom: 15px;
    }
    .evBatConRight > div{
        height:300px;
    }
    .evBatInfo {
        height: 240px
    }
    .evChagerInfo, .evChagerInfo.on {
        height: auto;
        overflow: visible;
        padding-right:0;
    }
    .evChagerInfo .ev-info-chart{
        width:calc(50% - 7.5px) !important;
        height:250px;
        margin-right:0;
        margin-bottom:15px;
    }
    .evCgStninfo .content-list-tbl {
        width: 50%;
        border-spacing: 5px;
        margin-left: -5px;
    }
    .ev-info-chart .content-list-tbl {
        height: calc(100% - 40px);
    }
    .evDpmCon .ems-sum.on {
        overflow: visible;
    }
    .evEssCon.evDpmCon .total-right-top, .evTempCon.evEssCon.evDpmCon .total-right-top, .evTempCon.evEssCon.evDpmCon .tempTop .total-right-top {
        width: calc(50% - 7.5px);
        height: auto;
        margin-bottom: 15px;
        margin-right: 0;
    }
    .evChagerInfo .ev-info-chart:nth-child(2n-1), .evEssCon.evDpmCon .total-right-top:nth-child(2n-1),
    .evTempCon.evEssCon.evDpmCon .total-right-top:nth-child(2n-1) {
        margin-right: 15px !important;
    }
    .evChagerInfo .ev-info-chart:nth-child(2n) {
        margin-right: 0 !important;
    }
    .evDpmCon .dpmTbl{
        padding:0 20px 20px 20px;
    }
    .evDpmCon .dpmStat .jb-text {
        font-size: 10px;
        width: 35.5%;
        letter-spacing: -1px;
    }
    .evDpmCon .dpmStat.tempStat{
        width:40%;
        margin:0 15px 0 0;
        float:left;
        padding:20px 0 20px 20px;
    }
    .tempTop .total-right-top > div.dpmTbl {
        float: left;
        width: calc(60% - 15px);
    }
    .evTempCon .dpmStat .jb-text{
        width:auto;
        right:17.5%;
    }
    .evTempCon .dpmStat .jb-text1{
        top:23.5%;
    }
    .evTempCon .dpmStat .jb-text2{
        top:46.5%;
    }
    .evTempCon .havcStat .jb-text{
        top:29.5%;
        height:auto;
    }
    .evTempSet .content-list-tbl-setting-bottom-right3 tr:first-child th{
        height:45px;
    }
    .evDpmCon .dpmTbl.tempTbl{
        padding-top:20px;
    }
    .evSchSet .setting_top_right {
        margin-bottom: 0px;
    }

    .sub-title.sub-title-text>.sub-site-info {
        left:120px;
    }
}
@media only screen and (max-width: 600px) {
    /*login*/
    .login-form-box {
        top: 17%;
    }

        .login-form-box .login-tit {
            margin-bottom: 12%;
        }

            .login-form-box .login-tit img {
                width: 75%;
            }

    .join-message {
        background-color: rgba(0,0,0,0);
    }

    .sub-title-serial .sub-title-text select {
        width: calc(100% - 80px) !important;
        max-width:186px;
    }
    .content-list-tbl-setting-bottom-right3 {
        height: auto;
    }
    .content-list-tbl-setting-bottom-right3, .content-list-tbl-setting-bottom-right3 > tbody, .content-list-tbl-setting-bottom-right3 tr, .content-list-tbl-setting-bottom-right3 tbody th, .content-list-tbl-setting-bottom-right3 tbody td {
        display: block;
    }
    .content-list-tbl-setting-bottom-right3 tbody th, .content-list-tbl-setting-bottom-right3 tbody td {
        width: 100% !important;
        border-right: 0;
        border-left: 1px solid #e2e2e2;
        box-sizing: border-box;
        height: 45px;
        line-height: 45px;
        vertical-align: middle;
    }
    .content-list-tbl-setting-bottom-right3 tbody th span {
        display: inline-block;
        line-height: 20px;
    }
    .content-list-tbl-setting-bottom-right3 tr {
        float: left;
    }
    .setting_top_right112 .content-list-tbl-setting-bottom-right3 tbody td input {
        width: 30px;
        font-size: 13px;
    }
    .mb-50, .mb-left-50 {
        width: calc(50% - 5px) !important;
    }
    .mb-left-50 {
        margin-left: 10px;
    }
    .search-day {
        background-size: 20px;
    }
    .trend-search-col-01 dd {
        width: 37.6%;
    }
    .trend-search-col-01.solar-dpm {
        margin-bottom: 0 !important;
    }
    .trend-search-col-01.solar-dpm dd {
        width: 175px;
    }
    .search-text {
        width: 93px !important;
    }
    .user-datail-tbl .search-text {
        width: 100% !important;
    }
    .img-save-btn {
        position: absolute;
    }
    .mb-search {
        position: absolute;
        right: 0;
    }
    #essInfoTopContent {
        margin-bottom: 0;
    }
    .ess-info-chart2 {
        margin-bottom: 0px;
    }
    .ess-info-chart2 > div > .essInfoBottomContent {
        margin-bottom: 0;
    }
    #statusBottomContent .status-bottom-inner-title {
        font-size: 14px;
        height: 30px;
        line-height: 30px;
    }
    .left-status-box dl {
        margin: 0;
    }
    .left-status-box dl:nth-child(2) {
        margin: 0 13%;
    }

    #userLoginInfo4 marquee {
        display: none;
    }

    .content-list-tbl-bat {
        height: 60px;
    }
    /*PV*/
    .solar-stat #statusMiddleContent2 > table > tbody > tr > td {
        width: 100% !important;
        float: inherit;
    }

    .solar-middle-box .status-icon {
        padding-top: 20px;
        margin-bottom: 20px;
    }

    .pv-status-box {
        display: block;
        margin: 0 auto;
    }

        .pv-status-box img {
            margin-top: 0;
            margin-right: -15px;
            width: 100%;
        }

    .solar-middle-box {
        margin: 0 auto 10px auto;
        display: block;
    }

    .solar-grid-box {
        display: block;
        margin: 0 auto;
        width: 14%;
    }

    #statusTopContent2 .inverter-stat-box {
        width: 25%;
    }

    .PvInfoTopContent > #essInfoChart01, .PvInfoTopContent > #essInfoChart02, .PvInfoTopContent > #UpdatePanel1, .PvInfoTopContent #UpdatePanel5, .PvInfoTopContent #UpdatePanel4 {
        width: 100%;
        margin-bottom: 10px;
    }

    .PvInfoTopContent #UpdatePanel5, #essInfoChart05 {
        margin-bottom: 0;
    }

    .PvInfoTopContent > #essInfoChart02, #essInfoChart05 {
        margin-left: 0%;
    }

    #essInfoChart03.pv-info-chart {
        margin-top: 0px;
    }

    .PvInfoTopContent > #UpdatePanel1 > #essInfoChart02 {
        margin-left: 0%;
    }

    #essInfoBottomContent.PVInfoBottomContent {
        height: auto;
        padding-bottom: 10px;
    }

    .ess-info-chart-pv-wea .content-list-tbl-weather6 tbody td {
        height: 30px;
    }

    .content-list-tbl-pie2 tbody td {
        text-align: right;
        padding-right: 10px;
    }

    .content-list-tbl-bat tbody th {
        width: 50%;
    }

    .content-list-tbl-bat-top-left tbody td, .content-list-tbl-temp2 tbody td {
        padding-right: 0;
        text-align: center;
    }

    .content-list-tbl3 tbody th {
        height: 30px;
    }

    .content-list-tbl-weather7 {
        height: 120px;
    }

        .content-list-tbl-weather7 td img {
            width: 25%;
        }
    /*pcs setting*/
    #settingListContentTop > table > tbody > tr > td {
        width: 100%;
        display: block;
    }

    .content-list-tbl thead th, .pv-content-list-tbl .content-list-tbl thead th, .content-list-tbl-solar-stat thead th {
        height: 30px;
        font-size: 13px;
    }

    .content-list-tbl-solar-stat thead th {
        font-size: 14px;
        height: 30px;
    }
    /*battery*/
    .content-list-tbl-bat-bottom-right tbody td {
        padding-left: 0;
        text-align: center;
        font-size: 12px;
    }

    .content-list-battery tbody th {
        letter-spacing: -1px;
        font-size:12px;
    }
    .content-list-battery tbody td, .content-list-battery tbody tr:last-child th, .content-list-battery tbody tr:last-child td {
        height: 30px;
        padding-right: 5px;
    }
    .content-list-tbl-bat-top-right {
        height: 225px;
    }
    .content-list-tbl-bat-top-left3, .content-list-tbl-bat-top-left2 {
        height: 270px;
    }
    .content-list-tbl-bat-top-left2 tbody td {
        letter-spacing: -1px;
    }.content-list-battery tbody td
    .content-list-tbl-dpm .jb-wrap img{
        width:50%;
        margin:10px auto;
    }
    .content-list-tbl-dpm .jb-wrap img.pc-none {
        display: block !important;
    }
    .content-list-tbl-dpm .jb-wrap img.mb-none {
        display: none !important;
    }
    .content-list-tbl-dpm .jb-text {
        left: 35% !important;
        letter-spacing: -1px;
    }
    .content-list-tbl-dpm .jb-text1 {
        top: 16% !important;
        text-indent: 18px !important;
    }
    .content-list-tbl-dpm .jb-text2 {
        top: 28.5% !important;
    }
    .content-list-tbl-dpm .jb-text3 {
        top: 41% !important;
    }
    .content-list-tbl-dpm .jb-text4 {
        top: 53% !important;
    }
    .content-list-tbl-dpm .jb-text5 {
        top: 66% !important;
    }
    .content-list-tbl-dpm .jb-text6 {
        top: 78% !important;
    }
    /*temp*/
    .temp_stat1 {
        height: auto;
    }
    .content-list-tbl-temp2 {
        height: 225px;
    }
    .temp_stat1 #ContentPlaceHolder1_lblTEMPS_NoData1 {
        display: none;
    }
    /*log*/
    .check-box-list {
        padding: 0 5px;
    }
    .search-day, .search-select {
        font-size: 12px;
    }
    .traceChartContent .search-day, .traceChartContent .search-select {
        width: auto !important;
    }
    .search-col dt {
        width: 70px;
    }
    .search-col dt, .search-col dd {
        min-width:70px;
    }
    .fault-search-box .search-col.pc-none dd {
        width: 95px;
    }
    .log-search-col-02 {
        height: auto;
    }
    .log-search-col-02 dt {
        width: 100%;
        margin-bottom:5px;
    }
    .log-search-col-02 .log-search-day-con{
        width: calc(50% - 10px) !important;
        float: left;
    }
    .log-search-col-02 .log-day-input-con, .log-search-col-05 .log-day-input-con, .log-search-col-02 .log-time-select-con{width:50%;float:left;height:auto;
    }
    .log-search-col-02 .log-time-select-con .log-time-select {
        width: calc(50% - 5px) !important;
        float: left;
    }
    .log-search-col-02 .hypen {
        width: 20px;
        float: left;
    }
    .log-time-select-con .hypen {
        width: 10px;
        float: left;
    }
    .charge-trend .search-day, .trend-search-col-02 .search-day, .log-search-col-06 .search-select, select#ContentPlaceHolder1_ddlSORT_DESC, .trend-search-col-01 .search-select{
        width: 95px !important;
    }
    .fault-search-box .log-search-col-04 .search-select, .fault-search-box .log-search-col-06 .search-select, .fault-search-box .pc-none .search-select {
        width: 70px !important;
    }
    .weather-search .search-day{width:95px !important;}
    /*list-btn-number*/
    .paging table {
        width: 100%;
    }
    .paging .paging-list-num {
        width: 80px;
        height: 25px;
    }
    .content-list-tbl-solar-stat {
        height:210px;
    }
    .paging a {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 12px;
        margin:0 2px;
    }
    .location-site .paging a {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }
    .paging a img {
        max-width: 10px;
        height: 10px;
    }
    .paging input:not([type="checkbox"]):not([type="radio"]){width:20px !important;}
    .content-list-tbl-pie1, .content-list-tbl-pie2 {
        width: 50%;
    }
    #TodayCharge, #TodayCharge > div {
        width: 100% !important;
    }
    .content-list-tbl-fcu .jb-wrap {
        width: 100% !important;
    }
    .content-list-tbl-fcu:first-child:nth-last-child(6) .jb-wrap, .content-list-tbl-fcu:first-child:nth-last-child(6) ~ .content-list-tbl-fcu .jb-wrap {
        width: 95% !important;
    }
    .content-list-tbl-fcu .jb-wrap .jb-text {
        padding: 2px 8px !important;
    }
    #lblSOLAR > div, #lblESS > div {
        width: 100%;
    }
    .ess-info-chart4 {
        width: 100%;
    }
    .ess-info-chart4:nth-child(2n), #essInfoChart02{
        margin-left:0;
    }
    .right-content-home #essInfoBottomContent7{
        margin-bottom:10px;
        height:auto;
    }
    .status-middle-box img, .status-middle-box2 img, .ems-sum .total-right-top .status-middle-box2 img {
        width: 50px;
    }
    .sun-status img{
        width:65px;
    }
    .bat-status img {
        width: 39px;
    }
    .pcs-status img {
        width: 60px;
    }
    .grid-status img {
        width: 47px;
    }
    /*ess left*/
    .ess-left-status-box dl, .ess-left-status-box .status-middle-box2 {
        width: 20%;
    }
    .ess-left-status-box .status-icon {
        margin-top: 20px;
    }
    .ess-left-status-box .status-icon img {
        width: 35px;
    }
    /*solar left*/
    .solar-inner-con-status .left-status-box dl.grid-status img {
        width: 35px !important;
        margin-top: 10px !important;
    }
    .solar-inner-con-status .pcs-status img {
        margin-top: 8px !important;
    }
    .solar-inner-con-status .left-status-box dl dt {
        height: 80px !important;
    }
    #essInfoBottomContent .content-list-tbl-solar tbody th{height:30px;}
    .content-list-tbl-dpm .jb-wrap {
        height: auto !important;
        padding: 0 10px !important;
    }
    .content-list-tbl-dpm .jb-wrap > div > span {
        width: 90px !important;
        font-size:13px !important;
    }
    .iot-cont .jb-wrap > div > span{
        width:100px !important;
    }
    .content-list-tbl-dpm .jb-wrap img {
        margin-top: 10px !important;
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    .content-list-tbl-dpm .jb-text {
        left: 21% !important;
        width: 49% !important;
        padding: 5px 3px !important;
    }
    .content-list-tbl-dpm .jb-text1, .content-list-tbl-dpm .jb-text4, .content-list-tbl-dpm .jb-text5 {
        text-indent: 15px !important;
    }
    .content-list-tbl-dpm .jb-text6 {
        text-indent: 26px !important;
    }
    .content-list-tbl-fcu:nth-child(2n) tbody {
        border-left: none;
    }
    /*Battery Rack*/
    .bat_rack_right td {
        width: 100% !important;
    }
    .bat_rack_right td {
        border-bottom: 1px solid #e2e2e2;
        padding-bottom: 20px;
    }
    .bat_link_div {
        width: 100% !important;
        margin-left: 0;
        margin-top: 0;
    }
    /*QnA*/
    .helpContentInfo > p, .helpUrl {
        font-size: 13px;
        padding-right: 30px;
    }
    /*iot*/
    .iot-cont, .iot-cont.dpm-right-cont, .iot-cont .content-list-tbl-dpm {
        width: 100%;
        height: auto;
    }
    .iot-cont .jb-wrap > div > span{
        width:100px !important;
    }
    .iot-cont .jb-text {
        left: 48% !important;
        width: 33% !important;
    }
    .iot-cont .jb-text1 {
        top: 17.5% !important;
    }
    .iot-cont .jb-text2 {
        top: 29% !important;
    }
    .iot-cont .jb-text3 {
        top: 40% !important;
    }
    .iot-cont .jb-text4 {
        top: 52% !important;
    }
    .iot-cont .jb-text5{
        top: 63.5% !important;
    }
    .iot-cont .jb-text6 {
        top: 75% !important;
    }
    /*Summary*/
    .PvChartWrap .main-chart-tit, .evTempCon .tempChart .main-chart-tit,
    .evDpmCon.evCon h4 {
        font-size: 14px;
        padding: 10px 15px;
    }
    .sum-wrap h4, .total-left h4, .total-right h4 {
        font-size: 16px;
    }
    .sum-wrap h4 {
        font-size: 16px;
    }
    .sum-wrap h5 {
        font-size: 13px;
    }
    .total-envi > ul > li h5 {
        font-size: 12px;
        background-position: 15px 5px;
    }
    .total-envi > ul > li > ul > li .dust-data {
        font-size: 12px;
        letter-spacing:-1px;
    }
    .pms-state ul li, .pms-state ul li:last-child {
        width: 100%;
        margin-left: 0;
        padding-left:0;
    }
    .pms-state ul li:first-child {
        background-image: none;
    }
    .pms-state ul li span {
        width: 60%;
    }
    .pms-state ul li.now-state {
        height: auto;
    }
    .total-run-img {
        background-size: 40px;
        padding-top: 40px;
    }
    .now-state-wrap {
        width: 70%;
        height: auto;
        margin-right: 0;
    }
    .pms-state ul li.now-state span {
        width: 45%;
    }
    .pms-part-stat ul li h5 {
        font-weight: 600 !important;
    }
    .pms-part-stat ul li p {
        font-size: 12px;
    }
    .pms-part-stat ul li p span.data-num {
        font-size: 20px;
    }
    .total-run > div ul li div.total-stat h5 {
        width: auto;
        padding-top: 0;
        border-bottom: 1px solid #ababab;
        padding-bottom: 10px;
    }
    .total-run > div ul li.total-run-today div.total-stat h5{
        width:90px;
        font-size:13px;
    }
    .total-run > div ul li .data-num {
        font-size: 16px;
    }
    .total-run > div ul li span:last-child{
        font-size: 12px;
    }
    .total-run > div ul li img {
        max-width: 40px;
        margin-bottom: 10px;
    }
    .total-run-connect img {
        padding-top: 30px;
        padding-left: 5px;
    }
    .total-run > div ul li.total-run-pv div {
        float: right;
    }
    .total-run-img h5{
        font-size:12px;
        word-break:keep-all;
    }
    .total-run > div ul li.total-run-today div {
        padding: 5px;
        box-sizing: border-box;
    }
    .total-run-today, .total-run-ev {
        margin: 10px 0;
    }
    .total-run-left, .total-run-right {
        margin-top: 15px;
        margin-bottom: 0;
        padding: 15px 10px;
        background-color: #f6f6f6;
        border-radius: 10px;
    }
    .total-envi > ul > li > ul > li > span{
        height:20px;
        margin-bottom:15px;
        letter-spacing:-1px;
        font-size:11px;
    }
    .temp-low-data, .rainfall-data, .temp-high-data, .humidity-data {
        font-size: 18px;
    }
    /*EV EMS*/
    .ev-status-left {
        background-image:none;
        height:auto;
        margin-bottom:0;
    }
    .ev-status{
        height:auto;
        padding:4%;
    }
    .evStatusBox {
        position: inherit;
        top:inherit !important;
        bottom:inherit !important;
        left:inherit !important;
        right:inherit !important;
        float:left;
        width:calc(50% - 15px);
        margin-bottom:15px;
        height:90px;
    }
    .evStatusBox h4{
        font-size:14px;
    }
    .evStatusBox:nth-child(2n+1){
        margin-right:30px;
    }
    .evStatusBox ul li h5{
        width:65px;
    }
    .evStatusBox ul li p{
        width:calc(100% - 71px);
    }
    .evBatWrap{
        display:none;
    }
    .evStatusBox.Pcs{
        width:100%;
        height:auto;
        margin-right:0;
    }
    .evStatusBox.Pcs ul li p{
        width:70px;
    }
    .evPcsWrap {
        width: 100%;
    }
    .evStatusBox.EvCg {
        display: none;
    }
    .ev-status-tbl th {
        font-size: 12px;
        word-break: keep-all;
        letter-spacing:-1px;
        height:25px;
    }
    .ev-status-tbl th:first-child{
        width:50px;
        line-height:1.3;
    }
    .ev-status-tbl td{
        font-size:12px;
        height:30px;
        padding:0;
    }
    .ev-status-tbl td p{
        padding:7px 0;
        letter-spacing:-1.5px;
    }
    .ev-status-tbl td p:first-child{
        padding-bottom:0
    }
    .ev-status-right .unit-text {
        font-size: 10px;
    }
    .evWrap .total-run > div ul li .total-stat,
    .evWrap .total-run > div ul li .total-run-img,
    .evWrap .total-run > div ul li.total-run-ev div.total-run-img,
    .total-run > div ul li div.total-ev-stat {
        float: none;
        width: 100%;
    }
    .total-ev-stat .content-list-tbl {
        border-spacing:5px;
        width:100%;
        height:auto;
    }
    .evWrap .total-run > div ul li {
        width: calc(33.33% - 10px);
        margin-bottom: 15px;
    }
    .evWrap .total-run > div ul li.total-run-ev{margin-bottom:0;}
    .total-run > div ul li div.total-ev-stat{
        margin-top:15px;
    }
    .evWrap .total-run > div ul li div.total-stat h5 {
        font-size: 12px;
        margin-top: 5px;
    }
    .evWrap .total-run h4{
        margin-bottom:15px;
    }
    .total-run-right .content-list-tbl td,
    .total-run-right .content-list-tbl th,
    .evWrap .total-run-right .content-list-tbl th, 
    .evWrap .total-run-right .content-list-tbl td,
    .evWrap .total-ev-stat .content-list-tbl tbody td,
    .ems-sum .total-right-top .content-list-tbl td, .evWrap .content-list-tbl tbody th, .evWrap .content-list-tbl tbody td, 
    .PvChartTbl .table-wrapper2 th, .PvChartTbl .table-wrapper td, .PvChartTbl .table-wrapper2 td, 
    .evEssCon.evDpmCon .total-right-top tbody th, .evEssCon.evDpmCon .total-right-top tbody td, 
    .evEssCon.evDpmCon .avgTbl .content-list-tbl10 tbody td, .evEssCon.evDpmCon .totalTbl .content-list-tbl10 tbody td, 
    .PvChartTbl .table-wrapper.pvDbTbl td:first-child{
        font-size: 12px;
    }
    .evCgStninfo .content-list-tbl tbody th, .evChagerInfo .ev-info-chart th {
        font-size: 14px;
        font-weight: normal;
    }
    .ev-status-bat .data-num {
        font-size: 18px;
    }
    .evWrap .total-run-img, 
    .evChagerInfo .ev-info-chart:nth-child(2n-1){
        margin-right:0;
    }
    .evChagerInfo .ev-info-chart{
        margin-bottom:15px;
    }
    .evWrap .ev-status-bat .total-run-img img,
    .evWrap .total-run-img img, 
    .evBatInfo .status-icon img{
        width: 50px;
    }
    .ev-status-right .content-list-tbl {
        width: calc(100% - 100px);
        height:auto;
    }
    .evWrap .content-list-tbl tbody th {
        height: 25px;
    }
    .total-peak.total-run-right .content-list-tbl{
        width:100%;
    }
    .total-peak.total-run-right #Chart {
        width: 100%;
        height: auto;
        height: 280px;
        margin: 0 auto 0 auto;
    }
    .week-ev-chart #WeekChargeDisChargeCon {
        height: 400px;
    }
    .evWrap .total-run-img,
    .total-ev-stat {
        width: 100%;
        float: none;
        margin-bottom: 15px;
    }
    .evDescript {
        width: 100%;
        left: 0;
        top: 0;
        position: inherit;
        display: block;
        margin-bottom: 10px;
        font-size: 11px;
    }
    .evWrap .total-ev-stat .content-list-tbl tbody td {
        font-size: 10px;
        padding: 0;
    }
    .evWrap .total-run-right {
        background-color:rgba(0,0,0,0);
        padding:0;
    }
    .evWrap .total-run-right .content-list-tbl th, 
    .evWrap .total-run-right .content-list-tbl td{
        width:auto;
        padding-right:10px;
    }
    .total-peak.total-run-right .content-list-tb,
    .evCgStninfo .content-list-tbl {
        width: 100%;
    }
    .evCgStninfo .content-list-tbl:last-child{
        margin-top:-5px;
    }
    .ems-sum .total-right-top .status-icon {
        height: 80px;
    }
    .tempChart, .tempChart .PvChartWrap{
        height:auto;
    }
    .evBatInfo{
        height:200px;
    }
    .evBatConLeft .content-list-battery tbody tr:last-child td{
        padding-right:10px;
    }
    .evChagerInfo .ev-info-chart {
        width: 100% !important;
        height:180px;
    }
    .evEssCon.evDpmCon .total-right-top, .evTempCon.evEssCon.evDpmCon .tempTop .total-right-top {
        width: 100%;
        margin-right: 0;
    }

    .evDpmCon .dpmStat .jb-text, .evBatConLeft table tbody th , .evBatConLeft table tbody td {
        font-size: 10px;
    }

    #contentTopInfoCon2 {
        height:85px;
    }

    .pcs-device-btn {
        bottom: 7px;
        left: 37px;
        top:unset;
        right:unset;
    }
}
@media only screen and (max-width:400px) {
    .sub-title-text select{
        font-size:13px;
    }
    #leftContent .sub-title-text{
        font-size:14px;
    }
    .location-site .paging a {
        font-size: 10px;
        width: 17px;
        height: 17px;
        line-height: 17px;
    }
    .status-middle-box .status-txt, .status-middle-box2 .status-txt{
        font-size:13px;
    }
    .ems-sum .content-top-info-icon{
        height:25px;
        line-height:23px;
        font-size:11px;
        padding:0 5px;
    }
    .ems-sum .total-right-top .status-icon{
        height:80px;
    }
    .ems-sum .total-right-top .content-list-tbl td:first-child{
        padding-right:0;
    }
    .content-list-tbl-dpm .jb-wrap > div > span {
        width: 75px !important;
        font-size: 12px !important;
    }
    .content-list-tbl-solar-stat tbody td, .content-list-tbl_main_ess tbody td.rack-num, .content-list-tbl-solar tbody th, .content-list-tbl-weather6 tbody th, .content-list-tbl-weather3 tbody th, .content-list-battery tbody th, .total-info table td:first-child, .content-list-tbl-bat-top-left3 tbody th, .content-list-tbl-fcu tbody td, .content-list-tbl-white3 tbody th, .content-list-tbl-white2 tbody th, .content-list-tbl-weather7 tbody th{
        font-size:12px;
    }
}