@charset "utf-8";
/* CSS Document */

/* cambiare qui il colore principale di bg/text/border */
:root {
  --main-bg-color: #4b3d38;
  --main-text-color: #4b3d38;
  --main-border-color: #cccccc;
  --main-icon-color: #4b3d38;
}

body {font-family: 'Roboto', sans-serif!important; color:var(--main-text-color);}
img {width:100%; height:auto;}

/* HEADER */
.ui-header {
  font-size: 1em;
  margin: 0;
  min-height: 2em;
  outline: 0 none !important;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
h4.ui-title { color:#fff!important; margin:0!important; padding:0.5em 0!important; float:left;}
.logo_header {float:left; height:50px; width:auto;}
.back {
	float:right;
	margin:1em;
	font-size:22px;
}
.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head + body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head + body .ui-btn.ui-btn-a:visited {
	background-color:#fff!important;
	color:var(--main-text-color)!important;
	top:0.2em;
}
.ui-select .ui-btn select { z-index:1!important;}
[class*=ui-block-]>.ui-select { margin: 0 0 10px!important;}


/* FORM */
form {width:100%; height:auto; overflow:hidden;}

/* BOX FORM */
.box_form { background-color: rgba(255, 255, 255, 0.8)!important; padding:1em; color:#666; overflow:visible;}
.box_form h3 {
	color: var(--main-text-color);
	font-size:1.5em;
	font-weight:400;
	margin:0;
}
.box_form p { margin:0;}
.box_form_button.ui-btn, .box_form_button .ui-btn:hover {background-color:var(--main-bg-color)!important; color:#fff!important; border:1px solid var(--main-border-color)!important; border-radius: 3px; text-transform:uppercase; font-size:1em; margin:0.5em 0}
.box_form.offerta {
	background-color:transparent!important;
	border:none!important;
	text-align:center;
	margin:-40px 0 10px!important;
	z-index:999999999;
	overflow:visible;
	position:relative;
}
.box_form.checkin {
	margin:0!important;
	background-color:#f9f9f9!important;
	border:none!important;
	overflow:hidden;
}
.box_form.datisistemazione {
	margin:0!important;
	background-color:#f2f2f2!important;
	border:none!important;
	overflow:hidden;
}
.box_form.datipersonali {
	margin:0!important;
	background-color:#e8e8e8!important;
	border:none!important;
}
.ui-block-a.arrivo, .ui-block-b.partenza {
	width:48%;
	padding:0;
	margin:0;
}
.ui-block-a.arrivo {
	margin-right:2%;
}
.ui-block-a.arrivo p, .ui-block-b.partenza p { color:var(--main-text-color)!important;}

.box_form.checkin .box_icone {
	margin:1em 0;
}

.box_form.datipersonali .box_icone {
	/*background-color:rgba(255,255,255,0.7);
	font-size:1em;
	border:1px solid var(--main-border-color)!important;
	border-radius:3px;
	margin-top:0.2em;
	padding:0.5em;*/
	margin:1em 0;
}

/* input */
.ui-body-a, .ui-page-theme-a .ui-body-inherit, html .ui-bar-a .ui-body-inherit, html .ui-body-a .ui-body-inherit, html body .ui-group-theme-a .ui-body-inherit, html .ui-panel-page-container-a {
	background-color : #fff!important;
	border-color: var(--main-border-color)!important;
	color: var(--main-text-color)!important;
	position:relative;
}
legend, .ui-input-text input, .ui-input-search input {
	color: var(--main-text-color) !important;
	background-color : transparent!important;
	border-color: transparent!important;
}
.ui-input-text input,
.ui-input-search input,
textarea.ui-input-text {
	padding-left:2.5em!important;
}

/* icone */
i.fa {
	position:absolute!important;
	z-index:8888!important;
	margin:0.8em 0.5em!important;
	color:var(--main-icon-color);
	font-size:1.2em;
}
.box_form.datisistemazione i.fa {
	margin:0.9em 0.5em!important;
}
.box_form.datipersonali i.fa {
	margin:0.5em!important;
}
.ui-page-theme-a .ui-btn i.fa {
	position:relative;
	color:#fff;
	margin:0 0 0 10px!important;
	padding:0;
}

/* datepicker */
#ui-datepicker-div { z-index:9999999999999999!important;}

/* OFFERTA */
.img_offerta { 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin:0.2em 0;
}
h2.titolo_offerta {
	font-size:1.5em;
	text-transform:uppercase;
	color:var(--main-text-color);
	text-align:center;
	background-color:#fff;
	padding:10px 15px;
	margin:0 1em;
	-webkit-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.10);
	box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.10);
}
p.validita_offerta {
  color: var(--main-text-color);
  float: left;
  font-size: 1.2em!important;
  width: 100%;
  margin:1em 0 0.5em;
}
p.testo_offerta {
	font-size:1.4em;
	color:#4f4f4f!important;
}
h2.prezzo_offerta {
	font-size: 2em;
	font-weight: 600;
	margin:0.5em;
	padding:10px;
	background-color:var(--main-bg-color);
	color:#fff!important;
	text-shadow:none!important;
}

input.hasDatepicker {
	border:none!important;
	background-color:transparent!important;
}

/* ERRORE */
.box_form.message {
	font-family: 'Roboto', sans-serif; 
	background-color:rgba(208,33,33,0.1)!important;
	font-size:0.8em;
	border:1px solid #d02121;
	padding:1em;
	margin:0.7em!important;
	border-radius:3px;
	font-weight:bold;
	display:none;
}
.error_message p {
	color:#d02121;
}

/* CONSENSO */
.consenso_privacy {
	clear:both;
	overflow:hidden;
	margin:10px 0;
	font-size:12px;
}
.consenso_privacy input {
	margin:0 10px 0 0!important;
	float:left;
	position:relative!important;
}