/*=================Login css====================*/
.plane-page{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
body {font-family: 'Roboto', sans-serif; font-size:16px; line-height:1.6; color:#4d575d; background-color:#f5f5f5;}
.logincard .checkbox{ margin-left:0px;}
.logincard .checkbox label{padding:0;}
.logincard .dic{ margin-right:7px;}
.logincard .card-header{ padding:0; margin:0px auto;}
.loginlogo{ text-align:center; padding:30px 15px 10px;}
.loginlogo a img{ max-width:100%;}
.forgot-password{padding-top:8px;}
.remember{ color:#999;}
.redirection-link{ margin-top:30px; margin-bottom:30px;}
.card-footer-no-border{ border-color:transparent; padding-top:0;}
.card-footer-p16{ padding-left:20px; padding-right:20px; }
.login-card h3,
.register-card h3,
.forgot-password-card h3{ color:rgba(0, 0, 0, 0.87); font-size:16px; margin-top:0; margin-bottom:20px;}
.login-card .card-body,
.register-card .card-body{ padding-bottom:10px; margin:0;}
.register-card, .forgot-password-card{ display:none;}
.register-card, .login-card, .forgot-password-card{ position:relative;}
.register-card h3 span,
.login-card h3 span{ color:rgba(0, 0, 0, 0.54);}
.forgot-password-card h3 span{ font-size:14px; color:rgba(0, 0, 0, 0.54); width:80%; margin-top:5px; display:inline-block; line-height:18px;}
.logincard .alert{ display:none;}
.forgot-password-card .form-group.pmd-textfield{ margin-bottom:55px;}
.card-footer .pmd-checkbox-label {display: inline-block;margin-top: -2px;}
@media screen and (max-width: 768px) {
	.logincard{max-width:300px;}	
	.forgot-password a{font-size: 0.7rem;}
}
@media screen and (max-width: 480px) {
	.logincard .loginlogo img { height:60px;}
	.logincard .card { margin-bottom:0;}
}
@media (min-width: 321px) and (max-width: 480px) {
	.logincard { max-width: 330px;}
}
@media (max-width: 320px) {
	.logincard { max-width: 290px;}	
}
.pmd-card{ margin-bottom:0;}
.flex-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.logincard {
	width: 100%;
	max-width:360px;
}
.logincard-loader {
	height: 300px;
}
.logincard-loader-offset {
	padding-top: 40%;
}

.logincard-reset-password {
	height: 300px;
	padding-top: 10%;
	padding-left: 30px;
	padding-right: 30px; 
}