/**
 *
 *----------------------------------------------------------------------------------------
 * saga_fortaleza_contrasena.css
 *----------------------------------------------------------------------------------------
 *
 * Este archivo incluye todos los estilos que definen la apariencia de la fortaleza de la contraseña en WJ
 *  
 * 
 */

 
	.info-password{font: normal 0.7rem 'PublicSans-Bold', Arial, sans-serif;text-transform: initial;padding-left: 3px}
	#pswd_info {position:absolute;	right: 50px; width:260px; padding:15px;	background:#fefefe; font-size:.875em; border-radius:5px; box-shadow:0 1px 3px #ccc; border:1px solid #ddd;	display:none; top:112px;}
		@media only screen and (min-width: 300px) and (max-width: 480px) {
			#pswd_info {width: 220px;right: 0;}
		}
	#pswd_info:after { content:"";	position:absolute;	bottom:-21px; right:15px; background:url(../../imagenes/saga/arrow_tooltip.png) no-repeat 0 top; display:block; width:33px;	height:21px;}
	#pswd_info h4 {margin:0 0 10px 0;padding:0;font-weight:bold;font-size:14px;}
	#pswd_info a{font: bold 1em 'PublicSans-Regular', Arial, sans-serif;padding:0;}
	#pswd_info ul {padding:0 0 15px 0;margin:0 0 15px 0;border-bottom:1px solid #999999;}
	#pswd_info li {padding:8px 0 8px 25px;font-size: 12px;box-shadow:none;margin:0;border:0;}
	#pswd_info li:last-child{padding-bottom:0px;}
	#pswd_info .pregunta{color:#505050;font-size:12px;padding-bottom:5px;padding-top:0px;display:inline-block;}
	#pswd_info .pregunta strong{color:#333;font: bold 1.4em 'PublicSans-Regular', Arial, sans-serif;}
	#pswd_info .pregunta:last-child{padding-bottom:0px;}
	.invalid {background:url(../../imagenes/saga/ico_error.png) no-repeat 0 50%!important;padding-left:22px;}
	.valid {	background:url(../../imagenes/saga/ico_success.png) no-repeat 0 50%!important;padding-left:22px;}
	#pswd_info li.invalid:last-child{background-position:0 4px;}
	.wrapper-pswd_info{width:100%;padding:10px 0 3px 0;display: inline-block;height:auto; position:relative;}
	.wrapper-fuerzaPass{
		box-shadow:0 0 3px rgba(0, 0, 0, 0.3) inset;
		display: inline-block;
		float: none;
		height: 10px;
		margin-top: 10px;
		position:relative;
		width: 95%;
		margin-top: 5px;
		margin-bottom:5px;
	}
		@media only screen and (min-width: 300px) and (max-width: 767px) {
			 #pswd_info:after {right:70px;}
		} 
	.fuerzaPass {position: absolute;height:6px;display:inline-block;background:tranparent;width:100%;border-radius: 5px;margin-left: 2px; margin-top: 2px;}
	.fuerzaPass >div{color: #0a7abf;font: bold 0.70em/1em 'PublicSans-Regular', Arial, sans-serif;}
	.cuanto {position:absolute;top:7px;left:0;font-size:12px;width:100%;text-align:left;color: #0a7abf;}
	 	.cuanto25 , .cuanto50, .cuanto75 , .cuanto100 {text-align:right;} 
	.casipoco{
		background: #e2001a; /* Old browsers */
		background: -moz-linear-gradient(left,  #e2001a 0%, #e26000 67%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e2001a), color-stop(100%,#e26000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #e2001a 0%,#e26000 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #e2001a 0%, #e26000 100% ); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #e2001a 0%, #e26000 100% ); /* IE10+ */
		background: linear-gradient(to right,  #e2001a 0%, #e26000 100% ); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2001a', endColorstr='#e26000',GradientType=1 ); /* IE6-9 */
		width:20%;
		-webkit-border-top-right-radius: 0px;
		-webkit-border-bottom-right-radius: 0px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 0px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;			
	}
	.casipoco .cuanto{width:100px}
	.poco {
		background: #e2001a; /* Old browsers */
		background: -moz-linear-gradient(left,  #e2001a 0%, #e26000 50%, #ecc205 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e2001a), color-stop(50%,#ecc205), color-stop(100%,#e26000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #e2001a 0%,#e26000 100%,#ecc205 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #e2001a 0%,#e26000 50%,#ecc205 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #e2001a 0%,#e26000 50%,#ecc205 100%); /* IE10+ */
		background: linear-gradient(to right,  #e2001a 0%,#e26000 50%,#ecc205 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2001a', endColorstr='#ecc205',GradientType=1 ); /* IE6-9 */
		width:40%;
		-webkit-border-top-right-radius: 0px;
		-webkit-border-bottom-right-radius: 0px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 0px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;		
	}
	.normal {
		background: #e2001a; /* Old browsers */
		background: -moz-linear-gradient(left,  #e2001a 0%, #e26000 33%, #ecc205 65%, #56d517 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e2001a), color-stop(33%,#e26000), color-stop(65%,#ecc205), color-stop(100%,#56d517)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #e2001a 0%,#e26000 33%,#ecc205 65%,#56d517 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #e2001a 0%,#e26000 33%,#ecc205 65%,#56d517 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #e2001a 0%,#e26000 33%,#ecc205 65%,#56d517 100%); /* IE10+ */
		background: linear-gradient(to right,  #e2001a 0%,#e26000 33%,#ecc205 65%,#56d517 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2001a', endColorstr='#56d517',GradientType=1 ); /* IE6-9 */
		width:60%;
		-webkit-border-top-right-radius: 0px;
		-webkit-border-bottom-right-radius: 0px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 0px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
	}
	.casi {
		background: #e2001a; /* Old browsers */
		background: -moz-linear-gradient(left, #e2001a 0%, #e26000 20%, #ecc205 53%, #56d517 75%, #319400 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e2001a), color-stop(33%,#e26000), color-stop(33%,#e26000), color-stop(66%,#ecc205), color-stop(80%,#56d517), color-stop(100%,#319400)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #e2001a 0%,#e26000 20%, #ecc205 53%,#319400 75%,#319400 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,   #e2001a 0%, #e26000 20%, #ecc205 53%, #56d517 75%, #319400 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #e2001a 0%, #e26000 20%, #ecc205 53%, #56d517 75%, #319400 100%); /* IE10+ */
		background: linear-gradient(to right,  #e2001a 0%, #e26000 20%, #ecc205 53%, #56d517 75%, #319400 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2001a', endColorstr='#319400',GradientType=1 ); /* IE6-9 */
		width:80%;
		-webkit-border-top-right-radius: 0px;
		-webkit-border-bottom-right-radius: 0px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 0px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
	}
	.full {
		background: #e2001a; /* Old browsers */
		background: -moz-linear-gradient(left, #e2001a 0%, #e26000 20%, #ecc205 40%, #56d517 60%, #319400 80%, #2b8001 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e2001a), color-stop(20%,#e26000), color-stop(40%,#ecc205), color-stop(60%,#56d517), color-stop(80%,#319400), color-stop(100%,#2b8001)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left, #e2001a 0%,#e26000 20%,#ecc205 40%,#56d517 60%,#319400 80%,#2b8001 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left, #e2001a 0%,#e26000 20%,#ecc205 40%,#56d517 60%,#319400 80%,#2b8001 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left, #e2001a 0%,#e26000 20%,#ecc205 40%,#56d517 60%,#319400 80%,#2b8001 100%); /* IE10+ */
		background: linear-gradient(to right, #e2001a 0%,#e26000 20%,#ecc205 40%,#56d517 60%,#319400 80%,#2b8001 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2001a', endColorstr='#2b8001',GradientType=1 ); /* IE6-9 */
	}