@charset "utf-8";
/*Regole Generali*/
*{margin:0;padding:0;}
html{-webkit-text-size-adjust: 100%;}
html, body {height:100%;width:100%;font-family:'OpenSansRegular',sans-serif;font-size:11px;color:#ffffff;}
body{background-color:#f06810;}
img{border:0;}
.Clear:after{content:"";clear:both;display:block;}
.Left{float:left;}
.Right{float:right;}
.Center{margin:0 auto;text-align:center;}

/* Regole Standard, PC=1024*/
body{position:relative;display:table;margin:0;padding:0;}
.BackgroundImage {
    /*background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    background-color: #F49103;*/

    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size:contain;
    background-image: -webkit-linear-gradient(white, #F49103); /* For Safari 5.1 to 6.0 */
    background-image: -o-linear-gradient(white, #F49103); /* For Opera 11.1 to 12.0 */
    background-image: -moz-linear-gradient(white, #F49103); /* For Firefox 3.6 to 15 */
    background-image: linear-gradient(white, #F49103);
   
    height: 100%;
    width: 70%;
    display: table-cell;
}

.Panel{height:100%;width:380px;/*background-color:#4872a5;*/
       background-repeat:no-repeat;
    background-attachment:fixed;
    background-size:contain;
    background-image: -webkit-linear-gradient(white, #F49103); /* For Safari 5.1 to 6.0 */
    background-image: -o-linear-gradient(white, #F49103); /* For Opera 11.1 to 12.0 */
    background-image: -moz-linear-gradient(white, #F49103); /* For Firefox 3.6 to 15 */
    background-image: linear-gradient(white, #F49103); /* Standard syntax (must be last) */
       position:relative;display:table-cell;}
.Logo, .LogoNH, .LoginPanel, .ForgottPass{width:380px;margin:0 auto;padding-left:12px;padding-right:12px;}
.LoginPanel2{width:100%;margin:0 auto;}

.Logo{height:80px;background-image:url('../../Images/Login/LogoCSQA.png');background-repeat:no-repeat;background-position:center center;background-size:300px;padding-top:128px;padding-bottom:24px;}
.LogoNH{height:80px;background-image:url('../../Images/Login/LogoNH.png');background-repeat:no-repeat;background-position:center center;background-size:300px;padding-top:20px;padding-bottom:50px;}
.LoginPanel{}
	.UserIcon{height:48px;width:48px;background-image:url('../../Images/Login/UserIcon.png');background-repeat:no-repeat;background-position:center center;background-size:48px;margin:0 auto;}

.ForgottPass {
    width:380px;
    /*background-image: url('../../Images/Login/TwinPattern.png');
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #F49103;
    background-size: 2px;*/
    padding-bottom: 2%;
    /*position: absolute;*/
    bottom: 0;
    display: none;
}

.Scritta {
    text-align:center;
    padding-top:8px;
    font: 20px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    color:black;

}

.Form, .Claim{width:100%;padding-top:18px;margin-left:auto;margin-right:auto;}
	.Claim{font-family:'OpenSansSemibold',sans-serif;font-size:12px;color:#ffffff;}
	.FormRow{width:100%;margin-bottom:12px;}
		.Label{text-transform:uppercase;padding-bottom:3px;}
		.Field{width:100%;}
		.Field.ButtonHolder{padding-top:8px;}
		.Field input{width:100%;background-image:none;background-color:#ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid #000000;border-radius:0;font-family:'OpenSansSemibold',sans-serif;font-size:12px;line-height:18px;margin:0;padding:4px 6px;display:block;}
			.Field input[type='text']{color:#F49103;}
			.Field input[type='password']{color:#F49103;}
			.Field input[type='button']{width:80px;-webkit-appearance:none;background-image:none !important;border-radius:4px;box-shadow:1px 2px 2px -4px #c0530c;cursor:pointer;}
			.Field input[type='button']:hover{background-color:#F49103;color:#eeeeee;}
            .Field input[type='submit']{width:80px;-webkit-appearance:none;background-image:none !important;border-radius:4px;box-shadow:1px 2px 2px -4px #c0530c;cursor:pointer;}
			.Field input[type='submit']:hover{background-color:#F49103;color:#eeeeee;}

/* Regole PC>1360 */
@media all and (min-width: 1360px) {
.BackgroundImage{width:70%;}
.Panel{width:380px;}


	.FormRow{margin-bottom:16px;}
		.Field input{padding:5px 8px;}
}

/* Regole Tablet Verticale (720px)*/
@media all and (min-width:750px) and (max-width: 989px) {
.BackgroundImage{width:66%;}
.Panel{width:34%;}	
}

/* Regole MobileDevice Orizzontale (480px)*/
@media all and (max-width: 650px) {
.BackgroundImage{width:60%;}
.Panel{width:40%;}
.Logo,.LogoNH{background-size:120px;padding-top:36px;padding-bottom:8px;}
.UserIcon{height:36px;width:36px;background-image:url('../../Images/Login/UserIcon.png');background-repeat:no-repeat;background-position:center center;background-size:36px;margin:0 auto;}
.Form, .Claim{padding-top:12px;}
.Form{padding-bottom:12px;}
.Field.ButtonHolder{padding-top:12px;}
.FormRow{margin-bottom:6px;}
.Label{font-size:9px;padding-bottom:2px;}
.Field input{font-size:10px;line-height:12px;margin:0;padding:1px 6px;}
.Field input[type='button']{height:24px;width:70px;}
.Field input[type='submit']{height:24px;width:70px;}
.ForgottPass{position:relative;}

.Claim{font-size:10px;}
}

/* Regole per dispositivi Retina*/
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (   min--moz-device-pixel-ratio: 1.5),
only screen and (     -o-min-device-pixel-ratio: 3/2),
only screen and (        min-device-pixel-ratio: 1.5){
.Logo{background-image:url('../../Images/Login/LogoCSQA.png');}
.LogoNH{background-image:url('../../Images/Login/LogoNH.png');}
.UserIcon{background-image:url('../../Images/Login/UserIconRetina.png');}
}