/****  Login  ****/

#login-form {
    background: #00587B;
    color: #FFF;
    margin-bottom : 20px;
    padding: 13px 15px;
    display: flex;
    align-items: center;
}

.icn-user-form {
	padding-left: 35px;
}

#login-form .icn-user-form:before {
	position: absolute;
    top: 4px;
    left: 0;
    font-size: 25px;
}

#login-form #login-form-cabecera {
    color: #FFFFFF;
    font-size: 1.21rem;
    font-weight: 600;
    line-height: 1.4rem;
    margin-bottom: 4px;
}

#login-form #login-form-slogan{
	color: #FFF;
	line-height: 1.3rem;
	margin-bottom: 0;
}

#login-form .button-container {
	padding: 0;
}

#login-form .button {
	padding: 7px 2%;
    text-align: center;
    border: 1px solid #FFF;
    font-size: 1.1rem;
    display: inline-block;
    float: right;
    width: 100%;
    max-width: 140px;
}

#login-popup-step3 .sag-modal-header {
    display: none;
}

#content-web2020 #login-popup-step3 .content-formlogin {
    margin-top: 0px;
}

#login-form div.button-background {
	float: none;
	width: auto;
}


/********* Solo escritorio *****************/
@media(min-width:992px){
	/*modal replica paso 3*/
    #login-popup-step3 .sag-modal-dialog {
	    max-width: 400px;
	    min-width: auto;
	}

	/**** login ****/
	#login-form {
	    margin: 0 0 20px 0;
	}
}


/********* tablet y móvil *****************/
@media screen and (max-width: 991px){
	/**** login ****/
	#content-web2020 #login-popup-step3 .content-formlogin{
	  	-webkit-box-shadow: none;
	    box-shadow: none;
	}

	#login-popup-step3 .sag-modal-content {
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}
}