:root {
/* 
  --brandColor1: #2A4B71;
  --brandColor2: #EE812B;
 */
  --brandColor1: #0070AE;
  --brandColor2: #ED6B0B;
  --brandColor3: #333333;
  --bg: #FFFFFF;
}

.hiddenElement {
	display:none;
}




/* ### QUESTIONARI - TRASVERSALI ### */

.resetCookies {
	display: none;
	font-size: 13px;
	text-align: right;
}

.resetCookies a {
	color: var(--brandColor2);
}

#IOajaxForm {
	padding: 12px;
}




/* ### QUESTIONARI - ELENCO ### */

#IOajaxForm .elenco {
	padding-bottom: 27px;
}

#IOajaxForm .elenco li {
	padding: 6px;
}

a.full {
	color: var(--brandColor3);
	text-decoration: none;
}

a.full:hover {
	color: var(--brandColor2);
}

a.empty {
	color: #CCCCCC;
	text-decoration: none;
}

a.empty:hover {
	color: #EEEEEE;
}




/* ### QUESTIONARI - FORM ### */

#IOajaxForm .titolo {
	font-weight: 500;
	font-size: 1.7em;
	color: var(--brandColor1);
}

#IOajaxForm .intestazione {
	display: none;
	font-weight: 300;
	font-size: 1.1em;
}

#IOajaxForm fieldset {
	margin-top: 12px !important;
	margin-bottom: 12px !important;
	padding: 12px !important;
	border: 1px solid var(--secondaryColor) !important;
 	border-radius: 6px; 
	-moz-border-radius: 6px; /* firefox */
	-webkit-border-radius: 6px; /* safari, chrome */
}

#IOajaxForm .sondaggio {}


/* GRUPPI CAMPI TESTATA */

#IOajaxForm .gruppoCampi {}

#IOajaxForm fieldset legend {
	padding: 0px;
}

#IOajaxForm fieldset legend h2 {
	color: var(--secondaryColor);
	font-weight: bold !important;
	padding-left: 6px !important;
	padding-right: 6px !important;
}

#IOajaxForm .titoloGruppoCampiShowHide {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-left: 6px;
	border-spacing: 0px;
	border-radius: 24px;
	-moz-border-radius: 24px;
	/* firefox */
	-webkit-border-radius: 24px;
	/* safari, chrome */
	border: 1px solid var(--brandColor2);
	background-image: url('https://production.sweetfox.it/images/commons/icons-36-black.png');
	background-size: auto 18px;
	background-repeat: no-repeat;
	background-position: -213px center;
	vertical-align: middle;
	color: transparent;
	font-size: 0px;
	cursor: pointer;
}

.gruppoCampiClosed {
	border: 1px solid #EE0000 !important;
	background-color: #EE0000 !important;
	background-position: -106px center !important;
}


/* GRUPPI CAMPI PIEDE */

#IOajaxForm .titoloGruppoCampiBottom {
	border-top: 1px solid var(--brandColor2);
}

#IOajaxForm .titoloGruppoCampiBottom small {
	display: inline-block;
	font-weight: 500;
	font-size: 10px;
	color: var(--brandColor2);
	font-style: italic;
	vertical-align:middle;
}

#IOajaxForm .titoloGruppoCampiShowHideBottom {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-left: 0.25em;
	margin-right: 0.25em;
	padding: 0px;
	border:1px solid var(--brandColor2);
	border-radius: 7px;
	-moz-border-radius: 7px;
	/* firefox */
	-webkit-border-radius: 7px;
	/* safari, chrome */
	color: var(--brandColor2); 
	font-style: normal !important;
	line-height: 10px;
	text-align: center;
	cursor: pointer;
}

#IOajaxForm .titoloGruppoCampiBottomTornaSu {
	font-size: 10px;
	color: var(--brandColor2);
	cursor: pointer;
}


/* DOMANDE E RISPOSTE */

#IOajaxForm .domanda {
	padding-bottom: 0.2em; 
	padding-top: 0.5em; 
	font-weight: 500;
}

#IOajaxForm .domandaSoloIntestazione {
	padding-bottom: 0.2em; 
	padding-top: 2em; 
	border-top: 2px solid var(--brandColor1);
	font-weight: 500;
	font-variant: small-caps;
	font-size: 21px;
	color: var(--brandColor1);
}

#IOajaxForm .domandaSoloIntestazione hr {
    display:none;
    border: 0px;
    background-color: var(--brandColor1);
    height: 2px;
}

#IOajaxForm .noteTestuali {
	border: 1px solid #CCCCCC;
	background-color: #F1F1F1;
	color: #000099;
}

#IOajaxForm .intestazoneDomanda {
	padding: 3px; 
	font-size: 11px;
}

#IOajaxForm .intestazoneDomanda p {
	margin: 0px !important;
	padding: 0px !important;
}

#IOajaxForm .domandeFiglie {
	width: 100%;
	border-spacing: 0px;
}

#IOajaxForm .domandeFiglieSottoIntestazione {
	padding: 3px;
	background-color: var(--brandColor2);
	font-weight: 500;
}

#IOajaxForm .domandaFiglia {
	margin: 0px;
	padding: 3px;
	border-top: 1px solid var(--brandColor2);
	vertical-align: top;
	font-weight: 500;
}

.rispostaCheck {
	width: 42px;
}

#IOajaxForm .domandaFiglia .etichettaNoteTestuali p {
	margin-top: 9px;
	border-top: 1px solid #CCCCCC;
	color: #999999;
	font-weight: 100;
}

#IOajaxForm .domandaFigliaGomma {
	width: 36px;
	margin: 0px;
	padding: 3px;
	border-top: 1px solid var(--brandColor2);
	font-weight: 500;
	vertical-align: top;
	text-align: right;
}

#IOajaxForm .obb {
	color: #EE0000;
}

#IOajaxForm .opt {
	color: var(--bg);
}

#IOajaxForm .gomma {
	width: 1.5em;
	margin-left: 0.5em;
	vertical-align: middle;
	cursor: pointer;
}

#IOajaxForm .risposta {
	padding-bottom: 0.5em; 
}

#IOajaxForm .opzioni {
	list-style-type: none; 
}

#IOajaxForm .opzioni li {
	padding-bottom: 0.5em; 
}

#IOajaxForm .etichettaOpzioni {
	display: inline;
	padding-left: 1em; 
}

#IOajaxForm .etichettaNoteTestuali {
	font-style: italic;
	font-size: 0.8em;
}

#IOajaxForm .etichettaNoteTestuali p {
	margin: 0px;
}

#IOajaxForm .fisse li {
	display: inline-block;
	vertical-align: middle;
}

#IOajaxForm .fisse .etichettaOpzioni {
	padding-left: 0.2em; 
	padding-right: 1em;
}


/* FOTO */

#IOajaxForm .scattaFoto {
	opacity: 0; 
	position: absolute; 
	z-index: -1;
}

#IOajaxForm .labelScattaFoto {
	display: inline-block; 
	margin-left: 0.5em;
	background-color: var(--brandColor2); 
	cursor: pointer;
}

#IOajaxForm .iconaScattaFoto {
	width: 24px;
	max-width: 60px;
}

#IOajaxForm .fotoPreviewTable {}

#IOajaxForm .fotoPreviewTable td {
	border-right: 1px solid var(--brandColor1);
	vertical-align: top;
}

#IOajaxForm .fotoPreviewSng {
	display: inline-block;
}

#IOajaxForm .fotoPreview {
	position: absolute;
	max-width: 120px;
	max-height: 120px;
}

#IOajaxForm .fotoPreviewGomma {
	display: block;
	width: 0.75em;
	margin-top: 0.1em;
	vertical-align: top;
	cursor: pointer;
}


/* PULSANTE INVIO */

#IOajaxForm .invio {
	padding-bottom: 2em;
	text-align: center;
}

#IOajaxForm .invioForm {
	height: 48px;
	min-width: 120px;
	margin: 0 auto;
	padding-left: 1em;
	padding-right: 1em;
	border: 2px solid #0000CC;
	border-spacing: 0px;
	border-radius: 24px;
	-moz-border-radius: 24px;
	/* firefox */
	-webkit-border-radius: 24px;
	/* safari, chrome */
	background-color: #0000EE;
	color: #FFFFFF;
	cursor:pointer;
}


/* CAMPI FORM  */

#IOajaxForm input, #IOajaxForm select {
	border: 0px;
	margin: 0px;
	background-color: transparent;
	outline: none;
	font-size: 17px;
	color: var(--brandColor1);
}

#IOajaxForm input[type=text], #IOajaxForm select, #IOajaxForm textarea {
	width: calc(100% - 3em);
	padding: 6px;
	border: 2px dotted var(--brandColor1);
	outline: 0;
/* 
	border-width: 1px;
	box-sizing: border-box;
 */
	margin-top: 3px;
	margin-bottom: 6px;
	font-size: 17px;
	resize: vertical;
}

#IOajaxForm input[type=text] {
	border: 0px;
	border-bottom: 2px dotted var(--brandColor1);
}