@charset "UTF-8";
/* CSS Document */

* {	padding: 0;	margin: 0; font-family: Lucida Grande, Arial, sans-serif; text-decoration: none; font-size: 12px; text-align: left; }
.loginBody { width:100%; height: 100%; background: #0063B6; }
a { color: white; font-size: 11px; }
a:hover { text-decoration: underline; }
.bgCustomOrg { background-color: #0063B6; }
.textCustomOrg { color: #f1f1f1; }
em { font-style: normal; }

.loginDialog { height: 305px; width: 300px; overflow: visible; position: fixed; top: 50%; left: 50%; margin: -165px 0 0 -150px; text-align: center; }

/* Topo Org */
.topOrg { height: 100px; width: 160px; background: url("../ILang/img/iLang_white_logo.png") no-repeat center bottom; margin-bottom: 20px; background-size: contain; display: inline-block; }

/* Input Text */
.inputContainer { width: 70%; margin: 0 auto; position: relative; }
.inputContainer input { border: 1px solid #cacaca; width: 94%; height: 35px; padding: 0 3%; margin-bottom: 10px; outline: none; }
.inputContainer input:hover, .inputContainer input:focus { border-color: #b4b4b4; }

/* Botões e links na dialog */
.inputContainer a:hover { text-decoration: underline; }

a.button { border: 1px solid rgba(255, 255, 255, .1); display: block; padding: 3px 2% 5px; font-size: 15px; color: white!important; border-radius: 2px; margin-right: -1px; background-color: #7ba1e1; width: 96%; text-align: center;
	
}
a.button:hover, a.button:active {
	text-decoration: none; border-color: rgba(255, 255, 255, .5);
}

/* Esqueci senha */
.forgotPassword { opacity: .3; position: absolute; bottom: -25px; cursor: pointer; }
.inputContainer p { font-size: 11px; margin-bottom: 10px; line-height: 14px; }
.textCustomOrg.fb { white-space: nowrap; }

/* Input no IE9 */
.input:before { content: "Usuário:"; color: #999; font-size: 11px; line-height: 18px; display: none; display: block \9; }
.input ~ .input:before { content: "Senha:" \9; }
input::-ms-clear { display: none; }
	
	/*IE10*/
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	   .input:before { display: none; }
	} 


/* Senha incorreta */
.inputContainer p.red { font-size: 11px; color: #EF7979; font-weight: bold; width: 100%; text-align: justify; }
.inputContainer p.red ~ .input input { border-color: #EF7979; }
.inputContainer p.red ~ .input input::-webkit-input-placeholder, .inputContainer p.red ~ .input input::-moz-placeholder, .inputContainer p.red ~ .input input:-ms-input-placeholder { color: #EF7979!important; }

/* Senha alterada */
.textCustomOrg em { font-size: 10px; }
.textCustomOrg a { font-weight: bold; text-decoration: underline; }

/*Email validado (Kroton)*/
.validateEmail { width: 800px; margin: -100px 0 0 -400px; }
.orgLogo { padding-right: 10px; opacity: .8; vertical-align: bottom; display: inline-block; }
.orgLogo:hover { opacity: 1; text-decoration: none!important; }
.orgLogo:last-child { padding: 0; }
.orgLogo img { display: inline-block; max-height: 60px; max-width: 80px; }
	.orgLogo:first-child { margin-bottom: -3px; }
	.orgLogo:nth-child(2) { margin-bottom: -5px; }
	.orgLogo:nth-child(6) { margin-bottom: -3px; }
	.orgLogo:nth-child(7) { margin-bottom: -6px; }

/* Footer */
.footer { opacity: .3; text-align: center; font-size: 10px; color: white; position: absolute; width: 90%; padding: 0 5% 10px; bottom: 0; cursor: default; }
.footer * { font-size: 10px; }


		/*Dialog Esqueci Minha senha - KROTON*/
		.fb { font-size: 15px!important; }
		.fms { font-size: 11px; }
		.phm { padding-left: 8px; padding-right: 8px; }
		
		.ilangIcon { display: inline-block; height: 16px; width: 16px; background: url(../ILang/img/ilangicons.png) top left no-repeat; margin-right: 2px;}
		.pvb { padding: 15px 0; }
		
		.socialDialog.hide { opacity: 0; height: 0; overflow: hidden;
			-webkit-transition:height 0s linear 0.3s, opacity 0.3s linear;
			-moz-transition: height 0s linear 0.3s, opacity 0.3s linear;
			-ms-transition: height 0s linear 0.3s, opacity 0.3s linear;
			-o-transition: height 0s linear 0.3s, opacity 0.3s linear;
			transition: height 0s linear 0.3s, opacity 0.3s linear;
		 }
		 
		.socialDialog { position: fixed; background: rgba(20,20,20,0.6); background: url(../ILang/img/black_film.png) repeat center \9; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; display: block; opacity: 1; visibility: visible; 
			
			-webkit-transition-delay: height 0s linear 0s, opacity 0.3s linear;
			-moz-transition: height 0s linear 0s, opacity 0.3s linear;
			-ms-transition: height 0s linear 0s, opacity 0.3s linear;
			-o-transition: height 0s linear 0s, opacity 0.3s linear;
			transition: height 0s linear 0s, opacity 0.3s linear;
			
		 }
		.socialDialog .sdBox { 
			background: white; height: 96%; width: 800px; margin: 1% auto; position: relative; box-shadow: 0 2px 20px #111; border-radius: 6px;
		}
		.socialDialog .sdBox .sdContent { 
			padding: 28px 0 0; width: 800px; position: relative; z-index: 9; display: block; margin-bottom: -28px; overflow-x: hidden;
		 }
		 
		 /* TOP */
		 .socialDialog .sdBox .sdClose { position: absolute; width: 26px; height: 26px; background-position: -110px 0; z-index: 12; top: -8px; right: -12px; text-decoration: none; }
		 .socialDialog .sdBox .sdTop {
		 	height: 28px; line-height: 28px; width: 99.75%; border-bottom: 1px solid #b9cce0; position: absolute; top: 0; left: 0; z-index: 10; background: #0063B6; color: white!important; border-radius: 5px 5px 0 0; border: 1px solid #777;
		 }
		 
		 /* BOTTOM */
		 .socialDialog .sdBox .sdBot { height: 20px; padding: 10px 0 2px; background: #ebebeb; position: absolute; width: 100%; bottom: 0; left: 0; border-radius: 0 0 3px 3px; z-index: 10; }
		 .socialDialog .sdBox .sdBot a, .socialDialog .sdBox .sdBot a:visited { color: #69d; padding-left: 3px; }
		 
		 /* Dialog com altura fixa pequena */
		 .socialDialog .dlgSmall { height: auto; width: 510px; top: 50%; margin-top: -160px; }
		 .socialDialog .dlgSmall .sdContent { width: 450px; height: auto; min-height: 30px; padding: 50px 30px 70px!important; margin-bottom: 0; }