/***********************************************
Classi disponibili:
- #componenteLogin
- .loginContainer
- .loginUsernameLabel  (solo se label esterne)
- .loginPasswordLabel  (solo se label esterne)
- .loginUsername
- .loginPassword
- .loginPasswordContainer (solo se label interne)
- .loginPasswordText (solo se label interne)
- .loginButton
***********************************************/

/* esempio di stile con etichette esterne */

#componenteLogin {
	margin: 50px auto auto;
	width: 350px;
}

#componenteLogin .loginUsernameLabel,
#componenteLogin .loginPasswordLabel,
#componenteLogin .loginUsername,
#componenteLogin .loginPassword {
	display: block;
}

#componenteLogin input[type="text"],
#componenteLogin input[type="password"],
#componenteLogin .loginButton {
	padding: 10px;
	border-radius: 10px;
}

#componenteLogin .loginUsernameLabel,
#componenteLogin .loginPasswordLabel {
	margin-top: 16px;
}

#componenteLogin .loginUsername,
#componenteLogin .loginPassword {
	width: 328px;
}

#componenteLogin .loginButton {
	width: 350px;
	color: white;
	border: none;
	background: #2988CA;
	margin: 28px 0;
}

#componenteLogin .loginUsername,
#componenteLogin .loginPassword,
#componenteLogin .loginButton {
	box-shadow: 0px 1px 8px -1px rgba(0, 0, 0, 0.6);
}

#componenteLogin .loginButton:hover {
	background: #52a5dc;
}