/* Classi per Font Awesome v5 (le stesse di global v2, ma con prefisso "rrp-") */
.rrp-ico-margin-sx,
.svg-inline--fa.rrp-ico-margin-sx,
form.rrp-form-camere .svg-inline--fa.rrp-ico-margin-sx,
i.rrp-ico-margin-sx,
form.rrp-form-camere i.rrp-ico-margin-sx { margin-left: 5px; }
.rrp-ico-margin-dx,
.svg-inline--fa.rrp-ico-margin-dx,
form.rrp-form-camere .svg-inline--fa.rrp-ico-margin-dx,
i.rrp-ico-margin-dx,
form.rrp-form-camere i.rrp-ico-margin-dx { margin-right: 5px; }

/* "splash" che viene visualizzata in una modale rrp e che copre il form camere/richiesta, per avvisare che è meglio contattare il gestore via telefono o whatsapp a causa del tasso di risposta basso */
.rrp-splash-content { max-width: 500px; margin: 10% auto 0 auto; padding: 0 30px; }
	.rrp-splash-ico { margin: 0 0 20px 0; text-align: center; font-size: 34px; }
	.rrp-splash-txt-1 { margin: 0 0 20px 0; text-align: center; font-size: 18px; font-weight: bold; color: #393; }
	.rrp-splash-txt-2 { margin: 0 0 20px 0; text-align: center; font-size: 14px; }
	.rrp-splash-un-pulsante,
	.rrp-splash-due-pulsanti { display: grid; grid-gap: 20px; margin: 0 auto; }
		.rrp-splash-un-pulsante { grid-template-columns: repeat(1, 1fr); max-width: 300px; }
		.rrp-splash-due-pulsanti { grid-template-columns: repeat(2, 1fr); }
			.rrp-splash-item { }
.rrp-splash-continua { padding: 20px; font-size: 12px; text-align: center; }
	
	@media screen and (min-width: 0px) and (max-width: 520px) {
		.rrp-splash-content { }
			.rrp-splash-ico,
			.rrp-splash-txt-1,
			.rrp-splash-txt-2 { margin: 0 0 15px 0; }
				.rrp-splash-ico { font-size: 24px; }
			.rrp-splash-un-pulsante,
			.rrp-splash-due-pulsanti { grid-gap: 15px; }
				.rrp-splash-due-pulsanti { grid-template-columns: repeat(1, 1fr); max-width: 300px; }

		.rrp-splash-continua { padding: 15px; }
	}

/* ----- FORM RICHIESTA - contenitore generale */ 
.rrp-form-richiesta-box { }
	
	/* modificatori di .rrp-form-richiesta-box */
	.rrp-form-richiesta-default { max-width: 800px; margin: 0 auto; /* padding: 5px; background: #f2f2f2; */ }
	.rrp-form-richiesta-modale { }

	/* div che vengono caricati in asincrono (dentro ".rrp-form-richiesta-box") al posto del form, quando viene inviato il form stesso oppure inclusi direttamente, come nel caso di pagina_booking_ur.cfm */
	.rrp-result-header { padding: 10px; font-size: 16px; font-weight: bold; text-align: center; }
	.rrp-result-content { padding: 10px 20px; font-size: 14px; }
	.rrp-iscrivi-newsletter,
	.rrp-result-home { padding: 10px 20px; font-size: 14px; border-top: 1px dotted #ccc; }
	.rrp-result-chiudi { padding: 10px; font-size: 14px; font-weight: bold; text-align: center; }

	.rrp-form-richiesta-box form { margin: 0; }
	
		.rrp-form-richiesta-default form { padding: 10px; }
		.rrp-form-richiesta-modale form { padding: 0; background: #fff; }
	
		/* modificatori di ".rrp-form-richiesta-box form" */
		.js-rrp-form-init-ok { } /* (usato da jquery) serve per capire se sono state associate le funzioni jquery al form e non riassociare nel caso di altri form asincroni */

		/* content del form */
		/*.rrp-form-richiesta-header,*/
		.rrp-form-richiesta-info-base,
		.rrp-form-richiesta-info-preferenza,
		.rrp-form-richiesta-info-animali,
		.rrp-form-richiesta-info-eta,
		.rrp-form-richiesta-info-utente,
		.rrp-form-richiesta-policy,
		.rrp-form-richiesta-button { border-bottom: 1px dotted #ccc; }	
			/*.rrp-form-richiesta-header,*/
			.rrp-form-richiesta-policy,
			.rrp-form-richiesta-button { padding: 10px; }

			/* header del form */
			/*
			.rrp-form-richiesta-header { font-size: 16px; font-weight: bold; }
				.rrp-form-richiesta-modale .rrp-form-richiesta-header { border-bottom: 0; text-align: center; }
				*/
				
			/* scritta di avviso prima dei campi */
			.rrp-form-richiesta-sottotitolo { padding: 10px; font-weight: bold; font-size: 12px; color: #999; text-align: center; }
                .rrp-form-richiesta-modale .rrp-form-richiesta-sottotitolo  { padding: 0 10px 10px 10px; }
			
			/* alert/telefoni per tasso di risposta basso */
			.rrp-form-richiesta-tasso-risposta-alert { padding: 10px; background-color: #dedede; color: #c00; font-weight: bold; text-align: center; font-size: 12px; }
				.rrp-form-richiesta-tasso-risposta-alert a { color: #c00; text-decoration: underline; }
				.rrp-form-richiesta-tasso-risposta-alert a:hover { color: #c00; text-decoration: none; }
			
			/* scritta di avviso per le date non disponibili */
			.rrp-date-non-disponibili { display: none; /* in caso verrà mostrato da jquery */ padding: 0 10px 10px 10px; font-size: 12px; font-weight: bold; color: #c00; }
				span.rrp-date-non-disponibili-soggmin { display: none; /* in caso verrà mostrato da jquery */ }
			
			/* div che contiene l'array delle date occupate (serve per il datepicker) */
			.js-rrp-array-date-occupate { display: none; }
				
			/* campi del form */
			.rrp-form-richiesta-info-base { }
			.rrp-form-richiesta-info-utente { }
				.rrp-form-richiesta-modale .rrp-form-richiesta-info-utente { border-bottom: 0; }

				.rrp-form-richiesta-info-base .rrp-form-riga-checkin,
				.rrp-form-richiesta-info-base .rrp-form-riga-checkout,
				.rrp-form-richiesta-info-base .rrp-form-riga-camere,
				.rrp-form-richiesta-info-base .rrp-form-riga-adulti,
				.rrp-form-richiesta-info-base .rrp-form-riga-bambini,
				.rrp-form-richiesta-info-base .rrp-form-riga-camere-alt,
				.rrp-form-richiesta-info-base .rrp-form-riga-adulti-alt,
				.rrp-form-richiesta-info-base .rrp-form-riga-bambini-alt, /* la classe *-alt è per le strutture che non accettano bambini */
				.rrp-form-richiesta-info-preferenza .rrp-form-riga-preferenza-camera,
				.rrp-form-richiesta-info-animali .rrp-form-riga-animali,
				.rrp-form-richiesta-info-utente .rrp-form-riga-user-login,
				.rrp-form-richiesta-info-utente .rrp-form-riga-nome-cognome,
				.rrp-form-richiesta-info-utente .rrp-form-riga-nome,
				.rrp-form-richiesta-info-utente .rrp-form-riga-cognome,				
				.rrp-form-richiesta-info-utente .rrp-form-riga-email,
				.rrp-form-richiesta-info-utente .rrp-form-riga-prefisso,
				.rrp-form-richiesta-info-utente .rrp-form-riga-telefono,
				.rrp-form-richiesta-info-utente .rrp-form-riga-note {
					/*-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*/
					padding: 10px;
				}
					.rrp-form-richiesta-info-base .rrp-form-riga-checkin,
					.rrp-form-richiesta-info-base .rrp-form-riga-checkout { width: 23%; float: left; }
						.rrp-form-richiesta-info-base .rrp-form-riga-checkin .rrp-input,
						.rrp-form-richiesta-info-base .rrp-form-riga-checkout .rrp-input { 
							background-image: url(img/ico_calendario.png); background-repeat: no-repeat; background-position: 95% 50%;  
						}
					.rrp-form-richiesta-info-base .rrp-form-riga-camere,
					.rrp-form-richiesta-info-base .rrp-form-riga-adulti,
					.rrp-form-richiesta-info-base .rrp-form-riga-bambini { width: 18%; float: left; }
					.rrp-form-richiesta-info-base .rrp-form-riga-camere-alt,
					.rrp-form-richiesta-info-base .rrp-form-riga-adulti-alt { width: 27%; float: left; }					
					.rrp-form-richiesta-info-base .rrp-form-riga-bambini-alt { display: none;}
					.rrp-form-richiesta-info-utente .rrp-form-riga-nome,
					.rrp-form-richiesta-info-utente .rrp-form-riga-cognome { width: 50%; float: left; }
					
					.rrp-form-richiesta-info-utente .rrp-form-riga-user-login { border-bottom: 1px dotted #ccc; }

					.rrp-form-richiesta-info-utente .rrp-form-riga-nome-cognome,
					.rrp-form-richiesta-info-utente .rrp-form-riga-nome,
					.rrp-form-richiesta-info-utente .rrp-form-riga-cognome,										
					.rrp-form-richiesta-info-utente .rrp-form-riga-email,
					.rrp-form-richiesta-info-utente .rrp-form-riga-prefisso,
					.rrp-form-richiesta-info-utente .rrp-form-riga-telefono { padding-bottom: 0; }
                        .rrp-form-richiesta-info-utente .rrp-form-riga-prefisso { width: 20%; float: left; }
                        .rrp-form-richiesta-info-utente .rrp-form-riga-telefono { width: 80%; float: left; }
					.rrp-form-richiesta-info-utente .rrp-form-riga-note { }
					.rrp-form-richiesta-info-animali .rrp-form-riga-animali { font-size: 12px; }

                        @media screen and (min-width: 0px) and (max-width: 700px) {
                            .rrp-form-richiesta-info-utente .rrp-form-riga-prefisso { width: 40%; }
                            .rrp-form-richiesta-info-utente .rrp-form-riga-telefono { width: 60%; }
                        }

			/* box a scomparsa età dei bambini */
			.rrp-form-richiesta-info-eta { padding: 10px; display: none; }
				.rrp-form-richiesta-info-eta .rrp-form-etichetta { }
				.rrp-form-richiesta-info-eta .rrp-form-richiesta-eta-grid {
					display: grid;
					grid-template-columns: repeat(7, 1fr);
					grid-gap: 10px;
				}
					.rrp-form-richiesta-info-eta .rrp-form-richiesta-eta-grid .rrp-form-campo { 
						/* NB: in uesto caso .rrp-form-campo è dentro una grid e viene allineato come da css specificto nella grid... */
					}
							
					.rrp-form-richiesta-content .rrp-form-riga-policy { }
			
			/* policy per l'invio del form */
			.rrp-form-richiesta-policy { }
			
			/* pulsante submit del form */
			.rrp-form-richiesta-button { border-bottom: 0; }
	
	
	/* --- elementi vari --- */
	.rrp-separatore { height: 1px; overflow: hidden; clear: both; }
	
	.rrp-no-robot { /* box per mostarre il checkbox per confermare di essere umano e non robot */
		-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
		padding: 10px; background: #ccc; border: 1px solid #999;
	}
		form.rrp-form-richiesta .rrp-no-robot { margin: 10px 10px 0 10px; }
		form.rrp-form-generico .rrp-no-robot { margin: 15px 0 0 0; }
	
	.rrp-form-etichetta { font-size: 12px; margin: 0 0 3px 0; }
	.rrp-form-campo { }
		/* modificatore di .rrp-form-campo (serve per la validazione) */
		.rrp-err-validate { }
			form.rrp-form-camere .rrp-err-validate input.rrp-input,
			form.rrp-form-camere .rrp-err-validate select.rrp-select,
			form.rrp-form-camere .rrp-err-validate textarea.rrp-textarea { border-color: #f00; }	
			
			/* dentro il box date del form camere */
			.rrp-camere-checkin-checkout-container .rrp-err-validate,
			.fixscroll-header-active .rrp-camere-checkin-checkout-container .rrp-err-validate,
			.rrp-camere-barra-top .rrp-err-validate,
			.fixscroll-header-active .rrp-camere-barra-top .rrp-err-validate { }
				.rrp-camere-checkin-checkout-container .rrp-err-validate input.rrp-input,
				.fixscroll-header-active .rrp-camere-checkin-checkout-container .rrp-err-validate input.rrp-input,
				form.rrp-form-camere .rrp-camere-barra-top .rrp-err-validate input.rrp-input,
				form.rrp-form-camere .fixscroll-header-active .rrp-camere-barra-top .rrp-err-validate input.rrp-input { background-color: #ffe6e6; }	

	/* div per count max caratteri */
	.rrp-count-max-caratteri { padding: 5px; font-weight: bold; font-size: 12px; background-color: #dff0d8; }
		/* modificatore di .rrp-count-max-caratteri */
		.rrp-count-max-caratteri.rrp-count-max-caratteri-error { background-color: #ffb8b8; }
	
	/* errore di validazione testuale */
	.rrp-err-validate-msg { font-size: 12px; margin: 3px 0 0 0; color: #f00; } 
	
	/* errori di validazioni per API STRIPE per la carta di credito (seconda validazione) */
	.rrp-stripe-validation-box { padding: 10px; border: 1px dotted #ccc; }
		.rrp-stripe-validation-box .rrp-stripe-validation-alert { display: none; margin: 0 0 15px; text-align: center; padding: 5px; }
		/* modificatori di .rrp-stripe-validation-box */
		.rrp-stripe-validation-box.rrp-stripe-validation-error { background: #ffb8b8; border-style: solid; border-color: #ffb8b8; }
			.rrp-stripe-validation-box.rrp-stripe-validation-error .rrp-stripe-validation-alert { display: block; color: #f00; border: 1px dotted #f00; }
		.rrp-stripe-validation-box.rrp-stripe-validation-ok { background: #dff0d8; border-style: solid; border-color: #dff0d8; }
			.rrp-stripe-validation-box.rrp-stripe-validation-ok .rrp-stripe-validation-alert { display: block; color: #393; border: 1px dotted #393; }			
		.rrp-stripe-validation-box.rrp-stripe-validation-loading { /*background: #dedede;*/ }
			.rrp-stripe-validation-box.rrp-stripe-validation-loading .rrp-stripe-validation-alert { display: block; color: #666; border: 1px dotted #666; }			
	
	/* --- elementi input, select, textarea --- */
	input.rrp-input,
	textarea.rrp-textarea,
	select.rrp-select,
	.rrp-btn-base {
		-webkit-appearance: none; -moz-appearance: none; appearance: none;
		box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
		-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
		width: 100%; border: 1px solid #dedede; margin: 0;
	}
		input.rrp-input,
		textarea.rrp-textarea { 
			 padding: 5px; font-size: 12px; color: #333; font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		}



			input.rrp-input { height: 36px; line-height: 24px; }
			textarea.rrp-textarea { height: 55px; }

		select.rrp-select {
			cursor: pointer;
			vertical-align: middle;
			background: url(img/ico_freccina_giu.png) center right no-repeat #fff;
			color: #999;
			padding: 9px 30px 9px 7px;
			font-size: 12px;
			line-height: 16px;
		}
			select.rrp-select::-ms-expand { /* pseudo-classe per IE10 per far scomparire la freccia della select */
				display: none;
			}


            /* modificatore di input.rrp-input */
            input.rrp-input.rrp-input-lg { padding: 4px 15px; height: 50px; line-height: 40px; font-size: 14px; }
            /* modificatore di input.rrp-textarea */
            textarea.rrp-textarea.rrp-textarea-lg { padding: 15px; font-size: 14px; height: 110px; }
            /* modificatore di select.rrp-select  */
            select.rrp-select.rrp-select-lg { padding: 9px 30px 9px 15px; line-height: 30px; font-size: 14px; }

			/* readonly style */
			input.rrp-input.rrp-input-readonly,
			textarea.rrp-textarea.rrp-textarea-readonly { background: #f2f2f2; color: #ccc; border-style: dashed; border-color: #ccc; }

		/* pulsante submit (applicabile sia ad <a> che a <button> */
		.rrp-btn-base { 
			-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
			display: block; height: 45px; line-height: 41px; padding: 0 5px; text-decoration: none; text-align: center; 
			font-size: 13px; cursor: pointer; border: 2px solid #fff;
		}
			/* modificatori di "button.rrp-btn-base" e "a.rrp-btn-base" */

			/* pulsante verde */
			.rrp-btn-base.rrp-btn-verde { background-color: #393; border-color: #393; color: #fff; }
			.rrp-btn-base.rrp-btn-verde:hover { background-color: #5ec55e; border-color: #5ec55e; color: #fff; text-decoration: none; }
			/* pulsante verde chiaro */
			.rrp-btn-base.rrp-btn-verde-chiaro { background-color: #98c661; border-color: #98c661; color: #fff; }
			.rrp-btn-base.rrp-btn-verde-chiaro:hover { background-color: #393; border-color: #393; color: #fff; text-decoration: none; }
			/* pulsante verde alternativo */
			.rrp-btn-base.rrp-btn-verde-alt { background-color: #91c288; border-color: #91c288; color: #fff; }
			.rrp-btn-base.rrp-btn-verde-alt:hover { background-color: #393; border-color: #393; color: #fff; text-decoration: none; }			
			/* pulsante azzurro */
			.rrp-btn-base.rrp-btn-azzurro { background-color: #159fc1; border-color: #159fc1; color: #fff; }
			.rrp-btn-base.rrp-btn-azzurro:hover { background-color: #36b0ce; border-color: #36b0ce; color: #fff; text-decoration: none; }
			/* pulsante ottanio */
			.rrp-btn-base.rrp-btn-ottanio { background-color: #0097a6; border-color: #0097a6; color: #fff; }
			.rrp-btn-base.rrp-btn-ottanio:hover { background-color: #3cb8ba; border-color: #3cb8ba; color: #fff; text-decoration: none; }			
			/* pulsante ottanio chiaro */
			.rrp-btn-base.rrp-btn-ottanio-chiaro { background-color: #25bbc6; border-color: #25bbc6; color: #fff; }
			.rrp-btn-base.rrp-btn-ottanio-chiaro:hover { background-color: #0097a6; border-color: #0097a6; color: #fff; text-decoration: none; }						
			/* pulsante rosso */
			.rrp-btn-base.rrp-btn-rosso { background-color: #fb5a62; border-color: #fb5a62; color: #fff; }
			.rrp-btn-base.rrp-btn-rosso:hover { background-color: #f38187; border-color: #f38187; color: #fff; text-decoration: none; }			
			/* pulsante fuxia */
			.rrp-btn-base.rrp-btn-fuxia { background-color: #ee115f; border-color: #ee115f; color: #fff; }
			.rrp-btn-base.rrp-btn-fuxia:hover { background-color: #f3528b; border-color: #f3528b; color: #fff; text-decoration: none; }			
			/* pulsante fuxia chiaro */
			.rrp-btn-base.rrp-btn-fuxia-chiaro { background-color: #ef7ba8; border-color: #ef7ba8; color: #fff; }
			.rrp-btn-base.rrp-btn-fuxia-chiaro:hover { background-color: #e35e92; border-color: #e35e92; color: #fff; text-decoration: none; }						
			/* pulsante grigio */
			.rrp-btn-base.rrp-btn-grigio { background-color: #f2f2f2; border-color: #f2f2f2; color: #999; }
			.rrp-btn-base.rrp-btn-grigio:hover { background-color: #ccc; border-color: #ccc; color: #666; text-decoration: none; }
			/* pulsante bordo grigio */
			.rrp-btn-base.rrp-btn-bordo-grigio { background-color: #fff; border-color: #e5e5e5; color: #111; }
			.rrp-btn-base.rrp-btn-bordo-grigio:hover { background-color: #e5e5e5; border-color: #e5e5e5; color: #111; text-decoration: none; }
			/* pulsante verde */
			.rrp-btn-base.rrp-btn-bianco { background-color: #fff; border-color: #fff; color: #333; }
			.rrp-btn-base.rrp-btn-bianco:hover { background-color: #f2f2f2; border-color: #f2f2f2; color: #666; text-decoration: none; }			
			/* pulsante disattivato - del pulsante disattivo, vedi CSS anche più sotto */
			.rrp-btn-base.rrp-btn-disattivo,
			.rrp-btn-base.rrp-btn-disattivo:hover { background-color: transparent; border-color: #dedede; color: #dedede; text-decoration: none; cursor: not-allowed; }
			/* pulsante giallo */
			.rrp-btn-base.rrp-btn-giallo { background-color: #f0c14b; border-color: #f0c14b; color: #111; }
			.rrp-btn-base.rrp-btn-giallo:hover { background-color: #fbb044; border-color: #fbb044; color: #111; text-decoration: none; }
			/* pulsante grigio scuro 1 */
			.rrp-btn-base.rrp-btn-grigio-dk-1 { background-color: #373c3e; border-color: #373c3e; color: #fff; }
			.rrp-btn-base.rrp-btn-grigio-dk-1:hover { background-color: #4c5052; border-color: #4c5052; color: #fff; text-decoration: none; }
			/* pulsante grigio scuro 2 */
			.rrp-btn-base.rrp-btn-grigio-dk-2 { background-color: #565a5c; border-color: #565a5c; color: #fff; }
			.rrp-btn-base.rrp-btn-grigio-dk-2:hover { background-color: #666; border-color: #666; color: #fff; text-decoration: none; }
			
			/* dimensioni pulsante */
			.rrp-btn-base.rrp-btn-xs { height: 33px; line-height: 29px; font-size: 12px; }
			.rrp-btn-base.rrp-btn-sm { height: 38px; line-height: 34px; }
			.rrp-btn-base.rrp-btn-lg { height: 60px; line-height: 56px; font-size: 16px; }
			
			/* icona font awesome (v5) a sinistra */ 
			.rrp-btn-base.rrp-btn-ico-sx { position: relative; }
				.rrp-btn-base.rrp-btn-ico-sx .svg-inline--fa,
				.rrp-btn-base.rrp-btn-ico-sx i { 
					display: block; position: absolute; 
					width: 16px; height: 16px; line-height: 16px;
					top: 50%; margin: -8px 0 0 0; left: 10px; /*font-size: 13px;*/
				}
			
			/* pulsante con spigolo (niente bordi arrotondati) */
			.rrp-btn-base.rrp-btn-spigoli { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

			/* bold + uppercase per una maggior visibilità del pulsante */
			.rrp-btn-base.rrp-btn-bold-uppercase { text-transform: uppercase; font-weight: bold; }
			
			
	@media screen and (min-width: 0px) and (max-width: 630px) {
		
		.rrp-form-richiesta-info-base .rrp-form-riga-checkin,
		.rrp-form-richiesta-info-base .rrp-form-riga-checkout { width: 50%; padding-bottom: 0; }
		.rrp-form-richiesta-info-base .rrp-form-riga-camere,
		.rrp-form-richiesta-info-base .rrp-form-riga-adulti,
		.rrp-form-richiesta-info-base .rrp-form-riga-bambini { width: 33.3%; /*border-top: 1px dotted #ccc;*/ }
		.rrp-form-richiesta-info-base .rrp-form-riga-camere-alt,
		.rrp-form-richiesta-info-base .rrp-form-riga-adulti-alt { width: 50%; }
		.rrp-form-richiesta-info-base .rrp-form-riga-bambini-alt { }				
	
	}

	@media screen and (min-width: 0px) and (max-width: 500px) {

		.rrp-form-richiesta-info-eta { padding: 10px; display: none; }
			.rrp-form-richiesta-info-eta .rrp-form-richiesta-eta-grid {
				grid-template-columns: repeat(4, 1fr);
			}
	
	}

/* classe per centrare una foto come sfondo di un div e adattarla (cropparla o mostrarla tutta in proporzione) all'interno del div stesso (va messa come sfondo con "style" in linea e applicata una delle due classi) */
.rrp-bg-img-cover,
.rrp-bg-img-contain { 
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
	.rrp-bg-img-cover { background-size: cover; }
	.rrp-bg-img-contain { background-size: contain; }
		/* nascondo un'eventuale <img> presente dentro .rrp-img-cover/.rrp-img-contain */
		.rrp-bg-img-cover img,
		.rrp-bg-img-contain img { display: none; }

/* elementi per wl - white label (minitestata con link e foto struttura) */	
.rrp-foto-wl,
.rrp-submenu-wl {
	display: flex;
	flex-wrap: wrap;
}
	.rrp-foto-wl { margin: 0 0 11px 0; }
	.rrp-submenu-wl { margin: 0 0 13px 0; }

		.rrp-foto-wl-item,
		.rrp-submenu-wl-item { padding: 2px; }
			.rrp-foto-wl-item { width: 10%; }
				.rrp-foto-wl-item > a { 
					-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
					display: block; width: 100%; height: 50px; overflow: hidden;
				}
			
			/* modificatore di ".rrp-submenu-wl-item" per mostrare un elemento del submenu solo su risoluzioni mobile */ 
			.rrp-submenu-wl-show-on-mobile { display: none; }

	@media screen and (min-width: 0px) and (max-width: 860px) {
		.rrp-foto-wl { display: none; }
		.rrp-submenu-wl-show-on-mobile { display: block; }
	}

/* SISTEMA FIXSCROLL */
/* classi per fsScroll() */
.fixscroll-wrapper {  }
	.fixscroll-wrapper .fixscroll-header { }
	.fixscroll-wrapper .fixscroll-content { }	
	.fixscroll-wrapper .fixscroll-sidebar { } 
	
	/* modificatori di .fixscroll-wrapper */
	.fixscroll-floating { position: relative; } /* <-- vuol dire che gli elementi scrollano e si fissano */
		.fixscroll-floating .fixscroll-header { z-index: 6899; /* sotto i livello di fancybox */ }
		.fixscroll-floating .fixscroll-content { }	
		.fixscroll-floating .fixscroll-sidebar { position: fixed; left: -10000px; top: -10000px; max-width: 1500px; max-height: 1500px; /* la sidebar è visibile solo su comando di jquery */ z-index: 6900; /* sotto i livello di fancybox */ }
	/* modificatori di .fixscroll-wrapper */
	.fixscroll-floating-ext { position: relative; } /* <-- vuol dire che gli elementi scrollano e si fissano basabdosi su un div di riferimesto esterno () */
		.fixscroll-floating-ext .fixscroll-content { }	
		.fixscroll-floating-ext .fixscroll-sidebar { position: fixed; left: -10000px; top: -10000px; max-width: 1500px; max-height: 1500px; /* la sidebar è visibile solo su comando di jquery */ z-index: 1; /* sotto i livello di fancybox */ }
	.fixscroll-modal { } /* fixscroll dentro la modale */
	.fixscroll-header-active { } /* sta a indicare che la barra delle date (.fixscroll-header) è attivo e sta fluttuando; se non è presente, vuol dire che è in posizione iniziale, statica (vedi sotto) */
	.fixscroll-sb-dx { } /* sidebar posizionata a destra (vedi sotto) */
	.fixscroll-sb-bottom { } /* sidebar posizionata in basso (vedi sotto) */	


/* testata del form camere */
.rrp-camere-testata { position: relative; padding: 0 170px 0 0; margin: 0 0 15px 0; max-width: 760px; }
	.rrp-camere-testata .rrp-camere-testata-titolo { 
		/* lo stile desktop ricalca -vagamente- quello del sistema di schede_v2.js */
		display: inline-block; color: #666; padding: 0 5px; line-height: 45px; font-weight: bold; 
	}
	.rrp-camere-testata .rrp-camere-testata-condizioni { position: absolute; top: 5px; right: 5px; width: 160px; }
	
	@media screen and (min-width: 0px) and (max-width: 700px) {
		.rrp-camere-testata { padding: 15px 0; margin: 0 0 1px 0; background-color: #fff; }
			.rrp-camere-testata .rrp-camere-testata-titolo { 
				display: block; padding: 0; line-height: normal; margin: 0 0 10px 0; font-size: 16px; text-align: center;
			}
			.rrp-camere-testata .rrp-camere-testata-condizioni { position: static; top: auto; right: auto; margin: 0 auto; }
	}

/* FORM CAMERE */
form.rrp-form-camere { margin: 0; padding: 0; /* background: #f2f2f2; */ }

	/* wrapper di form camere, per cambiare l'aspetto in determinate pagina (ad esempio nella "pagina_booking_ur.cfm di WORLDBNB) */
	.rrp-form-camere-booking-wrapper { max-width: 760px; background-color: #fff; }
		.rrp-form-camere-booking-wrapper .rrp-camere-barra-top { background-color: #fff; /*vedi resto del css più sotto*/ }

	form.rrp-form-camere input.rrp-input,
	form.rrp-form-camere select.rrp-select { 
		/* background-color: #f2f2f2; border-color: #f2f2f2; */
	}
		form.rrp-form-camere select.rrp-select { padding: 11px 30px 11px 7px }

	/* date checkin checkout / per il sistema BBIT */	
	/* .rrp-camere-checkin-checkout a seconda dell'ID, può assumere diverse forme, come box fluttuante (struttura e booking) o come form normale a inizio pagina (default) */
	.rrp-camere-checkin-checkout { display: block; } 
		.fixscroll-header-active .rrp-camere-checkin-checkout,
		.fixscroll-sb-bottom .rrp-camere-checkin-checkout { background: #ccc; }
			.fixscroll-header-active .rrp-camere-checkin-checkout input.rrp-input,
			.fixscroll-sb-bottom .rrp-camere-checkin-checkout input.rrp-input { background-color: #fff; }
	
			.rrp-camere-checkin-checkout .rrp-camere-checkin-checkout-container { 
				box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;
				padding: 15px; height: 60px; color: #555; overflow: hidden;
			}
			
				.fixscroll-header-active .rrp-camere-checkin-checkout .rrp-camere-checkin-checkout-container { }
			
				.rrp-camere-checkin-checkout .rrp-camere-checkin-checkout-container .rrp-camere-riga-checkin,
				.rrp-camere-checkin-checkout .rrp-camere-checkin-checkout-container .rrp-camere-riga-checkout { height: inherit; max-width: 190px; width: 30%; margin-right: 3%; float: left; }
					.rrp-camere-checkin-checkout .rrp-camere-checkin-checkout-container .rrp-camere-riga-checkin input.rrp-input,
					.rrp-camere-checkin-checkout .rrp-camere-checkin-checkout-container .rrp-camere-riga-checkout input.rrp-input,
					.rrp-action .rrp-action-wrapper .rrp-action-date .rrp-action-date-sx input.rrp-input,
					.rrp-action .rrp-action-wrapper .rrp-action-date .rrp-action-date-dx input.rrp-input { 
						background-image: url(img/ico_calendario.png); background-repeat: no-repeat; background-position: 95% 50%;
					}
	
					.rrp-camere-etichetta { height: 24px; font-size: 13px; font-weight: bold; text-align: center; }
					.rrp-camere-campo { /* height: 36px; */  }
		
				.rrp-camere-checkin-checkout .rrp-camere-checkin-checkout-container .rrp-camere-notti { 
					display: none; /* mostrato da jquery */ float: right; padding-top: 26px; height: 30px; line-height: 30px; width: 34%; text-align: right; font-weight: bold; color: #393;
				}
					.rrp-camere-checkin-checkout .rrp-camere-checkin-checkout-container .rrp-camere-notti span { }
					
					.fixscroll-header-active .rrp-camere-checkin-checkout .rrp-camere-checkin-checkout-container .rrp-camere-notti,
					.fixscroll-sb-bottom .rrp-camere-checkin-checkout .rrp-camere-checkin-checkout-container .rrp-camere-notti { color: #555; }
					

	/* date checkin checkout / per il sistema WORLDBNB */	
	.rrp-camere-barra-top { display: block; background: #f2f2f2; padding: 10px; border-top: 3px solid #999; } 
		form.rrp-form-camere .rrp-camere-barra-top input.rrp-input { background-color: #fff; }
		
		.fixscroll-header-active .rrp-camere-barra-top,
		.fixscroll-sb-bottom .rrp-camere-barra-top { background: #dedede; }
			.fixscroll-header-active .rrp-camere-barra-top input.rrp-input,
			.fixscroll-sb-bottom .rrp-camere-barra-top input.rrp-input { /*background-color: #fff;*/ }
	
				.rrp-camere-barra-top .rrp-camere-bt-checkin,
				.rrp-camere-barra-top .rrp-camere-bt-checkout { height: inherit; width: 25%; margin-right: 3%; float: left; }
					.rrp-camere-barra-top .rrp-camere-bt-checkin input.rrp-input,
					.rrp-camere-barra-top .rrp-camere-bt-checkout input.rrp-input { 
						background-image: url(img/ico_calendario.png); background-repeat: no-repeat; background-position: 95% 50%;
					}
	
					.rrp-camere-bt-etichetta { height: 24px; font-size: 13px; font-weight: bold; text-align: center; }
					.rrp-camere-bt-campo { /* height: 36px; */  }

				.rrp-camere-barra-top .rrp-camere-bt-dettagli { float: left; width: 44%; text-align: center; margin-top: 24px; height: 36px; line-height: 36px; }
					.rrp-camere-barra-top .rrp-camere-bt-dettagli a.rrp-camere-bt-dettagli-txt { font-weight: bold; text-decoration: none; border-bottom: 1px dashed #666; }
					.rrp-camere-barra-top .rrp-camere-bt-dettagli a.rrp-camere-bt-dettagli-txt:hover { text-decoration: none; border-bottom-color: #333; }

	/* messaggistica di error/warning - visualizzata da jquery */
	.js-rrp-camere-msg-warning,
	.js-rrp-camere-msg-error { display: none; } 
		
	/* sconti */
	ul.rrp-camere-sconti { list-style: none; margin: 0 0 15px 0; padding: 0px; font-size: 14px; }
		ul.rrp-camere-sconti li { 
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
			padding: 5px; background: #c1e4e6; color: #586980; text-align: center; margin: 0 0 1px 0; 
		}
	
	/* action per modale - fuori dalla modale rrp-modal-action è nascosta (vedi css più sotto )*/ 
	/*
	.rrp-modal-action { display: none; }
	*/

	/* action per scheda struttura (nascosto o inesistente se in modalità modale) */
	/* .rrp-action a seconda dei modificatori, può assumere diverse forme, come finestra fluttuante (struttura e booking) o come form normale a fine pagina (default / mobile)*/
	.rrp-action { position: relative; } 

		/* chiudi (mostrato solo se è presente un totale) */
		.rrp-action-chiudi { display: none; position: absolute; top: 10px; right: 10px; z-index: 1; width: 28px; height: 28px; line-height: 28px; overflow: hidden; }	
			.rrp-action-chiudi a { display: block; font-size: 14px; color: #999; height: inherit; line-height: inherit; text-align: center; text-decoration: none; }
		
		/* "#riassuntoBottom" contiene solo il dettaglio (".rrp-action-dettaglio-boxscroll" - vedi sotto) su risoluzioni "mobile", con un sistema a scomparsa mos-nas */
		#riassuntoBottomContainer { display: none; /* contenitore di #riassuntoBottom, da mostrare o nascondere in base alle media query  */ }
			#riassuntoBottom { display: none; padding: 0 0 15px 0; }
		
		/* barra sopra (nella sidebar a sx) e sopra (nella sidebar "botton") (totale e info varie) */
		.rrp-action-header,
		.rrp-action-header-mobile {
			display: none; /* viene mostrato con il modificatore ".fixscroll-sb-dx" o ".fixscroll-sb-bottom" - vedi css più sotto */ 
			box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
			position: relative; overflow: hidden;
		}
			.rrp-action-header { 
				-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
				-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
				border-top-left-radius: 5px; border-top-right-radius: 5px;
				color: #fff; padding: 10px; background:#555; 
			}
			.rrp-action-header-mobile { margin: 0 0 5px 0; }
				.rrp-action-header-mobile a { color: #111; }

				/* i div "child" sono usati sia da .rrp-action-header che da .rrp-action-header-mobile (dentro .rrp-action-content-mobile-euro; vedi più sotto)*/
				/* questi div possono essere sia <a> che <div>*/
				.rrp-action-header-loading, /* loading */ 
				.rrp-action-header-a-partire-da, /* testata iniziale che mostra il prezzo "a partire da"; se vengono cambiate le date, mostra un prezzo di "euro --", con la struttura di  ".rrp-action-header-totale" */
				.rrp-action-header-totale { /* testata con il prezzo totale esatto oppure il prezzo = 0 se non è stato selezionato nulla, ma sono state cambiate le date */
					display: none; /* verranno mostrati/nascosti da jquery */ 
				}
					
					.rrp-action-header-loading { line-height: 45px; text-align: center; }
						.rrp-action-header-mobile .rrp-action-header-loading { line-height: 30px; text-align: left; }
					
					.rrp-action-header-a-partire-da { }
						/* div per testo centrato con scritta "a partire da", quando si carica all'inizio */
						.rrp-action-header-txt-center { line-height: 45px; text-align: center; font-size: 16px; } 
						/* div per testo simile a ".rrp-action-header-totale" per desktop, con scritta "euro --" (compare se si cambiano le date e non si selezionano le camere) */
						.rrp-action-header-zero { display: flex; } 
							.rrp-action-header-zero-euro { line-height: 25px; font-size: 16px; padding-right: 5px; }
							.rrp-action-header-zero-info { flex: 1; }
								.rrp-action-header-zero-prezzo { line-height: 30px; font-size: 28px; font-weight: bold; }
								.rrp-action-header-zero-label { display: flex; }
									.rrp-action-header-zero-label-sx,
									.rrp-action-header-zero-label-dx { flex: 1; line-height: 15px; font-size: 13px; text-transform: lowercase; }
										.rrp-action-header-zero-label-dx { text-align: right; }
					
					.rrp-action-header-totale { display: flex; }
						.rrp-action-header-toggle { display: none; padding: 1px 10px 0 0; /* link per mostrare/nascondere #riassuntBottom - usato solo dalle risoluzioni mobile */ }
							.rrp-action-header-toggle a { 
								-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
								display: block;
								border: 1px solid #ccc;
								color: #666;
								width: 25px;
								height: 25px;
								line-height: 23px;
								text-align: center;
							} 
						.rrp-action-header-euro { line-height: 25px; font-size: 16px; padding-right: 5px; }
						.rrp-action-header-info { }
							.rrp-action-header-prezzo { line-height: 30px; font-size: 28px; font-weight: bold; }
							.rrp-action-header-label { }
								.rrp-action-header-label-sx,
								.rrp-action-header-label-dx { line-height: 15px; font-size: 13px; text-transform: lowercase; }

						/* modifico i css in base al div contenitore (contenitore per desktop) */
						.rrp-action-header .rrp-action-header-totale { }
							.rrp-action-header .rrp-action-header-euro { }
							.rrp-action-header .rrp-action-header-info { flex: 1; }
								.rrp-action-header .rrp-action-header-prezzo { }
								.rrp-action-header .rrp-action-header-label { display: flex; }
									.rrp-action-header .rrp-action-header-label-sx,
									.rrp-action-header .rrp-action-header-label-dx { flex: 1; }
										.rrp-action-header .rrp-action-header-label-dx { text-align: right; }

						/* modifico i css in base al div contenitore (contenitore per mobile) */
						.rrp-action-header-mobile .rrp-action-header-totale { }
							.rrp-action-header-mobile .rrp-action-header-toggle { 
								display: block;
							}
							.rrp-action-header-mobile .rrp-action-header-euro { 
								cursor: pointer; /* in mobile, questo div attiva il mosnas */ 
							}
							.rrp-action-header-mobile .rrp-action-header-info { 
								cursor: pointer;  /* in mobile, questo div attiva il mosnas */ 
								display: flex; 
							}
								.rrp-action-header-mobile .rrp-action-header-prezzo { }
								.rrp-action-header-mobile .rrp-action-header-label { }
									.rrp-action-header-mobile .rrp-action-header-label-sx { padding: 10px 0 0 5px; }
									.rrp-action-header-mobile .rrp-action-header-label-dx { display: none; }

		/* contenuto */
		.rrp-action-wrapper { }

			/* input date checkin/out */
			.rrp-action-date { 
				display: grid;
				grid-gap: 10px;
				grid-template-columns: repeat(2, 1fr);
			}
				.rrp-action-date-sx,
				.rrp-action-date-dx { }

			/* ".rrp-action-content" contiene il dettaglio riassunto mostrato nel fixscroll-sidebar a destra, più altri elementi che saranno mostrati anche in modalità "bottom" su risoluzioni "mobile"; "#riassuntoBottom" (vedi sopra) contiene solo il dettaglio su risoluzioni "mobile", con un sistema a scomparsa mos-nas */
			.rrp-action-content { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

				/* 
				dettaglio, spese di pulizia finale, totale, frasi incentivanti e varie (stanno sia dentro .rrp-action-content che .rrp-action-content-mobile) 
				può stare sia dentro ".rrp-action-content" che dentro "#riassuntoBottom"
				NOTA: rrp-action-dettaglio-boxscroll contiene al suo interno la struttura (usata anche dai form booking) ".rrp-breakdown" con relative righe
				*/
				.rrp-action-dettaglio-boxscroll { display: none; max-height: 230px; overflow: auto; }
					.rrp-action-dettaglio-boxscroll .rrp-breakdown { margin: 0;} /* annullo il margin... per il resto del css vedi sotto ".rrp-breakdown" */

				.rrp-action-alert-date { } /* alert per date mancanti */
					.rrp-action-alert-date > div { line-height: 18px; text-align: center; font-size: 12px; color: #f00;	}

				.rrp-action-seleziona-camere-txt { display: none; text-align: center; color: #999; font-size: 13px; font-weight: bold; } /* testo "seleziona le camere" */
				.rrp-action-seleziona-camere-btn { display: none; } /* pulsante "seleziona le camere" */

				.rrp-action-submit { } /* pulsante submit - viene "riempito" da jquery con un pulsante di submit o con un alert */
					.rrp-action-submit .rrp-action-submit-loading { line-height: 45px; text-align: center; color: #666; } /* loading per quando si invia il form camere */
				.rrp-action-incentivo { display: none; color: #999; font-size: 12px; font-weight: bold; text-align: center; }

				
			/* modificatori assegnato da jquery con la funzione fsScroll() */

			/* 
			FIXSCROLL-EXT SIDEBAR DX/BOTTOM (nuovo sistema "ext") + FIXSTROLL SIDEBAR (default per siti vecchi)
			con ".fixscroll-sb-dx" .rrp-action va visualizzata a DESTRA
			per diversificarle ulteriormente da nuovo e vecchio sistema va usata dove necessario ".fixscroll-floating-ext" o ".fixscroll-floating" 
			*/
			
			/* modifiche CSS SIDEBAR per FIXSCROLL-EXT e FIXSCROLL */
			.fixscroll-sb-dx form.rrp-form-camere { }
				.fixscroll-sb-dx .rrp-action { } 
					.fixscroll-sb-dx .rrp-action-chiudi { top: 0; }
					.fixscroll-sb-dx .rrp-action-header { display: block; padding: 15px; }
					.fixscroll-sb-dx .rrp-action-wrapper { 
						-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;
						-moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;
						border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;
						background: #fff; color: #555; 
					}
						.fixscroll-sb-dx .rrp-action-date { padding: 20px; }
						.fixscroll-sb-dx .rrp-action-content { }
							.fixscroll-sb-dx .rrp-action-dettaglio-boxscroll,
							.fixscroll-sb-dx .rrp-action-alert-date,
							.fixscroll-sb-dx .rrp-action-seleziona-camere-txt,
							.fixscroll-sb-dx .rrp-action-seleziona-camere-btn,
							.fixscroll-sb-dx .rrp-action-submit,
							.fixscroll-sb-dx .rrp-action-incentivo { padding: 0 20px 20px 20px; }
								.fixscroll-sb-dx .rrp-action-dettaglio-boxscroll,
								.fixscroll-sb-dx .rrp-action-incentivo { display: block; }
									.fixscroll-sb-dx .rrp-action-alert-date > div { padding: 5px; background: #fffbe7; border: 1px solid #ffebce; }

				/* ulteriori modifiche CSS SIDEBAR per FIXSCROLL-EXT (nuovo sistema) */
				.fixscroll-floating-ext.fixscroll-sb-dx .rrp-action-chiudi { right: 0; }
				.fixscroll-floating-ext.fixscroll-sb-dx .rrp-action-seleziona-camere-btn { display: block; }

				/* ulteriori modifiche CSS SIDEBAR per FIXSCROLL (default) */
				.fixscroll-floating.fixscroll-sb-dx .rrp-action { padding: 0 10px; }
				.fixscroll-floating.fixscroll-sb-dx .rrp-action-wrapper { border: 1px solid #dedede; }
				.fixscroll-floating.fixscroll-sb-dx .rrp-action-seleziona-camere-txt { display: block; }
						
			/* 
			FIXSCROLL BOTTOM - visualizzazione in risoluzioni mobile, sia se si usa FIXSCROLL-EXT (nuovo sistema) o FIXSCROLL (default)
			con ".fixscroll-sb-bottom" .rrp-action va visualizzata in basso, fissa a fondo pagina
			in questo caso lo stile e il comportamento è uguale sia per ".fixscroll-floating-ext" che per ".fixscroll-floating" 
			*/
			.fixscroll-sb-bottom form.rrp-form-camere { }
				.fixscroll-sb-bottom .rrp-action { background: #fff; padding: 20px; border-top: 1px solid #ccc; } 
					.fixscroll-sb-bottom .rrp-action-chiudi { top: auto; bottom: 75px; right: 15px; }
					.fixscroll-sb-bottom #riassuntoBottomContainer { display: block; }
						.fixscroll-sb-bottom #riassuntoBottom { /* questo div sarà mostrato/nascosto da jquery */}
							.fixscroll-sb-bottom #riassuntoBottom .rrp-action-dettaglio-boxscroll { display: block; }
					.fixscroll-sb-bottom .rrp-action-header-mobile { display: block; }
					.fixscroll-sb-bottom .rrp-action-wrapper { display: grid; grid-gap: 10px; grid-template-columns: 60% auto; }
						.fixscroll-sb-bottom .rrp-action-date { }
						.fixscroll-sb-bottom .rrp-action-content { }
							.fixscroll-sb-bottom .rrp-action-dettaglio-boxscroll { }
							.fixscroll-sb-bottom .rrp-action-alert-date { position: absolute; top: -20px; left: 0; right: 0; }
								.fixscroll-sb-bottom .rrp-action-alert-date > div { height: 20px; line-height: 20px; text-align: center; background: #f00; color: #fff; }
							.fixscroll-sb-bottom .rrp-action-seleziona-camere-btn { display: block; }
							.fixscroll-sb-bottom .rrp-action-submit {}
								.fixscroll-sb-bottom .rrp-action-seleziona-camere-btn .rrp-btn-base,
								.fixscroll-sb-bottom .rrp-action-submit .rrp-btn-base { height: 36px; line-height: 32px; }
								.fixscroll-sb-bottom .rrp-action-submit .rrp-action-submit-loading { line-height: 36px; }
							.fixscroll-sb-bottom .rrp-action-incentivo { }

			/* 
			FIXSCROLL-MODAL (form camere usato in ar gestore/preaut)
			*/
			.fixscroll-modal .rrp-action-alert-date { }
				.fixscroll-modal .rrp-action-alert-date > div { 
					-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
					line-height: 36px; background: #fffbe7; border: 1px solid #fff; 
				}
							

			@media screen and (min-width: 0px) and (max-width: 380px) {
				.rrp-action .rrp-action-wrapper .rrp-action-date .rrp-action-date-sx input.rrp-input, 
				.rrp-action .rrp-action-wrapper .rrp-action-date .rrp-action-date-dx input.rrp-input { background-image: none; }
				.rrp-action-submit .rrp-btn-base,
				.rrp-action-seleziona-camere-btn .rrp-btn-base { font-size: 12px; }
				.rrp-action-submit .rrp-btn-ico-sx .svg-inline--fa { display: none; }

				/* (.fixscroll-sb-bottom) .rrp-action va visualizzata in BASSO */
				.fixscroll-sb-bottom .rrp-action { padding: 10px; } 
				.fixscroll-sb-bottom .rrp-action-chiudi { bottom: 58px; right: 5px; }
			}			

					
	/* action per preaut nell'AR gestore */
	.rrp-action-ar-gestore { 
		-webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px;
		-moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px;
		border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;
		background: #97c661; color: #fff; padding: 15px; 
	}
		.rrp-action-ar-gestore .rrp-action-ar-gestore-col-totale,
		.rrp-action-ar-gestore .rrp-action-ar-gestore-col-seleziona,
		.rrp-action-ar-gestore .rrp-action-ar-gestore-col-annulla { 
			/*box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;*/
			float: left; min-height: 40px;
		}	
			.rrp-action-ar-gestore .rrp-action-ar-gestore-col-totale { width: 25%; padding-left: 0; }
				.rrp-action-ar-gestore .rrp-action-ar-gestore-col-totale .rrp-action-ar-gestore-col-totale-txt { line-height: 15px; font-size: 12px; }
				.rrp-action-ar-gestore .rrp-action-ar-gestore-col-totale .rrp-action-ar-gestore-col-totale-euro { line-height: 25px; font-size: 18px; }			
			.rrp-action-ar-gestore .rrp-action-ar-gestore-col-seleziona { width: 50%; padding: 0 10px; }	
			.rrp-action-ar-gestore .rrp-action-ar-gestore-col-annulla { width: 25%; text-align: right; line-height: 40px; font-size: 12px; }
				.rrp-action-ar-gestore .rrp-action-ar-gestore-col-annulla a { color: #fff; text-decoration: none; }
				.rrp-action-ar-gestore .rrp-action-ar-gestore-col-annulla a:hover { text-decoration: underline; }

			.rrp-action-ar-gestore .rrp-action-ar-gestore-col-seleziona .rrp-action-ar-gestore-loading { line-height: 38px; text-align: center; }
			
/* box categoria camera - camere unità (sistema a unità camere di BBIT) */
.rrp-camere-categoria-box { 
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
	background: #fff;
	margin: 0 0 20px 0;
	overflow: hidden;
}

	/* modificatori di .rrp-camere-categoria-box (vedi sotto) */
	.rrp-camere-categoria-show-a-partire-da { /* vuol dire che è attivato il prezzo "a partire da" per categoria camera */  }
	.rrp-camere-categoria-show-toggle-unita { /* vuol dire che è attivato il toggle delle unità camere */  }
	.rrp-camere-categoria-show-toggle-unita-init-hide { /* vuol dire che le unità camera della categoria sono inizialmente nascoste (se presente, va insieme a .rrp-camere-categoria-show-toggle-unita) */  }

	/* header categoria camere */
	.rrp-camere-categoria-header { 
		display: grid;
		grid-template-columns: 130px auto;
	}
		.rrp-camere-categoria-ico { width: 130px; height: 130px; overflow: hidden; }
			.rrp-camere-categoria-ico > a,
			.rrp-camere-categoria-ico > div { /* può essere sia <a> che <div> */
				display: block; width: inherit; height: inherit; text-decoration: none; overflow: hidden; background-color: #dedede;
			}
				.rrp-camere-categoria-ico > a > img,
				.rrp-camere-categoria-ico > div > img { /* <img> gestita da ".rrp-bg-img-cover img" */ }

		.rrp-camere-categoria-info { padding: 20px; }
			/* separo le info in due righe che a loro volta possono essere suddivise in una grid */
			.rrp-camere-categoria-info-row-1 { }
			.rrp-camere-categoria-info-row-2 { margin: 10px 0 0 0; }

			/* con modificatore per le opzioni dei prezzi le row diventano una grid/flex con due colonne */
			.rrp-camere-categoria-show-a-partire-da .rrp-camere-categoria-info-row-1 { display: flex; }
			.rrp-camere-categoria-show-toggle-unita .rrp-camere-categoria-info-row-2 { display: grid; grid-gap: 10px; grid-template-columns: auto 200px; }
		
				/* sempre presente - dentro rrp-camere-categoria-info-row-1 */
				.rrp-camere-categoria-info-base {  }
				.rrp-camere-categoria-show-a-partire-da .rrp-camere-categoria-info-base { flex: 1 }
					.rrp-camere-categoria-titolo { font-weight: bold; font-size: 18px; }
					.rrp-camere-categoria-capienza { margin: 5px 0 0 0; color: #666; font-size: 13px; }

				/* opzionale - dentro rrp-camere-categoria-info-row-1 */
				.rrp-camere-categoria-info-a-partire-da { margin-left: 10px; }
					.rrp-camere-categoria-a-partire-da-msg { display: none; /*verrà mostrato da js */ text-align: right; font-size: 12px; font-weight: bold; color: #c00; }
					.rrp-camere-categoria-a-partire-da-box { display: none; /*verrà mostrato da js */ }
						.rrp-camere-categoria-a-partire-da-label { text-align: right; font-size: 14px; }
						.rrp-camere-categoria-a-partire-da-euro { text-align: right; font-weight: bold; font-size: 20px; margin: 2px 0 0 0; }

				/* sempre presente - dentro rrp-camere-categoria-info-row-2 */
				.rrp-camere-categoria-info-btn { 
					/* è a sua volta una grid */
					display: grid; 
					grid-template-columns: 100px 100px;
					grid-gap: 10px;
				}
					.rrp-camere-categoria-info-btn .rrp-camere-categoria-dettagli-btn-item { }

				/* opzionale - dentro rrp-camere-categoria-info-row-2 */
				.rrp-camere-categoria-info-toggle { }
					/* toggle per mostrare le unità camere di ogni categoria (mostrato da js) */
					.rrp-camere-categoria-btn-toggle-unita,
					.rrp-camere-categoria-has-selected-unita { display: none; }
						.rrp-camere-categoria-has-selected-unita { text-align: right;  }
							.rrp-camere-categoria-has-selected-unita > div {
								-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
								display: inline-block;
								background: #dff0d8;
								color: #666;
								width: 38px;
								height: 38px; /* nb: metto un'altezza unguale ai button, altrimenti c'è uno sfarfallio quando si seleziona la camera e compare questo div... */
								line-height: 38px;
								text-align: center;
								font-size: 16px;
							}
					
	/* box info camera a scomparsa */
	.rrp-camere-categoria-dettagli-box { display: none; padding: 20px; }
		.rrp-camere-categoria-dettagli-box .rrp-camere-categoria-dettagli-row { margin: 15px 0 0 0; }
		.rrp-camere-categoria-dettagli-box .rrp-camere-categoria-dettagli-row:first-child { margin: 0; }
			/* foto della camera */
			.rrp-camere-categoria-foto { }
				.rrp-camere-categoria-foto a { 
					-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
					display: block; float: left; text-decoration: none; border: 1px solid #fff; height: 65px; width: 65px; background-position: center center; background-repeat: no-repeat; margin: 1px; overflow: hidden; 
				}
					.rrp-camere-categoria-foto a img { /* <img> gestita da ".rrp-bg-img-cover img" */ }
					.rrp-camere-categoria-foto a:hover { border-color: #333; }	
			/* descrizione della camera */
			.rrp-camere-categoria-abstract { }
				.rrp-camere-categoria-abstract span { display: none; /* mostrato da jquery*/ }

	/* container delle unità camera, che può essere mostrato o nascosto */
	.rrp-camere-unita-container { 
		padding: 0 0 20px 0;
	}
		/* se c'è il modificatore per il toggle, il container è inizialmente nascosto */
		.rrp-camere-categoria-show-toggle-unita-init-hide .rrp-camere-unita-container { display: none; }
	
		/* UNITA' CAMERA */
		.rrp-camere-unita-box { 
			-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
			background: #f2f2f2; color: #666; padding: 20px;
			margin: 20px 20px 0 20px;
		}
			/* modificatore di .rrp-camere-unita-box */
			.rrp-camere-unita-box.rrp-camere-unita-box-highlight { border: 3px solid #393; }

			/* nome unità camera */
			.rrp-camere-unita-nome { text-align: left; font-weight: bold; font-size: 18px; }

			/* caratteristiche unità camere */
			.rrp-camere-unita-caratteristiche { display: flex; margin: 10px 0 0 0; font-size: 13px; }
				.rrp-camere-unita-caratteristiche .rrp-camere-unita-caratteristiche-item { color: #393; margin-left: 10px; }
				.rrp-camere-unita-caratteristiche .rrp-camere-unita-caratteristiche-item:first-child { margin-left: 0; }
					/* modificatore di .rrp-camere-unita-caratteristiche-item */
					.rrp-camere-unita-caratteristiche .rrp-camere-unita-caratteristiche-item.rrp-camere-unita-caratteristiche-grigia { color: #666; /* meno in evidenza, es. per il bagno condiviso */ } 

			/* contenitore di adulti, bambini, età, colazione, pasti, prezzo unità camera */
			.rrp-camere-unita-content { }
				
				/* riga (grid) delle select affiancate / ospiti, bambini, colazione e pasti */
				.rrp-camere-unita-riga-select { 
					-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
					display: grid;
					grid-template-columns: repeat(5, 1fr);
					grid-template-areas: 
						"ospiti ospiti colazione colazione colazione";
					align-items: center;
					grid-gap: 10px;
					margin: 20px 0 0 0;
					padding: 15px;
					background: #fff;
				}
					/* item 1 - adulti, bambini, età */
					.rrp-camere-unita-adulti-bambini { grid-area: ospiti; display: flex; } 
						.rrp-camere-unita-content .rrp-camere-unita-adulti-bambini .rrp-camere-unita-adulti,
						.rrp-camere-unita-content .rrp-camere-unita-adulti-bambini .rrp-camere-unita-bambini { width: 50%; }
						.rrp-camere-unita-content .rrp-camere-unita-adulti-bambini .rrp-camere-unita-adulti-alt { width: 100%; }
						.rrp-camere-unita-content .rrp-camere-unita-adulti-bambini .rrp-camere-unita-bambini-alt { display: none; }						
							.rrp-camere-unita-content .rrp-camere-unita-adulti-bambini .rrp-camere-unita-adulti { padding-right: 5px; }
							.rrp-camere-unita-content .rrp-camere-unita-adulti-bambini .rrp-camere-unita-bambini { padding-left: 5px; }			
					/* item 2 - colazione */
					.rrp-camere-unita-colazione { grid-area: colazione; }				
						.rrp-camere-unita-colazione .rrp-camere-unita-campo .rrp-camere-unita-colazione-txt { 
							-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
							font-style: italic; 
							/* NB: trasformo qesto elemento in flex per poter usare l'allineamento verticale align-items: center; */
							display: flex;
							padding: 5px;
							align-items: center;
							justify-content: center;
							min-height: 40px;
							color: #999;
							font-size: 12px;
							background: #fff;
							border: 1px dotted #ccc;
						}
					/* item 3 (opzionale) - pasti */
					.rrp-camere-unita-pasti {
						grid-area: pasti;
						/* (NB: questo div compare solo quando ci sono i pasti (pensione completa, mezza pensione) con il modificatore .rrp-camere-unita-box.rrp-camere-unita-box-pasti) - vedi css più sotto */
					}

				/* riga delle età dei bambini (compare in una riga separata, sotto tutte le select principali) */
				.rrp-camere-unita-eta {  
					-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
					margin: 5px 0 0 0;
					padding: 15px;
					background: #fff;
				}
					.rrp-camere-unita-eta .rrp-camere-unita-etichetta { }
					.rrp-camere-unita-eta .rrp-camere-unita-eta-grid {
						display: grid;
						grid-template-columns: repeat(7, 1fr);
						grid-gap: 10px;
					}
						.rrp-camere-unita-eta .rrp-camere-unita-eta-grid .rrp-camere-unita-campo { 
							/* NB: in uesto caso .rrp-camere-unita-campo è dentro una grid e viene allineato come da css specificto nella grid... */
						}

				/* riga dei prezzi anticipato/standard */
				.rrp-camere-unita-prezzo { 
					-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
					display: grid;
					grid-template-columns: repeat(10, 1fr);
					grid-template-areas: 
						"prezzoetichetta prezzoetichetta prezzoetichetta prezzoetichetta prezzoetichetta prezzoeuro prezzoeuro prezzoseleziona prezzoseleziona prezzoseleziona";
					align-items: center;
					grid-gap: 5px;
					margin: 5px 0 0 0;
					padding: 15px;
					background: #fff;
				}
					.rrp-camere-unita-prezzo-etichetta {
						grid-area: prezzoetichetta;
						font-size: 12px; /* vedi css sotto */ 
					}
					.rrp-camere-unita-prezzo-euro { 
						grid-area: prezzoeuro;
						font-size: 20px; font-weight: bold; text-align: center;
					}
						.rrp-camere-unita-prezzo-euro .rrp-camere-prezzo-barrato { 
							text-decoration: line-through; font-weight: normal; font-size: 12px; line-height: 10px; margin: 10px 0 0 0; 
						}
					.rrp-camere-unita-prezzo-seleziona { grid-area: prezzoseleziona; }

				/* riga del preventivo (quando sono penalizzati non compaiono i prezzi) */
				.rrp-camere-preventivo { 
					-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
					margin: 20px 0 0 0;
					padding: 15px;
					background: #fff;
				}


				/* elementi generici */
				.rrp-camere-unita-etichetta { text-transform: uppercase; font-size: 11px; margin: 0 0 5px 0; }
				.rrp-camere-unita-campo { }
			
			
				/* pulsanti per selezionare o deselezionare una camere (gestiti e mostrari da jquery, sincronizzati con il checkbox) - vedi modificatore sotto ".rrp-camere-unita-box-selezionata" */
				.js-rrp-btn-roomselected { }
					/* modificatori di .js-rrp-btn-roomselected */
					.js-rrp-btn-roomselected-seleziona { display: block; }
					.js-rrp-btn-roomselected-annulla,
					.js-rrp-btn-roomselected-disattivato { display: none; }

				/* modificatore di .rrp-camere-unita-box per quando ci stanno le select della mezza pensione / pensione completa */
				.rrp-camere-unita-box.rrp-camere-unita-box-pasti {}
					.rrp-camere-unita-box.rrp-camere-unita-box-pasti .rrp-camere-unita-nome { }
					.rrp-camere-unita-box.rrp-camere-unita-box-pasti .rrp-camere-unita-caratteristiche { }
					.rrp-camere-unita-box.rrp-camere-unita-box-pasti .rrp-camere-unita-content { }
						/* riga (grid) delle select affiancate / ospiti, bambini, colazione e pasti */
						.rrp-camere-unita-box.rrp-camere-unita-box-pasti .rrp-camere-unita-riga-select { 
							grid-template-columns: repeat(10, 1fr);
							grid-template-areas: 
								"ospiti ospiti ospiti ospiti colazione colazione colazione pasti pasti pasti";
						}

				/* modificatore di .rrp-camere-unita-box (a livello di unità camera) */
				.rrp-camere-unita-box.rrp-camere-unita-box-selezionata { background: #dff0d8; }
					.rrp-camere-unita-box.rrp-camere-unita-box-selezionata .rrp-camere-unita-riga-select,
					.rrp-camere-unita-box.rrp-camere-unita-box-selezionata .rrp-camere-unita-eta { background: #a5da9c; }
					.rrp-camere-unita-box.rrp-camere-unita-box-selezionata .rrp-camere-unita-prezzo-disattivato { background: #dff0d8; color: #c8e0be; } 
						.rrp-camere-unita-box.rrp-camere-unita-box-selezionata .rrp-camere-unita-prezzo-disattivato .rrp-btn-base.rrp-btn-disattivo { border-color: #c8e0be; color: #c8e0be; }
				/* modificatori di .rrp-camere-unita-prezzo (a livello del singolo prezzo selezionato per l'unità camera) */
				/* riga prezzo SELEZIONATA */
				.rrp-camere-unita-prezzo-selezionato { background: #a5da9c; } 
					.rrp-camere-unita-prezzo-selezionato .js-rrp-btn-roomselected-seleziona,
					.rrp-camere-unita-prezzo-selezionato .js-rrp-btn-roomselected-disattivato { display: none; /* vedi css sopra */ }
					.rrp-camere-unita-prezzo-selezionato .js-rrp-btn-roomselected-annulla { display: block; /* vedi css sopra */ }
				/* riga prezzo DISATTIVATA */
				.rrp-camere-unita-prezzo-disattivato { color: #dedede; } 
					.rrp-camere-unita-prezzo-disattivato .rrp-btn-base.rrp-btn-disattivo { }
					.rrp-camere-unita-prezzo-disattivato .js-rrp-btn-roomselected-disattivato { display: block; cursor: not-allowed; /* vedi css sopra */ }
					.rrp-camere-unita-prezzo-disattivato .js-rrp-btn-roomselected-seleziona,
					.rrp-camere-unita-prezzo-disattivato .js-rrp-btn-roomselected-annulla { display: none; /* vedi css sopra */ }				
						
			
			/* alert per nessuna camera disponibile dentro una categoria */
			.rrp-camere-alert-no-dispo {
				-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
				display: none;
				padding: 15px;
				margin: 20px 20px 0 20px;
				background: #fffbe7;
				color: #8c6d39;
			} 
				.rrp-camere-alert-no-dispo span.rrp-camere-alert-soggiornominimo,
				.rrp-camere-alert-no-dispo span.rrp-camere-alert-chiusuracheckin,
				.rrp-camere-alert-no-dispo span.rrp-camere-alert-chiusuracheckout { color: #c00; font-weight: bold; }
				.rrp-camere-alert-no-dispo a { color: #8c6d39; text-decoration: underline; font-weight: bold; }
					.rrp-camere-alert-no-dispo a:hover { text-decoration: none; }
				
/* loading in un box... */
.rrp-box-loading {
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	margin: 10px; padding: 20px; border: 1px dotted #ccc; color: #666; text-align: center; font-size: 13px; font-weight: bold;
}
			
/* alert (simili a quelli di global v3, ma con "rrp-" davanti */
.rrp-alert-base { 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	padding: 15px; text-align: center; 
}
	.rrp-alert-base a { font-weight: bold; }

	/* modificatori di .rrp-alert-base */
	.rrp-alert-info { color: #565a5c; background-color: #c1e4e6; }
		.rrp-alert-info a { color: #565a5c; }
	.rrp-alert-success { color: #589567; background-color: #d7eed6; }
		.rrp-alert-success a { color: #589567; }		
	.rrp-alert-warning { color: #8a6d3b; background-color: #fbeec7; }
		.rrp-alert-warning a { }
	.rrp-alert-error { color: #fff; background-color: #f36; }
		.rrp-alert-error a { color: #fff; }

	.rrp-alert-border { border: 1px solid #ccc; }	

/* alert bonifico (a parte dagli altri alert) */
.rrp-alert-bonifico { 
	margin: 15px 0 0 0; border: 1px solid #ccc; padding: 15px; 
}
	.rrp-alert-bonifico > div:first-child {
		font-weight: bold; color: #f36; margin: 0 0 15px 0;
	}

.rrp-msg-error-warning-sconti { 
	/* container di alert vari per il form camere - mostrato da js */ 
	display: none;
	margin: 0 0 20px 0;
}
	.rrp-msg-error-warning-sconti .rrp-alert-base { margin: 0 0 5px 0; /* dentro rrp-msg-error-warning-sconti metto un margn bottom ai vari alert */ }
	
@media screen and (min-width: 0px) and (max-width: 680px) {
	
	form.rrp-form-camere { }

		/* date checkin checkout */	
		.rrp-camere-checkin-checkout { } 
			.rrp-camere-checkin-checkout .rrp-camere-checkin-checkout-container { }
				.rrp-camere-checkin-checkout .rrp-camere-checkin-checkout-container .rrp-camere-riga-checkin,
				.rrp-camere-checkin-checkout .rrp-camere-checkin-checkout-container .rrp-camere-riga-checkout { width: 49%; max-width: none; margin-right: 0; }
					.rrp-camere-checkin-checkout .rrp-camere-checkin-checkout-container .rrp-camere-riga-checkin { float: left; }
					.rrp-camere-checkin-checkout .rrp-camere-checkin-checkout-container .rrp-camere-riga-checkout { float: right; }		
						.rrp-camere-checkin-checkout .rrp-camere-checkin-checkout-container .rrp-camere-riga-checkin input.rrp-input,
						.rrp-camere-checkin-checkout .rrp-camere-checkin-checkout-container .rrp-camere-riga-checkout input.rrp-input { max-width: 150px; }
					.rrp-camere-etichetta,
					.rrp-camere-campo { text-align: center; }
				.rrp-camere-checkin-checkout .rrp-camere-checkin-checkout-container .rrp-camere-notti { }
					.rrp-camere-checkin-checkout .rrp-camere-checkin-checkout-container .rrp-camere-notti span { }

		/* box categoria camera - camere unità */
		.rrp-camere-categoria-box { margin: 0 0 15px 0; }
		
			/* header categoria camere */
			.rrp-camere-categoria-header { grid-template-columns: 65px auto; }
				.rrp-camere-categoria-ico { width: 65px; height: 65px; }
				.rrp-camere-categoria-info { padding: 15px; }

			/* box info camera a scomparsa */
			.rrp-camere-categoria-dettagli-box { padding: 15px; }

			/* UNITA' CAMERA */
			.rrp-camere-unita-box { 
				padding: 15px;
				margin: 15px 15px 0 15px;
			}
		
				/* caratteristiche unità camere */
				.rrp-camere-unita-caratteristiche { display: block; }
					.rrp-camere-unita-caratteristiche .rrp-camere-unita-caratteristiche-item { margin-left: 0; margin-top: 5px; }
					.rrp-camere-unita-caratteristiche .rrp-camere-unita-caratteristiche-item:first-child { margin-top: 0; }
		
				/* contenitore di adulti, bambini, età, colazione, pasti, prezzo unità camera */
				.rrp-camere-unita-content { }
					
					/* riga (grid) delle select affiancate / ospiti, bambini, colazione e pasti */
					.rrp-camere-unita-riga-select,
					.rrp-camere-preventivo { margin: 15px 0 0 0; }

		/* alert per nessuna camera disponibile dentro una categoria */
		.rrp-camere-alert-no-dispo { margin: 15px 15px 0 15px; } 

}	


@media screen and (min-width: 0px) and (max-width: 600px) {

	/* box categoria camera - camere unità */
	.rrp-camere-categoria-box { }
		.rrp-camere-categoria-info { }
			/* separo le info in due righe che a loro volta possono essere suddivise in una grid */
			.rrp-camere-categoria-info-row-1 { }
			.rrp-camere-categoria-info-row-2 { }
				
				/* con modificatore per le opzioni dei prezzi le row diventano una grid con due colonne */
				.rrp-camere-categoria-show-a-partire-da .rrp-camere-categoria-info-row-1 { }
				.rrp-camere-categoria-show-toggle-unita .rrp-camere-categoria-info-row-2 { grid-template-columns: auto; }

				.rrp-camere-categoria-info-btn { grid-template-columns: repeat(2, 1fr); }
					.rrp-camere-categoria-info-btn .rrp-camere-categoria-dettagli-btn-item { }

				.rrp-camere-categoria-info-toggle { }
					.rrp-camere-categoria-btn-toggle-unita { }
					.rrp-camere-categoria-has-selected-unita { text-align: left; }
							
		/* UNITA' CAMERA */
		.rrp-camere-unita-box { }
			
			/* riga (grid) delle select affiancate / ospiti, bambini, colazione e pasti */
			.rrp-camere-unita-riga-select { 
				grid-template-columns: repeat(2, 1fr);
				grid-template-areas: 
					"ospiti ospiti"
					"colazione colazione";
			}
			/* riga delle età dei bambini (compare in una riga separata, sotto tutte le select principali) */
			.rrp-camere-unita-eta { }
				.rrp-camere-unita-eta .rrp-camere-unita-etichetta { }
				.rrp-camere-unita-eta .rrp-camere-unita-eta-grid {
					display: grid;
					grid-template-columns: repeat(3, 1fr);
				}
			/* riga dei prezzi anticipato/standard */
			.rrp-camere-unita-prezzo { 
				grid-template-columns: repeat(10, 1fr);
				grid-template-areas: 
					"prezzoetichetta prezzoetichetta prezzoetichetta prezzoetichetta prezzoetichetta prezzoetichetta prezzoetichetta prezzoeuro prezzoeuro prezzoeuro"
					". . . . prezzoseleziona prezzoseleziona prezzoseleziona prezzoseleziona prezzoseleziona prezzoseleziona";
			}
			.rrp-camere-unita-prezzo .rrp-camere-unita-prezzo-euro { text-align: right; }
			.rrp-camere-unita-prezzo .rrp-camere-unita-prezzo-seleziona { }

			/* modificatore di .rrp-camere-unita-box per quando ci stanno le select della mezza pensione / pensione completa */
			.rrp-camere-unita-box.rrp-camere-unita-box-pasti {}
				/* riga (grid) delle select affiancate / ospiti, bambini, colazione e pasti */
				.rrp-camere-unita-box.rrp-camere-unita-box-pasti .rrp-camere-unita-riga-select { 
					grid-template-columns: repeat(2, 1fr);
					grid-template-areas: 
						"ospiti ospiti"
						"colazione pasti";
				}

}


/* MODALE RRP - inizio modale per RRP (camere e calendario disponibilità)  */
/* NB1: ha z-index di partenza un po' più basso della modale ov, che però verrà incrementato ogni cvolta che si pare una modale, perché la modale RRP può essere sovrapposta ad altre modali rrp */
/* NB1-bis: z-index più basso perché una modale ov potrebbe aprirsi dentro una modale rrp contemporaneamente e la ov deve essere più alta (ad esempio il form login asincrono dentro il form richiesta) */
/* NB2: ha grossomodo lo stesso aaspetto della modale OV */
/* NB3: la modale RRP è strettamente legata al sistema fsScroll per quanto riguarda la gestione di testata/footer e contenuto scrollabile */
.rrp-modal { display: none; }

	/* modificatori di .rrp-modal per le dimensioni (vedi sotto) */
	.rrp-modal-sm-xxs { } /* modale a larghezza piccola fissa, con altezza molto ridotta (utile per visualizzare un alert e un titolo e basta */
	.rrp-modal-sm-xs { } /* modale a larghezza piccola fissa, con altezza massima fissa, più bassa di .rrp-modal-sm */
	.rrp-modal-sm { } /* modale a larghezza piccola fissa, con altezza massima fissa  */
	.rrp-modal-sm-md { } /* modale a larghezza piccola fissa, con altezza massima fissa più alta di rrp-modal-sm */
	.rrp-modal-md { } /* modale a larghezza media fissa, con altezza massima fissa */
	.rrp-modal-md-lg { } /* modale a larghezza media fissa, con altezza massima fissa, più alta di rrp-modal-md */
	.rrp-modal-md-full-height { }	/* modale a larghezza media, ma con altezza fullscreen (dopo il primo scatto di mediaquery) */
	.rrp-modal-lg-full-height { }	/* modale più larga della md, ma con altezza fullscreen (dopo il primo scatto di mediaquery) */
	.rrp-modal-full { }	/* modale fullscreen (width ed height) */

	/* modificatori di .rrp-modal per il colore di sfondo (vedi sotto) */
	.rrp-modal-bg-bianco { } /* sfondo della modale bianco (default) */
	.rrp-modal-bg-grigio { } /* sfondo della modale grigio */

	.rrp-modal .rrp-modal-overlay {
		
		position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10058; background: #000; 
		/*Trasperenza cross browser*/
		opacity: .85; filter: "alpha(opacity=85)"; -moz-opacity: 0.85;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";			
	}
	.rrp-modal .rrp-modal-container { 
		/*box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;*/
		position: fixed; z-index: 10059;
	}
		.rrp-modal-bg-bianco .rrp-modal-container { background: #fff; }
		.rrp-modal-bg-grigio .rrp-modal-container { background: #f2f2f2; }

		a.rrp-modal-btn-chiudi { 
			/* pulsante "x" per chiudere la modale */
			display: block; font-size: 20px; color: #666; width: 40px; height: 40px; line-height: 40px; text-align: center; text-decoration: none; overflow: hidden;
			position: absolute; top: 0; right: 0; z-index: 10060;
		} 

		.rrp-modal-titolo { 
			/* titolo modale (generalmente messo dentro un "fixscroll-header") */
			font-weight: bold; padding: 15px; font-size: 16px; text-align: center;
			padding: 15px 40px 20px 40px;
		} 
		.rrp-modal-bottom { 
			/* contenitore del bottom della modale (generalmente messo dentro un "fixscroll-sidebar", con un unico pulsante dentro) */
			padding: 10px;
		} 

		.rrp-modal-sm-xxs .rrp-modal-container,
		.rrp-modal-sm-xs .rrp-modal-container,
		.rrp-modal-sm .rrp-modal-container,
		.rrp-modal-sm-md .rrp-modal-container,
		.rrp-modal-md .rrp-modal-container,
		.rrp-modal-md-lg .rrp-modal-container,
		.rrp-modal-md-full-height .rrp-modal-container,
		.rrp-modal-lg-full-height .rrp-modal-container,
		.rrp-modal-full .rrp-modal-container { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

			.rrp-modal-sm-xxs .rrp-modal-container,
			.rrp-modal-sm-xs .rrp-modal-container,
			.rrp-modal-sm .rrp-modal-container,
			.rrp-modal-sm-md .rrp-modal-container { 
				top: 5%; left: 50%; right: 50%; bottom: 5%; margin: 0 -200px; width: 400px;
			}
				.rrp-modal-sm-xxs .rrp-modal-container { max-height: 140px; }
				.rrp-modal-sm-xs .rrp-modal-container { max-height: 240px; }
				.rrp-modal-sm .rrp-modal-container { max-height: 330px; }
				.rrp-modal-sm-md .rrp-modal-container { max-height: 550px; }

			.rrp-modal-md .rrp-modal-container,
			.rrp-modal-md-lg .rrp-modal-container,
			.rrp-modal-md-full-height .rrp-modal-container { 
				top: 5%; left: 50%; right: 50%; bottom: 5%; margin: 0 -375px; width: 750px; 
			}
				.rrp-modal-md .rrp-modal-container { max-height: 500px; }
				.rrp-modal-md-lg .rrp-modal-container,
				.rrp-modal-md-full-height .rrp-modal-container { max-height: 700px; }
			
			.rrp-modal-lg-full-height .rrp-modal-container { 
				top: 5%; left: 50%; right: 50%; bottom: 5%; margin: 0 -500px; width: 1000px; 
			}
				.rrp-modal-lg-full-height .rrp-modal-container { max-height: 800px; }

			.rrp-modal-full .rrp-modal-container { 
				top: 5%; left: 5%; right: 5%; bottom: 5%; 
			}

		/* modificatore di fsWrapper - nella modale, il tag form è absolute */
		.fixscroll-modal form.rrp-form-camere { 
			/* il resto del css più sopra */
			position: absolute; top: 0; left: 0; right: 0; bottom: 0;   
		}

	@media screen and (min-width: 0px) and (max-width: 1060px) {
		.rrp-modal-lg-full-height .rrp-modal-container { 
			top: 2%; left: 2%; right: 2%; bottom: 2%; 
			margin: 0; width: auto; height: auto; 
			max-height: none;
		}
	}

	@media screen and (min-width: 0px) and (max-width: 860px) {
		.rrp-modal-sm-xxs .rrp-modal-container,
		.rrp-modal-sm-xs .rrp-modal-container,
		.rrp-modal-sm .rrp-modal-container,
		.rrp-modal-sm-md .rrp-modal-container,
		.rrp-modal-md .rrp-modal-container,
		.rrp-modal-md-lg .rrp-modal-container,
		.rrp-modal-md-full-height .rrp-modal-container,
		.rrp-modal-full .rrp-modal-container { top: 2%; left: 2%; right: 2%; bottom: 2%; }
			.rrp-modal-sm-xxs .rrp-modal-container,
			.rrp-modal-sm-xs .rrp-modal-container,
			.rrp-modal-sm .rrp-modal-container,
			.rrp-modal-sm-md .rrp-modal-container,
			.rrp-modal-md .rrp-modal-container,
			.rrp-modal-md-lg .rrp-modal-container,
			.rrp-modal-md-full-height .rrp-modal-container { margin: 0; width: auto; height: auto; }
				.rrp-modal-md-full-height .rrp-modal-container { max-height: none; }
	}

	@media screen and (min-width: 0px) and (max-width: 360px) {
		.rrp-modal-sm-xxs .rrp-modal-container,
		.rrp-modal-sm-xs .rrp-modal-container,
		.rrp-modal-sm .rrp-modal-container,
		.rrp-modal-sm-md .rrp-modal-container,
		.rrp-modal-md .rrp-modal-container,
		.rrp-modal-md-lg .rrp-modal-container,
		.rrp-modal-md-full-height .rrp-modal-container,
		.rrp-modal-lg-full-height .rrp-modal-container,
		.rrp-modal-full .rrp-modal-container { top: 1%; left: 1%; right: 1%; bottom: 1%; }
	}
/* fine modale */

/* modale dei telefoni */
.rrp-telefoni-container { 
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 10px;
	padding: 0 30px;
}
	.rrp-telefoni-container > .rrp-telefoni-item { }

/* modale delle condizioni */
.rrp-condizioni-container { 
	padding: 0 30px;
}


/* CALENDARIO DISPONIBILITA' CATEGORIA CAMERE */
.rrp-calendario-container { padding: 0 10px; }
	.rrp-calendario-grid { 
		/* corpo del calendario */
		display: grid;
		grid-gap: 7px;
		grid-template-columns: repeat(7, 1fr);
	} 
		/* giorni della settimana - visualizzazione semplificata */
		.rrp-calendario-spazio,
		.rrp-calendario-day { 
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
			display: block; padding: 10px 0; text-align: center; border: 1px solid #dedede;  text-decoration: none;
			height: 56px;
		}
			.rrp-calendario-spazio { border-color: #fff; }

			/* div del singolo giorno del calendario */
			.rrp-calendario-day { position: relative; }
				.rrp-calendario-day .rrp-calendario-day-txt { text-align: inherit; font-size: 12px; line-height: 14px; font-weight: bold; }			
				.rrp-calendario-day .rrp-calendario-day-numero { text-align: inherit; font-size: 18px; font-weight: bold; line-height: 20px; }
				
				/* modificatori di .rrp-calendario-day */
				.rrp-calendario-day-presente { }					
				.rrp-calendario-day-domenica { }
				.rrp-calendario-day-passato { background: #f2f2f2; }
					.rrp-calendario-day-passato .rrp-calendario-day-txt,
					.rrp-calendario-day-passato .rrp-calendario-day-numero { color: #ccc; }
				.rrp-calendario-day-non-disponibile { background: #ed7272; cursor: not-allowed; }
					.rrp-calendario-day-non-disponibile .rrp-calendario-day-txt,
					.rrp-calendario-day-non-disponibile .rrp-calendario-day-numero { color: #f1c9c9; }	
				.rrp-calendario-day-disponibile { background: #dff0d8; cursor: pointer; }
					.rrp-calendario-day-disponibile .rrp-calendario-day-txt { color: #999; }		
					.rrp-calendario-day-disponibile .rrp-calendario-day-numero { color: #666; }	
				.rrp-calendario-day-disponibile.rrp-calendario-day-domenica { background: #b4d3a8; /* giorno disponibile, ma di domenica */ }
					.rrp-calendario-day-disponibile.rrp-calendario-day-domenica .rrp-calendario-day-txt { color: #666; }		
					.rrp-calendario-day-disponibile.rrp-calendario-day-domenica .rrp-calendario-day-numero { color: #333; }	
					

.rrp-calendario-footer { 
	display: flex;
	padding: 10px;
	justify-content: space-between;
}
	.rrp-calendario-footer-prev { min-width: 70px; }
	.rrp-calendario-footer-next { min-width: 70px; }

/* PAGINA DATI / PAGINA PAGAMENTO / CONFERMA PRENOTAZIONE / ECC. */

.js-rrp-barra-di-avanzamento { display: none; /* struttura che contiene .rrp-passo - sarà mostrata e riempita da js */ }

	.rrp-passo { 
		font-size: 14px; margin: 0 0 20px 0; overflow: hidden; text-align: center;
		display: grid;
	}
		/* modificatori di .rrp-passo */
		.rrp-passo-2-step { grid-template-columns: repeat(2, 1fr); }
		.rrp-passo-3-step { grid-template-columns: repeat(3, 1fr); }	

		/* item */
		.rrp-passo-dettaglio { color: #666; padding: 15px 0; }
		
			/* modificatore di .rrp-passo-dettaglio */
			.rrp-passo-dettaglio.rrp-passo-dettaglio-active { 
				-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
				color: #555; background-color:#dedede; font-weight: bold;
			}
			
		@media screen and (min-width: 0px) and (max-width: 600px) {
			.rrp-passo { display: none; }
		}

/* elementi di riepilogo / form di pagamento / ecc */
.rrp-colonna-sx,
.rrp-colonna-dx { 
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
	float: left;
}
	.rrp-colonna-sx { width: 55%; padding-right: 10px; }
	.rrp-colonna-dx { width: 45%; padding-left: 10px; }
	
	@media screen and (min-width: 0px) and (max-width: 840px) {
		.rrp-colonna-sx,
		.rrp-colonna-dx { float: none; width: auto; padding-right: 0; padding-left: 0; }
			.rrp-colonna-sx { margin-bottom: 20px; }
	}	

/*
.rrp-riepilogo-dati-cliente { padding: 15px; font-size: 14px; }
*/

.rrp-default-box,
.rrp-mini-condizioni-box,
.rrp-dati-box { 
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
	padding: 20px; background: #fff; margin: 0 0 20px 0;
}
	.rrp-mini-condizioni-box { 
		font-size: 13px; line-height: 20px; 
	}
	
	.rrp-dati-header { font-size: 24px; color: #111; margin: 0 0 20px 0; font-weight: bold; }
	.rrp-dati-user-login,
	.rrp-dati-riga,
	.rrp-dati-riga-50-sx,
	.rrp-dati-riga-50-dx,
	.rrp-dati-riga-70-sx,
	.rrp-dati-riga-30-dx,
    .rrp-dati-riga-tel-sx,
    .rrp-dati-riga-tel-dx { margin: 0 0 15px 0; }
	.rrp-dati-riga-policy { margin: 15px 0 0 0; }
		.rrp-dati-riga-50-sx,
		.rrp-dati-riga-50-dx,
		.rrp-dati-riga-70-sx,
		.rrp-dati-riga-30-dx,
        .rrp-dati-riga-tel-sx,
        .rrp-dati-riga-tel-dx { 
			box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
			float: left; 
		}
			.rrp-dati-riga-50-sx,
			.rrp-dati-riga-50-dx { width: 50%; }
			.rrp-dati-riga-70-sx { width: 70%; }
			.rrp-dati-riga-30-dx { width: 30%; }
            .rrp-dati-riga-tel-sx { width: 40%; }
            .rrp-dati-riga-tel-dx { width: 60%; }
				.rrp-dati-riga-50-sx,
				.rrp-dati-riga-70-sx,
                .rrp-dati-riga-tel-sx { padding-right: 7px;  }
				.rrp-dati-riga-50-dx,
				.rrp-dati-riga-30-dx,
                .rrp-dati-riga-tel-dx { padding-left: 7px; }

            @media screen and (min-width: 0px) and (max-width: 480px) {
                .rrp-dati-riga-tel-sx,
                .rrp-dati-riga-tel-dx { float: none; width: auto; padding-left: 0; padding-right: 0; }
            }

			@media screen and (min-width: 0px) and (max-width: 380px) {
				.rrp-dati-riga-50-sx,
				.rrp-dati-riga-50-dx,
				.rrp-dati-riga-70-sx,
				.rrp-dati-riga-30-dx { float: none; width: auto; padding-left: 0; padding-right: 0; }
			}

.rrp-riepilogo-date { 
	display: grid;
	grid-template-columns: 45% auto 45%;
	align-items: center;
}
	.rrp-riepilogo-checkin,
	.rrp-riepilogo-separatore,
	.rrp-riepilogo-checkout { line-height: 20px; color: #999; font-size: 15px; }	
		.rrp-riepilogo-checkin { text-align: left; }
		.rrp-riepilogo-separatore { text-align: center; font-size: 18px; }
		.rrp-riepilogo-checkout { text-align: right; }
			.rrp-riepilogo-checkin strong,
			.rrp-riepilogo-checkout strong { color: #555; }
	
.rrp-riepilogo-notti-ospiti { color: #666; font-size: 13px; padding: 15px 0 0 0; margin: 15px 0 0 0; border-top: 1px dotted #ccc; }

/* contenitori del nuovo riepilogo (breakdown dei prezzi) - sostituisce il vecchio .rrp-riepilogo-totale */
.js-rrp-breakdown-base,
.js-rrp-breakdown-anticipato { display: none; /* verrà visualizzato da jquery */ }

.rrp-breakdown { margin: 15px 0 0 0; } 
	.rrp-breakdown-row,
	.rrp-breakdown-row-totale { 
		-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
		margin: 5px 0 0 0;
		padding: 10px;
    	border: 1px solid #dedede;
		display: flex;
		/* align-items: center; */
	}
		.rrp-breakdown-sx { flex: 1; text-align: left; }
			.rrp-breakdown-titolo { font-weight: bold; font-size: 14px; }
			.rrp-breakdown-sottotitolo { margin: 3px 0 0 0; color: #999; font-size: 13px; }
		.rrp-breakdown-dx { text-align: right; font-size: 14px }

			/* modifiche per la riga del totale */
			.rrp-breakdown-row-totale .rrp-breakdown-titolo,
			.rrp-breakdown-row-totale .rrp-breakdown-dx { font-size: 18px; font-weight: bold; }

/* opzioni di pagamento */
.rrp-pagamento { }
	
	/* box del singolo pagamento */
	.rrp-pagamento-opzione { display: none; }
		
		.rrp-pagamento-opzione-icona { }
			.rrp-pagamento-opzione-icona img { width: auto; height: 30px; border: 0; margin-right: 5px; }
		
		.rrp-pagamento-opzione-info { margin: 15px 0 0 0; }
			.rrp-pagamento-opzione-titolo { font-size: 16px; font-weight: bold; }
			.rrp-pagamento-opzione-nota { font-size: 14px; margin: 5px 0 0 0;  }
			.rrp-pagamento-opzione-nota-sm { font-size: 14px; margin: 5px 0 0 0; font-style: italic; }
			
		.rrp-pagamento-opzione-prezzo-container { }
			.rrp-pagamento-opzione-prezzo-container .rrp-pagamento-opzione-prezzo-row { display: flex; align-items: center; color: #666; font-size: 13px; margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px dotted #ccc;  }
				.rrp-pagamento-opzione-prezzo-container .rrp-pagamento-opzione-prezzo-row:last-child { padding-bottom: 15px; border-bottom: 1px dotted #ccc;; }
				.rrp-pagamento-opzione-prezzo-container .rrp-pagamento-opzione-prezzo-row-sx { flex: 1; }	
				.rrp-pagamento-opzione-prezzo-container .rrp-pagamento-opzione-prezzo-row-dx { font-weight: bold; font-size: 16px; }
					.rrp-pagamento-opzione-prezzo-container span.rrp-pagamento-opzione-prezzo-barrato { font-weight: normal; text-decoration: line-through; font-size: 13px; }

	/* select per cambiare il metodo di pagamento */
	.rrp-pagamento-cambia-container { margin: 15px 0 0 0; }
		.rrp-pagamento-cambia-label { font-weight: bold; }
		.rrp-pagamento-cambia-select { margin: 15px 0 0 0; }
	
	/* dati aggiuntivi (es. i campi richiesti dalla carta di credito) */
	.rrp-pagamento-dati { 
		display: none; /* viene visualizzato da jquery */ 
		margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px dotted #ccc;  
	}
		/* modificatore di ".rrp-pagamento-dati" */
		.rrp-pagamento-dati.rrp-pagamento-dati-cc { font-size: 12px; color: #999; }
			.rrp-pagamento-dati.rrp-pagamento-dati-cc > div { margin: 5px 0 0 0; }
			.rrp-pagamento-dati.rrp-pagamento-dati-cc > div:first-child { margin: 0; }

.rrp-pagamento-terms { margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px dotted #ccc; }

/* spazio per messaggi di alert o altro... */
.rrp-pagamento-status { display: none; margin-bottom: 15px; }

.rrp-checkbox-condizioni-box,
.rrp-checkbox-condizioni-box-utente { /*line-height: 30px;*/ margin:15px 0 0 0; }
	.rrp-checkbox-condizioni-box { }
	.rrp-checkbox-condizioni-box-utente { padding: 0 0 15px 0; }
		.rrp-checkbox-condizioni-label { cursor: pointer; }

.rrp-riepilogo-continua { margin: 15px 0 0 0; }

	.rrp-incentivi { font-size: 12px; margin: 15px 0 0 0; color: #666; line-height: 16px; }
		
	.rrp-riepilogo-pulsante { }
		.rrp-riepilogo-pulsante .rrp-riepilogo-pulsante-loading { 
			/*loading al posto del pulsante (serve ad es. per quando si valida la carta di credito con stripe) - mostrato da jquery*/ 
			display: none; 	height: 60px; line-height: 60px; text-align: center; color: #999; font-size: 14px;
		}

/* strutture suggerite */
.rrp-struttura-suggerita-wrapper { max-width: 450px; margin: 0 auto; } /* il wrapper non è presente se siamo in una modale */
	.rrp-struttura-suggerita-didascalia {
		text-align: center;
		padding: 0 0 10px 0;
		margin: 20px 0 10px 0;
		border-bottom: 1px dotted #ccc;
	}
	.rrp-struttura-suggerita-box {
		display: grid;
		grid-template-columns: 60px auto 60px;
		grid-gap: 10px;
		align-items: center;
		padding: 0 0 10px 0;
		margin: 0 0 10px 0;
		border-bottom: 1px dotted #ccc;
	}

		/* modificatore di .rrp-struttura-suggerita-box per icone più grandi */
		.rrp-struttura-suggerita-box.rrp-struttura-suggerita-box-lg { grid-template-columns: 120px auto 60px; }

		.rrp-struttura-suggerita-ico { 
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
		}
			.rrp-struttura-suggerita-ico > img { 
				-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
				display: block; width: 100%; height: auto; 
			}
		.rrp-struttura-suggerita-txt { }
			.rrp-struttura-suggerita-txt a { color: #333; }    
			.rrp-struttura-suggerita-tipologia { font-size: 12px; margin: 0 0 5px 0; }
				.rrp-struttura-suggerita-tipologia span.rrp-topbnb {
						-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
						display: inline-block;
						color: #333;
						background-color: #fff;
						font-weight: 700;
						padding: 3px 6px;
						border: 1px solid #ccc;
						font-size: 11px;
					}
			.rrp-struttura-suggerita-titolo { font-size: 16px; margin: 0 0 5px 0; font-weight: bold; }
			.rrp-struttura-suggerita-citta { font-size: 12px; }
		.rrp-struttura-suggerita-euro { line-height: 60px; font-weight: bold; font-size: 14px; text-align: right; }

		@media screen and (min-width: 0px) and (max-width: 450px) {
			/* modificatore di .rrp-struttura-suggerita-box per icone più grandi */
			.rrp-struttura-suggerita-box.rrp-struttura-suggerita-box-lg { grid-template-columns: 60px auto 60px; }
		}

/* classi di formattazione aggiuntive, utilizzate ad esempio dell'array geenrico per costruire un contenuto in html - vedi rrpHtmlRigaGenerica() - ma anche in altri punti (alcuni stili ricalcano quelli di global v3) */
.rrp-html-title { font-size: 18px; font-weight: bold; }
.rrp-html-strong { font-weight: bold; }

.rrp-margin-b-md { margin-bottom: 20px; }
.rrp-margin-b-sm { margin-bottom: 15px; }
.rrp-margin-b-xs { margin-bottom: 10px; }
.rrp-margin-b-xxs { margin-bottom: 5px; }
.rrp-margin-b-reset { margin-bottom: 0 !important; ; }	


/* classi di override del datepicker per le date non disponibili */
.rrp-non-disponibile,
.rrp-non-disponibile-inizio { /* NB: vedi questi stili su "CDN/jquery.ui.override_v2.css" */ }

/* classi per far scomparire elementi dopo una certa risoluzione (ricalcate su quelle di global v3, ma con il prefisso "rrp-" */
.rrp-mediaquery-900-hide { }
.rrp-mediaquery-800-hide { }
.rrp-mediaquery-700-hide { }
.rrp-mediaquery-600-hide { }
.rrp-mediaquery-500-hide { }
.rrp-mediaquery-400-hide { }
	@media screen and (min-width: 0px) and (max-width: 900px) {
		.rrp-mediaquery-900-hide { display: none; }
	}
	@media screen and (min-width: 0px) and (max-width: 800px) {
		.rrp-mediaquery-800-hide { display: none; }
	}
	@media screen and (min-width: 0px) and (max-width: 700px) {
		.rrp-mediaquery-700-hide { display: none; }
	}
	@media screen and (min-width: 0px) and (max-width: 600px) {
		.rrp-mediaquery-600-hide { display: none; }
	}
	@media screen and (min-width: 0px) and (max-width: 500px) {
		.rrp-mediaquery-500-hide { display: none; }
	}
	@media screen and (min-width: 0px) and (max-width: 400px) {
		.rrp-mediaquery-400-hide { display: none; }
	}