/**
*  "Forgot password" page of the /new app.
*  Loaded on top of login.css: the shell, the input blocks and the error box
*  are shared, here are only the pieces this page adds.
*/

#forgot_form{
	display:block;
	width:100%;
	margin-top: 2.5rem;
}

#send_btn{
	display:block;
	width:100%;
	margin-top: 1.5rem;
	background:#ff6600;
	font-family:'Roboto', sans-serif;
}

/* Greyed out until a well formed e-mail is typed, and again while the
   request is running. */
#send_btn.deactivated,
#send_btn.sending{
	background:#ccc;
	border-color:#ccc;
	cursor:default;
}

.field_notes{
	display:block;
	width:100%;
	margin-top: 0.28rem;
	font-size:0.75rem;
	line-height:1.1rem;
	color:#999;
}

.field_notes.wrong{
	color:#cc0000;
}

#ok_msg{
	display:block;
	width:100%;
	margin-top: 1.5rem;
	padding: 0.4rem 0.72rem;
	border-radius: 0.5rem;
	background:#eaf6ea;
	font-size:0.9rem;
	line-height:1.4rem;
	color:#2e8b30;
}

#ok_msg.removed{
	display:none;
}

#back_note{
	display:block;
	width:100%;
	margin-top: 2rem;
	font-size:0.85rem;
}

#sign_up_note{
	margin-top: 0.4rem;
}



@media (max-width: 12cm){

	.input_blocks input,
	#send_btn{
		height:12vw;
		border-radius:2.6vw;
	}

	#send_btn span{
		font-size:4.4vw;
		line-height:11vw;
	}

	.field_notes{
		font-size:3.6vw;
		line-height:6vw;
	}

	#ok_msg,
	#back_note{
		font-size:4vw;
		line-height:6.4vw;
	}
}