@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400&family=Roboto:wght@100;300;400;600&display=swap');
body{
	background-color: #DEDEDE;
}
*{
	/*margin: 10px;*/
	padding: 0;
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;

}

.instructions{
	font-family: 'Roboto', sans-serif;
	text-align: justify;
	margin-bottom: 15px;
	margin-top: 15px;
}
.sub-title {
	font-size: 22px;
    font-weight: 600;
}
.button	{
	width: auto;
	background: #4e7085;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 80%;
	border:  0px;
	margin-left: 2px;
	margin-right: 2px;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 15px;
	border-radius: 2px;
	text-transform: uppercase;
	border-right: 0px solid #006BB1;
	border-left: 0px solid #006BB1;
	}
::-webkit-file-upload-button {
  	height: auto;
	width: auto;
	background: #4e7085;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	/*font-size: 80%;*/
	border:  0px;
	margin-left: 2px;
	margin-right: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 2px;
	text-transform: uppercase;
	border-right: 0px solid #006BB1;
	border-left: 0px solid #006BB1;
}
.content{
position: relative;
padding: 15px;
margin-bottom: 64px;
padding-bottom: 74px;
width: 100%;
}
.clear{
	clear: both;
	height: 100px;

}

.footer{
	position: fixed;
	bottom: 0;
	left: 0;
	height: 64px;
	font-family: 'Roboto', monospace;
	font-size: 80%;
	text-align: center;
	padding-top: 10px;
	width: 100%;
	background-color: #4e7085;
	text-transform: uppercase;
	color: #fff;
}

.symbols{
	border-width: 1px;
	width: 100%;
  	border-collapse: collapse;


}
.symbols td{
font-family: 'Roboto-mono', monospace;
border-bottom: 1px solid #8f989c;
padding-left: 10px;
padding-bottom: 5px;
}
.symbols tr:nth-child(even){
	background-color: #b9c1c4;
}

.symbols-sm{
	border-width: 1px;
	width: 25%;
  	border-collapse: collapse;


}
.symbols-sm td{
font-family: 'Roboto-mono', monospace;
border-bottom: 1px solid #8f989c;
padding-top: 2px;
padding-bottom: 2px;
}
.symbols-sm tr:nth-child(even){
	background-color: #b9c1c4;
}

.center{
	text-align: center;
}
.center-head{
	font-family: 'Roboto-mono', monospace;
	text-align: center;
	font-weight: 300;
	background-color: #92999c;
}

 a{
	width: auto;
	background: #4e7085;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 80%;
	border:  0px;
	margin-left: 2px;
	margin-right: 2px;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
	border-radius: 2px;
	text-transform: uppercase;
	border-right: 0px solid #006BB1;
	border-left: 0px solid #006BB1;
	text-decoration: none;
	}
.error{
	/*background-color: red;*/
	padding-left: 10px;
	font-weight: 600;
	color: red;
}
.pgTitle{
	text-transform: uppercase;
	font-size: 30px;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	font-weight: 600;
}