.login-body-lci {
	background-image: url("/erpcrm/javax.faces.resource/images/back-login.jpg.xhtml?ln=lci-layout");
	background-repeat: no-repeat;
	background-size: cover;
	/*background-blend-mode: luminosity;*/
	min-height: 0;
}

.login-body-lci .login-panel {
	width: 400px;
	margin: 0 auto;
	background-color: #ffffff;
	margin-top: 125px;
	padding: 30px 50px 50px 50px;
}



.maxW100px{max-width: 100px;}
.marL7m{margin-left: -7px !important;}
.MarTop5{margin-top:5px;}

.h10{height: 10px;}
.w160px {width: 160px;}

.red{color: red;}

.TexAlCenter{text-align: center;}

.fs16{font-size:16px;}
.fs22{font-size:22px;}

.FontBold{font-weight:bold;}



.snowflake {color: #fff;font-size: 1em;font-family: Arial;text-shadow: 0 0 1px #000;}

@media ( max-width : 399px) {
	.login-body-lci .login-panel {
		width: 90%;
		margin-top: 50px;
		padding: 5px;
	}	
}


/**Dialog última tentativa*/
body .title-red .ui-dialog-titlebar {
	color: white !important;
	background-color: #e17576 !important;
	font-size: 15px;
	padding: 10px;
}

.EmptyBox5{ display:block; width:100%; height:5px; overflow:hidden;}
.EmptyBox15{ display:block; width:100%; height:15px; overflow:hidden;} 

.Fs16{font-size:16px !important;} 
.Fs20{font-size:20px !important;} 

.MarTop10{ margin-top:10px !important;}

.MarB20{ margin-bottom:20px !important;}

.DisBlock{display: block !important;}

.w200px{width: 200px !important;}


/**Width - Tabelas e Panels*/

@media (max-width: 300px) {
	.table-dialog{max-width: 280px}
}

@media (min-width: 300px) and (max-width: 350px) {
	.table-dialog{max-width: 290px}
	.imgException{display: none}
}

@media (min-width: 350px) and (max-width: 400px) {
	.table-dialog{max-width: 340px}
	.imgException{display: none}
}

@media (min-width: 400px) and (max-width: 450px) {
	.table-dialog{max-width: 390px}
	.imgException{display: none}
}

@media (min-width: 450px) and (max-width: 500px) {
	.table-dialog{max-width: 440px}
	.imgException{width: 80px; height: 80px; left: 5px;}
}

@media (min-width: 500px) and (max-width: 550px) {
	.table-dialog{max-width: 490px}
	.imgException{width: 80px; height: 80px; left: 5px;}
}

@media (min-width: 550px) and (max-width: 600px) {
	.table-dialog{max-width: 540px}
	.imgException{width: 80px; height: 80px; left: 5px;}
}

@media (min-width: 600px) and (max-width: 650px) {
	.table-dialog{max-width: 590px}
	.imgException{width: 80px; height: 80px; left: 5px;}
}

@media (min-width: 650px) and (max-width: 700px) {
	.table-dialog{max-width: 640px}
	.imgException{width: 80px; height: 80px; left: 5px;}
}

@media (min-width: 700px) and (max-width: 750px) {
	.table-dialog{max-width: 690px}
	.imgException{width: 80px; height: 80px; left: 5px;}
}

@media (min-width: 750px) and (max-width: 800px) {
	.table-dialog{max-width: 740px}
	.imgException{width: 80px; height: 80px; left: 5px;}
}

@media (min-width: 800px) and (max-width: 850px) {
	.table-dialog{max-width: 790px}
	.imgException{width: 80px; height: 80px; left: 5px;}
}

@media (min-width: 850px) and (max-width: 900px) {
	.table-dialog{max-width: 840px}
	.imgException{width: 110px; height: 110px; left: 5px;}
}

@media (min-width: 900px) and (max-width: 950px) {
	.table-dialog{max-width: 890px}
	.imgException{width: 110px; height: 110px; left: 5px;}
}

@media (min-width: 950px) and (max-width: 1000px) {
	.table-dialog{max-width: 940px}
	.imgException{width: 110px; height: 110px; left: 5px;}
}

@media (min-width: 1000px) and (max-width: 1100px) {
	.table-dialog{max-width: 1090px}
	.imgException{width: 110px; height: 110px; left: 5px;}
}

@media (min-width: 1100px) and (max-width: 1200px) {
	.table-dialog{max-width: 1190px}
	.imgException{width: 110px; height: 110px; left: 5px;}
}

@media (min-width: 1200px) {
	.table-dialog{max-width: 1190px}
	.panel-expansivel{width:1190px}
	.panel-pequeno{width:450px}
	.panel-medio{width:700px}
}