@import url('https://fonts.googleapis.com/css?family=Roboto');
/* -------------===== CONTNGUT PAQUET =====----------------- */
.paquetHorizontal{
	overflow:hidden;
}
.paquetHorizontal .descPaquet{
	margin-top:0;
	}
.paquetHorizontal .paquetFoto {
	float:left; 
	margin-right:30px;
}
.paquetHorizontal .paquetEvent {
	float:left; 
	width:50%;
	padding: 3px 0;
}
.paquetHorizontal .Pcheckbox{
	float:left;
}
.paquetHorizontal .Pinfo{
	margin:0 28px;
}
.paquetHorizontal .Pdata{
	
	margin-top:3px;
}
.paquetHorizontal .Pdata .button{
	margin-left:0; 
	font-size:10px;
}
.paquetHorizontal .Pdata .Taronja{
	vertical-align:middle;
}
.paquetHorizontal .titolEvent {
	font-size:inherit;
}
.paquetHorizontal .campDescError {
	line-height:inherit;
}
.llistaHoresCal{
	height:250px; 
	overflow: auto; 
	margin:0 -1em; 
	padding:0 1em;
}
.llistaHores{
	height:350px; 
	overflow: auto; 
	margin:0 -1em; 
	padding:0 1em;
}
.mesScroll{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: smaller;
	line-height: 18px;
	text-align: center;
	background-color: rgba(255,134,51,0.73);
	color: #000000;
}
.button.icona{
	width: 11px;
	position:relative;
	float:none ;
	display:inline-block;
	vertical-align: middle;
	padding-left:0;
}
.button.icona span{
	padding-left:6px !important;
}
.icoCal:after{
	content:url(images/ico-cal.svg);
	position: absolute;
 	top:50%;
	margin-top:-5px;
	left:50%;
	margin-left: -5.5px;	
}

.horaSessio.seleccionat .buttonBig{
	opacity:0.4;
}
/* --------------------------------------- correcció global preu total al carrito ------------------------------------------------ */
.caixaPreuBlanc {
	width:inherit !important;
}
/* --------------------- NOWRAP per numeros i monedes ------------------------------- */
.nowrap{
	white-space: nowrap;
}
/* --------------------- NOU LOGO KOOBIN ------------------------------- */
#logoKoobin span, .peuIframe span{
	display:block;
	margin-bottom:2px;
}
/* --------------------- botons xarxes socials peu ---------------------- */
.infoBotonRedSocial {
 	margin-bottom: 10px;
}
/* --------------------- aplica una separacio entre el menu d'extres i el total del carrito ---------------------- */
.E_carritoOp {
	margin-bottom:20px;
}
/* ------------------- restauració del color de text del popup "recuperar contrasenya" per el jquery-ui original de la plantilla ---------*/ 
.recuperar{color:inherit !important;
}
/* ------------------- posa un float al div que crea el lockfixed ----------------------------*/
.lf-ghost{
	float:left;
	height:auto !important;
}
/* ------------------- modificacio a la fila validacio tarifes del carrito ------------------------------------ */
.caixaTarifaC{
	float:inherit !important;
}
.blocEnliniaC{
	display:inline-block; 
	padding-bottom:3px;
	vertical-align:top;
}
/* ------------------- DIV informatiu de la desactivació de la web ------------------------------------ */
.barraInfoEstat{
	position:fixed;
	width:100%;
	left:0px;
	right:0px;
	top:0px;
	z-index:100;
	}
.barraInfoEstat+div{
	margin-top:60px;
	background-position:60px;
	transition:all 300ms;
	-webkit-transition:all 300ms;
}
.barraInfoEstat.miniBarraEstat+div{
	margin-top:7px;
	background-position:7px;
}
.webDesactivada{
	background-color: rgba(255,38,38,0.90);
	position:relative;
	height:60px;
	width:100%;
	display: table;
	text-align:center;
	color:#FFF;
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
	cursor:pointer;
	transition:all 300ms;
	-webkit-transition:all 300ms;
	}
.webDesactivada:before{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 60px;
	height: 60px;
	background-image: url(images/ico-desactivat.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60px;
	background-color: rgba(255,38,38,0);
	transition: all 300ms;
	-webkit-transition: all 300ms;
	border-bottom-left-radius: 7px;
}
.webDesactivada.miniBarra{
	height:7px;
	background-color: rgba(255,38,38,1);
	cursor: default;
	}
.webDesactivada.miniBarra:before{
	width:30px;
	height:20px;
	background-size:30px;
	background-color: rgba(255,38,38,1);
	}
.webDesactivada.miniBarra .wd-centre{
	display:none;
	}
.webDesactivada a:link, .webDesactivada a:visited{
	color:#000;
	text-decoration:underline;
}
.webDesactivada a:hover, .webDesactivada a:active{
	color: #FFDADA;
	text-decoration:underline;
}
.wd-centre{
	padding:0 60px;
	display:table-cell;
	vertical-align: middle;
}

.webPreproduccio{
	background-color: rgba(253,194,20,0.95);
	position: relative;
	height: 60px;
	width: 100%;	
	display: table;
	text-align: center;
	color: rgba(0,0,0,0.70);
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	cursor: pointer;
	transition: all 300ms;
	-webkit-transition: all 300ms;
	}
.webPreproduccio:before{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 60px;
	height: 60px;
	background-image: url(images/ico-engranatge.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60px;
	background-color: rgba(253,194,20,0);
	transition: all 300ms;
	-webkit-transition: all 300ms;
	border-bottom-left-radius: 7px;
}
.webPreproduccio.miniBarra{
	height:7px;
	background-color: rgba(253,194,20,1);
	cursor: default;
	}
.webPreproduccio.miniBarra:before{
	width:30px;
	height:20px;
	background-size:30px;
	background-color: rgba(253,194,20,1);
	}
.webPreproduccio.miniBarra .wd-centre{
	display:none;
	}
.webPreproduccio a:link, .webPreproduccio a:visited{
	color:#FFF;
	text-decoration:underline;
}
.webPreproduccio a:hover, .webPreproduccio a:active{
	color: #000;
	text-decoration:underline;
}
.webPreproduccio .cerrar{
	display:inline-block;
	width:14px;
	height:14px;
	background-repeat:no-repeat;
	background-image:url(images/ico-tancar-vista-previa.svg);
	margin-left:8px;
	margin-right:8px;
	opacity:0.6;
}
.webPreproduccio .cerrar:hover{
	opacity:1;
}
a.idiomaVistaPrevia {
 background-color: rgba(253,194,20,0.95)!important;
 border: none!important;
 border-radius: 2px!important;
 color: rgba(0,0,0,0.70)!important;
}
/* un item */
.wdAvis:first-child:nth-last-child(1) {
    width: 100%;
	float:none;
}
/* dos items */
.wdAvis:first-child:nth-last-child(2),
.wdAvis:first-child:nth-last-child(2) ~ .wdAvis {
    width: 50%;
	float:left;
}
.wdAvis:first-child:nth-last-child(2):before{
	left:0;
	right:inherit;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 7px;
}
/* ----------- Dialog seleccio de localitat no numerada (aforo sencer) ---------- */
.seleccioNoNumerada{
	padding:20px 8px;
	}
.seleccioNoNumerada .capZonaTitol,  .seleccioNoNumerada .capLliures, .seleccioNoNumerada .capCantitat{
	width:inherit;
	}
.seleccioNoNumerada .blocQuantitat img{
	vertical-align: text-top;
}
.seleccioNoNumerada .blocZona{
	display: flex;
	align-items: center;
	justify-content:flex-end;
}
.seleccioNoNumerada .blocZona .blocQuantitat{
	margin-bottom: 0;
	padding: 2px;
}
.seleccioNoNumerada .blocZona .capAfegir{
	order: 10;
}
.seleccioNoNumerada .blocZona .capZonaTitol{
	flex: 1;
}
.seleccioNoNumerada .blocZona:hover{
	background-color: inherit;
}
.floatR {
    float: right;
}
/* ---------------- Semitransparencia del boto 'continuar' del carrito --------------------------- */
.btnNoValidat{
	opacity: 0.3;
	cursor: default;
} 
/* ----------------------------  tooltips de jquery per sobre de diàlegs ---------------------------- */
.ui-tooltip {
 z-index: 1000000;
}

/* --------------------------------- el que treu qualsevol amplada a #infoExtra quan està sobre el plànol ----------------- */
#estadio #infoExtra{
	width:inherit;
}

/* --------------------------- BOTO ICONA WHATSAPP ------------------------------------ */
.s_whatsapp .btnXarxa {
    background-color: #25D366;
    background-image: url(images/logo-whatsapp.svg);
}
.s_whatsapp .btnXarxa:hover{
	background-color:#1FB156;
}
/* ------------------------------ ESTIL PER CAMPS DESHABILITATS "disabled" -------------------------------- */
input:disabled, select:disabled, textarea:disabled{
	opacity:0.5;
}

/* --------------------------------- ESTIL EXTRA ESPECIFIC CISTELLA (assegurança) -------------------------------- */

.itemCestaC.itemSeguro{
	background-position: right top; 
	padding-left: 0;	
}
.itemFoto{
	float: left;
	width: 150px;
	padding:5px;
	
}
.itemFoto img{
	max-width: 150px;
	
}
.itemSeguro input{
	vertical-align: middle;
}

/* ------------------------------ PEDAÇ QUE APLICA COLOR BLANC PER DEFECTE AL CONTENIDOR TPV ------------------------------*/
.contenidorIframe{
	background-color: #FFF;
	border: 1px solid #ececec;
}
/* ------------------------------- Estils botons d'acces/login de xarxes socials ----------------------------------- */

.loginGen a.loginBTN {
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 8px;
	padding-left: 8px;
	text-decoration: none;
	color: #FFF;
	font-size:14px;
	font-weight:bold;
	display: block;
	line-height: 40px;
	border-radius: 0px;
	text-align: center;
	background-repeat:no-repeat;
	background-size:contain;
	transition: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.loginGen a.logFacebook{
	background-color: #4267B2;
	background-image:url(images/logo-facebook.svg);
	padding-left: 48px;
}
.loginGen a.logFacebook:hover{
	background-color: #365899;
}
.loginGen a.logTwitter{
	background-color: #1DA1F2;
	background-image:url(images/logo-twitter.svg);
	padding-left: 48px;
}
.loginGen a.logTwitter:hover{
	background-color: #0C7ABF;
}

.loginGen a.logGoogle{
	font-family: 'Roboto', sans-serif;
	background-color: #FFF;
	position: relative;
	padding-left: 48px;
	padding-right: 8px;
	text-align: center;
	font-size: 14px;
	color: rgba(0,0,0,0.54);
	border-radius: 2px;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.40);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.40);
}
.loginGen a.logGoogle:hover{
	background-color: #EEE;
}
.loginGen a.logGoogle:before{
	content:"";
	background-color: #FFF;
	background-image:url(images/logo-google.svg);
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	width: 38px;
	height: 38px;
	left: 1px;
	top: 1px;
	border-radius: 2px;
}
.loginGen a.logGoogle:hover:before{
	background-color: #EEE;
}
.loginGen .light a.logGoogle{
	font-family: 'Roboto', sans-serif;
	background-color: #4285F4;
	position: relative;
	padding-left: 48px;
	padding-right: 8px;
	text-align: center;
	font-size: 14px;
	color: #FFF;
	border-radius: 2px;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.40);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.40);
	transition: none;
}
.loginGen .light a.logGoogle:hover{
	background-color: #3367D6;
}
.loginGen .light a.logGoogle:before{
	content:"";
	background-color: #FFF;
	background-image:url(images/logo-google.svg);
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	width: 38px;
	height: 38px;
	left: 1px;
	top: 1px;
	border-radius: 2px;
}
.loginGen .light a.logGoogle:hover:before{
	background-color: #FFF;
}

.loginGen a.logMicrosoft{
	font-family: segoe-ui_semibold,Segoe UI Semibold,Segoe WP,Helvetica Neue,Helvetica,sans-serif;
	background-color: #FFF;
	position: relative;
	padding-left: 37px;
	padding-right: 10px;
	text-align: center;
	font-size: 17px;
	color: #737373;
	border: 2px solid #8c8c8c;
	line-height: 36px !important;
	border-radius: 0 !important;
}
.loginGen a.logMicrosoft:before{
	content:"";
	background-image:url(images/logo-microsoft.svg);
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	width: 36px;
	height: 36px;
	left: 0px;
	top: 0px;
}
/*.loginGen .light a.logMicrosoft{
	font-family: segoe-ui_semibold,Segoe UI Semibold,Segoe WP,Helvetica Neue,Helvetica,sans-serif;
	background-color: #000;
	position: relative;
	padding-left: 37px;
	padding-right: 10px;
	text-align: center;
	font-size: 17px;
	color: #FFF;
	border: 2px solid #FFF;
	line-height: 36px !important;
	border-radius: 0 !important;
}
.loginGen .light a.logMicrosoft:before{
	content:"";
	background-image:url(images/logo-microsoft.svg);
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	width: 36px;
	height: 36px;
	left: 0px;
	top: 0px;
}*/
/* =============== ICONA DE LA XARXA AMB QUE S'HA IDENTIFICAT L'USUARI [CODI:A01] =====================*/
	
.logIco-facebook{
	background-image: url(images/logico-facebook.svg);
}
.dark .logIco-facebook{
	background-image: url(images/logico-facebook-negatiu.svg);
}

.logIco-twitter{
	background-image: url(images/logico-twitter.svg);
}
.dark .logIco-twitter{
	background-image: url(images/logico-twitter-negatiu.svg);
}

.logIco-google{
	background-image: url(images/logico-google.svg);
}
.dark .logIco-google{
	background-image: url(images/logico-google.svg);
}
.logIco-microsoft{
	background-image: url(images/logico-microsoft.svg);
}
.dark .logIco-microsoft{
	background-image: url(images/logico-microsoft.svg);
}

/* --------------------------------- Clase per amagar elements buits --------------------------- */
.hideEmpty:empty{
	 display:none;
}
/* -------------- Permet tallar paraules i saltar de línia per tal d'evitar desbordaments -------------*/
.breakWord {
	word-break: break-word;
}
 /* ---------------- elimina la vibració del boto de passar mes dels calendari datapicker --------------------------------- */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	transition: none;
}

/* ---------------- el que aplica una amplada automàtica al filtre de preus a la selecció de localitat sencer ----------------------------------- */
.desplegablePreu {
	width: inherit !important;
	min-width: 187px;
	box-sizing: border-box;
}
.taulaLlista li a .zonaDesc, .taulaLlista li a .zonaPreu{
	white-space: nowrap;
	padding-left: 15px;
}
/* ---------------- el que aplica un cursor segons l'estat del radio button a la selecció de tarifa per popup de la seleccio de locatitat --------------- */
.dloc-radios label{
	cursor: pointer;
}
.dloc-radios input[type=radio]:disabled + label{
	cursor: not-allowed;
}
/* ----------------- el que dona accés al client a modificar i veure una compra regal ------------------- */
.programat{background-color: #E8AE00;}
.enviat{background-color: #00B200;}
.entregat{background-color: #00A3D9;}

.itemRegal{
	position: relative;
	overflow: initial !important;
}
.etiquetaGen{
	height: 34px;
	position: relative;
	float: right;
}
.etiquetaRegal{
	display: inline-block;
	vertical-align: middle;
	margin-left: 7px;
	margin-right: 7px;
	margin-top: 7px;
	margin-bottom: 7px;
	color: #fff;
	font-family: sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 13px;
	text-transform: uppercase;
	padding: 0 30px 0 7px;
	border: 1px solid #fff;
	border-radius: 20px;
}

.itemLogoRegal.icoRegal{
	position: absolute;
	width:35px;
	height:34px;
	right: 0px;
	top: 0px;
	background-size: cover;
}

.etiquetaRegaldetall{
	display: inline-block;
	margin-right: 7px;
	margin-left: 7px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	vertical-align: text-top;
	text-transform: uppercase;
	padding: 2px 8px;
	border: 1px solid #fff;
	border-radius: 20px;
	line-height: normal;
}

.caixaInfo.regalInfo{
	padding-left: 0;
	padding-right: 0;
}
.compraPaquet .buttonBigINACTIU{
	margin-left: 10px;
}
.compraPaquet.detallRegalBTN{
	margin-bottom: 30px;
	margin-top: 20px;
}
.caixaInfoRegal.globalRegal{
	padding: 0;
	margin-top: 30px;
	overflow: unset;
}
.caixaInfoRegal.globalRegal .contingutRegal{
	border-top: none;
}
.caixaInfoRegal.globalRegal .capRegal{
   	cursor: initial;
	font-size: 1.1em;
	color: inherit;
	text-transform: initial;
}

/* ---- ICONA INSTAGRAM "Síguenos" */
body .ico-instagram a{
	display: inline-block;
	padding: 6px 12px 4px 8px;
	font-size: 16px;
	font-weight: bold;
    text-decoration: none;
    color: #000;
	border: 1px solid #000;
	border-radius: 4px;
}
body .ico-instagram a:before{
	content: "";
	width: 32px;
	height: 32px;
	margin-right: 10px;
	vertical-align: middle;
	display: inline-block;
	background-image: url(images/instagram_glyph_light_bg.svg);
	background-size: contain;
    background-repeat: no-repeat;
}
body .dark .ico-instagram a:before{
    background-image: url(images/instagram_glyph_dark_bg.svg);
}
body .ico-instagram a:hover {
    opacity: 0.6;
}
body .dark .ico-instagram a {
    color: #FFF;
	border: 1px solid #FFF;
}

/* ------ etiqueta informació de zona de la pàgina selecció de zona ----- */
.seleccioZona .caixaAuth{
	margin-bottom: 0;
	margin-top: .5em;
	padding: .5em;
	font-size: .9em;
}

/* ---------- Control d'amplada de qualsevol imatge situada a la columna esquerra de selecció de zona (evita desbordament) -----------------*/
div#estadio img {
    max-width: 100%;
    height: auto;
}
div#estadio .sFoto img {
    max-width: inherit;
    height: inherit;
}

/* -------- enllaç mini per més informació (utilitzat inicialment a extres del carrito) --------*/
a.masInfoLink{
	font-size: .8em;
	font-weight: normal;
	white-space: nowrap;
}

/* ----------- fixació del mapa segmentat sempre visible al fer scroll per la pàgina de selecció d'arees i zones i localitats no numerades. sticky i flexbox ------------------------- */
#contingut.seleccioZonaGlobal{
	overflow: initial;
}
.seleccioZonaFlex{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.seleccioZonaGlobal #estadio{
	position: -webkit-sticky;
	position: sticky;
	top: 2.5em;
}

/* ---------------- Garantir color sòlid al contenidor del iframe del TPV (fons blanc) ----------------------- */
.contenidorIframe{
    background-color: #fff !important;
}

/* ---------------- estil per text d'etiqueta informativa (no confirmat) -----*/
.etiquetaNota{
	white-space: nowrap;
	font-size: .65em;
	text-transform: uppercase;
	padding-left: .5em;
	padding-right: .5em;
}

.asterisc{
	font-size: 1.4em;
	margin-left: 3px;
}
.titolhorasessio .etiquetaNota{
	font-size: .55em;

	line-height: 1;
}
.titolhorasessio .etiquetaNota.saltLinia{
	display: block;
	padding: 0;
}
/* --------------- evita que el input .campgran2 creixi més de la mesura indicada ---------*/
.campgran2 {
	max-width: 130px;
}

/* --------------- afegeix nota sota el camp del email introduït al procés de registre (versió antiga) --------------- */
.filaRegitre{
	padding-top: .4em;
	padding-bottom: .4em;
}
.notaRevisaEmail.nombreForm{
	width: auto;
	font-weight: lighter;
	font-size: .95em;
	margin-top: .55em;
	clear: both;
}
.notaRevisaEmail.loginInfo{
	padding-bottom: .4em;
	margin-top: .55em;
}
/* --------- otorga estils per l'estat disabled dels checkbox i radiobuttons --------- */
.grupC input[type=checkbox]:disabled + label::before,
.grupR input[type=radio]:disabled + label::before{
	opacity:0.4;
	cursor: no-drop;
}
.grupC input[type=checkbox]:disabled + label::after,
.grupR input[type=radio]:disabled + label::after{
	cursor: no-drop;
	opacity: 0;
}
.grupC input[type=checkbox]:checked:disabled + label::after,
.grupR input[type=radio]:checked:disabled + label::after{
	opacity:0.7;
}
/* ------------------- acomoda radiobuttons als extres del carrito --------------------------- */
.caixaPreusC .grupR {
    display: inline-block;
    color: inherit;
	padding-bottom: 5px;
}
.caixaPreusC.dark .grupR input[type=radio]:not(:checked) + label::before {
    border-color: inherit;
}