@charset "UTF-8";
header#headerid1 {
	margin-top: 15px;
	display: flex;
}

div.nav-button {
	font-weight: bold;
	font-size: 150%;
	background: linear-gradient(180deg, #eaf1ff, #d0e0ff);
	border-radius: 20px;
	box-shadow: inset 0 0 0 1px #c3d3ff, 0 2px 6px rgba(0,0,0,.08);
	padding: 10px;
	width: 150px;
	height: 1.2em;
	text-align: center;
	margin: 7px 12px;
}

form#userfrm{
	text-align: left;
}

#divid1 {
	left:50px;
	top: 160px;
	height:750px;
	width:1800px;
	position:absolute;
	background: linear-gradient(180deg, #f3f7fc 0%, #e8f0fb 40%, #f6f8fc 100%);
	display: grid;
	grid-template-columns: 25% 75%;
	grid-template-rows: 25% 25% 25% 25%;
}

.graph-area {
	grid-column: 2/3;
	width: 95%;
	height: 180px;
}
#graph-area_temperature {
	grid-row: 1/2;
}
#graph-area_humidity {
	grid-row: 2/3;
}
#graph-area_PMV_calc {
	grid-row: 3/4;
}
#graph-area_WBGT_indoor {
	grid-row: 4/5;
}

#value_view {
	grid-row:1/5;
	grid-column: 1/2;
	width: 100%;
	height:100%;
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: 25% 25% 25% 25%;
}

.value-area{
	display: grid;
	grid-template-rows: 30% 50% 20%;
	width: 100%;
	border-radius: 20px;
	box-shadow: inset 0 0 0 1px #c3d3ff, 0 2px 6px rgba(0,0,0,.08);
}
#temperature_area {
	background-color: #dbeafe;
}
#humidity_area {
	background-color: #eaf1ff;
}
#PMV_calc_area {
	background-color: #d7e5ff;
}
#wbgt_indoor_area {
	background-color: #cde4ff;
}

.temperature {
	margin: auto;
	color: #1d4ed8;
}
.humidity {
	margin: auto;
	color: #2563eb;
}
.PMV_calc {
	margin: auto;
	color: #1e40af;
}
.wbgt {
	margin: auto;
	color: #1e3a8a;
}

.capture {
	font-size: 300%;
}
.value {
	font-size: 450%;
}
.unit {
	font-size: 200%;
}

#autoreload_btm
{
top:50px;
left:350px;
font-size:50px;
position:absolute;
}

footer small {
display:block;
position:absolute;
top:910px;
padding:10px 0 20px 0;
font-size:18px;
text-align:center;
line-height:1;
/* background:red; */
background: linear-gradient(to right, #cde4ff, #057ae7);
height: 10px;
width:100%;
color:white;
font-family:Arial,sans-serif;
}