@charset "utf-8";
/*
 * graph.css
 * 
 * CSS for HEMS App
 * 
 */


/*
 * Graph
 * ================================================================================
 */

#popup_023 {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:url(../../images/023_popup.png) no-repeat;
z-index:1000;
}

#open_023_1 {
position:absolute;
left:141px;
top:14px;
width:190px;
height:60px;
background:url(../../images/000_graph_selector.png) no-repeat;
border:#808080 solid 1px;
border-radius:10px;
}
#open_023_1.day {
background-position-y: -58px !important;
}
#open_023_1.month {
background-position-y: -116px !important;
}

#linkto_004 {
position:absolute;
left:0;
top:0;
/*width:150px;*/
width:120px;
/*height:60px;*/
height:88px;
}
#linkto_hour {
	position: absolute;
	left: 16px;
	top: 712px;
	width: 608px;
	height: 88px;
	border-radius: 5px 5px 0 0;
}
#linkto_day {
	position: absolute;
	left: 16px;
	top: 800px;
	width: 608px;
	height: 88px;
	border-radius: 0;
}
#linkto_month {
	position: absolute;
	left: 16px;
	top: 888px;
	width: 608px;
	height: 88px;
	border-radius: 0 0 5px 5px;
}
#close_023_1 {
	position: absolute;
	left: 16px;
	top: 992px;
	width: 608px;
	height: 88px;
	border-radius: 5px;
}



#graph_wrapper {
position:absolute;
left:0;
top:496px;
width: 100%;
height: 512px;
margin: 0;
}
#graph_wrapper .swiper-slide {
text-align: center;
font-size: 10px;
width: 28px;
}
#graph_wrapper.month .swiper-slide {
width: 44px;
}
#graph_wrapper #graph {
position: absolute;
left:0;
top: 0;
width: 2010px;
height: 512px;
margin-left: -331px;
background-repeat: no-repeat !important;
background-position: left top !important;
}
#graph_wrapper.day #graph {
width: 2404px;
margin-left: -502px;
}
#graph_wrapper.month #graph {
/*width: 1626px;*/
width: 1554px;
margin-left: -200px;
}


#graph_val {
position: absolute;
left: 0;
top: 0;
width: 100px;
height: 512px;
background-repeat: no-repeat;
background-position:left top !important;
}
#graph_val2 {
position: absolute;
right: 0;
top: 0;
width: 100px;
height: 512px;
background-repeat: no-repeat;
background-position:right top !important;
}
#graph_center {
position: absolute;
left: 303px;
top: -1px;
width: 34px;
height: 437px;
background:url(../../images/000_graph_center.png) no-repeat;
}