.password-container{
    position:relative;
    display:inline-block;
}

.password-container input{
    padding-right:1em;
}

.password-container button{
    position:absolute;
    right:0.2em;
    top:50%;
    transform:translateY(-50%);
    border:none;
    background:none;
    cursor:pointer;
    font-size:1.5em;
    z-index: 2;
    
}

.password-container button i{
	color: var(--azul);
}


#divInicio{
	background-image: url("/imagenes/fondos/fondoLogin.png");
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: table;
}



#divInicio .divCaja{	
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}

#divInicio .divCaja .formulario{
	background-color:transparent;
	width: 30%;
	margin-left: 35%;		
	box-shadow: none;
	background-image: none;	
}

#divInicio .divCaja .formulario .campo{
	text-align: center;	
	margin-bottom: 1.5em;
}

#divInicio .divCaja .formulario .campo .error{
	color:var(--gris6);
}


#divInicio .divCaja .formulario .campo .imagenLogo{
	margin-bottom: 0px;
	max-width: 100%;
	max-height: 5em;
}

#divInicio .divCaja .formulario .campo input,
#divInicio .divCaja .divFormulario .campo select{
	background-color: var(--gris2);
	color: var(--gris6);		
	box-shadow: 0px 1px 2px var(--gris2);
	float: none;
	padding-top: 0;
	height: 2em;
}

#divInicio .divCaja .formulario .campo input::placeholder{
	color:var(--gris3);
}

#formularioSesion .botonesFormulario .botonRecordar{
	display: inline-block;
	vertical-align: top;
	margin-top: 3em;
}

#formularioSesion .botonesFormulario .botonRecuperarPassword,
#formularioSucursal .botonesFormulario .botonVolver,
#formularioSesion .botonesFormulario .linkTelefono{
	background-color: transparent;
}


#formularioSesion .botonesFormulario .botonRecuperarPassword span,
#formularioSucursal .botonesFormulario .botonVolver span,
#formularioSesion .botonesFormulario .linkTelefono span{
	color: var(--gris6);
	text-decoration: underline;
}

#formularioSesion .divBotonesFormulario .botonRecordar span{
	color: var(--gris6);
	font-size: 0.9em;
	letter-spacing: 0px;
	font-weight: 0;	
}

#divInicio .linkPoliticas{
	position: fixed;
	bottom: 0px;
	left: 5%;
	height: 30px;
	width: 90%;
	text-align: center;
	border-top: solid 1px white;
	color: white;
	line-height: 4;
	font-size: 0.6em;
	letter-spacing: 0.2em;
	text-decoration: none;
}



@media(max-width:900px){
	
	#divInicio .divCaja .formulario{
		width: 90%;
		margin-left: 5%;
	}	
	
}