/*FORM LOGIN */

html{
	background-color:#F5F5F5 !important; 
	height:100%; 
	width:100%;
/*COLORED*/	
background: #fbaa40; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmYmFhNDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmYTkwNDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWU2ODNjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #fbaa40 0%, #fa9044 40%, #ee683c 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fbaa40), color-stop(40%,#fa9044), color-stop(100%,#ee683c)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #fbaa40 0%,#fa9044 40%,#ee683c 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #fbaa40 0%,#fa9044 40%,#ee683c 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #fbaa40 0%,#fa9044 40%,#ee683c 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #fbaa40 0%,#fa9044 40%,#ee683c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbaa40', endColorstr='#ee683c',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	
	
}

body.login {
	background-color:#F5F5F5 !important;
	/*COLORED*/
	background-color:transparent !important;
	background:transparent !important;
	height:100%;
	}
.login .content {
	background: #FA9044 !important; 
	border-radius: 5px !important;
	box-shadow: 1px 1px 4px 0px #919191;
	/*COLORED*/
	background: #FFFFFF !important;
	
	box-shadow: 1px 1px 9px 0px #7B7B7B;
	
}


.login .content .form-control {
/*COLORED*/
border-radius: 0px !important;
border-bottom: 1px solid #D7D7D7;
}

.login .content .form-title {
/*COLORED*/
color: #616161;
}

.login .content .form-actions .btn {
	/*COLORED*/
background-color: #F88743;
padding: 7px 20px;
}



.page-footer {background-color: #FFF;}

#captcha-value{margin-top:10px;}
#changecaptcha{color: #FFFFFF;  margin-left: 14px;  text-decoration: underline;
/*COLORED*/
color: #646464;
}
#changecaptcha i{margin-right:5px;}
#recupero-password{ 

	color: #FFFFFF;  text-decoration: underline;
		/*COLORED*/
color: #616161;
	}
.page-header.navbar .top-menu { clear: none;}

.width-10-percent { width: 10%; }

#annulla{
	background-color: #DDD;
	border: none;
	color: #5B3E25;
}


@media ( max-width : 640px) {
	
	/* LOGIN */
	body#login .content { 
		margin-top: 0px;
		max-width: 360px;
		width: auto;
		overflow: hidden;
	}
	
	body#login {
		background-color: #F5F5F5 !important;
		/*COLORED*/
		background-color: transparent !important;
	}
	
}


@media ( max-width : 320px) {

	body#login .content { 
		margin-top: 0px;
		max-width: 100%;
		width: auto;
		overflow: hidden;
		margin: 0;
		border-radius: 0px !important;
	}


}