.isTablet{}

body.isTablet{ 
    font-size: 13px;
    margin:20px;
    overflow: auto;
    background-image: none;
}

.isTablet .legend-gp .itm-gp.target{
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.isTablet .main-holder{
    width:100%;
    height: auto;
    padding: 0;
}

.isTablet.power .today-info-gp{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.isTablet.power .power-consumption-gp, .isTablet .seven-day-consumption-gp{
    m-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.isTablet.power .equip-info-gp{
    margin-top:20px;
}
.isTablet.power .equip-info-gp > .row > div{
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
 .isTablet.power.isSmallScreen .equip-info-gp .label-gp > div img{
        width:30px;
    }
/**************************************************************************************************/
/*** POWER:DAILY CONSUMPTION******************************************************************************/
/**************************************************************************************************/
.isTablet.power .daily-consumption-gp .hightlight-gp > div:nth-child(even) .itm-gp{
    /*padding-left:8%;*/
}
    @media screen and (orientation:landscape) {
        .isTablet.power .daily-consumption-gp .hightlight-gp > div:nth-child(even) .itm-gp{
            padding-left:0;
        }
        .isTablet.power .daily-consumption-gp .hightlight-gp .itm-gp{
            margin-left:30%!important;
            position: relative;
        }
         .isTablet.power.isBigScreen .daily-consumption-gp .hightlight-gp .itm-gp{
            margin-left:0%!important;
            position: relative;
        }
    }

.isTablet.power .daily-consumption-gp .hightlight-gp > div:nth-child(2){
    border-right:0;
}
.isTablet.power.isBigScreen .daily-consumption-gp .hightlight-gp > div:nth-child(2){
    border-right: 1px solid rgba(255,255,255,0.1);
}
.isTablet.power .daily-consumption-gp .hightlight-gp .itm{
    margin-bottom: 20px;
}
 @media screen and (orientation:portrait) {
    .isTablet.power .daily-consumption-gp .hightlight-gp .itm-gp{
        margin-left:30%!important;
        position: relative;
    }
     .isTablet.power.isBigScreen .daily-consumption-gp .hightlight-gp .itm-gp{
        margin-left:0!important;
        position: relative;
    }
}
/*.isTablet.power .daily-consumption-gp .hightlight-gp .itm-gp{
    text-align: center;
}
.isTablet.power .daily-consumption-gp .hightlight-gp .value-gp:before{
    left:20px;
}*/

/**************************************************************************************************/
/*** CHILLER:TOTAL SYSTEM EFFECIENCY **************************************************************/
/**************************************************************************************************/
.isTablet.chiller .top-pane{
    overflow-x: hidden;
}
.isTablet.chiller .top-pane .time-date-gp{
    margin-bottom:30px;
}
.isTablet.chiller .daily-plant-cons-gp .itm{
    margin-bottom: 30px;
}
.isTablet.chiller .daily-plant-cons-gp .itm:nth-child(2){
    border-right:0;
}

/**************************************************************************************************/
/*** CHILLER:COOLING LOAD **************************************************************/
/**************************************************************************************************/
.isTablet.chiller .right-pane{
    width:100%;
}
.isTablet.chiller .header-temp-gp  .temp-round > div > span:first-child{
    font-size: 3.5em;
}
.isTablet.chiller .header-temp-gp .itm-gp .temp-round{
    padding-top:115px;
}


/**************************************************************************************************/
/*** WATER:BUILDING INFO **************************************************************/
/**************************************************************************************************/

.isTablet.water .top-pane .building-gp div:first-child{
   text-align: right;
}
.isTablet.water .building-info > div:nth-child(2){
    display: none!important;
}
.isTablet.water .building-info > div:nth-child(3) {
     -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.isTablet.water .building-info > div:nth-child(3) .itm-gp >.itm-1{
    display: block!important;
}
.isTablet.water .building-info .itm-1, .isTablet.water .building-info .itm{
     -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    
}

.isTablet.water .bottom-pane .box{
    min-height: auto;
}
.isTablet.water .water-consumption-byday-gp, .isTablet.water .seven-day-water-consumption-gp{
     -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

/**************************************************************************************************/
/*** WATER:TOTAL WATER CONSUMPTION BY DAY **************************************************************/
/**************************************************************************************************/
.isTablet.water .water-consumption-byday-gp .circle{
    padding-top:70px;
}

/*SAMPLE*/