/* -- RECOVER */
form#recoverBox{
	color: #222;
	border:0.2vw solid white;
	background-color: rgba(245, 245, 245, 0.5); /*whitesmoke*/
	display:block;
	width: 70vw;
	min-height:45vw;
	/*border-bottom-left-radius: 1vw;
	border-bottom-right-radius: 1vw;*/
	box-shadow: 0 0.1vw 0.4vw #BBBBBB;
	margin:auto;
	margin-bottom: 4vw;
	padding:2vw 5vw 1vw 5vw;
	margin-top:10vw;
	text-align:center;
}
	input.recoverUser,
	input.recoverMail,
	input.recoverCaptcha{	
		background-color:white;
		background-image:url('../-img/options/user.png');
		background-size: 6vw;
		background-repeat: no-repeat;
		background-position: 1vw;
		text-align:center;
		border: 0.1vw solid #bbb;
		border-radius: 0.4vw;
		font-size:4vw;
		height:9vw;
		padding:0.2vw;
		width: 65vw;
		display:block;
		margin:4vw auto;
		color: #aaa;
		font-family:verdana;
		transition: border-color 0.3s, background-color 0.3s, color 0.3s;
	}
	input.recoverUser{
		cursor: not-allowed;
	}
	input.recoverMail{
		background-image:url('../-img/options/mail.png');
	}
	input.recoverCaptcha{
		background-image:none;
		width: 40vw;
	}
		input.recoverMail:focus,
		input.recoverCaptcha:focus{
			border-color:gray;
			background-color:whitesmoke;
			color: black;
		}
		input.recoverMail:invalid,
		input.recoverCaptcha:invalid{
			box-shadow:none;
		}
		input.recoverMail:valid,
		input.recoverCaptcha:valid{
			color:darkgreen;
		}
	input.recoverSubmit{
		font-style: normal;
		display:block;
		font-size:4vw;
		border-radius: 0.4vw;
		background: royalblue;
		text-align:center;
		width:44vw;
		/*height:9vw;*/
		color:white;
		padding:3vw 1vw;
		border:0.2vw solid white;
		text-decoration:none;
		text-shadow: none;
		transition: text-shadow 0.3s, border-color 0.3s;
		margin: 6vw auto;
		cursor:pointer;
	}
		input.recoverSubmit:hover{
			text-shadow: 0 0.2vw 0.2vw #fff;
			border-color:powderblue;
		}

	middleCenter{
		display: flex;
	  justify-content: center;
	  align-items: center;
	  height: 50vh;
	  background-color: rgba(255, 255, 255, 0.5);
	  color: #666;
	  font-size: 5vw;
	  text-align: center;
	  padding: 2rem;
	  border-bottom: 0.1vw solid #ccc;
	  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
		/*margin:25vw auto;
		display:block;*/
	}

/* DESKTOP VIEW MODIFICATIONS */
@media all and (min-device-width: 640px) and (min-width: 960px) and (orientation: landscape ){
	body{

	}
	form#recoverBox{
	color: #222;
	border:2px solid white;
	background-color: rgba(245, 245, 245, 0.5); /*whitesmoke*/
	display:block;
	width: 350px;
	min-height:300px;
	/*border-bottom-left-radius: 1vw;
	border-bottom-right-radius: 1vw;*/
	box-shadow: 0 1px 4px #BBBBBB;
	margin:auto;
	margin-bottom: 10px;
	padding:20px 50px 10px 50px;
	margin-top:23px;
	text-align:center;
}
	input.recoverUser,
	input.recoverMail,
	input.recoverCaptcha{	
		background-color:white;
		background-image:url('../-img/options/user.png');
		background-size: 20px;
		background-repeat: no-repeat;
		background-position: 2px;
		text-align:center;
		border: 1px solid #bbb;
		border-radius: 4px;
		font-size:14px;
		height:25px;
		padding:2px;
		width: 200px;
		display:block;
		margin:7px auto;
		color: #aaa;
		font-family:verdana;
		transition: border-color 0.3s, background-color 0.3s, color 0.3s;
	}
	input.recoverMail{
		background-image:url('../-img/options/mail.png');
	}
	input.recoverCaptcha{
		background-image:none;
		width: 80px;
	}
		input.recoverMail:focus,
		input.recoverCaptcha:focus{
			border-color:gray;
			background-color:whitesmoke;
			color: black;
		}
		input.recoverMail:invalid,
		input.recoverCaptcha:invalid{
			box-shadow:none;
		}
		input.recoverMail:valid,
		input.recoverCaptcha:valid{
			color:darkgreen;
		}
	input.recoverSubmit{
		font-style: normal;
		display:block;
		font-size:14px;
		border-radius: 4px;
		background: royalblue;
		text-align:center;
		width:180px;
		color:white;
		padding:3px 10px;
		border:1px solid white;
		text-decoration:none;
		text-shadow: none;
		transition: text-shadow 0.3s, border-color 0.3s;
		margin: 25px auto;
		cursor:pointer;
		height:40px;
	}
		input.recoverSubmit:hover{
			text-shadow: 0 1px 1px #fff;
			border-color:powderblue;
		}

	middleCenter{
		display: flex;
	  justify-content: center;
	  align-items: center;
	  height: 50vh;
	  background-color: rgba(255, 255, 255, 0.5);
	  color: #666;
	  font-size: 16px;
	  text-align: center;
	  padding: 2rem;
	  border-bottom: 1px solid #ccc;
	  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
		/*margin:25vw auto;
		display:block;*/
	}

	
}

/* \- RECOVER */