/*Regole Generali*/
*{margin:0;padding:0;}
html{-webkit-text-size-adjust: 100%;}
html, body {height:100%;width:100%;background-color:#8723d6;}
body{font-family:'TitilliumWeb-Regular', sans-serif;font-size:inherit;color:#05121c;}
img{width:100%;border:0;}

/*font-family:'TitilliumWeb-Regular', sans-serif;*/

/*Pannello di login*/
/*Hero Image*/
section.Background{height:100vh;width:100vw;background-image:url('../../Images/Login/BackgroundImage.jpg');background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#ffffff;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}

		.LoginPanel{width:40%;min-width:336px;background-color:rgba(255,255,255,1.00);box-shadow:1px 1px 24px -9px rgba(0,0,0,0.75);}
			.Login{}
				h1{font-family:'TitilliumWeb-SemiBold';font-size:16px;font-weight:normal;text-align:center;}
				.LoginForm{padding-top:36px;padding-right:36px;padding-bottom:36px;padding-left:36px;}
					.LoginLogo{height:92px;width:auto;background-image:url('../../Images/Login/Logo.png');background-repeat:no-repeat;background-position:center top;background-size:228px;margin-right:auto;margin-bottom:30px;margin-left:auto;}
					.LoginLogo img{height:92px;width:228px;}
					form{text-align:center;}
					label{margin-top:24px;margin-bottom:6px;display:block;}
					.LoginField{background-repeat:no-repeat;background-position:left center;background-size:24px;padding-left:30px;}
					.LoginField.Username{background-image:url('../../Images/Login/UsernameIcon.png');}
					.LoginField.Password{background-image:url('../../Images/Login/PasswordIcon.png');}
					.LoginField.RecuperaPassword{background-image:url('../../Images/Login/UsernameIcon.png');}
					.LoginField::after{height:1px;width:calc(100% - 0px);background-color:#8723d6;content:"";margin-right:auto;margin-left:auto;display:block;}
						.LoginField input{height:24px;width:100%;background-color:#ffffff;box-sizing:border-box;box-shadow:none;border:1px solid #ffffff;border-radius:0;font-family:'TitilliumWeb-Regular', sans-serif;font-size:14px;color:#05121c;margin-bottom:9px;padding:3px 6px;-webkit-appearance:none;appearance:none;display:block;}
						input[type=password]{color:#8723d6;}
						input[type=button]{height:30px;width:auto;min-width:220px;background:linear-gradient(to top, rgba(135,35,214,1.0), rgba(135,35,214,1.0));border:none;border-radius:15px;box-sizing:border-box;box-shadow:none;font-family:'TitilliumWeb-Regular', sans-serif;font-size:14px;color:#ffffff;text-transform:uppercase;margin-top:36px;-webkit-appearance:none;appearance:none;cursor:pointer;display:inline-block;}
						input[type=submit]{height:30px;width:auto;min-width:220px;background:linear-gradient(to top, rgba(135,35,214,1.0), rgba(135,35,214,1.0));border:none;border-radius:15px;box-sizing:border-box;box-shadow:none;font-family:'TitilliumWeb-Regular', sans-serif;font-size:14px;color:#ffffff;text-transform:uppercase;margin-top:36px;-webkit-appearance:none;appearance:none;cursor:pointer;display:inline-block;}
					.Forgotten{text-align:center;padding-top:12px;}
						.Forgotten a{font-size:12px;color:#05121c;text-decoration:none;text-transform:uppercase;}


/* Regole PC>1384 | */ 
@media all and (min-width: 1384px) {


}

/* Regole PC>1320 | */ 
@media all and (min-width: 1320px) {
	
.LoginPanel{width:25%;}
.LoginForm{padding-right:72px;padding-bottom:36px;padding-left:72px;}
.LoginField{}

}

/* Regole PC>1100 | */ 
@media all and (min-width: 1100px) {

}

/* Regole Tablet Verticale (768px) | */
@media all and (min-width:750px) and (max-width: 989px) {
.LoginPanel{width:50%;}	
.LoginForm{padding-right:36px;padding-bottom:36px;padding-left:36px;}	

	
}

/* Regole MobileDevice Orizzontale (100%)| */
@media all and (max-width: 749px) {

.LoginPanel{width:60%;}
.LoginForm{padding-right:20px;padding-top:18px;padding-bottom:12px;padding-left:20px;}	
.LoginLogo{height:60px;background-size:148px;margin-bottom:18px;}
.LoginLogo img{height:60px;width:148px;}	
	label{margin-top:6px;}
	.LoginField input{height:18px;font-size:12px;padding:3px 3px;}
	input[type=password]{color:#8723d6;}
	input[type=button]{height:30px;font-size:15px;}
	input[type=submit]{height:30px;font-size:15px;}
.Forgotten{padding-top:6px;}	
	


}

/* Regole MobileDevice Verticale | */
@media all and (max-width: 479px) {

.LoginPanel{width:80%;}		
.LoginForm{padding-top:24px;padding-bottom:24px;}		
	
}

/* Regole per dispositivi Retina | */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

.LoginLogo{background-image:url('../../Images/Login/LogoRetina.png');}
.LoginField.Username{background-image:url('../../Images/Login/UsernameIconRetina.png');}
.LoginField.Password{background-image:url('../../Images/Login/PasswordIconRetina.png');}
    .LoginField.RecuperaPassword {
        background-image: url('../../Images/Login/UsernameIcon.png');
    }


}

/* Regole per dispositivi Retina e MobileDevice Verticale| */
@media
all and (max-width: 479px) and (-webkit-min-device-pixel-ratio: 2),
all and (max-width: 479px) and (min--moz-device-pixel-ratio: 2),
all and (max-width: 479px) and (-moz-min-device-pixel-ratio: 2),
all and (max-width: 479px) and (-o-min-device-pixel-ratio: 2/1),
all and (max-width: 479px) and (min-device-pixel-ratio: 2),
all and (max-width: 479px) and (min-resolution: 192dpi),
all and (max-width: 479px) and (min-resolution: 2dppx) {
	
	

}