@CHARSET "UTF-8";

.form3labOk{font-family:Verdana,Arial,sans-serif;font-size:12px;font-weight:bold;color:#4e7dc7; text-decoration:none;text-align:right;}
.form3labError{font-family:Verdana,Arial,sans-serif;font-size:12px;font-weight:bold;color:red;text-align:right;}
.form3tagOk{font-family:Arial,Verdana,sans-serif;font-size:12px;}
.form3tagError{font-family:Arial,Verdana,sans-serif;font-size:12px;background-color:#FFFF88}
.form3tagOkEvi { font-family:Arial,Verdana,sans-serif; font-size: 16px; font-weight: bold;}
TD.form3tagError {background-color: inherit; }

.form3smallLabOk{font-family:Verdana,Arial,sans-serif;font-size:10px;font-weight:bold;color:#4e7dc7;text-decoration:none;text-align:right;}
.form3smallLabError{font-family:Verdana,Arial,sans-serif;font-size:10px;font-weight:bold;color:red;text-align:right;}
.form3smallTagOk{font-family:Arial,Verdana,sans-serif;font-size:10px;}
.form3smallTagError{font-family:Arial,Verdana,sans-serif;font-size:10px;background-color:#FFFF88}
TD.form3smallTagError {background-color: inherit; }

.form3ErLabErr{font-family:Verdana,Arial,sans-serif;font-size:12px;color:red;font-weight:bold;text-align:right;}
.form3ErMessErr{font-family:Verdana,Arial,sans-serif;font-size:12px;color:red;font-weight:bold;}
.form3ErLabWarn{font-family:Verdana,Arial,sans-serif;font-size:12px;color:red;font-weight:bold;text-align:right;}
.form3ErMessWarn{font-family:Verdana,Arial,sans-serif;font-size:12px;color:red;font-weight:bold;}
.form3ErLabMess{font-family:Verdana,Arial,sans-serif;font-size:12px;color:red;font-weight:bold;text-align:right;}
.form3ErMessMess{font-family:Verdana,Arial,sans-serif;font-size:12px;color:red;font-weight:bold;}

.attenzione{font-family:Verdana,Arial,sans-serif;color:red;font-size:14px;font-weight:bold;}

.formTesto{font-family:Arial,Verdana,sans-serif;font-size:12px;}

.form3v1labOk{font-family:Verdana,Arial,sans-serif;font-size:12px;color:#202020;text-decoration:none;}
.form3v1labError{font-family:Verdana,Arial,sans-serif;font-size:12px;color:red;}
.form3v1tagOk{font-family:Arial,Verdana,sans-serif;font-size:12px;text-align:right;}
.form3v1tagError{font-family:Arial,Verdana,sans-serif;font-size:12px;background-color:#FFFF88;text-align:right;}
TD.form3v1tagError {background-color: inherit; }
.form3radio{font-size: 9px; white-space: nowrap; }


.form3v1ErLabErr{font-family:Verdana,Arial,sans-serif;font-size:12px;color:red;font-weight:bold;text-align:right;}
.form3v1ErMessErr{font-family:Verdana,Arial,sans-serif;font-size:12px;color:red;font-weight:bold;}
.form3v1ErLabWarn{font-family:Verdana,Arial,sans-serif;font-size:12px;color:red;font-weight:bold;text-align:right;}
.form3v1ErMessWarn{font-family:Verdana,Arial,sans-serif;font-size:12px;color:red;font-weight:bold;}
.form3v1ErLabMess{font-family:Verdana,Arial,sans-serif;font-size:12px;color:red;font-weight:bold;text-align:right;}
.form3v1ErMessMess{font-family:Verdana,Arial,sans-serif;font-size:12px;color:red;font-weight:bold;}

/* 
---------------------------------------------------------------------------------------------------------------------
	CSS per i form compatti con i calendari JQuery UI
*/

.ui-widget-header { background: #4e7dc7; }
.ui-datepicker { margin-left: -30px; margin-top: 5px; }
.ui-datepicker-trigger { cursor: pointer; }
.ui-datepicker-week-end { color: red; }
.ui-widget-header { background: #4e7dc7; }
.ui-state-default { color: #4e7dc7 !important; background: #e6ebf2 !important; font-size: 10px; }
.ui-datepicker { width: auto; }
.ui-datepicker table { font-size: 10px !important; }
.ui-datepicker-title { font-size: 11px !important; }
.ui-datepicker-week-end a { color: red !important; }
.ui-datepicker-current-day a { background: #4e7dc7 !important; color: white !important;}
.ui-datepicker .ui-datepicker-next { right: 4px; }
.ui-datepicker .ui-datepicker-prev { left: 4px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { height: 1em; position: absolute; top: 5px; }
a.ui-datepicker-next-hover { margin-top: -1px; position: absolute;  }
a.ui-datepicker-prev-hover { margin-top: -1px; position: absolute;  }

form.formCompactCalendar table { margin-top: 15px; width: 95% !important;}
form.formCompactCalendar table td { padding: 0 3px; width: 22%;}
form.formCompactCalendar table td:nth-child(3) { padding: 0 3px; width: 23%;}
form.formCompactCalendar table td:nth-child(1), form.formCompactCalendar table td:nth-child(2) { padding: 0 10px; width: 27%;}
form.formCompactCalendar table td p { font-size: 14px; font-weight: bold; padding-bottom: 2px; text-align: left; }
form.formCompactCalendar table td div { vertical-align: middle; padding: 5px; background-color: #fff; font-size: 14px; }
form.formCompactCalendar table td:nth-child(1) div, form.formCompactCalendar table td:nth-child(2) div { padding: 4px 2px 4px 15px; }
form.formCompactCalendar table td div.notti {background: none; white-space: nowrap; text-align: left; padding: 5px !important }
form.formCompactCalendar input[type="text"] { border: none; width: 60%; margin: 0; padding: 0; font-size: 14px; }
form.formCompactCalendar input.osRO { width: 20%;}
form.formCompactCalendar input[type="submit"] { margin-top: 17px; height: 32px; border: none; }
form.formCompactCalendar_m table { margin: auto; }
form.formCompactCalendar_m table td div { border: solid 1px lightgrey; vertical-align: middle; padding: 5px; }
form.formCompactCalendar_m input[type="text"] { border: none; width: 130px; margin: 0; padding: 0; font-size: 18px; }


/* 
******** form richieste One Step singole + multiple ************
*/
div.privacyPopUp { max-width: 450px; background-color: white; padding: 10px 15px; border: solid 1px lightgrey; line-height: 130%; font-size: 14px; }
div.privacyPopUp span { color: #4e7dc7; }
div.privacyGDPRPopUp { max-width: 600px; background-color: white; padding: 10px 15px; border: solid 1px lightgrey; line-height: 130%; font-size: 14px; left: 40% !important; top: 50% !important; }
div.privacyGDPRPopUp span { }
div.preloaderPopUp { max-width: 450px; background-color: white; padding: 50px 70px; border: solid 1px #4e7dc7; line-height: 140%; font-size: 16px; }
div.erroriPopUp { max-width: 450px; background-color: white; padding: 20px 30px 30px; border: solid 1px #4e7dc7; line-height: 140%; font-size: 16px; }
div.erroriPopUp span { color: #4e7dc7; }
div.erroriPopUp button { float: right; font-size: 14px; color: #4e7dc7; font-weight: bold; min-width: 50px; margin-top: 20px; padding: 5px 15px; border: solid; border-width: 1px 2px 2px 1px; border-color: #4e7dc7; border-radius: 3px; background-color: #d9e3f3; }
div.speditaPopUp { max-width: 50%; background-color: white; padding: 20px 30px 30px; border: solid 1px #4e7dc7; line-height: 140%; font-size: 16px; }
div.speditaPopUp h2 { color: red; font-weight: bold; text-align:center; font-size: 20px; padding: 10px 20px 20px; margin: 0; }
div.speditaPopUp p { text-align: center; font-size: 16px; margin-bottom: 20px; }
div.speditaPopUp a { color: #4e7dc7; text-decoration: none; }
div.speditaPopUp a:hover { color: #4e7dc7; text-decoration: underline; }
div.speditaPopUp span { color: #4e7dc7; font-weight: bold; }
.os_labprivacy { cursor: pointer; text-decoration: underline; }
.warningAlloggio { border: solid 1px red; color: red; margin: 5px 0; padding: 5px 10px; font-size: 14px; }

/*
* nuove multiple
*/

.boxFormOneStep { width: 100%; }
.boxFormOneStep .selectFOS, .selectEtaBFOS {
	border: none;
	border-radius: 0;
	position: relative;
    top: 0;
    font-family: 'Open Sans',sans-serif;
}
.boxFormOneStep .selectEtaBFOS { margin-right: 1%; }
.boxFormOneStep .selectChildFOS {
	font-family: 'Open Sans',sans-serif;
	background-color: #fff;
	padding: 5px;
	color: #000;
	font-size: 13px; 
}
.boxFormOneStep .subSelectFOS { border-color: #cad8ee; border-radius: 0; }
.boxFormOneStep .subSelectFOS li { font-size: 13px; font-family: 'Open Sans',sans-serif; }
.boxFormOneStep fieldset { 
	background-color: #cad8ee;
    border: none;
    border-radius: 0;
    padding: 20px 25px;
    margin: 0;
	font-size: 14px;
	line-height: 24px;
}
.boxFormOneStep fieldset.riepilogoRicerca {
	background-color: #fff;
	border: solid 2px #cad8ee;
	padding: 10px 15px;
	line-height: 25px;
}
.boxFormOneStep .flexbox {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: flex-end;
	justify-content: space-between;
}

.boxFormOneStep .formXLbitSelect select {
   -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: #fff url(/comimg/site/icon/icon-select_mob.gif) no-repeat 96% 50%;
    border: medium none;
    box-shadow: none;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    padding: 5px 0 5px 8px;
    width: 100%;
}

.formXLbitSelect {
    padding: 0;
    margin: 0;
   	width: 100%;
    overflow: hidden;
    background-color: #fff;
}

.boxFormOneStep input, .boxFormOneStep textarea, .boxFormOneStep select {
	border: none;
}
.boxFormOneStep textarea {
	box-sizing: border-box;
	padding: 5px 10px 10px;
	width: 100%;
}
.boxFormOneStep input {
	box-sizing: border-box;
	height: 29px;
	padding-left: 10px;
}
.boxFormOneStep input[type="checkbox"] {
	height: auto;
}
/* preferenza alloggio */
.alloggioPref {margin-top: 10px; font-weight: 600;}
.nomeAlloggioRichiestaSOS { font-weight: 600;}
.nomeAlloggioRichiestaSOS a {font-size: 15px; color: #4e7dc7;  text-decoration: none;}
.descrizioneAlloggioRichiestaSOS, .nomeAlloggioRichiestaSOS { font-size: 14px;}
.descrizioneAlloggioRichiestaSOS img { height: 1.2em; }
.boxFormOneStep a.chiudiPrefAll { color: #4e7dc7; float: right; text-decoration: none; white-space: nowrap; position: relative; }
.boxFormOneStep a.chiudiPrefAll img {width: 15px; position: relative; top: 2px;}
/* fine preferenza alloggio */
.boxFormOneStep .rigaFOS { width: 100%; margin-bottom: 15px; }
.boxFormOneStep .camereFOS, .gruppoFOS { background-color: #d9e3f3; margin-bottom: 10px; padding: 10px 15px 0; }
.boxFormOneStep .gruppoFOS .bloccoFOS { min-width: 23%; width: 23%; }

.boxFormOneStep .gruppoFOS.chiudiSimply { background: none; padding: 0; float: right; }
.boxFormOneStep .gruppoFOS.chiudiSimply a { text-decoration: none !important; }
.boxFormOneStep .gruppoFOS.chiudiSimply img { width: 15px; margin-right: 5px; position: relative; top: 3px; width: 15px; }
.boxFormOneStep .bloccoFOS { display: inline-block; float: left; min-width: 34%; margin-right: 2%; width: 37%; }
.boxFormOneStep .bloccoFOS input[type="text"], .bloccoFOS input[type="email"]{ width: 100%; }
.boxFormOneStep .camereFOS .bloccoFOS { min-width: 23%; width: 23%; }
.boxFormOneStep .camereFOS .bloccoEtaB, .boxFormOneStep .gruppoFOS .etaBambini { display: inline-block; float: left; width: 50%; margin: 0; }
.boxFormOneStep .camereFOS .bloccoEtaB > .bloccoFOS, .boxFormOneStep .gruppoFOS .etaBambini > .bloccoFOS { width: 32%; margin-bottom: 7px; }
/* .fieldNoMarginRight { margin-right: 0 !important; } */

.boxFormOneStep .camereFOS .bloccoEtaB > div:nth-child(3n),
.boxFormOneStep .gruppoFOS .etaBambini > div:nth-child(3n) { margin-right: 0; }

.boxFormOneStep .camereFOS .bloccoFOS .selectEtaBFOS:nth-child(3n), .boxFormOneStep .gruppoFOS .bloccoFOS .selectEtaBFOS:nth-child(3n){ margin-right: 0; }
.boxFormOneStep .noMoreCamera { cursor: not-allowed; color: #787878 !important; }
.boxFormOneStep .totPersone span { font-weight: 600; }
.boxFormOneStep .aggiungiCameraGruppo { position: relative; }
.boxFormOneStep .aggiungiCameraGruppo div, .boxFormOneStep .aggiungiCameraGruppo div p { display: inline; }
.boxFormOneStep .aggiungiCameraGruppo div p a { color: #4e7dc7; text-decoration: none !important; }
.boxFormOneStep .aggiungiCameraGruppo div p img { width: 15px; position: relative; top: 3px; margin-right: 5px; }
.boxFormOneStep .aggiungiCameraGruppo div:nth-child(2){ float: right; position: relative; }
.boxFormOneStep .dateFOS { width: 25%; min-width: 20%;}
.boxFormOneStep .dateFOS > div { background-color: #fff; position: relative; }
.boxFormOneStep .dateFOS > div > img { position: relative; top: 4px; right: 0; }
.boxFormOneStep .dateFOS > div > input:first-child { width: 25%; font-size: 14px; }
.boxFormOneStep .dateFOS > div > input.hasDatepicker { width: 55%; }
.boxFormOneStep label, .boxFormOneStep label.form3labOk {
	color: #000;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
    font-weight: 600;
    padding-bottom: 2px;
    text-align: left;
}
.rigaFOS > label[for="IDprivacyGDPR"] { font-size: 13px !important;}
.rigaFOS > label[for="IDprivacyGDPR"] > a { color: #000;}
.rigaFOS > label.form3ErLabErr > a { color: #fa0000;}
span#os_labprivacyGDPR { text-decoration: underline; cursor: pointer; font-size: 13px;}
.boxFormOneStep .form3tagOk, .form3tagOkEvi { font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: normal; color: black; }
.boxFormOneStep #os_notti { height: 28px; padding: 3px 15px; box-sizing: border-box; }
.boxFormOneStep .campoNascosto {visibility: hidden;} 
.boxFormOneStep .submitButton, .boxFormOneStep .bottone2Big, .boxFormOneStep .bottone2Big_d {
    background-color: #4e7dc7;
    border: medium none;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin: auto;
    padding: 10px 15px;
    width: auto;
    height: auto;
}
.noBold label { font-weight: normal !important; }

.boxFormOneStep .subFormMultiple {
	height: 38px;
	padding-left: 15px;
}

.boxFormOneStep .submitLikeLink {
    background-color: white;
    border: medium none;
    color: #4e7dc7;
    cursor: pointer !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
    text-decoration: underline;
    height: initial;
}

.calcParamsFOS {
	margin: 8px 0;
}
.calcParamsFOS p {
	font-size: 14px;
}
.labelFOS {
	font-weight: 600;
}


/* nuove multiple elenco */
div.elencoMultipla {
	border: solid 2px #d9e3f3;
	background-color: none;
	padding-bottom: 18px;
	margin-bottom: 40px;
}

.elencoMultipla .riepilogo { padding: 0 15px 15px; }
.elencoMultipla .riepilogo p { font-size: 14px; }
.elencoMultipla .riepilogo .form3labOk { white-space: nowrap; }
.elencoMultipla div.dati > div > h2 {
	font-size: 16px !important;
	padding: 0;
	margin-bottom: 0 !important;
	color: #4e7dc7;
}

.elencoMultipla div.dati { padding: 10px 15px; }

.elencoMultipla div.dati p {
	font-size: 14px;
	padding: 2px 0 5px;
	line-height: 20px !important;
}

.elencoMultipla div.dati p span {
	font-weight: 600;
}

.elencoMultipla .submitLikeLink {
    background-image: none;
    background: transparent;
    border: none;
    color: #000;
    text-decoration: underline;
    padding: 0px 15px;
    margin: 0;
    height: 34px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 14px;
    line-height: 18px;
    font-family: "Open Sans", sans-serif;
    cursor: pointer;
}

.elencoMultipla input.cercaText {
    background-image: none;
    background-color: #4e7dc7;
    border: none;
    color: #fff;
    padding: 0px 32px;
    margin: 0;
    height: 34px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
    cursor: pointer;
     -webkit-appearance: none;
    	-moz-appearance: none;
    		appearance: none;
}
.elencoMultipla  label { color: #000; }

.elencoMultipla span.modMultipla {
	position: absolute; 
	bottom: 2px; 
	right: 10px;
}

.hidePopUpDate {
	display: none;
	position: relative;
}

.showPopUpDate {
	display: block;
	position: absolute;
	top: 36px;
	left: -30px;
}
div.form3mobError {
	border-color: #787878;
}
p.form3mobError {
	background-color: #787878;
}

.newMultipla {
    color: #fff;
    font-size: 18px !important;
    font-weight: bold;
    line-height: 18px;
    padding: 10px 15px;
    text-decoration: none;
    cursor: pointer;
}

/**** hpOpPopUpGratuitiMobile safe ****/

div.calendario_m {
    background-color: #fff;
    box-sizing: border-box;
    font-size: 14px;
    height: 43px;
    padding: 10px 0 10px 5%;
    width: 100%;
}

div.calendario_m img {
    float: right;
    padding: 2px 4% 2px 0;
}

/**** riproponiamo il testo dell'overmouse dei tasti richiesta all'interno del form  ****/

div.richiestaOverDialogIntoForm {
	margin: 5px 0 10px;
	padding: 8px;
	border: solid 1px #cecece;
	font-size: 14px;
	clear: both;
} 

#miglioreOffForm {
	font-weight: bold;
	color: #008000;
}
#apriMigliorOff, #chiudiMigliorOff {
	float: right;
	cursor: pointer;
}
div#dettMigliorOff {
	margin-top: 10px;
	font-size: 12px;
}