@font-face{

	font-family: 'Bellota-LightItalic';

	src: url('../fonts/Bellota-LightItalic.otf');

}

@font-face{ 

	font-family: 'Bellota-BoldItalic';

	src: url('../fonts/Bellota-BoldItalic.otf');

}

html, body{

	height: 100%;

	min-height: 100%;

	margin: 0;

	padding: 0;

}

a{

	text-decoration: none;

	color: #3498db;

}

form{

	text-align: center;

}

.wrapper{

	/*background-image: url("../images/backgrounds/google_form_2022.png");*/

	background-size: cover;

        background-color: #101248;

	background-position: bottom center;

	width: 100%;

	/*height: 100vh;*/

	min-height: 100vh;

	padding: 10px 0;

}

.login_box{

	font-family: 'Bellota-LightItalic', sans-serif;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 7%;

	width: 35%;

	background-color: #fff;

	border: 1px solid #EDEDED;

	border-radius: 7px;

	padding: 5px;

}

.login_box h2{

	text-align: center;

	color: #3498db;

}

.login_header{

	font-family: 'Bellota-LightItalic', sans-serif;

	width: 100%;

	height: 105px;

	background-color: #c1e8fb;

	color: #fff;

	text-align: center;

	border-top-left-radius: 7px;

	border-top-right-radius: 7px; 

	background-image: url("../images/backgrounds/LsElardusparkHighRes.png");

	background-size: auto 107%;

        background-position: center center;

        background-repeat: no-repeat;

}

.login_header > h1{

	font-family: 'Bellota-BoldItalic', sans-serif;

	margin: 0;

	color: #632c96;

    text-shadow: #f9be7b 0.5px 0.5px 0;

	font-size: 190%;

}

input[type="submit"]{

	background-color: #3498db;

	padding: 5px 10px;

	border: 1px solid #3498db;

	border-radius: 3px;

	margin: 5px 0;

	color: #fff;

    font-size: 100%;

	cursor: pointer;

}

input[type="text"], input[type="email"], input[type="password"], input[type="tel"]{

	border: 1px solid #e5e5e5;

	margin-top: 5px;

	width: 70%;

	height: 35px;

	margin-bottom: 10px;

	padding-left: 5px;

}

select{

	width: 72%;

    padding: 9px 2px;

    border: 1px solid #e5e5e5;

    margin-bottom: 8px;

    color: #757575;

}

input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover, input[type="tel"]:hover, select:hover{

	border-color: #3498db;

}

#first > a{

	display: block;

    text-align: center;

}

#second, #third {

	display: none;

}

.password-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}
.password-wrapper input[type="password"],
.password-wrapper input[type="text"] {
    width: 70%;
}
.password-wrapper .toggle-password {
    position: absolute;
    right: 17%;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

@media only screen and (max-width: 425px) {

	input[type="submit"] {

	    padding: 10px 80px;

	}

	.wrapper{

		min-width: unset;

    	background-size: cover;

	}

	.login_box{

		top: 2%;

    	width: 90%;

	}

}