body{
	font-family: 'Roboto', sans-serif;
	color: #000;
}


#header{
	font-size: 3em;
	width:100%;
	text-align: center;
	padding: 5px;
	border-bottom: 1px solid #ddd;
	font-weight: bolder;
}
#subheader{
	font-size: 0.3em;
	width:100%;
	text-align: center;
	padding: 5px;
}

#footer{
	font-size: 0.7em;
	width:100%;
	text-align: center;
	padding: 10px;
	border-top: 1px solid #ddd;
	font-weight: bolder;
	margin-top: 30px;
}

#header a{
	text-decoration: none;
	color: #2277ff;
}

#header a:visited{
	color: #2277ff;
}



#footer a{
	text-decoration: underline;
	color: #888;
}
#footer a:visited{
	color: #888;
}
#footer a:hover{
	color: #000;
}


input{
	font-size: 1em;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	background-color: #f0f0f0;
}

.readonly{
	background-color: #fff;
	
}

select{
	font-size: 1em;
	width: 100%;
	font-family: 'Roboto', sans-serif;
}

.row{
	margin: 20px;
	text-align: left;
}

.title{
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	width: 100%;
	margin: 5px 0;
}

.content{
	margin:auto;
	width: 300px;
	text-align: center;
}

.qr{
	text-align: center;
	width: 100%;
	margin:auto;
}


#qrinfo{
	text-align: left;
	font-size: 1em;
	margin: 5px;
}