﻿/*Regole Generali*/
*{margin:0;padding:0;}
html{-webkit-text-size-adjust: 100%;}
html, body {height:100%;width:100%;background-color:#fb6908;}
body{font-family:'OpenSansRegular';font-size:inherit;color:#676767;}
img{width:100%;border:0;}




/*Pannello di login*/
/*Hero Image*/
section.Background{height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#fb6908;padding-top:0;padding-bottom:0;position:relative;overflow:hidden;}
.Landscape section.Background {
    background-image: url('../../Images/Login/LandscapeBackgroundImage2.jpg');
}
.Portrait section.Background {
    background-image: url('../../Images/Login/PortraitBackgroundImage2.jpg');
}
	.BackgroundCover{height:100%;width:100%;background:linear-gradient(to bottom right, rgba(0,0,0,0.6), rgba(0,0,0,0.2));position:absolute;top:0;bottom:0;z-index:1;}
		.LoginForm{width:360px;border-radius:9px;box-sizing:border-box;margin-right:auto;margin-left:auto;padding:30px;background-color:rgba(0,0,0,0.5);position:fixed;top:50%;left:50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.LoginLogo {
    height: 56px;
    width: 230px;
    background-image: url('../../Images/Login/Logo.png');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 230px;
    margin-bottom: 30px;
}
.LoginLogo img {
    height: 56px;
    width: 230px;
}
h1 {
    font-size: 15px;
    font-family: OpenSansCondensed, sans-serif;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 12px;
}
h2 {
    font-size: 15px;
    font-family: OpenSansCondensed, sans-serif;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 12px;
}
			form{}
				input{height:36px;width:94%;background-color:#ffffff;box-sizing:border-box;box-shadow:none;border:1px solid #ffffff;border-radius:3px;font-family:'OpenSansRegular';font-size:12px;color:#222222;margin-bottom:9px;padding:3px 6px;-webkit-appearance:none;appearance:none;display:inline-block;}
				input[type=password]{color:#f85906;}
                    input[type=button], input[type=submit] {
                        width: auto;
                        min-width: 100px;
                        background: linear-gradient(to top, rgba(6,22,33,1.0), rgba(8,28,42,1.0));
                        border: none;
                        box-shadow: none;
                        font-family: 'OpenSansSemibold';
                        color: #ffffff;
                        margin-top: 12px;
                        -webkit-appearance: none;
                        appearance: none;
                        cursor: pointer;
                        display: inline-block;
                    }
			.Forgotten{padding-top:18px;}
				.Forgotten a{font-family:'OpenSansSemibold';font-size:12px;color:#ffffff;}
.ForgottPass {

    display: none;
}

/* Regole PC>1384 | */ 
@media all and (min-width: 1384px) {


}

/* Regole PC>1320 | */ 
@media all and (min-width: 1320px) {
	

}

/* Regole PC>1100 | */ 
@media all and (min-width: 1100px) {
img.LandscapeBackgroundImage{width:100%;}

}

/* Regole Tablet Verticale (768px) | */
@media all and (min-width:750px) and (max-width: 989px) {
	
.LoginLogo{height:70px;width:288px;background-size:288px;}
	
}

/* Regole MobileDevice Orizzontale (100%)| */
@media all and (max-width: 749px) {
.LoginForm{width:100%;}
	.LoginLogo{margin-bottom:12px;}
	h1{font-size:16px;margin-bottom:6px;}
	h2{font-size:16px;margin-bottom:6px;}
	form{}
		input{width:auto;min-width:200px;display:inline-block;}
		input[type=button]{width:auto;min-width:100px;}
	.Forgotten{padding-top:9px;}
	


}

/* Regole MobileDevice Verticale | */
@media all and (max-width: 479px) {

.LoginLogo{height:70px;width:288px;background-size:288px;margin-bottom:36px;}
h1{font-size:16px;margin-bottom:12px;}
h2{font-size:16px;margin-bottom:12px;}
form{}
	input{height:42px;width:100%;min-width:100%;font-size:14px;margin-bottom:18px;display:block;}
	input[type=password]{color:#f85906;}
	input[type=button]{width:auto;min-width:160px;}
	
	
}

/* 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');
    }


}

/* 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) {
	
	

}


