body{/*background: #e8eff5 url("images/noise.png");*/
/*background:radial-gradient(black 15%, transparent 16%) 0 0,radial-gradient(black 15%, transparent 16%) 8px 8px,radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;*/
background-color:#1e1e1e;
background-size:16px 16px;
/*background-color: #fff; 
background-image: linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),linear-gradient(#eee .1em, transparent .1em);background-size: 100% 1.2em;*/
}
.wrapper_login{ position:absolute; top:50%; left:50%; margin-top:-17em; margin-left:-15em; width:500px; height:470px;}

.logo img,.logo_rtpis img{ margin:34px 0 12px 70px;}

.logo,.logo_rtpis{width:320px;margin-left:auto;margin-right:auto;height: 100px;/*background-image:url('images/Logo-RTP-IS-login.png');*/ background-image:url('images/logo_carrogwp_v2.png'); background-size:320px 100px;background-repeat:no-repeat;background-position: bottom;}

.logo_rtpis{background-image:url('images/Logo-RTP-IS-login.png'); background-size:320px 100px;background-repeat:no-repeat;background-position: bottom;}

h1{font-size:36px; color:#fff; text-shadow: 0 1px 3px rgba(0, 0, 0, .7); margin:30px 0 0 0;}
h1 span{font-size:33px; color:#7E512D; text-shadow: 0 -1px 0 rgba(0, 0, 0, .5), 0 0px 1px rgba(255, 255, 255, .5); font-weight:normal; margin:6px 0 0 4px;}

.title{ margin-left:13%}

.title form {
	width:340px;
	height:400px;
	background:rgba(39, 39, 40, .95);
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;

	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:1px solid rgba(0, 0, 0, .4);
	
	-webkit-box-shadow: 0 3px 24px rgba(0, 0, 0, .6), inset 0 1px 1px rgba(255, 255, 255, .15), inset 0 -1px 1px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 3px 24px rgba(0, 0, 0, .6), inset 0 1px 1px rgba(255, 255, 255, .15), inset 0 -1px 1px rgba(0, 0, 0, .15);
	box-shadow: 0 3px 24px rgba(0, 0, 0, .6), inset 0 1px 1px rgba(255, 255, 255, .15), inset 0 -1px 1px rgba(0, 0, 0, .15);
	margin: 30px auto 0;
	
	-moz-perspective: 800px;
    -webkit-perspective: 800px;
    perspective: 800px;

    display: grid;
    position:absolute;
 
    /* Enabling 3d space for the transforms */
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
 
    /* When the forms are flipped, they will be hidden */
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
 
    /* Enabling a smooth animated transition */
    -moz-transition:0.8s;
    -webkit-transition:0.8s;
    transition:0.8s;
	
    /* Configure a keyframe animation for Firefox */
    -moz-animation: pulse 2s infinite;
	
    /* Configure it for Chrome and Safari */
    -webkit-animation: pulse 2s infinite;
}

#login{
    z-index:100;
}
.hide{display:none;}

.downloadBox{
	margin: 0 15px;
    background-color: #fff;
    border-radius: 15px;
    padding: 5px 16px;
    color: #333;
    line-height: 22px;
}
.downloadBox img{
	margin:18px 15px 0 0;
}
.downloadBox span{font-weight:600;}
.downloadBox a{ text-decoration:none;color:#333;}
#recover,#help2FA{
    z-index:1;
    opacity:0;
 
    /* Rotating the recover password form by default */
    -moz-transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg);
}
#help{
	background-color: #fff;
    color: #333;
    text-decoration: none;
    padding: 5px 15px;
    border-radius: 10px;
    font-weight: 600;
    font-family: Arial;
    margin-left: 10px;
}
.title p {
	font-size:15px;
	font-weight:normal;
	text-align:center;
	line-height:22px;
	color:#ccc;
	text-shadow:0 -1px 0 #000;

	width:100%;
	float: left;

	margin:14px 0 20px;
}


h2{font-size:30px; color:#4d98e4; padding:30px 0 13px 0; margin:0 20px 0 28px; border-bottom: 1px solid rgba(0, 0, 0, .3); border-style:dashed; border-width: 0 0 1px 0; text-shadow: 0 1px #fff;}


.title form input[type="submit"]{
	color:#fff;
	font-weight:bold;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, .25);
	width:100%;
	height:42px;
	background-color: #4D98E4;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .35), inset 0 1px rgba(255, 255, 255, .2);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .35), inset 0 1px rgba(255, 255, 255, .2);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .35), inset 0 1px rgba(255, 255, 255, .2);
	background-image: -webkit-linear-gradient(bottom, #377ADC, #64B7EC);
	background-image: -moz-linear-gradient(bottom, #377ADC, #64B7EC);
	background-image: -o-linear-gradient(bottom, #377ADC, #64B7EC);
	background-image: -ms-linear-gradient(bottom, #377ADC, #64B7EC);
	background-image: linear-gradient(bottom, #377ADC, #64B7EC);
	outline:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #103C56;
	cursor:pointer;
	-webkit-transition: all 0.05s ease;
	-moz-transition: all 0.05s ease;
	-ms-transition: all 0.05s ease;
	-o-transition: all 0.05s ease;
	transition: all 0.05s ease;
}
.title form input[type="submit"]:hover{
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .35), inset 0 1px rgba(255, 255, 255, .2);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .35), inset 0 1px rgba(255, 255, 255, .2);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .35), inset 0 1px rgba(255, 255, 255, .2);
	background-image: -webkit-linear-gradient(bottom, #3A88EC, #68C8FD);
	background-image: -moz-linear-gradient(bottom, #3A88EC, #68C8FD);
	background-image: -o-linear-gradient(bottom, #3A88EC, #68C8FD);
	background-image: -ms-linear-gradient(bottom, #3A88EC, #68C8FD);
	background-image: linear-gradient(bottom, #3A88EC, #68C8FD);
}
.title form input[type="submit"]:active{
	-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, .15), inset 0 1px 3px rgba(0, 0, 0, .75);
	-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, .15), inset 0 1px 3px rgba(0, 0, 0, .75);
	box-shadow: 0 1px 1px rgba(255, 255, 255, .15), inset 0 1px 3px rgba(0, 0, 0, .75));
	background-image: -webkit-linear-gradient(bottom, #306abd, #509bed);
	background-image: -moz-linear-gradient(bottom, #306abd, #509bed);
	background-image: -o-linear-gradient(bottom, #306abd, #509bed);
	background-image: -ms-linear-gradient(bottom, #306abd, #509bed);
	background-image: linear-gradient(bottom, #306abd, #509bed);
	border:1px solid #092c41;
}

.title form input[type="number"],
.title form input[type="text"],
.title form input[type="password"] {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, .15), 0 2px 3px rgba(0, 0, 0, 0.18) inset;
	-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, .15), 0 2px 3px rgba(0, 0, 0, 0.18) inset;
	-ms-box-shadow: 0 1px 1px rgba(255, 255, 255, .15), 0 2px 3px rgba(0, 0, 0, 0.18) inset;
	-o-box-shadow: 0 1px 1px rgba(255, 255, 255, .15), 0 2px 3px rgba(0, 0, 0, 0.18) inset;
	box-shadow: 0 1px 1px rgba(255, 255, 255, .15), 0 2px 3px rgba(0, 0, 0, 0.18) inset;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background: #1E1E1F url(images/login.png) no-repeat;
	border: 1px solid #0C0C0C;
	color: #777;
	text-shadow: 0 1px 1px #000;
	font: 13px Helvetica, Arial, sans-serif;
	margin: 0 0 10px;
	padding: 14px 0px 14px 40px;
	width: 86%;
}

#email{background: #1E1E1F url(images/email.png) no-repeat;}

.title form input[type="number"]:focus,
.title form input[type="text"]:focus,
.title form input[type="password"]:focus {
	-webkit-box-shadow: 0 0 8px rgba(85, 168, 236, 1), inset 0px 2px 3px 0px rgba(0, 0, 0, .18);
	-moz-box-shadow: 0 0 8px rgba(85, 168, 236, 1), inset 0px 2px 3px 0px rgba(0, 0, 0, .18);
	-ms-box-shadow: 0 0 8px rgba(85, 168, 236, 1), inset 0px 2px 3px 0px rgba(0, 0, 0, .18);
	-o-box-shadow: 0 0 8px rgba(85, 168, 236, 1), inset 0px 2px 3px 0px rgba(0, 0, 0, .18);
	box-shadow: 0 0 8px rgba(85, 168, 236, 1), inset 0px 2px 3px 0px rgba(0, 0, 0, .18);
	background-color: #1E1E1F;
	border: 1px solid #4D98E4;
	outline: none;
	color:#fff;
}

#username { background-position: 10px 10px !important }
#password { background-position: 10px -53px !important }
#oneCode { background-position: 10px -47px !important; width: 135px;font-size: 24px;letter-spacing: 8px; }

#forgot, #back{ color:#ccc; text-shadow:0-1px rgba(0, 0, 0, 1); font-size:13px; text-decoration:none; float:right; margin-top:14px;}

.title.flipped #login{

	opacity:0;

	/**
	 * Rotating the login form when the
	 * flipped class is added to the container
	 */

	-moz-transform:rotateY(-180deg);
	-webkit-transform:rotateY(-180deg);
	transform:rotateY(-180deg);
}


.title.flipped #recover,.title.flipped #help2FA{

	opacity:1;

	/* Rotating the recover div into view */
	-moz-transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
	transform:rotateY(0deg);
}

.bottone{-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px;border-radius: 3px;-moz-box-shadow: 0 1px 1px #DDDDDD;background: url("/images/gradients.png") repeat-x scroll 0 0 #F5CF33;border: 1px solid #ECC10E;color: #5A4005;display: block;font-size: 12px;font-weight: bold;height: 24px;line-height: 24px;text-align: center;text-decoration: none !important;text-shadow: 0 1px 0 #F9E286; padding:0 15px;cursor:pointer;}
.bottone:hover {background:#f5cf33 url("/images/gradients.png") 0 -24px repeat-x;border-top:1px solid #c6a310;border-left:1px solid #c6a310;-moz-box-shadow:none;-webkit-box-shadow:none;color: #222;box-shadow:none;/*for IE */
filter:progid:DXImageTransform.Microsoft.Shadow(color='#ffffff',direction='180',strength='2');}

input.bottoneBlu,input.bottone,input.bottoneRed, input.bottoneBlack, input.bottoneGreen{ padding:0 0 6px 0; }

.bottoneBlu{display:block; padding:0 15px;height:24px;line-height:24px;background:#d4ecfb url("/images/gradients.png") 0 -96px repeat-x;/*color:#166EAE;*/ color:#fff;border:1px solid #bdd2df;font-size:12px;font-weight:bold;text-align:center;text-shadow:0 1px 0 #06F;text-decoration:none;text-decoration:none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 1px #ddd;-webkit-box-shadow:0 1px 1px #ddd;box-shadow:0 2px 1px #ddd;/*for IE */filter:progid:DXImageTransform.Microsoft.Shadow(color='#dddddd',direction='180',strength='2')cursor:pointer;;}
.bottoneBlu:hover{background:#d4ecfb url("/images/gradients.png") 0 -72px repeat-x; color:#118ec2;text-shadow:0 1px 0 #E3F9FF;border-top:1px solid #90a0aa;border-left:1px solid #90a0aa;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;/*for IE */filter:progid:DXImageTransform.Microsoft.Shadow(color='#ffffff',direction='180',strength='2');}
.bottoneRed{display:block; padding:0 15px;height:24px;line-height:24px;background:#d4ecfb url("/images/gradients.png") 0 -144px repeat-x;/*color:#166EAE;*/ color:#fff !important;border:1px solid #bdd2df;font-size:12px;font-weight:bold;text-align:center;text-shadow:0 1px 0 #aa0000;text-decoration:none;text-decoration:none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;/*for IE */filter:progid:DXImageTransform.Microsoft.Shadow(color='#dddddd',direction='180',strength='2');}
.bottoneRed:hover{background:#d4ecfb url("/images/gradients.png") 0 -144px repeat-x; border-top:1px solid #90a0aa;border-left:1px solid #90a0aa;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;/*for IE */filter:progid:DXImageTransform.Microsoft.Shadow(color='#ffffff',direction='180',strength='2'); cursor:pointer;}
.bottoneBlack{display:block; padding:0 15px;height:24px;line-height:24px;background:#d4ecfb url("/images/gradients.png") 0 -450px repeat-x;/*color:#166EAE;*/ color:#fefefe;border:1px solid #bdd2df;font-size:12px;font-weight:bold;text-align:center;text-shadow:0 1px 0 #333;text-decoration:none;text-decoration:none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 1px #ddd;-webkit-box-shadow:0 1px 1px #ddd;box-shadow:0 2px 1px #ddd;/*for IE */filter:progid:DXImageTransform.Microsoft.Shadow(color='#dddddd',direction='180',strength='2');}
.bottoneBlack:hover{background:#d4ecfb url("/images/gradients.png") 0 -474px repeat-x; border-top:1px solid #90a0aa;border-left:1px solid #90a0aa;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;/*for IE */filter:progid:DXImageTransform.Microsoft.Shadow(color='#333333',direction='180',strength='2');}

.bottoneGreen{display:block; padding:0 15px;height:24px;line-height:24px;background: #093 url("/images/gradients.png") 0 -255px repeat-x;/*color:#166EAE;*/ color:#fff !important;border:1px solid #060;font-size:12px;font-weight:bold;text-align:center;text-shadow:0 1px 0 #060;text-decoration:none;text-decoration:none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;/*for IE */filter:progid:DXImageTransform.Microsoft.Shadow(color='#dddddd',direction='180',strength='2');}
.bottoneGreen:hover{background:#d4ecfb url("/images/gradients.png") 0 -275px repeat-x; border-top:1px solid #90a0aa;border-left:1px solid #90a0aa;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;/*for IE */filter:progid:DXImageTransform.Microsoft.Shadow(color='#333333',direction='180',strength='2'); cursor:pointer;}

/* Button */
input.btn, a.btn{border:#BBB 1px solid; color:#5f5e5e; display:block; padding:8px 50px; text-decoration:none; cursor:pointer; font-size:18px;}
input:hover.btn, a:hover.btn{text-decoration:none; background:#FFF; color:#333;}

/* Rounded Corners */
input.rounded, .rounded{
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-khtml-border-radius: 6px;
}


div.remoteip{ float:left; width: 100px; background:url('images/ip-address.png') left no-repeat; color:#fff; padding:10px 0 10px 30px;font-size:16px; margin:5px 0 0 0;}


.login_error,#login_error, #switch_user{text-shadow: none;text-shadow: #333 1px 1px 0;text-align: left;width:270px;font-family: helvetica,arial,sans-serif;color:#fff;font-size: 13px;background:#c00;text-decoration: none;font-weight: 500;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;margin: 0 auto 10px;padding: 12px 15px;}
.login_error,#login_error:hover,::selection, ::-moz-selection, ::-webkit-selection {background: #fff;color: #c00; text-shadow:none; cursor:pointer;}

#switch_user{background: #09F url('images/info.png') 10px 10px no-repeat; font-weight:normal;text-shadow: #333 1px 1px 0; padding-left:60px; text-align:left; width:220px}

div#clock { color:#FFF; margin: 0 auto; width: 210px; overflow: hidden; text-align: center; font: 13px/1.231 arial,helvetica,clean,sans-serif;}
div#clock p { float: left; height: 88px; width: 88px; }
div#clock p span { display: block; font-size: 50px; font-weight: bold; padding: 5px 0 0; }
div#clock div.space { color: #ccc; display: block; line-height: 1.7em; font-size: 50px; float: left; height: 88px; width: 30px; }
.clear{ clear:both;}