body
{
	background-image: url(../../img/login_bg.jpg);
}
.component_user
{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100%;
}
#register_page_container
{
	padding: 50px 0;
	max-width: 95%;
}
#register_page
{
	background: #fff;
	box-shadow: 0 0 12px 1px #858585;
	border-radius: 30px;
	padding: 30px;
	max-width: 800px;
	height: 100%;
}
#register_page .top
{
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
#register_page .logo, #register_page .spacer
{
	width: 100px;
}
#register_container #registrati_come_container
{
	margin-bottom: 20px;
	position: relative;
}
#register_container #registrati_come_container.error span.error, #register_container #privacy_policy_container.error span.error
{
    bottom: -16px;
}
#register_container #registrati_come_container select
{
	width: 150px;
	padding: 5px;
	border: 0;
	border-radius: 30px;
	background: #eeeeee;
}
#register_fields input, #register_fields select
{
	width: 100%;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #e6e6e6;
	outline: none;
	background: #fff;
}
#register_fields>div
{
	position: relative;
	padding-bottom: 20px;
}
#register_container label
{
	font-weight: 500;
}
#register_container .facoltativo
{
	font-weight: 100;
	font-size: 10px;
}
#register_container a
{
	color: #e4c29b;
	text-decoration: none;
}
#register_container .bottom
{
	display: flex;
	justify-content: space-between;
}
#register_container #privacy_policy_container
{
	margin-bottom: 30px;
	position: relative;
}
#register_container #privacy_policy_row label
{
	font-weight: 100;
	color: #000;
	display: flex;
	line-height: 1;
	font-size: 12px;
}
#register_container #submit_container
{
	text-align: center;
}
#register_container #submit_container #submit_button
{
	border: 0;
	margin: 0 auto;
	padding: 10px 40px;
}
#register_container #register_error_msg
{
	color: #F00;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
	font-size: 20px;
}
#register_container span.error
{
	display: none;
}
#registrati_come_container.error select
{
	border: 1px solid #F00 !important;
}
#register_fields div.error input, #register_fields div.error select
{
	border-bottom: 1px solid #F00 !important;
}
#register_container div.error span.error
{
	color: #F00;
	font-size: 11px;
	position: absolute;
	left: 12px;
	bottom: 3px;
}
#register_container div.error span.error_already_registered
{
	font-size: 9px;
}
#register_success
{
	max-width: 800px;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
}
#register_success h4
{
	font-size: 16px;
	margin-bottom: 20px;
}
#register_success .button
{
	display: inline-block;
	padding: 10px;
	margin: 0 auto;
}
@media (max-width: 650px)
{
	#register_page .spacer
	{
		width: 50px;
	}
}
@media (max-width: 550px)
{
	#register_page .top
	{
		text-align: center;
		flex-direction: column;
	}
	#register_container .bottom
	{
		flex-direction: column;
	}
	#register_success h3
	{
		font-size: 18px;
		margin-bottom: 20px;
	}
	#register_success h4
	{
		font-size: 14px;
	}
}