@charset "UTF-8";


.login-page{position:absolute;width:100%;height:100%; top:0px;bottom:0px;left:0px;right:0px;text-align:center;overflow:auto; background-color:var(--background-color);		}
	.login-case{display:flex;height:100%;width:100%; align-items:center;justify-content:center; 	}
		.login-case-in{display:inline-block;height:auto;width:100%; 								}
	

.login-panel{display:inline-block;height:auto;width:450px;padding:30px;margin:20px 3%;max-width:94%;border-radius:5px; border:1px solid var(--border-color); text-align:left;	background-color:#fff; }
	
	
	.login-head{float:left;height:auto;width:100%;margin-bottom:var(--input-margin-bottom);	text-align:center;		}
		.login-head img{display:inline-block;width:auto;height:60px;max-width:100%;		}
		.login-head h2{float:left;height:auto;width:100%; font-size:24px;font-weight:400;				}
		.login-head p{float:left;height:auto;width:100%; font-size:.9em; color:#666;	}

	.login-body{float:left;height:auto;width:100%;			}
		.login-forgot{float:right;height:auto;width:auto;	}
		.login-invalid{float:left;height:auto;width:100%;margin:-5px 0px 5px 0px;  font-style:italic; color:var(--color-invalid); 	}
		.login-remember{float:left;height:auto;width:auto;	}
			.login-remember input{float:left;height:15px;width:15px;margin:4.5px 5px 0px 0px; outline:none; 	}
			.login-remember label{float:left;height:auto;width:auto; 	}

	.login-footer{float:left;height:auto;width:100%;margin-top:20px;	}


	.login-confirm{float:left;height:auto;width:100%; padding:15px;margin:10px 0px;	border-radius:3px;border:1px solid var(--outline-color);		}
		.login-confirm-label{float:left;height:auto;width:auto;	font-size:13px;margin:-26px 0px 0px 0px;	color:var(--outline-color);background-color:#fff;		}
		.login-confirm-info{float:left;height:auto;width:auto;	color:#333;	}
			.login-confirm-info p{float:left;height:auto;width:100%; 		}
				.login-confirm-info p b{font-weight:500;					}

		.login-confirm-info span{float:left;height:auto;width:100%;	padding:10px 10px;margin-top:15px; border:1px solid #ccc;	}


@media screen and (max-height:560px)
{
	.login-case{display:inline-block;}
}


.grecaptcha-badge{display:none !important;}



/* Registration */
.reg-req-wrap{float:right;height:auto;width:35%;	width:calc(400px - 0px);		}
.reg-form-wrap{float:left;height:auto;width:60%;	width:calc(100% - 500px);margin-right:100px; padding-bottom:10px;   }
.reg-form-wrap{resize:both;overflow:auto;margin-bottom:50px;	border-bottom:5px dashed #999;   }

	.registration-form{float:left;height:auto;width:98%;margin:0px 1%; width:calc(100% - 4px);margin:0px calc(2px); padding:20px; margin-bottom:30px; box-shadow:0px 0px 5px 0px #999;	border-radius:2px;		background-color:#fff;		}

		.profile-info{margin-top:-9px;		}
		.profile-photo-wrap{		}
		
		.reg-title{float:left;height:auto;width:100%; margin-bottom:10px;	font-size:23px; font-weight:400;	}


	.reg-req-wrap h3{float:left;height:auto;width:100%;	font-weight:500; text-transform:uppercase; color:#333;	}
		.reg-req-wrap ol{float:left;height:auto;width:100%;	margin-bottom:20px;	}
			.reg-req-wrap ol li{float:left;height:auto;width:95%;margin-left:5%; width:calc(100% - 30px); margin-left:calc(30px - 0px); padding:3px 0px; color:#444;	}


@media screen and (max-width:1100px)
{
	.reg-req-wrap{width:35%; 					}
	.reg-form-wrap{width:60%; margin-right:5%;	}
}
@media screen and (max-width:900px)
{
	.reg-req-wrap, .reg-form-wrap{width:100%;	margin-right:0px;	}
}

/*
.r-req-panel{float:left;height:auto;width:35%;	width:calc(400px - 0px);		}
.r-form-panel{float:left;height:auto;width:60%;	width:calc(100% - 500px);margin-right:100px; padding-bottom:10px;	}
.r-form-panel{resize:both;overflow:auto;margin-bottom:50px;	border-bottom:5px dashed #999;	}

	.r-info{float:left;height:auto;width:100%;	margin-top:-30px;		}
	.r-form{float:left;height:auto;width:90%;padding:20px 4%;margin:-30px .5% 10px .5%;width:calc(100% - 50px);padding:calc(20px - 0px);margin:-30px calc(5px - 0px) 10px calc(5px - 0px);		box-shadow:0px 0px 5px 0px #999;	border-radius:2px;		background-color:#fff;		}

		.r-req-wrap{float:left;height:auto;width:100%;margin-bottom:20px;		}
			.r-req-wrap li{float:left;height:auto;width:95%;margin-left:5%;	width:calc(100% - 30px);margin-left:calc(30px - 0px);	}
			.r-info-title{float:left;height:auto;width:100%;margin-bottom:10px;	font-size:1.1em;	color:#555;		}

	.r-notification{margin-top:20px;}

	.r-submit-msg{float:left;height:auto;width:94%;padding:10px 3%;width:calc(100% - 20px);padding:calc(10px - 0px);	margin-bottom:20px;	font-size:.9em;		background-color:var(--primary-lightest);	}

.r-req-panel *{font-family:var(--font);	}

@media screen and (max-width:1100px)	
{
	.r-form-panel{width:calc(100% - 450px);margin-right:50px; 	}
}
@media screen and (max-width:1000px)	
{
	.r-req-panel{width:35%;						width:calc(350px - 0px);					}
	.r-form-panel{width:60%;margin-right:5%;	width:calc(100% - 400px);margin-right:50px; /*width:calc(100% - 450px);margin-right:50px;*/ 	}
}

@media screen and (max-width:800px)	
{
	.r-req-panel{width:100%;					}
	.r-form-panel{width:100%;resize:none; overflow:visible;		}
		.r-form{float:left;height:auto;width:90%;padding:20px 5%;margin:-30px 0px 10px 0px;width:calc(100% - 40px);padding:calc(20px - 0px);	}
}

*/

/* Registration end */






:root
{
	--background-color:#e9ebee;
}