/* DEFININDO UM RESET EM ALGUNS ITENS */
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* ESTILOS DOS FORMULÁRIOS E CAMPOS DAS NOVAS TELAS */
.formulario-cadastro{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: 100vh;
}

#aguarde{
	display: none;
	flex-direction: column;
	width: 100%;
	height: 100vh;
	justify-content: center;
	align-content: center;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.7);
	position: fixed;
	z-index: 3000;
	font-size: 3em;
	color: #2cb673ff;
}

form{
	display: flex;
	width: 40%;
	flex-wrap: wrap;
	padding-top: 40px;
	padding-bottom: 40px;
	justify-content: center;
}

img{
	display: flex;
	width: 269px;
	padding-top: 40px;
	padding-bottom: 40px;
}

h1{
	color: #2cb673ff;
	font-weight: bold;
	width: 100%;
	font-size: 24px;
	text-align: center;
	padding-bottom: 40px;
}

span{
	color: #ed212dff;
	margin-bottom: 40px;
}

.bloco-cadastro-recupera{
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.bloco-cadastro-recupera i{
	padding-right: 5px;
}

p{
	color: #2cb673ff;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
}

.blocos-inputs{
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
}

.blocos-inputs label{
	width: 100%;
	font-size: 18px;
	color: #2cb673ff;
	padding-bottom: 5px;
}

.blocos-inputs i{
	padding-right: 10px;
}

.blocos-inputs input{
	width: 100%;
	font-size: 18px;
	padding: 20px;
	outline-style: none;
	border: none;
	border-bottom: 1px solid #2cb673ff;
	transition: 0.5s ease;
	color: #2cb673ff;
	background-color: #fff;
}

.blocos-inputs select{
	width: 100%;
	font-size: 18px;
	padding: 20px;
	border: none;
	border-bottom: 1px solid #2cb673ff;
	transition: 0.5s ease;
	color: #2cb673ff;
	background-color: #fff;
}

.blocos-inputs button{
	width: 100%;
	padding: 15px;
	background-color: #2cb673ff;
	color: #fff;
	border: none;
	cursor: pointer;
	font-size: 20px;
	border-bottom: 8px solid #196741; 
	text-align: center;
	transition: 0.5s ease;
	border-radius: 5px;
	text-transform: uppercase;
}

.blocos-inputs button:hover{
	background-color: #23905b;
}

@media screen and (max-width: 1000px) {
	form{
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		padding: 20px;
		justify-content: center;
	}
}