#monitor3_header {
    text-align: center;
}
.header-btn {
	width: 200px;
	height: 100px;
	border-radius: 10px;
	background-color: #ebebeb;
	font-size: 48px;
    margin: 50px 15px 0px;
}
.header-btn:focus,
.header-btn.active {
    outline:0!important;
	background-color: #373756;
	color: #ffffff;
}
.energe-usage-area,
.independent-area {
	height: 712px;
	border-radius: 30px;
	background-color: #ffffff;
    margin-bottom: 100px!important;
}
.gauge-area {
    width: 2858px;
	border-radius: 30px;
	background-color: #ffffff;
    height: 858px;
    float: left;
}
.general-gauge-area {
    width: 530px;
	border-radius: 30px;
	background-color: #ffffff;
    height: 858px;
    margin-left:52px;
    float: left;
}
#energe-usage-area-label,
#independent-area-label {
	font-size: 60px;
    margin-top: 50px;
    line-height: 0.9;
    letter-spacing: -1.5px;
    text-align: left;
	color: #404040;
}
#energe-usage-area-label > p,
#independent-area-label > p {
	margin-bottom: 0px;
    float: left;
}
#energe-usage-area-label > span,
#independent-area-label > span {
    font-size: 36px;
    letter-spacing: -0.9px;
    text-align: left;
    color: #808080;
    margin-left: 29px;
}
#energe-usage-area-kwh,
#independent-area-kwh {
	font-size: 144px;
	line-height: 1.8;
	letter-spacing: -3.6px;
    margin-top: 64px;
    text-align: right;
    height: 202px;
}
#energe-usage-area-kwh > span,
#independent-area-kwh > span {
	width: 865px;
	font-size: 233px;
    font-weight: 200;
	line-height: 0.54;
	letter-spacing: -5.8px;
	text-align: right;
	color: #404040;
    margin-right: 27px;
}
#energe-usage-area-top,
#independent-area-top {
    padding-bottom: 50px;
    border-bottom: 1px solid #cccccc;
}
#energe-usage-area-progress {
    margin-bottom: 30px;
}
#energe-usage-area-progress,
#sale-area-label,
#purchase-area-label {
    font-size: 60px;
    margin-top: 52px;
    line-height: 0.7;
    letter-spacing: -1.5px;
    text-align: left;
    color: #404040;
}
.en-progress-label {
    width: 100%;
}
.en-pg-lb {
    font-size: 36px;
    line-height: 40px;
    color: #808080;
    float: left;
    text-align: center;
    margin-bottom: 15px;
}
#en-progress-div {
    width: 100%;
    height: 60px;
    border-radius: 15px;
    margin-bottom: 45px;
}
.en-progressbar {
    line-height: 60px;
    font-size: 24px;
    color: #000000;
}
.en-progressbar span {
    font-size: 36px;
    font-weight: normal;
    color: #000000;
}
.bg-cold {
    background-color: #1ec2ff;
}
.bg-heat {
    background-color: #ff8c52;
}
.bg-hot {
    background-color: #ff4b1a;
}
.bg-light {
    background-color: #ffdb49;
}
.bg-vent {
    background-color: #37e3c1;
}
.bg-gen {
    background-color: #373756;
    color: #ffffff;
}
.cl-cold {
    color: #1ec2ff;
}
.cl-heat {
    color: #ff8c52;
}
.cl-hot {
    color: #ff4b1a;
}
.cl-light {
    color: #ffdb49;
}
.cl-vent {
    color: #37e3c1;
}
.cl-gen {
    color: #373756;
}
.bg-gen > span{
    color: #ffffff;
    font-weight: 100;
}
#sale-area-label > p,
#purchase-area-label > p {
	margin-bottom: 0px;
    float: left;
}
#purchase-area-label > p {
    margin-left: 54px;
}
#sale-area-kwh,
#purchase-area-kwh {
	font-size: 48px;
	letter-spacing: -3.6px;
    margin-top: 41px;
    text-align:right;
}
#sale-area-kwh > span,
#purchase-area-kwh > span {
	width: 274px;
	height: 83px;
	font-size: 105px;
	line-height: 1.2;
	letter-spacing: -2.6px;
	text-align: right;
    margin-right: 12px;
	color: #404040;
}
#sale-area-kwh {
    padding-right: 50px!important;
}
.gauge-area-div {
    display: inline-block;
    width: 566px;
    height: 858px;
    text-align: center;
    padding: 0 50px;
    border-left: 2px solid #cccccc;
    font-weight: normal;
}
#fst-gauge-div,
#lst-gauge-div {
    border: 0;
}
#lst-gauge-div {
    padding: 0 30px;
    width: 530px;
}
.gauge-lb-div {
    margin: 0px;
    margin-top: 49px;
    margin-bottom: 74px;
}
.gauge-lb {
	font-size: 60px;
	line-height: 1.0;
	letter-spacing: -1.5px;
    margin-bottom: 0;
}
.gauge-img-div {
    position: relative;
    background-color: #d9d9d9;
    width: 400px;
    height: 400px;
}
.gauge-img-div > img {
    position: relative;
    z-index: 2;
    width: 402px;
    margin-left: -1px;
    margin-top: -1px;
}
.gauge-cold-bg,
.gauge-heat-bg,
.gauge-hot-bg,
.gauge-light-bg,
.gauge-vent-bg,
.gauge-gen-bg {
    position: absolute;
    bottom: 0px;
    z-index: 1;
    width: 398px;
    margin-left: 1px;
}
.gauge-cold-bg {
    background-color: #1ec2ff;
}
.gauge-heat-bg {
    background-color: #ff8c52;
}
.gauge-hot-bg {
    background-color: #ff4b1a;
    bottom: 30px;
}
.gauge-light-bg {
    background-color: #ffdb49;
}
.gauge-vent-bg {
    background-color: #37e3c1;
}
.gauge-gen-bg {
    background-color: #373756;
}
.gauge-useper-div {
    margin: 0;
    margin-top: 82px;
}
.gauge-usage-div {
    margin: 0;
    margin-top: 64px;
}
.gauge-area-label {
	font-size: 36px;
	line-height: 2.78;
	letter-spacing: -0.9px;
	text-align: left;
	color: #404040;
    /*added by joy*/
    width: 25%;
}    
.gauge-area-label > p {
    line-height: 1.1;
    margin-bottom:0;
}    
.gauge-area-per,
.gauge-area-kwh {
    height: 65px;
	font-size: 48px;
    line-height: 2.08;
    letter-spacing: -1.2px;
    margin-top: -26px;
    text-align: right;
    /*added by joy*/
    margin-left: auto;
    width: inherit;
    float: right;
}    
.gauge-area-per > span,
.gauge-area-kwh > span {
	font-size: 72px;
    font-weight: normal;
	line-height: 1.39;
	letter-spacing: -1.8px;
	text-align: right;
    margin-right: 15px;
	color: #404040;
}
.gauge-area-title {
    width: 2858px;
    float: left;
    font-size: 60px;
    color: #404040;
    line-height: 126px;
    letter-spacing: -1.5px;
}
.general-gauge-area-title {
    width: 530px;
    float: left;
    margin-left: 52px;
    font-size: 60px;
    color: #404040;
    line-height: 126px;
    letter-spacing: -1.5px;
}
.inner-div {
    padding: 0 50px;
}
.monitor3-description {
    margin-top: 65px;
    font-size: 24px;
    color: #808080;
    line-height: 1.33px;
    letter-spacing: -0.6px;
}
.guage-area-div:last-child {
    width: 567px;
}