/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/


/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/


/* Login Page */

.registration {
width: 100%;
display: block;
border-radius: 4px;
background-color: white;
margin: 0 auto;
text-align: center;
padding: 30px 30px 30px 30px;
border: 1px solid #dddddd;
min-height: 200px;
}

.registrationcontainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.registrationcontainer form{
width: 100%;
}

.registrationcontainer .registration {
-webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}

.registrationcontainer .registration.portalfeatures{
margin-right: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.registrationcontainer .registration.portallogin{
margin-left: 5px;
}

.registrationfeatures {
margin: auto;
text-align: left;

}
.registrationfeatures ul {
padding-left: 10px;
}

.registrationfeatures ul li {
list-style: none;
margin: 3px auto;
}

.registrationfeatures ul li i{
font-size: 18px;
}

.logincover {
width: 100%;
margin: 0 -40px;
background-color: rgba(0,0,0,.85);
border-radius: 8px;
position: relative;
z-index: 100000;
position: absolute;
top: 0;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: white;
font-size: 28px;
}

.logincovermess {
margin: auto;
padding: 20px;
}

.registration form {
margin: 0 auto;
max-width: 600px;
}

.registration .inputfield {
max-width: 400px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 30px auto;
}

.registration .messages{
padding: 0;
background: none;
border: none;
}

.registration .fieldname {
width: 87px;
text-align: left;
font-weight: 500;
margin-top: 6px;
}

.registration .fieldvalue {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
}

.registration .fieldvalue input {
width: 100%;
background-color: white;
border: 1px solid #c3c3c3;
padding: 5px 10px;
border-radius: 4px;
position: relative;
z-index: 2;
}

.registration input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}

.registration input:-webkit-autofill {
-webkit-box-shadow: inset 0 0 0px 9999px white;
}

.registration input:invalid {
-webkit-box-shadow: none;
box-shadow: none;
}

.registration .passwordvalue {
position: relative;
}

.registration .passwordvalue .showpass {
position: absolute;
top: 2px;
width: 25px;
height: 25px;
padding: 6px;
background-color: white;
right: 5px;
z-index: 2;
cursor: pointer;
}

.startbutton {
border-radius: 4px;
font-weight: 500;
color: white;
width: 140px;
padding: 10px;
width: 150px;
text-align: center;
margin: 0 auto 0 auto;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
display: inline-block;
font-weight: 600;
}

.startbutton:link,
.startbutton:active,
.startbutton:visited {
color: white;
}

.registration .newtosite {
margin-top: 30px;
}

.registration .forgot {
margin-bottom: 30px;
}

.registration .hideme {
    display: none;
}

@media (max-width: 992px) {

	.registrationcontainer {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	}

	.registrationcontainer .registration.portalfeatures{
	margin:  0 0 10px 0;
	display: none;
	}

	.registrationcontainer .registration.portallogin{
	margin: 0;
	}

}


@media (max-width: 767px) {
	.registration .fieldname {
	margin-top: 0;
	}
}

@media (max-width: 480px) {
	.registration .inputfield {
	width: 100%;
	display: block;
	}
	.registration .forgot {
	padding-right: 0;
	text-align: left;
	}

	.logincover {
	margin: 0 -15px;
	font-size: 20px;
	}

}

@media (max-width: 370px) {
	.registration .inputfield {
	display: block;
	margin: 0 auto 30px auto;
	}

	.logincover {
	margin: 0 -15px;
	}

	.registration {
	padding: 0;
	background: none;
	border: none;
	}

}

/* registration */

.registration .linkme {
margin-bottom: 30px;
}

.registration .g-recaptcha {
width: 304px;
margin: 15px auto 15px auto;
}
 
/* registration activation */

.activatelogin {
margin-top: 30px;
display: inline-block;
}

/* password reset */

.registration.passwordreset form {
max-width: 540px;
}
.registration.passwordreset .inputfield {
max-width: 500px;
}

.registration.passwordreset .fieldname{
width: 200px;
}

.registration.passwordreset ul {
text-align: left;
margin-bottom: 20px;
}

.registration.passresetform .g-recaptcha{
margin-bottom: 30px;
}

@media (max-width: 600px) {

	.registration.passwordreset ul {
	padding-left: 20px;
	}

	.registration.passwordreset .inputfield {
	width: 100%;
	display: block;
	}

}

@media (max-width: 480px) {

	.registration.passresetform{
	padding: 20px 0px;
	border: none;
	background: none;
	}

}