div.spacer {
	height:37mm;
	width: 100%;
	text-align: center;
}
div.card {
	page-break-after: always;
}
div.card:last-of-type {
	page-break-after: avoid;
}
#numberError {
	display:none;
	color: red;
	font-weight: bold;
}

img.swish {
	bottom: 0px;
	float: right;
	margin: 0px 0px 5px 5px;
	height: 150px;
}
div.box {
	float: left;
	border:1px solid black;
	text-align: center;
	vertical-align: center;
	float:left;
	font-size: 15mm;
}
div.row {
	clear: both;
}

#left, #right {
	float: left;
	width: 40%;
	font-size:22px;
}

#right {
	font-size: 16px;
	font-style: italic;
	background-color: RGBA(154, 205, 50, 0.6);
	margin-top: 20px;
}

@media only screen and (max-width: 900px) {
	#left, #right {
		width: 80%;
	}
}

.noprint {
	padding: 0px 30px;
}

h1.noprint {
	padding-top:30px;
}

button {
	font-size: 18px;
}

input, select {
	font-size: 18px;
	width:60px;
	margin-left: 15px;
}
select {
	font-size: 22px;
}

@media print {
.noprint {
	 display:none;
  }
}

div.box {
  float: left;
  border:1px solid black;
  text-align: center;
  vertical-align: center;
  float:left;
  font-size: 15mm;

}

@media only screen {
	#cards {
		display:none;
	}
}