/********* Estilos genericos de colores **********/
/*************************************************/

/* Documento - ALSA Adaptación responsive | Guía de estilos v.1.0 */
/* Blue				HEX #0066B0 */
/* Dark Blue		HEX #001F6A */
/* Dark Red			HEX #A94442 */
/* Green			HEX #009688 */
/* Dark Gray 3		HEX #B4B3B3 */
/* Light Gray		HEX #D6D5CC */
/* Light Gray 2		HEX #F5F4F1 */
/* Light Gray 1		HEX #E1DFDA */
/* Dark Gray 2		HEX #9B9B9B */
/* Dark Gray		HEX #363738 */
/* Dark Gray 1		HEX #797676 */
/* White			HEX #FFFFFF */

/* Body 1 (Secundario)		Dark Gray 1		HEX #797676 */
/* Body 1 (Primario)		Dark Gray		HEX #363738 */

/********* Estilos genericos de botones **********/
/*************************************************/

/********** BOTÓN CLASICO, ES EL MÁS HABITUAL DE COLOR AZUL *******************/
.button-blue button,
.button-blue button.btn,
.formulario .boton.button-blue button,
.boton.button-blue input,
.spi-select.button-blue span,
.aps-select.button-blue span,
.cuerpo-pagina-editable .boton A input,
input#voucherSearchFormButton.voucher-btn,
.home a.link-normal,
a.link-normal,
.sag-modal-footer .btn,
.sag-modal-footer .btn.btn-modal,
.button-blue .btn.btn-default.btn-primary,
.boton .btn.btn-default.btn-primary,
.button-holder button.btn,
.content-interior .boton-registrate a, 
.formulario .boton .btn.btn-primary {
	color: #FF595A;
    font-size: 17px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
    padding-left: 24px;
    padding-right: 24px;
    background-color: #fff;
    border-radius: 0px;
    border: 2px solid #FF595A;    
}

.button-blue button:hover,
.button-blue button.btn:hover,
.formulario .boton.button-blue button:hover,
.boton.button-blue input:hover,
.spi-select.button-blue span:hover,
.aps-select.button-blue span:hover,
.cuerpo-pagina-editable .boton A input:hover,
input#voucherSearchFormButton.voucher-btn:hover,
.home a.link-normal:hover,
.sag-modal-footer .btn.btn-default:hover,
.sag-modal-footer .btn.btn-modal:hover,
.boton .btn.btn-default.btn-primary:hover,
.btn.btn-default-primary:active,
.button-blue button:active,
.button-blue button:focus,
.button-holder button.btn:hover,
.content-interior .boton-registrate a:hover, .formulario .boton .btn.btn-primar:hover {
	-webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;
	background: #FF595A !important; 
	color: #fff !important;
}

.button-blue button:disabled,
.boton.button-blue input:disabled,
.spi-select.button-blue span:disabled,
.aps-select.button-blue span:disabled,
.button-blue button.disabled,
.boton.button-blue input.disabled,
.spi-select.button-blue span.disabled,
.aps-select.button-blue span.disabled {
	opacity: 0.4;
	background: #001F6A;  /* dark blue */
	color: #fff;
}

.boton.button-blue input:hover:disabled {
	background: #001F6A !important;  /* dark blue */
	cursor: auto;
}

section.featured-carousel a.link-normal {
	min-width: initial;
	line-height: normal;
}

.btn.btn-default-link:hover,
.btn.btn-default-link:focus {
    text-decoration: none;
}

/********** BOTÓN BLANCO CON BORDE AZUL *******************/
.button-transparent .fa-check {
	font-size: 12px;
}

/********************** BOTÓN SOBRE UN BACKGROUND DE FONDO AZUL ***************/
.button-background A,
.button-background input {
    transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -webkit-transition: opacity .4s ease-in-out;
    border-radius: 20px;
    min-width: 126px;
    min-height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
    padding: 10px 20px;
    text-shadow: none !important;
    border: 2px solid #fff;
    background: #001F6A !important; /* dark blue */
    color: #fff !important;
    display: inline-block;
}

.button-background A:hover SPAN {
	color: #001F6A !important;
}

.foot-continue .boton A.disabled:hover{
	opacity: 0.7;
	background: #001F6A !important; /* dark blue */
	color: #fff !important;
}

.button-background A.disabled:hover SPAN{
	color: #fff !important;
}

.button-background button:disabled,
.foot-continue .boton A.disabled {
	opacity: 0.7;
}

.cursor-hand {
	cursor: pointer;	
}
/********* FIN Estilos genericos de botones **********/

/********* Estilos genericos de INPUTS **********/
/*************************************************/
/* Body 1 (Secundario)		Dark Gray 1		HEX #797676 */
/* Body 1 (Primario)		Dark Gray		HEX #363738 */

/* INPUT COMENTADO */   /* Utilizamos este comentario para encontrar en el resto de css el codigo que hemos comentado. */


/* .formulario .form .form-group input {
	padding: 12px 10px;
	padding: 25px 10px 4px 10px;
} */
	
.home .search-general .form-group input {
	display: block;
	width: 100%;
	padding: 6px 12px;
	margin-bottom: 0;
}

.home .search-general .form-group input[type="radio"] {
	width: auto;
	height: auto;
	padding: 0;
}

input[type="radio"],
.home .form-group input[type="radio"] {
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px,1px,1px,1px);
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	 box-shadow: 0 0 #fff;
	 background-color: none;
	 outline: none;
	 border-color: #0066B0;
}

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid,
input.invalid-field,
select.invalid-field,
span.select select.invalid-field,
.home .search-general .form-group input.invalid-field {
	color: #363738;
    border-color: #A94442;
}

form div.form-group input.form-control[disabled],
fieldset[disabled] form div.form-group input.form-control {
    cursor: not-allowed;
    border: 1px solid #797676;
    background-color: #fff;
    color: #363738;
    opacity: 0.4;
}

.form-group input[type=text]:disabled,
.form-group input[type=email]:disabled,
.form-group input[type=url]:disabled,
.form-group input[type=password]:disabled,
.form-group textarea:disabled {
    background-color: #fff;
    opacity: 0.4;
}

.form-group .units-input .ui-widget-content .ui-icon-triangle-1-s {
    top: 8px;
}

.input-select-wrapper:active,
.input-select-wrapper select:active,
.input-select-wrapper:focus,
.input-select-wrapper select:focus,
.form-group span.select:active,
span.select select:active,
.form-group span.select:focus,
span.select select:focus {
    outline: 0;
    outline-offset: 0;
	/* border-color:#0066B0 !important; */
}

input[type="radio"]:focus + label:before,
input[type="checkbox"]:focus + label:before { 
	border-color: #9F9F9F; 
}

input[type="radio"]:disabled + label:before { 
	opacity: .4; 
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	padding-left: 30px;
}
/*-------------------------------------------------*/
/*----------------FIN WEB 2020---------------------*/
/*-------------------------------------------------*/

/********* FIN Estilos genericos de INPUTS **********/

/****ESTILO POPUP DE CONFIGURACIÓN DE PORTLET****/
.dialog-iframe-popup .navbar-default {
	display: block !important;
}

/****************************************************************************************/
.formulario .form .form-group input.document-number,
.form-group input.document-number {
	padding-right: 7px;
}

/***** ESTILOS PARA LOS MENSAJES DE ALERTA POR DEFECTO *****/
.content-interior.content-responsive .lfr-alert-container { 
	position: static; 
}

/********** TABLA RESPONSIVE GENERICA **************/
.content-interior.content-responsive .table-responsive {
	margin-bottom: 25px;
	background-color: #FFFFFF;
	border: none;
}

.content-interior.content-responsive .table-responsive .row-responsive {
	width: 100%;
	display: inline-block;
    background: #0066B0;
    border-bottom: 5px solid #fff;
}

.content-interior.content-responsive .table-responsive .responsive-left,
.content-interior.content-responsive .table-responsive .responsive-right {
	padding: 10px 10px;
	color: #363738;
	font-size: 14px;
	text-align: left;
	display: inline-block;
}

.content-interior.content-responsive .table-responsive .responsive-left {
	width: 39.3%;
	color: #FFFFFF;
	background-color: #0066B0;
}
	 
.content-interior.content-responsive .table-responsive .responsive-right {
	width:57.5%;
	background-color: #E2E2E2;
	float: right;
	border-left: 5px solid #fff;
	min-height: 60px;
}

.content-interior.content-responsive .table-responsive button.btn-link {
	width: 100%;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

.content-interior.content-responsive .table-responsive button span {
	font-size: 13px;
	font-weight: bold;
	color: #001F6A;
	text-decoration: none;
	display: block;
}

.content-interior.content-responsive .table-responsive button span i {
	font-size: 12px;
	color: #001F6A;
	font-weight: bold;
	margin-left: 5px;
	text-decoration: none;
}

.content-interior.content-responsive .table-responsive .row-responsive.header .responsive-left {
	font-size: 16px;
}

.content-interior.content-responsive .table-responsive .row-responsive.header .responsive-right {
	min-height: 64px;
	padding-top: 20px;
	padding-right: 0;
	margin-right: 0;
}

/********** PESTAÑAS TABPANEL RESPONSIVE GENERICA **************/
.row.row-tablist-generico .panel {
	border: none;
	border-radius: 0;
    position: relative;
    cursor: pointer;
}

.row.row-tablist-generico.panel-group {
	margin-bottom: 0;
}

.row.row-tablist-generico .panel-heading {
	width: 100%;
    display: inline-block;
	font-size: 14px;
    line-height: normal;
    min-height: 40px;
    color: #001F6A;
    margin-bottom: 0px;
    background-color: #EAEAEA;
    border: none;
    border-radius: 0;
    padding: 10px;
    padding-top: 12px;
    margin-bottom: 20px;
}

.row.row-tablist-generico .panel-heading A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 600;
}

.row.row-tablist-generico .panel-heading i.icon-chevron-down,
.row.row-tablist-generico .panel-heading i.icon-chevron-up {
    position: absolute;
    right: 7px;
    top: 8px;
    color: #0066B0;
    font-size: 18px;
}

/* ESTILOS GENERICOS Y ARREGLOS PARA LOS PUNTOS DE LISTA */
.home .box-content ul li {
    list-style-image: none !important;
    list-style: none !important;
    padding-left: 15px !important;
    padding-bottom: 10px !important;
    line-height: normal !important;
    position: relative;
}

.home .box-content ul li:before {
	content: " ";
    background-color: #0066B0;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    left: 0;
}

.home .box-content ul li ul {
	margin-top: 10px;
}

.contenido-pagina-editable ul.lista-icono-texto li {
	padding-left: 0 !important;
}

.contenido-pagina-editable ul.lista-icono-texto li:before {
	display: none;
}

#banner-discrecionales ul.lista-cajas-iconos > li:before {
	content: "";
	background: none;
}

.home .box-content ul.lista-ventajas LI {
	background: none;
}

.home .box-content ul.lista-ventajas LI:before {
	top: 16px;
}

/**ENLACES SUBRAYADOS**/ 
UL.nav.nav-tabs li A {
	text-decoration: none;
}

UL.nav.nav-tabs li {
	padding-bottom: 0px !important; 
}

UL.nav.nav-tabs li:first-child {
	padding-left: 0 !important;
}

UL.nav.nav-tabs li:before {
	display: none;
}

UL.opciones-puntos li:before {
	display:none;
}

.cuerpo-pagina-editable UL.columnas li {
	padding-left: 0 !important;
}

.cuerpo-pagina-editable UL.columnas li:before {
	display:none;
}

UL.listado-icono-izda-multilinea li:before {
	display:none;
}

.contenido-preguntas-frecuentes UL.bloque-poblacion li {
	padding-left: 0 !important;
	padding-bottom: 0 !important;
}

.contenido-preguntas-frecuentes UL.bloque-poblacion li:before {
	display: none;
}

.box-content .rutas-precios-minimos UL LI {
	padding-left: 0 !important;
}

.box-content .rutas-precios-minimos UL LI:before {
	display: none;
}

/*** Fuente ***/
.home .search-general .form-group label,
.home .search-general .form-group input { 
	font-family: Arial, Helvetica, sans-serif; 
}

/******************* ALTERNATIVA DE DISEÑO ***************************/

/**** Validación de campos ****/
 span.valida-input {
	overflow: hidden;
    padding: 0;
    position: relative;
    max-width: initial;
}

 span.no-valido:after,
 span.valido::after {
    font-family: "our-font";
    font-size: 14px;
    display: block;
    position: absolute;
    top: -7px;
    right: 10px;
    text-transform: none;
}

 span.valido::after {
    content: "\29";
    color: #009688;
}

 span.no-valido:after {
    content: "\44";
    color: #A94442;
}
	
/* WA-3248: hemos eliminado el "max-width: 991px" que afectaba a este estilo, porque ahora tambien se va a usar en Desktop, en el paso 3 de compra*/
#modalsContainer .simula-sag-modal .sag-modal, 
.simula-sag-modal {
	background-color: rgba(255,255,255,0.6);
}

/*************** Estilos generales para la accesibilidad en los input de los formularios *********************/
.accesible-error-list {
	/* border: solid thin #a94442; */
	/* margin-bottom: 10px; */
	/* padding: 5px; */
    position: absolute;
    left: -9999px;
}

.accesible-error-list ul li {
	padding: 0 !important;
    margin-left: 15px !important;
}

i.icn-minus.filter-modal:focus, i.icn-plus.filter-modal:focus {
	box-shadow: 0px 0px 0px 2px inset white;
 	/* WAEVO-60: los bordes solo saldran en la version de alto contraste
    border: solid 2px #001F6A;*/  
    width: 24px !important;
    height: 24px !important;
}
 
 /************** Estilos genericos zona de arrastre de portlets ****************/
.portlet-dropzone.portlet-column-content.empty {
	min-height: 20px;
}

/* Flechas al seleccionar una fecha */
.ui-datepicker-prev.ui-corner-all,
.ui-datepicker-next.ui-corner-all {
	cursor: pointer;	
}

.iniciales-mayusculas {
	text-transform: capitalize;
}



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

/********** Tratamiento de imágenes para tablet y móvil ***********/
@media screen and (max-width: 991px) {
	.content-interior.content-checkout .form-group span.select.document-type { 
		width: auto !important;
	}
	
	/*** para IOS ***/
	.ios .home input {
		max-width: 100% !important;
	}
	
	/**** para cropear al centro ***/
	.box-content .imagen-cabecera-pagina-editable {
	    position: relative;
		height: 150px;
		max-height: 150px;
    	overflow: hidden;
	}
	
	.box-content .imagen-cabecera-pagina-editable img {
		margin-top: 0px;
		width: 100%;
		position: absolute;
	    left: -100%;
	    right: -100%;
	    top: -100%;
	    bottom: -100%;
	    margin: auto;
	    min-height: 100%;
	    min-width: 100%;
	}

	/* La imagen responsive de movil y tablet no se cropea. Se redimensiona. */
	.box-content .contenido-pagina-editable .imagen-cabecera-pagina-editable.imagenResponsive {
		display: block;
		height: auto;
		max-height: initial;
    	overflow: visible;
	}
	
	.box-content .contenido-pagina-editable .imagen-cabecera-pagina-editable.imagenResponsive img {
		margin-top: 0px;
	    max-width: 100% !important;
	    width: auto !important;
	    position: initial;
	    left: initial;
	    right: initial;
	    top: initial;
	    bottom: initial;
	    margin: 0;
	    min-height: auto;
	    min-width: 100%;
	}

	.content-responsive .box-content .cuerpo-contenido-columna .imagen-contenido-columna { 
		width: 100%; 
		height: auto; 
	}
	
	.content-responsive .box-content .cuerpo-contenido-columna .imagen-contenido-columna img {
		width: 100%;
	    height: auto;
	    max-width: 100%;
	    max-height: 100%;
	}
	
	.box-content .imagen-detalle-promo { 
		min-height: auto; 
	}
	
	.box-content .imagen-detalle-promo .img-detalle-promo {
		max-height: 274px;
    	overflow: hidden;
	}
	
	.box-content .imagen-detalle-promo .img-detalle-promo img {
		 width: 100%;
		 margin-top: -8%;
		 max-height: 100%;
	}
	
	/******* inputs generales *************/
	.box-paso2 .spi-users .selector,
	.uneditable-input{
		line-height: 18px;
		padding: 17px 10px 8px 10px;
		
	}
}

/********** Tratamiento de imágenes solo para móvil ***********/
@media screen and (max-width: 767px) {
	.box-content .imagen-cabecera-pagina-editable img {
		/*** para cropear al centro
		width: auto;
		max-width: none;
	    position: absolute;
	    left: 50%;
	    margin-left: -334px; primera opción hay que saber el ancho de la imagen***/
	    /*** Para cropear al centro ***/
	    width: auto;
		max-width: none;
	}
	.content-responsive .box-content .imagen-bloque img{ 
		width: 100%; 
	}
	.box-content .imagen-detalle-promo .img-detalle-promo img { 
		margin-top: -2%; 
	}
	/**** Para las imágenes que tienen texto y que solo deben ponerse al 100% en móvil ****/
	.cuerpo-pagina-editable > p > img:not([style]) {
		width: 100%;
	}
}

@media screen and (max-width: 767px) and (max-width: 979px){
	.btn.btn-default { 
		width: auto;
	}
}