@charset "utf-8";
/* TEXT STYLE CSS Document */
body
{
    margin:0;
    padding:0;
}

a
{
    color:Black;
}

/*
a:visited {
   color: Gray;
}
*/

.loginbox {
	float: left;
	width:700px;
	height:350px;
	padding:0 0 0 50px;
	/* background-color:#FFF; */
	}

.newTestBox {
	float: left;
	width: 100%;
	height: 100%;
	padding:0 0 0 50px;
}
	
.loginbox2 {
    float: left;
    width:745px;
    height:350px;
    padding:0 0 0 0px;
    margin:0 0 0 0;
    /* background-color:#FFF; */
}

.loginbox3 {
    float: left;
    width:750px;
    height:350px;
    padding-top:80px;
    padding-left:80px;
    margin:0 0 0 0;
}

.create-test {
	float: left;
	width:700px;
	height:350px;
	padding:0 0 0 50px;
	/* background-color:#FFF; */
}
	
.UserAccountBox
{
    margin:0;
	float:left;
    background-color: #FFF;
    width: 130px;
	height:40px;
	overflow:hidden;
    margin-top:0;
    padding:0;
    
}

.AtDiv
{
    float: left;
    width:15px;
    margin-left:0;
    margin-top:0;
}

.EmailBox
{
    float:left;
    background-color:#FFF;
    width: 130px;
	height:40px;
	margin-left:0px;
	overflow:hidden;
	margin-top:0;
	
}

.loginboxIframe {
	float: left;
	width:720px;
	height:350px;
	padding:0 0 0 50px;
    margin:0 0 0 0;
	background-color:#FFF;
	
	}
	
.loginStyle {
	float:left;
	text-align:left;
	width: 250px;
	height:30px;
	margin: 20px 0 5px 0px;
	
	}
	
.pleaseenter {
	/* float: right;
	width: 300px;
	height:325px;
	padding:15px 45px 10px 45px;
	background-color:#F7F7F7; */
	background-image:url(../images/login/bg2.png);
	
	}

.registerbg {
	float: right;
	width: 380px;
	height: 320px;
	background-color: #F7F7F7;
	background-image: url(../images/login/bg_register.png);
	background-repeat: no-repeat;
}

.titlepadding{
	float: right;
	width: 350px;
	height:310px;
	padding:20px 20px 20px 20px;
	background-color:#F7F7F7;
    background-image :url(../images/login/bg_register.png);
	
	}

.bgpassword{	
	float: right;
	width: 360px;
	height:320px;
    
	background-color:#F7F7F7;
	background-image:url(../images/login/bg_password3.png);
	background-repeat:no-repeat;
    
	}


		
.bginfo{	
	float: right;
	width: 300px;
	height:325px;
	padding:15px 45px 10px 45px;
	background-color:#F7F7F7;
	background-image:url(../images/login/bg_info.png);
	}	
	


.loginTitle {
	float: left;
	width: 260px;
	height:20px;
	margin:5px 0px 0px 0px;
	}	

	
.loginTitle2 {
	float: left;
	width: 260px;
	height:20px;
	margin:5px 0px 0px 0px;
	}
		
.errorbox1 {
	float: left;
	
	text-align:left;
	width: 260px;
	height:10px;
	margin:2px 0px 0px 2px;
	}	


.errorbox2 {
	float: left;
	text-align:left;
	width: 10px;
	height:10px;
	margin:5px 0px 0px 5px;
	}	


.errorbox3 {
	float: left;
	width: 10px;
	height:17px;
	padding:6px 0 0 2px;
	}	
	
.errorbox4 {
	float: left;
	width: 300px;
	margin: 10px 0px 0 40px;
	text-align:left;
	}	
	
.errorbox5 {
	float: left;
	width: 300px;
	margin:0px 80px 0 0px;
	text-align:left;
	}	
	
.errorbox6 {
	float: left;
	width: 400px;
	margin:50px 0px 0px -50px;
	text-align:left;
	position:absolute;
	}	
	
.DobErrorbox {
	float: left;
	width: 90px;
	height:17px;
	margin:0px 0px 0px 0px;
	
    }	

.loginDOBselect {
 	float: left;
	width: 290px;
	height:20px;
	margin-bottom:5px;
}
.loginDOBselectbox {
 	float: left;
	width: 90px;
	height:25px;
	/* overflow:hidden; */
} 
.loginDOBselectbox select {
 	float: left;
	background: transparent;
	width:85px; 
	height:25px;
	border:1px solid #66ccff;
	
} 
	
.forgot {
	float: left;
	width: 150px;
	height:52px;
    padding:15px 0 0 0;
	}

.loginBtn {
	float: left;
	width: 100px;
	height:62px;
	margin: 20px 0px 0px 10px;
	}	

.loginBtn2 {
	float: left;
	width: 100px;
	height:62px;
	margin: 0px 0px 0px 10px;
	}


.loginbar1 {
    float: left;
    width: 280px;
    height:2px;
    background-color:#999;
}	
	
.loginbar {
	float: left;
	width: 280px;
	height:2px;
	overflow:hidden;
	background-color:#999;
	}	
	

	
.registorTable {
	float:left;
	width:850px;
	margin:0px 30px 0px 30px;
}	

.registorTitle {
	float:left;
	width:850px;
	height:80px;
	padding:0px 30px 0 30px;
}

.emailIcon{
	float:left;
	width:100px;
	margin: 120px 0 0 100px;
	}
	
.emailText{
	float:left;
	width:350px;
	margin: 120px 0 0 0;
	}	
	
.LeftHalfDiv
{
    float:left;
    width:360px;
    height:378px;
    margin-left:20px;
}

.RightHalfDiv
{
    float:left;
    width:360px;
    height:378px;
    background-color:#F7F7F7;
	background-image:url(../images/login/bg_register.png);
	background-repeat:no-repeat;
}	


.RightHalfDiv2
{
    float:left;
    width:360px;
    height:378px;
    background-color:#F7F7F7;
	background-image:url(../images/login/bg_password3.png);
	background-repeat:no-repeat;
}


.error-msg-account{
	display: block;
	text-align: left;
	margin-top: 5px;
}

.error-msg-register{
	display: block;
	text-align: left;
}

#loginForm *{
	box-sizing: border-box;
}
#loginForm p {
	margin: 0;
	line-height: 0;
}

#loginForm .new-loginbox{
	 display: flex;
 }

#loginForm .image-content-login{
	display: flex;
	align-items: center;
	justify-content:  center;
	flex-direction: column;
	background-color: #EAEEFA;
	position: relative;
	 /*background: url(../images/login/bg_login.svg) no-repeat;*/
	/*width: 354px;*/
	/*height: 409px;*/
}
#loginForm .primary-color-text{
	color: #2593FC;
}
#loginForm .image-content-login-text{
	width: 417px;
	text-align:  center;
	position: absolute;
	top: 158px;
	left: 0;
}
#loginForm .form-login-wrapper{
	display: flex;
	justify-content: center;
	/*align-items: center;*/
	margin-top: 120px;
	width: 435px;
}
#loginForm .login-popup-title-text{
	margin-bottom: 27px;
}
#loginForm .forgot-password-wrapper{
	/*margin-top: 5px;*/
	margin-bottom: 22px;
	line-height: 14.4px;
	color: rgba(140, 140, 140, 1);
	text-align:  right;

}
#loginForm .main-form-login{
	padding: 0 52px;
	width:  100%;
}
#loginForm .form-input-login{
	position: relative;
}
#loginForm .form-select-register{
	display: flex;

}

#loginForm .select-wrapper{
	flex: 1;
}
#loginForm .main-form-login .form-input-login input {
	width: 100%;
	height: 44px;
	background-color: rgba(234, 238, 250, 1);
	font-size: 14px;
	font-family: "Roboto", sans-serif;
	border: none;
	font-weight: 600;
	border-radius: 100px;
	padding-left: 54px;
}

#loginForm select {
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
}

#loginForm .main-form-login select{
	--bs-form-select-bg-img: url(/images/login/arrowdown.svg);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
	border-radius: 100px;
	background-color: rgba(234, 238, 250, 1);
	border: none;
	padding: 14px;
	color: #8C8C8C;
	font-size: 14px;
	font-weight: 600;
	width: 100%;
}
#loginForm .main-form-login .forgot-password-wrapper a{
	color: rgba(140, 140, 140, 1)
}
#loginForm .btn-custom{
	border-radius: 100px;
	
}
#loginForm .btn-custom-register{
	background-color: #FFCA30;
	margin-left: 5px;
	color: #fff;
	padding: 10px 30px;
	margin-bottom: 3px;
}
#loginForm .btn-custom-login{
	background-color:  #56ACFF
}
#loginForm .login-btn-wrapper{
	display: flex;
	justify-content: center;
	align-items: center;
}
#loginForm .image-form-login{
	position: absolute;
	top: 10px;
	left: 18px;
}
#loginForm .image-form-login-email{
	position: absolute;
	top: 14px;
	left: 18px;
}

#loginForm .image-form-login-confirm-email{
	position: absolute;
	top: 14px;
	left: 18px;
}
#loginForm .image-form-login1{
	position: absolute;
	top: 10px;
	left: 20px;
}
 #loginForm input:focus,select:focus{
	 outline: none;
 }
 #loginForm p#error {
	 line-height: 1.8;
 }
 #loginForm p#msg {
	line-height: 1.8;
}
 #loginForm .form-input-login:after{
	 clear: both;
	 content: "";
	 display: block;
 }
 #loginForm .welcome-login-img{
	 width: 417px;
	 height:  482px;
 }
	
#loginForm .form-input-login.email-input input{
	width: 170px;
	border-radius: unset;
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
}
#loginForm .form-input-login.confirm-email-input input{
	width: 170px;
	border-radius: unset;
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
}

#loginForm .form-input-login.email-input, #loginForm .form-input-login.confirm-email-input{
	width:  170px;
}

#loginForm .form-input-login.email-type-input input{
	border-radius: unset; 
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	padding-left: 2px
}

#loginForm .form-input-login.confirm-email-type-input input{
	border-radius: unset;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	padding-left: 2px
}

#loginForm .form-select-register .image-form-login {
	top: 14px;
}

#loginForm .email-icon-account{
	display: none;
}
#loginForm .confirm-email-icon-account{
	display: none;
}


@media (max-width: 900px){
	#loginForm{
		width: 100%;
		height: 100%;
	}
	#loginForm .welcome-login-img{
		width: 100%;
	}

	#loginForm .image-content-login{
		width: 49%;
	}

	#loginForm .form-login-wrapper {
		width: 51%;
	}

	#loginForm .image-content-login-text {
		width: 49%;
	}
	
	
}

@media (max-width: 800px) {
	#loginForm .main-form-login {
		padding: 0 28px;
	}
}

@media (max-width: 768px){
	#loginForm .login-popup-title-text {
		font-size: 27px;
	}
}