@font-face {
  font-family: 'Roboto';
  font-display: swap;
  font-weight: 300;
  src: url('Roboto-Light.ttf');
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'Roboto';
  font-display: swap;
  font-weight: 700;
  src: url('Roboto-Medium.ttf');
  text-rendering: optimizeLegibility;
}

* {
	font-family: 'Roboto';
	font-size: 12px;
}

.bold {
	font-weight: 700;
}

table {
	width: 100%;
}

table td {
	vertical-align: middle;
}

tr.striped {
	background: #fafafa;
}

.wrapper {
	width: 210mm;
	height: 290mm;
	padding: 10mm;
}

@media print {
	body, html {
		margin: 0;
		padding: 0;
	}
}

input[type="text"], textarea {
	border: none !important;
	background: none !important;
	margin: 0 !important;
	padding: 0 !important;
	outline: none !important;
}

input[type="radio"] {
	margin-right: 0.5rem;
}

.w50 {
	width: 50%;
}

.h2 {
	font-weight: 700;
}

table.components td:first-child {
	width: 40%;
}

table.components td:nth-child(2) {
	width: 50%;
}

table.components td:nth-child(3) {
	width: 3.33%;
	text-align: center;
}

table.components td:nth-child(4) {
	width: 3.33%;
	text-align: center;
}

table.components td:nth-child(5) {
	width: 3.33%;
	text-align: center;
}

textarea {
	border: none !important;
}

div.footer {
	text-align: center;
	font-weight: 700;
}