body{
	background-color:white;
	margin:0px;
	padding:0px;
}
#view_box{
	position:absolute;
	transform: translate(-50%, -50%);
	left:50%;
	top:50%;
	right:50%;
	width:95%;
	height:620px;
	border: 2px solid grey;
	border-radius:10px;
	margin:0px;
	padding:0px;
}
#btn{
	position:absolute;
	right:20px;
	bottom:20px;
}
#summary{
	position:absolute;
	right:20px;
	bottom:90px;
	width:250px;
}
.labels{
	position:absolute;
	left:20px;
	width:95%;
	height:20px;
	/*
	border:1px solid white; 
	border-radius:5px;
	*/
	transition: 2.5s;
	display:flex;
}
#f1{ top:20px; }
#f2{ top:50px; }
#f3{ top:80px; }
#f4{ top:110px; }
#f5{ top:140px; }
#f6{ top:170px; }
#f7{ top:200px; }
#f8{ top:230px; }
#f9{ top:260px; }
#f10{ top:290px; }
#f11{ top:320px; }
#f12{ top:350px; }
#f13{ top:380px; }
#f14{ top:410px; }
#f15{ top:440px; }
#f16{ top:470px; }
#f17{ top:500px; }
#f18{ top:530px; }
#f19{ top:560px; }
#f20{ top:590px; }

.f0{ width:160px; height:20px; /* Border:1px dotted grey; */ text-align:left;}
.fa{ width:0px; height:20px; background-color:#00BFFF; transition: 2s;}
.fb{ width:0px; height:20px; background-color:#F08080; transition: 2s;}
.fc{ width:0px; height:20px; background-color:#66CDAA; transition: 2s; margin-right:10px;}

span{
	position:absolute;
	left:40px;
}

img{
	width:18px;
	height:18px;
}