@charset "utf-8";
/* CSS Document */

@media print {
	.no-print {
		display: none; /* change to none to prevent printing */
	}
	
	.page-break {
		page-break{page-break-after: always;}
	}

	header nav footer {
		display: none;
	}

	img.siteMap {
		max-width: 100%;
	}

	@page {
		margin: 25px;
	}
	table, tr, th, td {
	  border: 1px solid ;
	    empty-cells: show;
	    border-collapse: collapse;

	}
	#head th {
		background-color: #A0A0A4;
	}
	tr:nth-child(odd) {
		background-color: #FFFBF0;
	}
	.table-output {
	  height: 20px;
	  border: 1px solid black;
	  width: 100%;
	  text-align: center;
	}
/* #inst form {
	display: none;
} */
body {
	font-family: Verdana, Geneva, sans-serif;
	width: 700px;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
	margin: auto;
}
h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.4px;
}
h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	line-height: 15.4px;
}
p {
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
}
label {
display: inline-flex;
padding: 15px;
font-size: inherit;
}
legend {
padding: 10px;
font-size: 1.5em;
}
button, input, select {
font-family: inherit;
font-size: inherit;
margin: 10px 10px 10px 0;
background-color: #f0f0f5;
line-height: 20px;
}
textarea {
overflow: auto;
overflow-x: auto;
overflow-y: auto;
vertical-align: top;
max-width: 100%;
width: 50%;
min-height: 100px;
font-family: inherit;
font-size: 10px;
margin: 10px;
background-color: #f0f0f5;
}
table, tr, th, td {
border: 1px solid ;
	empty-cells: show;
	border-collapse: collapse;
}
#head th {
background-color: #A0A0A4;
}
tr:nth-child(odd) {
background-color: #FFFBF0;
}
.no-bullet {
list-style-type: none;
margin-left: -40px;
}
.tooltip {
position: relative;
display: inline-block;
border-bottom: 0px;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 250px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
top: -5px;
left: 110%;
}
.tooltip .tooltiptext::after {
position: absolute;
margin-top: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
.upper {
text-transform: uppercase;
font-size: 2em;
}
.table-output {
height: 20px;
border: 1px solid black;
width: 100%;
text-align: center;
}

/*********************   inputs section   ****************************/
.form-hazard {
display: grid;
grid-template-columns: 50% 50%;
padding-bottom: 15px;
font-family: inherit;
}
.frmEvent {
display: grid;
grid-template-columns: 1fr 1fr;
}
tr.moderate {
background-color: #ffff00;
text-align: center;
}
tr.moderate1 {
background-color: #ffd700;
text-align: center;
}
tr.high {
background-color: #ff0000;
text-align: center;
}
th.light {
background-color: #e6e6fa;
}
th.medium {
background-color: #c6e2ff;
}
th.hard {
background-color: #6897bb;
}
.ul-ital {
text-decoration: underline;
font-style: italic;
padding-left: .5em;
padding-right: .5em;
}
/*********************   outputs area   ****************************/

#staging {
	page-break-after: always;
}

/*********************   site map photo drop area   ****************************/
.drop-zone {
  max-width: 700px;
  height: 700px;
  padding: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
  font-size: 20px;
  cursor: pointer;
  color: #cccccc;
  border: 4px dashed #009578;
  border-radius: 10px;
}

* {
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari */
    color-adjust: exact !important;                 /*Firefox*/
}

.drop-zone--over {
  border-style: solid;
}

.drop-zone__input {
  display: list-item;
}

.drop-zone__thumb {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  background-color: #cccccc;
  background-size: cover;
  position: relative;
}

.drop-zone__thumb::after {
  content: attr(data-label);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px 0;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.75);
  font-size: 14px;
  text-align: center;
}

/* ************  Set all output ID articles to invisible  **************/
.drop-zone__input {
	display: none;
}


/*********************   footer elements   ***************************/