/* html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, 
cite, codedel, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, 
ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, 
aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video
{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
} Comand */
/* @font-face {
font-family: "Helevetica Neue";
src:
url("fonts/HelveticaNeue-Thin.otf") format("opentype"),
url("fonts/HelveticaNeueLight.ttf") format("truetype")
}

@font-face {
font-family: "Helevetica Neue Bold";
src:
url("fonts/HelveticaNeueBold.ttf") format("truetype")
} */



/* body {line-height:1; } Comand */
/* article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;} Comand */
/* blockquote, q {quotes:none;} Comand */
/* blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;} Comand */
/* a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;} Comand */
/* ins {background-color:#ff9;color:#000;text-decoration:none;} Comand */
/* mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0; border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;} Comand */

/* .LogoContainer
{
	display:flex;
	flex-wrap: wrap;
	align-items	:center;
	justify-content:center;
	width:80%;
}
.HeaderLogo
{
	flex:1;
}
#helphead2
{
	font-size: 25px;
}
#popup1,#popup2
    {
		width:45%;
		height:auto;
    } Comand */
@media (min-width: 1024px)
{
	/* .HeaderSection
	{
		float:left;
		width: 100%;
		padding: 60px 0;
		background-color:#fafafa;
		border-bottom: 1px solid #e1e1e1;
		z-index: 9999;
		top: 0;
		position: fixed;
		transition: all 0.4s ease-in-out;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		font-size:30px;
		text-align:center;
	} Comand */
	.ContentSection
	{	
		width: 100%;
		background-color:#FFFFFF;
	}
	/* .ShrinkHeader {padding:40px 0;font-size:20px;
	} Comand */


	/* .FooterSection
	{
		display:none;
		float:left;
		width: 100%;
		padding: 60px 0;
		background: #fafafa;
		border-bottom: 1px solid #e1e1e1;
		z-index: 9999;
		top: 0;
	} 

	.LinkSection{display:inline-block;width:88%; margin-right:5%; margin-left:5%;text-align:center;display: flex;justify-content: center; flex-wrap: wrap;} 

	.LinkBox
	{
		display:inline-block;float:left; width:28%; margin-left:2%; margin-top:5%;  height:220px; border:1px solid #BBBBBB; border-radius:2px;
	}
	.LinkBoxIC
	{
		height:145px; width:100%;cursor:pointer;
	}
	.LinkBoxText{height:75px; margin-left:2%; width:90%; font-size:22px; padding:10px; border-top:1px solid #CCCCCC; text-align:center;cursor:pointer;} Comand */

	.EleSection{clear:both; min-height:35px; padding:7px; width:80%; margin:0 auto;}
	.EleLabel{float:left;width:30%;}
	/* .container {width: 200px;position: relative;float:left;width:70%} Comand */ 

	.IContentSection
	{
		/* width:60%; * Comand/ 
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		clear:both;
		text-align:center;
		text-align:justify;
		border:0px solid #999999;
		text-align:left;
		/* margin-left:20%; Comand */ 
		font-family: DM_SANSvar;
	}
/* .captchatxt{width:40%} Comand */
/* .captchaimage{float:left;width:20%} Comand */
	.EleCheckboxLabel
	{
		width:100%;  
		font-weight:400; 
		letter-spacing:1px;
		display: block;
		padding-left: 15px;
		text-indent: -15px;
		line-height:1;
	}
	.notes{letter-spacing:1px;font-size:15px;}

.Bround  
{
  border: 0px solid #000;
  border-radius: 5px;
  color:#FFFFFF;
  background-color:#00d5ff;
  padding: 5px 10px 15px 20px;
  margin-bottom:10px;
 width:50%;
}
}
@media (min-width: 801px) 
{
	
	
.HeaderSection
	{
		float:left;
		width: 100%;
		padding: 30px 0;
		background-color:#fafafa;
		border-bottom: 1px solid #e1e1e1;
		z-index: 9999;
		top: 0;
		position: fixed;
		transition: all 0.4s ease-in-out;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		font-size:30px;
		text-align:center;
	} 
	.ContentSection
	{		
		width: 100%;
		background-color:#FFFFFF;
	}
	/* .HeaderSection
	{
		float:left;
		width: 100%;
		padding: 0px 0;
		background-color:#fafafa;
		border-bottom: 1px solid #e1e1e1;
		z-index: 9999;
		top: 0;
		position: fixed;
		transition: all 0.4s ease-in-out;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		font-size:20px;
		text-align:center;
		
	} 
	.ContentSection
	{
		margin-top:6%;
		padding-top:2.5%;
		padding-bottom:0%;
		width: 100%;
		background-color:#FFFFFF;
	}Comand */
	
	/*.ShrinkHeader {padding:40px 0;font-size:20px;*/
	/* .ShrinkHeader {padding:0px 0;font-size:20px;} Comand */


	/* .FooterSection
	{
		display:none;
		float:left;
		width: 100%;
		padding: 60px 0;
		background: #fafafa;
		border-bottom: 1px solid #e1e1e1;
		z-index: 9999;
		top: 0;
	} Comand */

	.LinkSection
	{
		display:inline-block;
		width:95%;
		margin-right:2.5%;
		margin-left:2.5%;
		text-align:center;
		display: flex;
		justify-content:center;
		flex-wrap: wrap;
	}


	/* .LinkBox
	{
		display:inline-block;float:left; width:30%; margin-left:1.5%; margin-top:5%;  height:220px; border:1px solid #BBBBBB; border-radius:2px;
	}
	.LinkBoxIC
	{
		height:145px; width:100%;cursor:pointer;
	} 
	.LinkBoxText{height:75px; margin-left:5%; width:80%; font-size:18px; padding:10px; border-top:1px solid #CCCCCC; text-align:center;cursor:pointer;}
	Comand
 */
	.EleSection
	{
		clear:both;
		min-height:35px;
		padding:7px;
		width:98%;
		margin:0 auto;
	}
	.EleLabel
	{
		float:left;
		width:30%;
		margin-top:15px;
		/* color:#AC3434; */
		letter-spacing:2px;
		font-weight:bold;
	}
	/* .container {width: 200px;position: relative;float:left;width:70%} Comand */

	.IContentSection
	{
	/* width:60%; Comand */
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	clear:both;
	text-align:center;
	border:0px solid #999999;
	text-align:left;
	/* margin-left:20%; Comand */
	/* border:1px solid #000000;	Comand */
	/* border-radius:10px;  Comand */
	/* box-shadow: 5px 5px 10px #999999;  Comand */
	font-family: DM_SANSvar;
	}
	.IContentSectionP3
	{
		font-family: DM_SANSvar;
		width:90%;
		margin: 1% auto;
	}
	/* .captchatxt{width:40%}  Comand */
	/* .captchaimage
	{
		float:left;
		width:20%
	} Comand */
	/* .DAC{margin-left:30%;} Comand */
	.EleCheckboxLabel
	{
		width:100%;
		font-weight:400;
		letter-spacing:1px;
		display: block;
		padding-left: 15px;
		text-indent: -15px;
		line-height:1;
	}
	.notes
	{
		letter-spacing:1px;
		font-size:15px;
	}
	/* .Bround
	{
	  border: 0px solid #000;
	  border-radius: 5px;
	  color:#ffffff;
	  padding: 5px 10px 15px 20px;
	  margin-bottom:10px;
	 } Comand */
}


@media (min-width: 500px) and (max-width: 800px){

	.form-group select
	{
		width: 95% !important;
	}
	.FormUploadContainer
	{
	   text-align: center;
	   width: 100%;
	   display: flex;
	   flex-wrap: wrap;
	   align-items: flex-end;
	}
	#popup
	{
		background-color: rgb(254, 254, 254);
		border: 2px solid rgb(204, 204, 204);
		border-radius: 8px;
		width: 90% !important;
		z-index: 1001;
		height: auto;
		position: fixed;
		margin-left:5% !important;
		top: 30%;
	}
    /* #helphead2
	{
		font-size: 15px;
	}
    #popup1,#popup2
    {
		width:95%;
		height:200%; overflow:auto;
    }  
    .HeaderSection
	{
		float:left;
		width: 100%;
		padding: 0px 0;
		background-color:#fafafa;
		border-bottom: 1px solid #e1e1e1;
		z-index: 9999;
		top: 0;
		position: fixed;
		transition: all 0.4s ease-in-out;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		font-size:20px;
		text-align:center;
	}
	.ContentSection
	{
		margin-top:60%;
		padding-top:2.5%;
		padding-bottom:10%;
		width: 100%;
		background-color:#FFFFFF;
	} 
	.ShrinkHeader 
	{
		padding:0px 0;
		font-size:20px;
	}
	

	.FooterSection
	{
		display:none;
		float:left;
		width: 100%;
		padding: 60px 0;
		background: #fafafa;
		border-bottom: 1px solid #e1e1e1;
		z-index: 9999;
		top: 0;
	}

	.LinkSection{display:inline-block;width:88%; margin-right:5%; margin-left:5%;text-align:center;display: flex;justify-content: center; flex-wrap: wrap;}


	.LinkBox
	{
		display:inline-block;float:left; width:96%; margin-left:2%; margin-top:5%;  height:220px; border:1px solid #BBBBBB; border-radius:2px;
	}
	.LinkBoxIC
	{
		height:145px; width:100%;cursor:pointer;
	}
	.LinkBoxText{height:75px; margin-left:2%; width:90%; font-size:22px; font-weight:bold; padding:10px; border-top:1px solid #CCCCCC; text-align:center;cursor:pointer;}
Comand */
	.EleSection{clear:both; min-height:35px; padding:7px; width:90%; margin:0 auto;}
	.EleLabel
	{
		float:left;
		width:100%;
		margin-bottom:15px;
		font-weight:400; 
		/* color:#AC3434; */
	letter-spacing:1px;
	}
	/* .container {width: 200px;position: relative;float:left;width:100%} Comand */

	.IContentSection
	{
	/* width:100%; Comand */
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	clear:both;
	text-align:center;
	border:0px solid #999999;
	text-align:left;
	/* margin-left:0%; Comand */
	font-family: DM_SANSvar;
	}

	/* .captchatxt{width:100%} Comand */
/* .captchaimage{float:left;width:50%} Comand */
/* .DAC{margin-left:0%;} Comand */
	.EleCheckboxLabel
	{
		width:100%;
		letter-spacing:1px;
		display: block;
		padding-left: 15px;
		text-indent: -15px;
		line-height:1;
	}
	.notes
	{
		color:#77d42a;
		letter-spacing:1px;
		font-size:15px;
	}
	/* .Bround  
	{
	  border: 0px solid #000;
	  border-radius: 5px;
	  color:#ffffff;
	  background-color:#00d5ff;
	  padding: 5px 10px 15px 20px;
	  margin-bottom:10px;
	 	width:50%;
	} Comand */
	.IContentSectionP3
	{
		font-family: DM_SANSvar;
		width:99%;
		margin: 1% auto;
	}
	.UploadBtn
	{
	  padding: 12px;
	  background-color: rgb(12, 82, 129);
	  width:120px !important;
	  border-radius: 5px;
	  color: aliceblue;
	  font-size:16px;
	  border: none;
	  cursor: pointer;
	}
}
:focus {outline: none;}
::placeholder { color: #EEEEEE;opacity: 1;}
:-ms-input-placeholder {color: #EEEEEE;}
::-ms-input-placeholder {color: #EEEEEE;}
input[type=text] {width: 100%;;letter-spacing:2px;}
input[type=checkbox] {width: 13px; height: 13px; padding: 0; margin:0; vertical-align: bottom; position: relative; top: -1px; overflow: hidden;}
.input {border: 0;padding: 10px 0;border-bottom: 1px solid #ccc;font-size:20px;}
.input ~ .border {position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background-color: #27ad8a;}
.input:focus ~ .border {width: 100%;transition: 0.5s;}
Select  {width: 100%;letter-spacing:2px;}
.Select {border: 0;padding: 10px 0;border-bottom: 1px solid #ccc;font-size:20px;}
.Select ~ .border {position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background-color: #27ad8a;}
.Select:focus ~ .border {width: 100%;transition: 0.5s;}




/* .SubButton {
	background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
	background-color:#77d42a;
	border-radius:6px;
	border:1px solid #268a16;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:16px;
	padding:10px 15px;
	text-decoration:none;
}
.SubButton:hover {
	background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
	background-color:#5cb811;
}
.SubButton:active {
	position:relative;
	top:1px;
} 
.SubButton
{
  padding: 12px;
  background-color: rgb(12, 82, 129);
  width:250px;
  border-radius: 5px;
  color: aliceblue;
  font-size:18px;
  border: none;
  cursor: pointer;
}


.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.btn {
  border: 2px solid gray;
  color: gray;
  background-color: white;
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 20px;
  font-weight: bold;
}
Comand */

/* ---------------------------------------------------------New Designs---------------------------------------------------------- */
.IContentSectionP3
{
	font-family: DM_SANSvar;
	width:95%;
	margin: 1% auto;
}
.form-group {
    position: relative;
	text-align: left;
  }
  .form-group input {
    width: 90%;
    padding: 12px 12px 12px 17px;
    border: 1px solid rgba(96, 88, 202, 0.774);
    border-radius: 4px;
    /* transition: border-color 0.3s ease; */
  }
  .form-group select {
    width:93%;
	padding: 12px 12px 12px 17px;
    border: 1px solid rgba(96, 88, 202, 0.774);
    border-radius: 4px;
	/* font-size: 16px; */
	color: gray;
    /* transition: border-color 0.3s ease; */

  }
  .form-group label {
    position: absolute;
    left: 16px;
    top: 10px;
    color: #777;
    transition: 0.2s ease all;
    pointer-events: none;
	font-size: 14px;
  }
  .form-group input:focus {
    border-color: #007bff;
    outline: none;
  }
  .form-group input:focus + label,
  .form-group input:not(:placeholder-shown) + label {
    color: #007bff;
    background-color: #ffffff;
    padding: 0 4px;
    border-radius: 4px;    
    top: -10px;
	left: 12px;
	font-size: 13.5px;
	opacity: 1;
  }
  .NoteContainer
  {
    text-align: left;
    margin: 1% auto;
  }
  .UploadBtnFlexContainer
  {
    display: flex;
    flex-wrap: wrap;
  }
  .UploadBtnFlexContainer div
  {
    box-sizing: border-box;
	padding-right: 5px;
  }
  .UploadBtnFlexContainer div:nth-child(1)
  {
    width: 25%;
	position: relative;
    text-align: left;
  }
  .UploadBtnFlexContainer div:nth-child(2)
  {
    width:70%;
    text-align: left;
  }
  .UploadBtn
  {
    padding: 12px;
    background-color: rgb(12, 82, 129);
    width:80%;
    border-radius: 5px;
    color: aliceblue;
    font-size:16px;
    border: none;
    cursor: pointer;
  }
  .FormUploadContainer
 {
    text-align: center;
    width: 100%;
	display: flex;
    align-items:center;
 }
 .CaptchaReloadImg {
    cursor: pointer;
}
.CaptchaLabel {
    height: 43px;
    width: 120px;
	margin-left: 20px;
}
#CaptchaLabel
{
    position: absolute;
    left:15px;
    top: 10px;
    color: #777;
    transition: 0.2s ease all;
    pointer-events: none;
}
.form-group input:focus + #CaptchaLabel,
.form-group input:not(:placeholder-shown) + #CaptchaLabel {
  color: #007bff;
  background-color: #ffffff;
  padding: 0 4px;
  border-radius: 4px;    
  top: -5px;
  left: 12px;
  font-size: 13.5px;
  opacity: 1;
}
.upload-btn-wrapper input[type=file] {
	font-size: 100px;
    width: 79%;
    height: 93%;
    position: absolute;
    left: 4px;
    top: 3px;
    opacity: 0;
	cursor: pointer;
  }
  .SubButton
{
  padding: 12px;
  background-color: rgb(12, 82, 129);
  width:250px;
  border-radius: 5px;
  color: aliceblue;
  font-size:16px;
  border: none;
  cursor: pointer;
}
.capdistxt
{
	width:150px;	
	border:1px solid #666666;
	border-radius:5px;
	height:30px;
	font-size:30px;
	text-align:center;
	padding:2px;
	font-weight:bold;
	background-color:rgb(12, 82, 129);
	color:#FFFFFF;
	text-decoration:line-through;letter-spacing:8px;
	margin-left: 10px;
}
.AlertBgMask
{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	opacity:0.7;
	background-color:#000000;
	z-index:1000 ;
	/*position:absolute; width:80%;top:0px; left:10%;opacity:0.7; background-color:#000000;color:#FFFFFF;font-size:30px;display:none; text-align:center;z-index:1000 */
}
#popup
{
	background-color: rgb(254, 254, 254);
    border: 2px solid rgb(204, 204, 204);
    border-radius: 8px;
    width: 40%;
    z-index: 1001;
    height: auto;
    position: fixed;
    margin-left: 30%;
    top: 30%;
}
@media (min-width: 200px) and (max-width: 500px)
{
	.UploadBtnFlexContainer div:nth-child(1) 
	{
		width: 58% !important;
		position: relative !important;
		text-align: left !important;
	}
	.form-group select {
		width: 100% !important;
	}
	.EleSection{clear:both; min-height:35px; padding:7px; width:90%; margin:0 auto;}
}