#errMsg {
	display: none;
}

th, td {
	min-width: 50px;
	height: 50px;
}

table {
	border-collapse: collapse;
	text-align: center;
	margin: 0 auto 50px auto;
}

section {
	display: inline-block;
	width: calc(100% / 3);
	vertical-align: top;
}

/*#region Input*/
#inputSection {
	font-size: 140%;
}
#inputSection input {
	background:rgba(0,0,0,0);
	border:none;
	border-bottom: 1px white solid;
	padding: 30px;
	font-size: 20px;
	width: calc(100% - 200px);
	text-align: center;
	color:white;

	transition: border 0.2s ease-in-out, background 0.2s ease-in-out;
}
#inputSection input:focus{
	border-bottom: 5px white solid;
	background: rgba(0,0,0,0.3);
}

#errMsg {
	background:#EA2027;
	color:white;
	padding: 1px 20px;
}
/*#endregion*/

/*#region Punnett Square*/

#dispTable tr:first-child {
	border-bottom: 5px black solid;
}

#dispTable tr th:first-child {
	border-right: 5px black solid;
}

#dispTable tr:nth-child(odd) {
	background: #2c3e50;
	color: white;
}

#dispTable tr:nth-child(even) {
	background: #bdc3c7;
	color: black;
}

/*#endregion*/

/*#region Allele Displays*/
#alWrap {

}

.alDisp {
	display: inline-block;
	text-align: center;
	padding: 20px;
	margin-top: 0;
}

.alDisp span {
	display: block;
	font-size: 150%;
}

.alDisp:first-child {
	background: #2980b9;
}

.alDisp:last-child {
	background: #c0392b;
}

/*#endregion*/

/*#region Genotypes*/
#genTable tr:nth-child(odd) {
	background: #8e44ad;
}

#genTable tr:nth-child(even) {
	background: #9b59b6;
}

/*#endregion*/

/*#region Phenotypes*/
#phnTable tr:nth-child(even) {
	background: #27ae60;
}

#phnTable tr:nth-child(odd) {
	background: #16a085;
}

/*#endregion*/

#genTable, #phnTable{
	width:100%;
}

#foot{
	margin-top: 80px;
	font-size: 80%;
}

@media(max-width: 1000px){
	section{
		width:50%;
	}
	#inputSection {
		display:block;
		width:100%;
	}
}
@media(max-width: 700px){
	section{
		display:block;
		width:100%;
	}
}