body{background:#ffffff;!background-image:url('../../img/BG1.jpg');background-position:top;background-repeat: no-repeat;background-size: cover; text-align:center;align-content:center;left:0;top:0;margin:0;padding:0;overflow-x:hidden}
p{font-family:Helvetica,Verdana,Arial;font-size:10pt;margin:0;color:#303030;}
h2{margin:0;padding:20px 0 20px 0;}
h1,h2,h3,h4{font-family:Helvetica,Verdana,Arial;color:#FFFFFF;}
h3{color:#606060;}
h4{color:#606060;}
.HeaderArea{position:absolute;top:0; width:100%;height:50%;background-image:url('../../img/BG2.jpg');background-position:center;background-repeat: no-repeat;background-size: cover; }
.Standard{text-align:left;width:700px;border:0px solid green;margin:0px auto;}
.LogoArea{position:absolute;top:15%; width:100%;font-family:Arial;text-align:center;background-color:#ffffff;opacity:0.9;margin:0px auto;}
.UnderLogo{width:calc(100%-10px);font-family:Arial;color:#ffffff;text-align:center;background-color:#f68b1f;opacity:1;margin:0px auto;padding:5px;letter-spacing: 3px;}
.UserName{width:100%;padding:5px;margin:10px 0px 10px 0px;}
.Password{width:100%;padding:5px;margin:10px 0px 10px 0px;}
.GenInput{width:100%;padding:10px;margin:3px 0 3px 0;}
input[type=checkbox] {width: 20px; height:20px;padding: 12px 20px;margin: 4px 0;display: inline-block;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box; font-size:10pt;}
input[type=text], [type=password], select{width: 100%;padding: 12px 20px;margin: 4px 0;display: inline-block;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box; font-size:10pt;}
input[type=submit] {width: 49%;_background-color: #f68b1f;color: white;padding: 14px 20px;margin: 8px 0;border: none;border-radius: 4px;cursor: pointer;}
.LoginButton{width:100%;background:#f68b1f;color:white;font-family:Arial;padding: 14px 20px;margin: 8px 0;border: none;border-radius: 4px;text-align:center;font-weight:normal;text-decoration:none;cursor:pointer;}
.LoginButton:hover {background-color:#b96918;}
.SendButton{background-color:#f68b1f;}
.SendButton:hover {background-color:#b96918;}
.CancelButton{background-color:#808080;}
.CancelButton:hover{background-color:#606060;}
.Bottom{top:90%; width:calc(100%-40px);font-family:Helvetica,Verdana,Arial;font-size:10px;color:#e5ae3d;background:#464646;padding:20px;}
.Bottom a {color:#e5ae3d;}
.ForgotPass{padding:5px;margin:10px auto;text-align:center;}
.ErrorMessage{color:#e5ae3d;font-family:Helvetica,Verdana,Arial;font-size:12px;margin:10px auto;text-align:center;}
.main{position:absolute; width:100%;border:0px solid gray;text-align:center;!margin:10px auto;margin-top:30px;background:#f0f0f0;background-image:url('../../img/red_flush.jpg');background-position:center;background-size:cover; top:40%;}
.MainArea{width:500px;border:0px solid gray;text-align:left;margin:0px auto;margin-top:0px; padding:0;color:#303030;font-size:10pt;font-family:Helvetica,Verdana,Arial;}
.MainArea a{color:#303030;}
.MainRegister{width:700px;border:0px solid gray;text-align:left;margin:0px auto;margin-top:0px; padding:0;color:#000;font-size:10pt;font-family:Helvetica,Verdana,Arial;}
.MainRegister h1 {color:black;}
.lblTitle {display: block;font-Size: 2.5vh;font-Weight:normal;font-family: "Arial";margin: 5px;}
.TxtDetails {
    width: 50%;padding: 5px 15px;margin: 0px 0 10px 0px;border-radius: 5px;box-sizing: border-box;
    font-Size: 3vh;color: #808080;border: 1px solid;
}
.DivCrtUser {position: relative;width: 100%;padding: 0px;font-size: 12px;border: 0px solid black;font-family:Helvetica, sans-serif ,Arial;color:gray;}
.DivCrtUser p{color:#606060;}
.RequiredField {color:red;font-size:9px;font-family:Arial, Helvetica, sans-serif;}
.incorrect {color:red;font-size:9px;font-family:Arial, Helvetica, sans-serif;}
.Name{width:25%;float:left;padding:15px 0;}
.Value{width:75%;float:left;}

@media only screen and (max-device-width: 750px) {
    .TxtDetails {
		width: 95%;
		padding: 5px 15px;
		margin: 0px 0 10px 0px;
		border-radius: 5px;
		box-sizing: border-box;
		font-Size: 7vw;
		color: #808080;
		border: 1px solid;
    }
    .MainArea{width:90%;text-align:left;margin:0px 5% 0 5%;margin-top:0px;color:#42505d;font-size:10pt;font-family:Helvetica,Verdana,Arial;}
	.Standard{text-align:left;width:100%;margin:0;padding:0 0px 0 0;}
    .LogoArea{width:100%;font-family:Arial;font-size:10px;text-align:center;margin:0px auto;}
    .MainRegister{width:90%;border:0px solid gray;text-align:left;margin:0px auto;margin-top:0px; padding:0;color:#000;font-size:10pt;font-family:Helvetica,Verdana,Arial;}
    .Name{width:100%;float:none;padding:0 0;}
    .Value{width:100%;float:none;}
    .UnderLogo{width:calc(100%-10px);font-family:Arial;color:#ffffff;text-align:center;background-color:#f68b1f;opacity:1;margin:0px auto;padding:7px;letter-spacing: 2px;}
}