body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
}

h1 {
	text-align: center;
	font-weight: bold;
	font-size: 32px
}

h3 {
	font-size: 16px;
}

table {
	border: none;
	font-size: 13px;
}

td, th {
	padding: 3px 4px;
	word-break: break-word;
}

th {
	font-weight: bold;
}

.spacer {
	margin: 10px;
}

.spacer-lg {
	margin: 40px;
}

.indent1 {
	padding: 4px 20px;
}

.indent2 {
	padding: 4px 40px;
}

.risk-3 {
	background-color: red;
	color: #FFF;
}

.risk-2 {
	background-color: orange;
	color: #FFF;
}

.risk-1 {
	background-color: yellow;
	color: #000;
}

.risk-0 {
	background-color: blue;
	color: #FFF;
}

.risk--1 {
	background-color: green;
	color: #FFF;
}

.summary {
	width: 45%;
}

.summary100 {
	width: 100%;
}

.summary80 {
	width: 80%;
}

.tdconstrainer {
	width: 9.1%;
	padding: 0
}

.alerts {
	width: 75%;
}

.results {
	width: 100%;
}

.results th {
	text-align: left;
}

.left-header {
	display: inline-block;
}

.pass {
	background: green;
	color: white
}

.pass::before {
	content: '\2714';
	color: white
}

.fail {
	background: red;
	color: white
}

.fail::before {
	content: '\2716';
	color: white
}

.alert-3b::before {
	content: '\2691';
	color: red
}

.alert-2b::before {
	content: '\2691 ';
	color: orange
}

.alert-1b::before {
	content: '\2691';
	color: yellow
}

.alert-0b::before {
	content: '\2691';
	color: blue
}

.alert-3a::after {
	content: '\2691';
	color: red
}

.alert-2a::after {
	content: '\2691 ';
	color: orange
}

.alert-1a::after {
	content: '\2691';
	color: yellow
}

.alert-0a::after {
	content: '\2691';
	color: blue
}

.lm2 {
	margin-left: 2em;
}

.smallnote {
	font-size: 0.75em
}

.alwayswhite {
	color: white
}