input#account-recovery {
	width: auto;
}

#fbButtonLink {
	background: url(../../../img/facebook_button.png) no-repeat;
	background-size: cover;
	border-radius: 5px;
	height: 29px;
	float: none;
	display: inline-block;
	margin: 0px 0px 20px 0px;
}

#content-web2020 #fbButtonLink a {
	color: #FFFFFF;
	font-size: 17px;
	line-height: 17px;
	float: right;
	padding: 7px 10px 0px 33px;
	text-decoration: none;
}


/*###################################### WEB2020 ############################################## */

/********** Pestanias login genericas ****************/
.nav-tabs .row-tablist {
	display: flex;
	margin: 0;
}

#content-web2020 .nav-tabs div.tab {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #FFF;
    padding: 10px 7px;
}

.tab-right { text-transform: capitalize; }

#content-web2020 .nav-tabs div.tab a {
	padding: 0;
    padding-bottom: 3px;
    margin: 0 10px;
    border: 0;
    background: transparent;
    opacity: .5;
    font-size: 21px;
    color: #007398;
}

#content-web2020 .nav-tabs div.tab a:hover,
#content-web2020 .nav-tabs div.tab a:focus {
    color: #23527c;
}

#content-web2020 .nav-tabs div.tab.homeservice-selected { border-bottom: 3px solid #3FC8EB; }

#content-web2020 .nav-tabs div.tab.homeservice-selected a,
#content-web2020 .nav-tabs div.tab.homeservice-selected a:hover,
#content-web2020 .nav-tabs div.tab.homeservice-selected a:focus {
	color: #555555;
    opacity: 1;
    cursor: default;
}


#buspluslogin-desktop .tab-content>.tab-pane {
  height: 1px;
  overflow: hidden;
  display: block;
 visibility: hidden;
}
#buspluslogin-desktop .tab-content>.active {
  height: auto;
  overflow: auto;
  visibility: visible;
}

/** Fin pestanias login **/


#content-web2020 #header.header .link-register,
#content-web2020 #header.header .link-register a {
    font-size: 15px;
    line-height: 30px;
}

#content-web2020 #header.header .link-register .link-register-slogan {
    padding-right: 4px;
}

#content-web2020 #header.header .link-register > a,
#content-web2020 #header.header .link-register > a:hover {
    text-decoration: underline;
    color: #007398;
    font-weight: normal;
}


/** Enlace Recuperar contraseña **/
#content-web2020 #header.header a.recoverPass-container-link {
    text-decoration: underline;
    color: var(--color-enlaces);
    font-weight: normal;
    font-size: 1.071rem;
    margin-top: 15px;
    display: block;
}

/*Mensaje de recuérdame para futuras visitas*/
#content-web2020 .form-group.col-12.col-md-6.col-md-offset-3 .rememberLogin-container .label-checkbox.checkbox-altocontraste {
	font-size: 0.93rem;
}

/** Ajuste mensaje de error en login incrustado en cabecera **/
#p_p_id_BusplusLoginPortlet_WAR_Alsaportlet_INSTANCE_utilityMiscLogin_ .lfr-alert-container {
	top: 105px;
}
/** Ajuste mensaje de error en login incrustado en pestanias **/
.buspluslogin-portlet .lfr-alert-container { top: -50px; }

/** LOGIN EN CUERPO DE PAGINA **/
#content-web2020 .login-in-page a {
	font-size: 1.071rem;
	line-height: normal;
}

#content-web2020 .login-in-page .rememberLogin-container {
	margin: 10px 0;
}

#content-web2020 .login-in-page .btn.btn-primary {
	width: 100%;
	height: 50px; /*Igualamos altura con boton de Facebook*/
}


#content-web2020 .login-in-page .btn.btn-primary.btn-facebook2 {
	width: 50%;
	font-size: facebook 1.214rem;
}

#content-web2020 .login-in-page .link-register {
	font-size: 1.071rem;
}

.send-contact-form { margin-top: 15px; }

/** 2022-08-18 Evitar que se muestre el icono X de limpiar el input de contrasena, que en ocasiones agrega Chrome por defecto */
.btn-search-cancel {
	display: none;
}

/********** Separador para boton Google ****************/
#content-web2020 .google-o {
	margin: 20px 0 18px;
    position: relative;
    text-align: center;
    font-size: 1.1rem;
}
.google-o:before {
	content: ' ';
    width: 100%;
    border-bottom: 1px solid #E1E1E1;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: 1px;
}
.google-o__text {
	padding: 0 5px;
    background: #FFF;
    position: relative;
    z-index: 1;
}

/******* Botón en el Iframe de Google y centramos el botón cuando no sale en el iframe *****/
.g_id_signin div:not([class]):not(:empty) > div { margin: auto; }
.g_id_signin iframe {margin: 0 auto !important;}

/********** Texto para registro google ****************/
.google-register__title {
	margin-top: 20px;
	font-size: 1.4rem;
	color: #3FC8EB;
	font-weight: bold;
}

.google-register__text {
	font-weight: bold;
}

.login-register { margin-top: 15px; }

.send-register-form { width: 100%; }

/********** Pantalla Vincular Google a Alsa Plus ****************/
.c-login-google-pass--not-popup{
    box-shadow: 0 18px 30px rgb(56 51 59 / 10%);
    background: #fff;
    padding: 25px 15px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    border: 0;
}
.c-login-google-pass .alert {
	position: relative;
    padding-left: 45px;
    text-align: center;
    margin-bottom: 25px;
}
#content-web2020 .c-login-google-pass .lead {
	position: absolute;
    left: 15px;
    top: 50%;
    transform: rotate(180deg);
    margin-top: -13px;
}
#content-web2020 #busplusLoginFormApp .c-login-google-pass__text {
	font-size: 1rem;
	font-family: var(--fuente-light);
    line-height: 1.3rem;
    text-align: center;
	display: block;
}
#content-web2020 .c-login-google-pass .c-password__icon { top: 15px; }
#content-web2020 #busplusLoginFormApp .c-login-google-pass__text--label { position: static; }
#content-web2020 #busplusLoginFormApp .c-login-google-pass__input {
    height: auto !important;
	padding-top: 18px !important;
	padding-bottom: 10px !important;
	margin-bottom: 20px;
}
.google-images {
	margin-bottom: 30px;
    margin-top: 16px;
}
.google-images__col-plus {
	max-height: 30px;
    overflow: hidden;
}
.google-images__col-plus img {
	width: 120px;
    margin-top: -51px;
}
.google-images .icn-up-down-arrow {
	transform: rotate(90deg);
    display: block;
    font-size: 20px;
    color: var(--azul-alsa);
}
.google-images__google { width: 30px; }

/* ------- Password-security --------- */
.password-security{
    display: flex;
    align-items: center;
}

.password-security__icon {
    margin-left: -4px;
    font-size: 13px;
}

.password-security__icon:before{
    font-size: 13px;
}

.password-security__bar {
    height: 5px;
    flex: 1;
    border-radius: 2px;
    margin-top: 3px;
    margin-bottom: 2px;
    display: flex;
    justify-content: space-between;
    gap: 2px;
}

.password-security__bar > .security-level {
    display: flex;
    width: 100%;
    background-color: transparent;
    border-radius: 2px;
}

/*------ Password Levels -------*/
/*-------- Very-Weak ----------*/
.password-security__bar.very-weak > .very-weak {
    background-color: #AC0000;
}

/*---------- Weak -----------*/
.password-security__bar.weak > .very-weak,
.password-security__bar.weak > .weak {
    background-color: #FF595B;
}

/*---------- Medium ----------*/
.password-security__bar.medium > .very-weak,
.password-security__bar.medium > .weak,
.password-security__bar.medium > .medium {
    background-color: #FFA238;
}

/*---------- Strong ---------*/
.password-security__bar.strong > .very-weak,
.password-security__bar.strong > .weak,
.password-security__bar.strong > .medium,
.password-security__bar.strong > .strong {
    background-color: #41E6BB;
}

/*-------- Very-Strong ----------*/
.password-security__bar.very-strong > .very-weak,
.password-security__bar.very-strong > .weak,
.password-security__bar.very-strong > .medium,
.password-security__bar.very-strong > .strong,
.password-security__bar.very-strong > .very-strong {
    background-color: #3FC8EB;
}


.error-message.very-weak {
    color: #AC0000;
}

.error-message.weak {
    color: #FF595B;
}

.error-message.medium {
    color: #FFA238;
}

.error-message.strong {
    color: #41E6BB;
}

.error-message.very-strong {
    color: #3FC8EB;
}


/* FIN - ###################################### WEB2020 ############################################## */


/*------------------------------------ @media ------------------------------------*/

/* Solo desktop */
@media screen and (min-width: 992px) {

	#content-web2020 #busplus-register-tabs {
		padding-top: 21px;
	}

	#content-web2020 .login-in-page .form-row.row {
    	padding-top: 10px;
	}


	#content-web2020 .form-group.date select {
	    width: 80%;
	    margin-right: 5px;
	}
}

/* Movil y Tablet */
@media screen and (max-width: 991px) {
	#content-web2020 .nav-tabs div.tab { width: 50%; }

	.send-contact-form {
	    width: 100% !important;
	}

	/** Ajuste mensaje de error en login incrustado en cabecera **/
	#p_p_id_BusplusLoginPortlet_WAR_Alsaportlet_INSTANCE_utilityMiscLogin_ .lfr-alert-container {
		top: 90px;
	}

	#content-web2020 .login-in-page .btn.btn-primary,
	#content-web2020 .login-in-page .btn.btn-primary.btn-facebook2 {
		width: 100%;
	}

}

/* Movil*/
@media screen and (max-width: 767px) {
	#content-web2020 .nav-tabs div.tab { width: 50%; }
}