* {
	box-sizing: border-box;
}

body, h2, h3, .etichetta, #areaTit, div, p, span {
	font-family: titillium-web-regular Verdana, Arial, Helvetica, Sans-serif;
}

body {
	color: #141414;
	font-size: 100%;
	margin: 0;
	width: 100%;
	height: 100%;
	line-height: 100%;
}
fieldset {
	border-radius: 6px
}

#ajaxpagina {
	margin-top: 90px;
	background: white;
	padding-top: 5px;
	text-align:center;
}

.nascosto {
	display: none;
}

.campoFlex {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}

.icona {
	cursor: pointer;
	padding: 1px;
	border-radius: 4px;
	font-size:1.1em;
}

.iconaConTesto {
	text-align: center;
	width: 43px;
	height: 37px;
	border: 1px solid #cccccc;
	border-radius: 10px;
	margin: 0 2px 3px 0;
	padding: 0px;
	box-shadow: 4px 4px 4px #666666;
}

	.iconaConTesto:hover {
		box-shadow: 1px 1px 2px #666666;
	}

	.iconaConTesto span {
		font-family: titillium-web-light;
		margin: 0 0 0 2px;
	}

	.iconaConTesto p {
		font-family: titillium-web-light;
		margin: 0;
		padding: 0;
	}

	.iconaConTesto img {
		height: 58%;
		margin: 2px auto 0 auto;
	}

	.iconaConTesto i {
		margin: 2px auto 2px auto;
		padding: 0;
	}

/*-------------------PRIMA PAGINA----------------------------------------*/

.posizioneLegature {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	line-height: 1.9em;
	width: 60%;
}

.posizioneAccesso {
	position: absolute;
	top: 5%;
	left: 82%;
	width:330px;
}

.avvio {
	border: none;
	cursor: pointer;
	box-shadow: 4px 4px 4px #666666;
	margin: 0 16px 6px 0px;
	padding: 4px 16px ;
	color: #fff;
	background-color: #5E5ED9;
}

.avvio:hover {
	box-shadow: 1px 1px 2px #666666;
	border: none
}

	.avvio:focus {
		color: #fff;
		background-color: #5E5ED9;
		border: none
	}

.pallino {
	border-radius: 50%;
	width: 10px;
	height: 9px;
	background-color: #CF0000;
	position: absolute;
}

#footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50px;
	background-color: #5E5ED9;
	color: #FDF1D8;
	text-align: center;
	padding-bottom: 3px;
	font-size: 0.9em !important
}

/*-------------------INTESTAZIONE----------------------------------------*/

.infoIntestazione {
	position: fixed;
	left: 0;
	top: 0;
	grid: 85px / 450px 50% 40px 15%;
	display: grid;
	gap: 5px;
	height: 85px;
}

#titoloApplicazione {
	font-size: 2.5em;
	margin-left: 16px;
}

.paddingIntestazione {
	padding-top:30px;
}

.iconaIntestazione {
	font-size: 1.2em;
	margin-bottom: 8px;
}

#termine {
	padding-top: 20px;
}

.titoloFunzione {
	text-align: center;
}

#navigazione {
}

/*-------------------FONT SIZE----------------------------------------*/

.legature-grandissimo {
	font-size: 3.8em !important
}

.legature-extralarge {
	font-size: 2.3em !important
}

.legature-xxxlarge {
	font-size: 1.8em !important
}

.legature-xxlarge {
	font-size: 1.5em !important
}

.legature-xlarge {
	font-size: 1.20em !important
}

.legature-large {
	font-size: 0.9em !important
}

.legature-mediumlarge {
	font-size: 0.85em !important
}

.legature-medium {
	font-size: 0.80em !important
}

.legature-small {
	font-size: 0.75em !important
}

.legature-tiny {
	font-size: 0.55em !important
}

/*-------------------INTERVENTO----------------------------------------*/

.barraComandi {
	width: 11%;
	float: left;
}

.areaIntervento {
	margin: 0 auto;
	width: 85%;
	float: left;
	line-height:1.5em;
}

.comando{
	width: 100% !important;
	height: 50px !important;
	padding: 2px 15px 2px 15px;
	font-size: 0.8em;
}

.infointervento {
	width: 25%;
	text-align: left;
	float: left;
}

.testiintervento {
	width: 28%;
	text-align: left;
	float: left;
}

.interessati {
	width: 45%;
	text-align: left;
	float: left;
}

/*-------------------ANAGRAFICA----------------------------------------*/

.areaDestinatario {
	margin: 0 auto;
	width: 85%;
	float: left;
	line-height: 1.5em;
}

.datiDestinatario {
	width: 70%;
	margin: 0 auto
}

.datiAnagrafici {
	margin: 0 auto;
	text-align:left;
	width: 80%;
}

#nomedestinatario {
	margin-right: 16px;
	font-size: 1.1em;
}

#ruolodestinatario{
}

.intestazioneDestinatario {
	text-align: center;
	border: 1px solid #cccccc;
	border-radius: 10px;
	margin: 0 auto 24px auto;
	padding: 5px;
	box-shadow: 4px 4px 4px #666666;
	width:30%;
}

.anagraficaDestinatario {
	width: 49%;
	text-align: left;
	float:left;
}

.correlatiDestinatario {
	width: 49%;
	text-align: left;
	float:right;
}

.destinatarioAnagrafica, .destinatarioFormazione, .destinatarioFamiglia {
	width: 50%;
	text-align: left;
}

.destinatarioAnagrafica, .destinatarioFormazione {
}

.intervento, .privacyDestinatario {
	width: 32%;
	text-align: left;
	padding: 7px;
}

.analisiDestinatario {
	width: 48%;
	text-align: left;
	padding: 7px;
}

#disagio {
	width: 48%;
	text-align: left;
}

#dipendenza {
	width: 48%;
	text-align: left;
	margin-right: 10px;
}

#graficoEsiti {
	width: 100%;
	text-align: left;
}

#legendaGrafico {
	width: 100%;
	text-align: left;
}

/*-------------------INDICATORI AZIONI PARTENARIATO----------------------------------------*/

.allegato {
	width: 32%;
	text-align: left;
}

.allegatoUtente {
	width: 100%;
	text-align: left;
}

.allegatoAgenda, .allegatoIntervento {
	width: 48%;
	text-align: left;
}

/*-------------------INDICATORI AZIONI PARTENARIATO----------------------------------------*/

.indicatore, .partenariato {
	width: 24%;
}

.azioni{
	width:48%;
}

/*-------------------TAB----------------------------------------*/

.areaTab {
	border: 1px solid #c1c1c1;
	padding: 7px;
	box-shadow: 4px 4px 4px #666666;
	background-color: #f9f9f9;
}

.campiTab {
	box-shadow: 4px 4px 4px #666666;
	text-align: right;
}

.campoTab, .campoTabSel {
	font-family: titillium-web-regular Verdana, Arial, Helvetica, Sans-serif;
	border-top: 1px solid #c1c1c1;
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;
	padding: 0px;
}

.campoTab {
	cursor: pointer;
	background: #ffffff;
	font-weight: normal;
	font-size: 0.9em;
	padding-bottom: 3px;
}

.campoTabSel {
	font-family: titillium-web-semibold Verdana, Arial, Helvetica, Sans-serif;
	border-bottom: none !important;
	background: #f1f1f1 !important;
	font-size: 1em;
	padding: 0px;
	padding-bottom: 1px;
}

/*-------------------CARD----------------------------------------*/

/* Tooltip arrow */
.puntaN::after {
	content: " ";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #5c5c5b transparent transparent transparent;
}

.puntaS::after {
	content: " ";
	position: absolute;
	top: 0%;
	left: 50%;
	margin-top: -10px;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #5c5c5b transparent;
}

.puntaO::after {
	content: " ";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -5px;
	margin-left: 0;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent transparent #5c5c5b;
}

.puntaE::after {
	content: " ";
	position: absolute;
	top: 50%;
	left: 0%;
	margin-top: -5px;
	margin-left: -10px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent #5c5c5b transparent transparent;
}

.puntaSO::after {
	content: " ";
	position: absolute;
	top: 0%;
	left: 5%;
	margin-top: -10px;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #5c5c5b transparent;
}

.puntaNO::after {
	content: " ";
	position: absolute;
	top: 100%;
	left: 5%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #5c5c5b transparent transparent transparent;
}

.puntaSE::after {
	content: " ";
	position: absolute;
	top: 0%;
	left: 95%;
	margin-top: -10px;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #5c5c5b transparent;
}

.puntaNE::after {
	content: " ";
	position: absolute;
	top: 100%;
	left: 95%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #5c5c5b transparent transparent transparent;
}


/*-------------------ICONE MENU----------------------------------------*/

.iconeMenu {
	width: 33%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: space-between;
}

.iconaMenu {
	margin: 8px !important;
	font-size: 1em !important;
	width: 26%;
	align-self: center;
}


.legature-input-log{padding:8px;border:none;border-bottom:1px solid #808080}

.areaDati{
	width: 99%;
	margin: 0 auto 0 auto;
	text-decoration: none;
	overflow:auto;
}

.testoCard {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	line-height: 13px;
}