@charset "UTF-8";
/* CSS Document */
@import url(fontawesome-all.min.css);
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300italic,600italic,300,600");
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

html,
body {
  
  margin: 0;
  padding: 0;
}

#wrapper_nmapid{

	display: grid;
	/*position:relative;*/
	width:100%;
	margin-top: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	margin-right: 0%;
	

	grid-template-columns: 0.1fr 1fr 1fr 0.1fr;
	grid-template-rows:50px auto auto auto 50px;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	
	text-align: center;
	top: 0%;
	
	background-color: rgb(255, 255, 255, 0.9);
	background-blend-mode: lighten;

	background-image: url("../../images/Chevrons_01l.png");
	background-repeat: no-repeat;
 	background-size: contain;
	
}

#mainformtitleid{

	grid-row: 2/3;
  	grid-column: 2/3;
  	/*margin:0px auto;*/
	padding-top:20px;
	text-align: left;
	padding-bottom: 40px;
}
#mainformid{
	
	grid-row: 2/5;
  	grid-column: 3/4;
  	align-self: end!important;
  	
}
#reqnoteid{
	text-align: left;
	margin-bottom: 20px;
}
#reqimagenoteid{
	text-align: left;
}
#ver_imgid{
	margin-left: 0px;
	margin-top: -20px;
	text-align: left;
}

#mapid {
  height: 100%;
  width: 100%;
  grid-row: 4/5;
  grid-column: 2/3;
  /*min-height: 400px;*/
  margin-bottom:-10px;
	 align-self: end!important;
	 
  
}

#map_hdgid{	
	grid-row: 2/3;
	grid-column: 2/4;
	text-align: center;
	margin-left: 0px;
}
#map_txtid{
	
	grid-row: 3/4;
	grid-column: 2/3;
	text-align: left;
	margin-left: 0px;
	position:relative;
	padding-bottom: 40px;
}


dialog::backdrop {
  /*background: rgb(255 0 0 / 25%);*/
  backdrop-filter: blur(2px);
}
#dialog_mailid{
	width: 400px;
	height: 200px;
	position: absolute;
	/*translate: transform(0%, 0%);*/
	/*top: 300px;*/
	
	border:3px solid rgba(9, 203, 245, 1);;   /** change css properties to match your theme*/
	background-color: white !important;
	color: rgba(100, 100, 100, 1);
	font-size: 12pt!important;
	
	overflow: hidden;

}
#dlg_form_id{
	display: block;
	margin: 5% 0% 0% 25%; /*margin: 1rem 8rem 0rem 8rem;*/
	background: rgba(0, 0, 0, 0.50);	
	width: 50%!important;
	height: 60px!important;
	font-size: 12pt!important;
}
#dialog_close_id{
	/*line-height: calc(3.25rem - 2px)!important;*/
	width:100%;
	font-size:12pt!important;
}


#err_name_id{
	visibility: hidden;
}
#err_namel_id{
	visibility: hidden;
}
#err_org_id{
	visibility: hidden;
}
#err_email_id{
	visibility: hidden;
}
#err_no_id{
	visibility: hidden;
}
#err_v_id{
	visibility: hidden;
}

@media screen and (max-width: 1680px){
	#dialog_close_id{
		line-height: calc(3.75rem - 2px)!important;
		height: 60px;
	}
}

@media screen and (max-width: 1360px){
	
	/*update_ipad_Map();*/
	
	#wrapper_nmapid{

		grid-template-columns: 40px 1fr 40px;
		grid-template-rows:50px auto auto auto 500px 50px;
		align-items:center;
	}
	#mainformtitleid{
		grid-row: 2/3;
		grid-column: 2/3;
		text-align: center;
		margin:0px 0px 0px 0px;
	}
	#mainformid{
		grid-row: 3/4;
		grid-column: 2/3;
		width: 80%;
		transform: translate(20%, 0%);
		margin:0px 0px 0px 0px;
	}
	#map_txtid{
		grid-row: 4/5;
		grid-column: 2/3;
		text-align:center;
		padding-top: 40px;
	}
	#mapid {
		grid-row: 5/6;
		grid-column: 2/3;
		
	}
	#formid{
		padding:20px 20px;
		margin:0px 0px 0px 0px!important;
  	}

}
	
@media screen and (max-width: 900px){

	#mainformid{
		width: 100%;
		transform: translate(7%, 0%);
	}
}
@media screen and (max-width: 600px){
	
	#wrapper_nmapid{
		width: 105%;
	}
	#mainformid{
		width: 100%!important;
		transform: translate(6%, 0%);
		margin:0px 0px 0px 0px!important;
	}
}
@media screen and (max-width: 500px){
	
	#wrapper_nmapid{
		grid-template-columns: 0px 1fr 0px;
	}
	
	#mainformid{
		width: 100%!important;
		transform: translate(6%, 0%);
		margin:0px 0px 0px 0px!important;
	}
}

@media screen and (max-width: 350px){

	#mainformid{
		width: 100%!important;
		transform: translate(6%, 0%);
		margin:0px 0px 0px 0px!important;
	}
}
@media screen and (max-width: 325px){

	#mainformid{
		/*width: 95%!important;
		transform: translate(3%, 0%);*/
		margin:0px 0px 0px 0px!important;
		vertical-align:middle;
	}
}
@media screen and (max-width: 300px){

	#mainformid{
		/*width: 85%!important;
		transform: translate(5%, 0%);*/
		margin:0px 0px 0px 0px!important;
	}
	#mainformtitleid{
		
		margin:0px 0px 0px -30px;
	}
}