body {
	font-family: Arial, sans-serif;
	color: #024457;
}

body.referto {
	display: flex;
	flex-direction: column;
	height: 100vh;
}

div.container.referto{
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
}

h1 {
	font-family: Verdana;
	font-weight: normal;
	/*color: #024457;*/
}

h1 span {
	color: #167F92;
}

.box {
	border: 2px solid red;
}



.main {
	margin-top: 70px;
}

.main-center {
	margin: auto;
	max-width: 380px;
	padding: 10px 40px;
}

.mainheader {
	border-top: 3px solid #0066cc;
	box-shadow: 0 5px 6px -3px rgba(112,112,115,.5);
}

.navbar-custom {
	height: 100px;
}

.form-signin-heading {
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: solid 6px #4996d1;
}

.g-recaptcha {
	margin-bottom: 10px;
}

.navbar-logo {
	display: flex;
	align-items: center;
}

.navbar-logo h2,
.navbar-logo h3 {
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: bold;
	padding: 0;
	margin: 0 10px 10px 10px;
}
.navbar-logo h6{
	padding: 0;
	margin: 0 10px;
}

.navbar-container {
	padding: 10px 0px;
	border-bottom: solid 10px #efefef;
}

.brand-text {
	display: flex;
	flex-direction: column;
}


.error-message{
	color: red;
}

.manuale-utente{
	margin-top: 10px;
	text-decoration: underline;
}