form.main{
  padding: 10px;
  background-color: white;
  border-radius: 5px;
  box-shadow: 0px 0px 10px -2px gray;
  margin-top: 5px;
}
form.main input {
	margin-top: 10px !important;
}
.form-table tr{
	border-top: 5px solid #FFF;
	background-color: #f1f1f1;
}
table th {
	vertical-align: middle !important;
	padding-left: 15px !important;
}
.main table {
	margin-bottom: 10px;
}
tr:nth-child(1) ::before, tr:nth-child(2) ::before{
	display: none;
}
th::before {
	content: "=";
	vertical-align: middle;
	font-size: 2em;
	font-weight: bolder;
	color: white;
	margin-right: 8px;
	padding: 6px 10px 10px 10px;
	background-color: #777;
	border-radius: 3px;
}
.form-table td:last-child {
	display: none;
}

nav.form {
	margin-top: 10px;
}
nav.form a{
	background-color: #eee;
	border: 1.5px solid grey;
	border-bottom: 0px solid grey;
	border-radius:3px 3px 0px 0px;
	padding:5px;
	text-decoration: none;
	color:#444;
	margin: 2px;
}
nav.form a.active{
	background-color: #0071a1;
	color: white;
	font-weight:bold;
	border: white;
	padding:7px 7px 5px 7px;
}
nav.form a:hover{
	background-color: #777 !important;
	color: #eee !important;
}

@media screen and (max-width: 782px) {
  .form-table th, .form-table tr {
  	text-align: center;
  }
  .form-table td {
  	padding: 5px 10px;
  }
  .form-table th {
  	background-color: #777;
  	border-radius: 5px 5px 0px 0px;
  	padding: 10px;
  }
  .form-table tr{
  	border-top: 15px solid #FFF;
  }
  .form-table th::before{
  	padding: 0;
  	background-color: rgba(0,0,0,0);
  }
	tr:nth-child(2) td {
		background-color: #999;
		margin-bottom: 2px;
	}
	tr:nth-child(2) td:first-of-type {
		border-radius: 10px 10px 0px 0px;
	}
	tr:nth-child(2) td:nth-child(6) {
		border-radius: 0px 0px 10px 10px;
	}
	tr:nth-child(2) th, tr:nth-child(2) td:nth-child(7) {display:none;}
}