/* REQUEST SEELCT LOCATION */
.modalDialog2 {
  	overflow-y: scroll;
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	top: -90px;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog2:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog2 > div {
	width: 500px;
	height: auto;
	text-align: left;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #f4fbec;
	color: black;
}





/* SUPPORT */
.modalDialog3 {
  	overflow-y: scroll;
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	top: -90px;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog3:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog3 > div {
	width: 800px;
	height: auto;
	text-align: left;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #f4fbec;
	color: black;
}





/*  REQUEST VALIDATION LEARN MORE */
.modalDialog4 {
  	overflow-y: scroll;
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	top: -90px;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog4:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog4 > div {
	width: 700px;
	height: auto;
	text-align: left;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #f4fbec;
	color: black;
}





.modalDialog5 {
  	overflow-y: scroll;
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	top: -90px;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog5:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog5 > div {
	width: 600px;
	height: auto;
	text-align: left;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #f4fbec;
	color: black;
}





/*  CHALLENGE RESOURCES */
.modalDialog6 {
  	overflow-y: scroll;
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	top: -90px;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog6:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog6 > div {
	width: 600px;
	height: auto;
	text-align: left;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #f4fbec;
	color: black;
}




/*  CHALLENGE RESOURCES */
.modalDialog8 {
  	overflow-y: scroll;
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	top: -90px;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog8:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog8 > div {
	width: 650px;
	height: auto;
	text-align: left;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #f4fbec;
	color: black;
}




/*  RESOURCES MORE POPUP */
.modalDialog9 {
  	overflow-y: scroll;
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	top: -90px;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog9:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog9 > div {
	width: 800px;
	height: auto;
	text-align: left;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #f4fbec;
	color: black;
}





/*  REQUEST EDIT */
.modalDialog10 {
  	overflow-y: scroll;
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	top: -90px;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog10:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog10 > div {
	width: 650px;
	height: auto;
	text-align: left;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #f4fbec;
	color: black;
}



/*  CHALLENGE ADD RESOURCES */
.modalDialog11 {
  	overflow-y: scroll;
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	top: -90px;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog11:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog11 > div {
	width: 700px;
	height: auto;
	text-align: left;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #f4fbec;
	color: black;
}



/*  ACTIVATE REQUEST */
.modalDialog12 {
  	overflow-y: scroll;
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	top: -90px;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog12:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog12 > div {
	width: 600px;
	height: auto;
	text-align: left;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #f4fbec;
	color: black;
}



/*  ADD PLACE TO REQUEST */
.modalDialog13 {
  	overflow-y: scroll;
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	top: -90px;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog13:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog13 > div {
	width: 600px;
	height: auto;
	text-align: left;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #f4fbec;
	color: black;
}





/* EDIT CONTENT */
.modalDialog14 {
  	overflow-y: scroll;
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	top: -90px;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog14:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog14 > div {
	width: 650px;
	height: auto;
	text-align: left;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #f4fbec;
	color: black;
}



/* VALIDATE CHALLENGE LEARN MORE */
.modalDialog15 {
  	overflow-y: scroll;
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	top: -90px;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog15:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog15 > div {
	width: 650px;
	height: auto;
	text-align: left;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #f4fbec;
	color: black;
}





/* ADD OR EDIT FEATURED REQUEST ARTICLE PLACES FOR COORDINATOR */
.modalDialog16 {
  	overflow-y: scroll;
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	top: -90px;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog16:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog16 > div {
	width: 700px;
	height: auto;
	text-align: left;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #f4fbec;
	color: black;
}





/* ADD A PLACE */
.modalDialog17 {
  	overflow-y: scroll;
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	top: -90px;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog17:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog17 > div {
	width: 700px;
	height: auto;
	text-align: left;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #f4fbec;
	color: black;
}