@charset "utf-8";
body {
 font-family:Verdana, Geneva, sans-serif;
 font-size:14px;
 margin:0px;
 background-color:#f2fbff;
 color:#331d11;
	-webkit-text-size-adjust: none;
}
html, body { height:100%; }
#container {
 min-height:100%;
}
* html #container {
 height:100%;
}
table { border-collapse:collapse; }
td, th { font-size:14px;padding:10px 5px; }
th { text-align:left; }

tr:nth-child(odd) { background-color:#e1f2fa; }

img { border:none; margin:0; }
p { margin-top:0px; max-height:10000em; }
hr { margin:16px 0; padding:0; height:1px; border:none; overflow:hidden; background-color:#000; }

h1 {
	font-size:14px;
 color: #fff;
 background-color: #2ba2db;
	padding:4px 20px 6px;
 box-shadow: 0 2px 4px 0 #dae0e5;
	margin:-47px 0 0;
	position:absolute;
	left:0;
	right:0;
}
h2 { font-size:16px;margin:0 0 10px; }
h3 { font-size:14px;margin:16px 0; }
h4 { font-size:14px;margin:16px 0 0; }

a:link { color:#0062b3; }
a:visited { color:#007ee5; }
a:active, a:hover { color:#6e993d; }

ul {
	margin-top:0px;
	margin-left:0px;
	padding-left:16px;
}

form { margin:0px; }
select, input, textarea { font-size:14px; margin:0px;padding:5px 2px; font-family:Verdana, Geneva, sans-serif; }
input[type=submit] { font-weight:bold; padding:5px 10px; }
input[type=button] { padding:5px 10px; }
input[type=radio], input[type=checkbox] {
 vertical-align: top;
 margin-top: 3px;
}

.xl, .xl td, .xl th { font-size:18px; }
.l, .l td, .l th { font-size:16px; }
.m, .m td, .m th { font-size:14px; }
.s, .s td, .s th { font-size:12px; }
.xs, .xs td, .xs th { font-size:10px; }

.inlineBlock {
	display:inline-block;
 	zoom:1;
 	*display:inline;
}

.success {
 color:#00cc00;
 font-weight:bold;
}
.error {
 color:#cc0000;
 font-weight:bold;
}
.warning {
 color:#ff9900;
 font-weight:bold;
}

.clear {
 clear:both;
	height:1px;
	overflow:hidden;	
}
.inner_table {
 width:calc(100% + 10px);
 margin:0 -5px 10px;
}
.inner_table:first-child {
 margin-top:-10px;
}

#header {
	min-height:75px;
	border-bottom:1px solid #c2c7cc;
	box-shadow:0 2px 4px 0 #dae0e5;
	background-color:#fff;
	line-height:75px;
 padding:20px 0;
 text-align:center;
}
#header div {
	line-height:50%;
	vertical-align:middle;
	display:inline-block;
	width:47%;
	padding:0 1.5%;
}
#app_logo { text-align:left; }
#app_logo img {
 width:280px;
	height:75px;
 object-fit:contain;
}
#man_logo { text-align:right; }
#man_logo img {
	height:75px;
 max-width:225px;
 object-fit:contain;
}
#main {
	text-align:center;
	padding:20px 20px 105px;
}
#links {
	float:right;
 margin:26px 0 20px 20px;
}
#installer {
	float:right;
	color:#fff;
	z-index: 1;
 position: relative;
 margin: 3px 20px 0 0;
}
#footer {
	color:#fff;
	background-color:#02304a;
	font-size:11px;
	height:75px;
	padding:0px 20px;
	line-height:75px;
	margin-top:-75px;
}
#footer span {
	vertical-align:middle;
	line-height:normal;
}

.content {
	max-width:720px;
	margin:auto;
	text-align:left;
}

.screen {
	text-align:left;
	display:none;
	max-width:984px;
	margin-top:26px;
}
.photo_opp {
 border: 2px solid #663b22;
	padding: 5px 10px;
	color: #c74900;
	margin-bottom: 20px;
	width: calc(100% - 24px);
	font-size: 12px;
	text-align: center;
}
.photo_opp:before {
 content:"📷";
 vertical-align:middle;
 margin-right:10px;
}
.buttons {
	text-align:center;
	margin-top: 20px;
}
.info_box {
 border:1px solid #8A9199;
 background-color:#fff;
 box-shadow: 1px 1px 5px 0 #B8C2CC inset;
 padding:10px;
 height:360px;
 overflow:auto;
 margin-bottom:16px;
}
dt { float:left; }
dd dd { margin-left:65px; }
.question_image {
	max-width:984px;
	max-height:656px;
}
.options { text-align:center; }
.option {
	padding:10px;
	min-width:226px;
	text-align:left;
	vertical-align:top;
}
.option_image {
	display:block;
 width:224px;
	height:224px;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	border:1px solid #c2e5ac;
	margin:0 auto 3px;
}
.option.image {	display:inline-block; width:226px; text-align:center; }
.option > div {
	display:inline;
}
.option.image > div {
	display:inline-block;
	vertical-align:top;
	max-width:208px;
}
.matches {
 float:left;
	margin-right:20px;
	text-align:left;
}
.match {
	padding:10px 0;
}
.statements {
 overflow:hidden;
	text-align:left;
}
.statement {
	padding:10px 0;
}
.statement .option_image {
 display:inline;
 vertical-align:top;
}
.statement.image {	display:inline-block; width:245px; margin-right:20px; text-align:center; }

.select_multiple select { float:right; margin-left:20px; }

#overall_photo input[type=text], #location_photos input[type=text], #membrane_photos input[type=text], #additional_photos input[type=text], #dwr_photos input[type=text] {
 width:400px;
}

@media (max-width:990px) {
 .question_image {
		max-width:100%;
	}
}
@media (max-width:659px) {
 body #header div {
  display:block;
  margin-bottom:20px;
  text-align:center !important;
  width:auto !important;
 }
 body #header div:last-child {
  margin-bottom:0;
 }
}