@font-face{
  font-family: "digital-7";
  src: url("digital-7/digital-7 (mono).ttf") format("truetype");
}


body{
	margin-top: 1em;
	font-family: Orbitron, sans-serif;	
	/*background: grey;*/
}

table{
	margin:auto;
}

td{
	font-size: 1.0em;
	/*width:20em;*/
	text-align: center;
}

input{
	font-family: 'digital-7', Fallback, sans-serif;
	font-size:5em;
	padding:0.1em;
	width:3.25em;
	text-align:center;
}

#container{
	margin:auto;
}

#recommend, #fill_ratio, #energy1, #energy2, #recommend_inch, #recommend_slope{
	font-family: "digital-7", Fallback, sans-serif;
	font-size: 1.2em;
	color:blue;
}

#inch:hover, #gradient:hover, #manning:hover, #flowrate:hover, #depth:hover{
	background-color: #DAF7A6;
}


#froude:hover, #v_open:hover, #shear:hover, #v_full:hover{
	background-color: lightgrey;
}


#flowrate_title:hover{
	cursor:pointer;
	color:red;
}


.hidden{
	visibility: hidden;
	display: none;
}



.tall{
	padding-top:2em;
}

#svg, .time{
	border: 5px solid blue;
	border-radius: 25px;
}

#svg{
	font-size: 0.3em;
}

.low{
	/*font-size: 0.5em;*/
	font-color:green;
}

span{
	/*color:blue;*/
}

.faint{
	color:grey;
	font-size:1em;
}

.faint:hover{
	cursor:pointer;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: grey;
  opacity: 0.5; /* Firefox */
}

#zone2:hover{
	background-color: #DAF7A6;
	cursor: pointer;
}