/*Regole Generali*/
*{margin:0;padding:0;}
html{-webkit-text-size-adjust: 100%;}
html, body {height:100%;width:100%;background-color:#020a0f;}
body{font-family:'Open Sans', sans-serif;font-size:inherit;font-weight:400;color:#ffffff;}
img{width:100%;border:0;}
/*Pannello di login*/
body{background-repeat:no-repeat;background-color:#020a0f;}
body.Landscape {
background-image: url('../../images/Login/LandscapeBackgroundDeco.png'), url('../../images/Login/LandscapeBackgroundImage.jpg');
background-position: right top, left center;
background-size: 300px, cover;
}
body.Portrait {
background-image: url('../../images/Login/PortraitBackgroundDeco.png'), url('../../images/Login/PortraitBackgroundImage.jpg');
background-position: left top, left center;
background-size: 400px, cover;
}
.BackgroundCover{height:100%;width:100%;background:linear-gradient(to bottom right, rgba(0,0,0,0.00), rgba(0,0,0,0.00));position:absolute;top:0;bottom:0;z-index:1;}
.BackgroundCover::after{content:"ʺ If they say it’s impossible, it’s impossible for them not for you ʺ";box-sizing:border-box;font-family:'Encode Sans Condensed', sans-serif;font-size:32px;color:rgba(255,255,255,0.90);letter-spacing:0.5px;text-align:center;margin-right:auto;margin-left:auto;padding-right:30px;padding-left:30px;position:absolute;top:48px;right:0;left:0;display:block;}
.LoginPanel{height:100%;width:100%;display:table;}
.Login{display:table-cell;vertical-align:middle;}
.LoginForm{width:320px;background-color:rgba(0,14,31,0.60);box-sizing:border-box;margin-right:auto;margin-left:auto;padding:24px 24px;}
.LoginLogo {
height: 48px;
width: auto;
background-image: url('../../images/Login/Logo.png');
background-repeat: no-repeat;
background-position: center top;
background-size: 200px;
margin-bottom: 6px;
}
h1{font-size:15px;font-family:'Open Sans', sans-serif;font-weight:800;color:rgba(255,255,255,0.9);letter-spacing:0.3px;text-align:center;text-transform:uppercase;margin-bottom:15px;}
h2{font-size:14px;font-family:'Open Sans', sans-serif;font-weight:800;color:rgba(255,255,255,0.9);letter-spacing:0.3px;text-align:center;text-transform:uppercase;margin-bottom:15px;}
form{}
input{height:38px;width:100%;background-color:#ffffff;box-sizing:border-box;box-shadow:none;border:1px solid #ef7506;border-radius:1px;font-family:'Open Sans', sans-serif;font-size:13px;font-weight:700;color:#035b68;margin-bottom:9px;padding:3px 6px;-webkit-appearance:none;appearance:none;display:block; }
input[type=password]:focus, input[type=text]:focus{box-shadow:0px 0px 3px 2px rgba(206,144,62,0.50) inset;}
input[type=password]{color:#ef7506;}
input[type=submit]{width:100%;background:linear-gradient(to top, rgba(8,73,85,1.00), rgba(27,103,117,1.00));border:1px solid #003037;box-shadow:none;font-family:'Open Sans', sans-serif;font-size:13px;font-weight:700;color:#ffffff;letter-spacing:0.5px;text-transform:uppercase;margin-top:9px;-webkit-appearance:none;appearance:none;cursor:pointer;display:inline-block;transition-property:all;transition-duration:0.6s;}
input[type=submit]:hover{background:linear-gradient(to top, rgba(252,123,6,1.00), rgba(255,153,61,1.00));border-color:#f7831a;cursor:pointer;}
.Forgotten {
text-align: center;
margin-top: 12px;
}
.Forgotten a{font-family:'Encode Sans Condensed', sans-serif;font-size:13px;color:rgba(255,255,255,0.80);letter-spacing:1px;text-decoration:none;}
.Forgotten a:hover{color:rgba(255,255,255,1.00);}
.ForgottPass {
display: none;
}
/* Regole PC>1384 | */
@media all and (min-width: 1384px) {
/*Hero Image*/
body{background-repeat:no-repeat;background-color:#020a0f;}
body.Landscape{background-size:600px, cover;}
body.Portrait{background-size:600px, cover;}
.BackgroundCover::after{top:124px;}
}
/* Regole PC>1320 | */
@media all and (min-width: 1320px) {
}
/* Regole PC>1100 | */
@media all and (min-width: 1100px) {
}
/* Regole Tablet Verticale (768px) | */
@media all and (min-width:750px) and (max-width: 989px) {
.BackgroundCover::after{padding-right:48px;padding-left:48px;top:96px;}
}
/* Regole MobileDevice Orizzontale (100%)| */
@media all and (max-width: 749px) {
/*Pannello di login*/
body.Landscape{background-size:200px, cover;}
.BackgroundCover::after{font-size:24px;padding-right:18px;padding-left:18px;top:18px;}
.LoginForm{width:90%;padding:12px 12px;}
.LoginLogo {
height: 40px;
width: auto;
background-image: url('../../images/Logo.png');
background-repeat: no-repeat;
background-position: center top;
background-size: 160px;
margin-bottom: 0px;
}
h1{font-size:13px;margin-bottom:3px;}
h2{font-size:14px;margin-bottom:3px;}
form{text-align:center;}
input{width:36%;margin-bottom:9px;padding:3px 6px;display:inline-block;}
input[type=button]{width:25%;}
.Forgotten{margin-top:9px;}
}
/* Regole MobileDevice Verticale | */
@media all and (max-width: 479px) {
body.Portrait{background-size:300px, cover;}
.BackgroundCover::after{font-size:24px;top:12px;}
form{text-align:center;}
input{width:100%;display:block;}
input[type=button]{width:100%;}
.Forgotten{margin-top:9px;}
}
/* 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/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) {
}