body
{
	background-image: url(../../img/login_bg.jpg);
}
.component_user
{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100%;
}
#login_page_container
{
	padding: 20px;
	max-width: 95%;
}
#login_page
{
	background: #fff;
	box-shadow: 0 0 12px 1px #858585;
	border-radius: 30px;
	padding: 5px;
	display: flex;
	gap: 20px;
}
#login_img i
{
	position: absolute;
	color: #9b9b9b;
    padding: 5px;
}
#login_img img
{
	width: 350px;
	border-radius: 30px;
}
.main_content
{
	width: 350px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.main_content>div
{
	width: 100%;
}
#login_form h1
{
	font-size: 35px;
	font-weight: bold;
}
#login_form h4
{
	font-size: 15px;
	font-weight: normal;
}
@media (max-width: 900px) {
	#login_page
	{
		gap: 0;
	}
	#login_img img
	{
		display: none;
	}
	.main_content
	{
		padding: 50px 0;
	}
}
#login_container
{
	padding: 20px;
	text-align: center;
	background: #FFF;
}
#login_container input.field
{
	width: 100%;
	padding: 9px 14px;
	border: 0;
	background: #f7f7f7;
	border-radius: 30px;
	outline: none;
}
#login_container input.field::placeholder {
	opacity: 0.5;
}
#login_container #email
{
	margin-bottom: 20px;
}
#login_container #password
{
	margin-bottom: 5px;
}
#login_container input.submit, #login_container .button
{
	color: #FFF;
	border: 0;
	font-size: 16px;
	margin-bottom: 20px;
	width: 100%;
	height: 40px;
}
#login_container #password_dimenticata
{
	text-align: right;
	margin-bottom: 30px;
}
#login_container #password_dimenticata a
{
	color: #c5925b;
	text-decoration: none;
	font-size: 12px;
}
#login_container #register
{
	font-size: 12px;
}
#login_container #register a
{
	color: #c5925b;
	text-decoration: none;
}
#login_container #login_error_msg
{
	color: #F00;
	font-weight: normal;
	margin-bottom: 30px;
	font-size: 13px;
}