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

/********** BOTÓN CLASICO, ES EL MÁS HABITUAL DE COLOR ROJO *******************/
.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,
.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 {
	-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;
    box-shadow: none;
}

.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;
}


/********** 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;
}

/******************* 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) {

	/*** 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%;
	}

}

/********** 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;
	}
}

/*JAIME*/
.hidden {
	display: none !important;
}