#modifica_avatar span.utente,
a.utente {
	display: inline-block;
	text-decoration: none;
	padding: 5px;
	text-align: center;
	border: 1px solid var(--tema-bordo-secondario-colore, #f1f1f1);
	margin: 0;
}

#modifica_avatar span.utente {
	background: var(--tema-sfondo, #fff);
	border: 1px solid var(--tema-bordo-secondario-colore, #aaa);
}

#modifica_avatar span.utente img,
a.utente img {
	padding: 0;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
}

img.img-avatar {
	max-width: 75px;
	max-height: 75px;
}

a.utente:hover {
	background: var(--tema-sfondo-chiaro, #b8e5fe);
	border: 1px solid var(--tema-bordo-colore, #2c85dd);
}

a.utente_presente {
	background: var(--tema-sfondo-chiaro, #feffe6);
	border: 1px solid var(--tema-bordo-colore, #888);
}

.avatar {
	border: 1px solid var(--tema-bordo-secondario-colore, #aaa);
	background: var(--tema-sfondo, #fff);
	width: 75px;
	height: 75px;
	display: block;
	text-align: center;
}

.logo {
	width: 150px;
	height: 150px;
	padding: 10px;
}

.avatar img {
}

.avatar_F {
	background: var(--tema-sfondo, #fff) url(/css/avatar_f_presente.png) no-repeat top left;
}

.avatar_M {
	background: var(--tema-sfondo, #fff) url(/css/avatar_m_presente.png) no-repeat top left;
}

.avatar_d {
	background: var(--tema-sfondo, #fff) url(/css/avatar_d_presente.png) no-repeat top left;
}

a.utente_presente .avatar {
	border: 1px solid var(--tema-bordo-colore, #888);
}

a.utente_assente .avatar {
	border: 1px solid var(--tema-bordo-secondario-colore, #f1f1f1);
}

a.utente_assente .avatar_F {
	background: var(--tema-sfondo, #fff) url(/css/avatar_f_assente.png) no-repeat top left;
}

a.utente_assente .avatar_M {
	background: var(--tema-sfondo, #fff) url(/css/avatar_m_assente.png) no-repeat top left;
}

a.utente_assente img.img-avatar {
	opacity: 0.25;
	display: block;
	margin: 0 auto;

	filter: gray;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

a.utente:hover img.img-avatar {
	filter: none;
	opacity: 1.0;
}

.utente .nome {
	display: block;
	margin-top: 4px;
	text-decoration: none;
	text-align: center;
	color: #aaa;
	min-height: 2em;
}

.utente_presente .nome {
	color: var(--tema-testo, #000);
}

.utente_assente .nome {
	color: var(--tema-descrizione, #393939);
}

a.utente:hover .nome {
	color: var(--tema-testo, #000);
}

/* -- scheda utente -- */

#dialogo_scheda_utente {
	width: 450px;
}

#dialogo_scheda_utente .campo {
	font-weight: bold;
}

#dialogo_scheda_utente .avatar {
	float: left;
	margin: 0 10px 10px 0;
	padding: 5px;
}

#scheda_utente_presentazione {
	clear: both;
	width: auto;
	height: 70px;
	text-align: left;
	overflow: auto;
}


/* -- modifica avatar -- */


#modifica_avatar {
	width: auto;
	height: auto;
	float: left;
	margin: 0 15px 0 25px;
}

#modifica_avatar.a_destra {
        float: right;
}

#modifica_avatar .utente_presente {
	background: var(--tema-sfondo-chiaro, #fff);
	border: 1px dotted var(--tema-sfondo-piu-chiaro, #aaa);
}

#modifica_avatar a.utente_presente:hover {
	background: var(--tema-sfondo-piu-chiaro, #c2e2fa);
	border: 1px solid var(--tema-bordo-colore, #85adcc);
}

/* -- --*/

table.statistiche {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #e2e2e2;
}

table.statistiche caption {
	color: var(--tema-intestazione-1, #0752A2);
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 2px;
	text-align: left;
}

table.statistiche tr td,
table.statistiche tr th {
	background: var(--tema-sfondo, #fff);
	color: var(--tema-testo, #000);
	border: 1px solid var(--tema-bordo-secondario-colore, #e2e2e2);
	padding: 3px;
	text-align: center;
}

table.statistiche tr th {
	font-weight: bold;
	text-align: right;
}

table.statistiche tr.intestazione td,
table.statistiche tr.intestazione th {
	background: var(--tema-sfondo-scuro, #d4d4d4);
	color: var(--tema-testo, #000);
	text-align: center;
}

table.statistiche tr td.campo {
	width: 40%;
	font-weight: bold;
	text-align: right;
}

table.statistiche tr td.valore {
	width: 60%;
	font-weight: normal;
	text-align: left;
}

table.statistiche tr th.a_destra,
table.statistiche tr td.a_destra {
	text-align: right;
}

table.statistiche tr th.a_sinistra,
table.statistiche tr td.a_sinistra {
	text-align: left;
}

table.statistiche tr td.attivita {
	background: var(--tema-sfondo, #fff) url('/css/sottolivello.png?v=3') no-repeat -20px -8px;
	padding-left: 26px;
	text-align: left;
	white-space: nowrap;
}

table.statistiche tr td.ultima_attivita {
	background-image: url('/css/ultimo_sottolivello.png?v=4');
}

table.statistiche tr td.attivita .nome {
	display: inline-block;
	width: 360px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

table.statistiche tr td.attivita .nome span.icona {
	font-size: 1.3em;
	color: var(--tema-testo, #6f6f6f);
	margin-right: 2px;
}

table.statistiche tr.hover th,
table.statistiche tr.hover td {
	background-color: var(--tema-sfondo-chiaro, #ececec);
}

table.statistiche tr td.nome_attivita {
	width: 20%;
	text-align: right;
}

table.statistiche tr td.valore_attivita {
	width: 20%;
	text-align: left;
}

/* -- --*/

table.layout_statistiche {
	border-collapse: collapse;
	width: 100%;
}

table.layout_statistiche td.layout_cella {
	vertical-align: top;
}

table.layout_statistiche td.layout_cella_spazio {
	width: 20px;
}

#cont_statistiche_attivita_individuali,
#cont_statistiche_attivita_sincrone {
	height: 300px;
	overflow: auto;
}

#cont_no_attivita_individuali,
#cont_no_attivita_sincrone {
	padding: 30px 0;
}

#cont_no_attivita_individuali div.nessun_elemento,
#cont_no_attivita_sincrone div.nessun_elemento {
	margin: 0;
}

#sezione_classe_concorso_servizio_come_ruolo {
	display: none;
}

#cont_classe_concorso_servizio.classe_concorso_servizio_come_ruolo #sezione_classe_concorso_servizio_come_ruolo {
	display: block;
}

#cont_classe_concorso_servizio.classe_concorso_servizio_come_ruolo #sezione_classe_concorso_servizio {
	display: none;
}

/* -- tema e logo portale -- */

div.tema_logo_portale {
	height: 320px;
	padding-left: 0;
}

div.sezione_tema,
div.sezione_logo {
	float: left;
}

div.tema_logo_portale a:link,
div.tema_logo_portale a:visited,
div.personalizzazione_intestazione .modifica_logo a:link,
div.personalizzazione_intestazione .modifica_logo a:visited {
	display: inline-block;
	width: 150px;
	height: 150px;
	padding: 10px;
	text-align: center;
}

div.personalizzazione_intestazione .modifica_logo a:link,
div.personalizzazione_intestazione .modifica_logo a:visited {
	width: 180px;
	height: 115px;
	border: 2px solid #aaa;
}

div.personalizzazione_intestazione .modifica_img_titolo a:link,
div.personalizzazione_intestazione .modifica_img_titolo a:visited {
	min-width: 180px;
	width: auto;
}

div.tema_logo_portale a:hover,
div.personalizzazione_intestazione .modifica_logo a:hover {
}

div.tema_logo_portale a:hover {
	background: var(--tema-sfondo-chiaro, #e5e5e5);
}

div.tema_logo_portale a:link img {
	padding: 0;
	border: 0;
}

div.personalizzazione_intestazione #modifica_avatar,
div.personalizzazione_intestazione .modifica_logo {
	margin: 0;
	width: auto;
	height: auto;
}

div.tema_logo_portale div.freccia_logo {
	float: left;
	position: relative;
	top: 67px;
	left: 10px;
}

div.tema_logo_portale div.freccia-logo {
	float: left;
	position: relative;
	top: 78px;
	left: 10px;
	height: 0;
}

div.tema_logo_portale div.freccia-logo img.oriz {
	position: absolute;
	left: 8px;
	top: -4px;
	width: 144px;
}

div.tema_logo_portale div.freccia-logo img.vert {
	position: absolute;
}

div.sezione_tema {
	position: relative;
	top: 137px;
	left: 152px;
}

div.personalizzazione_intestazione {
	position: relative;
	left: 350px;
	width: 0;
}

div.sezione_logo {
	position: absolute;
	left: -20px;
}

div.sezione_img_titolo {
	float: left;
	left: -20px;
	top: 160px;
}

div.personalizzazione_intestazione .modifica_logo a:link,
div.personalizzazione_intestazione .modifica_logo a:visited {
	border-color: var(--tema-bordo-secondario-colore, #bcbcbc);
	background: var(--tema-testata-sfondo, #d3f0fc);
}

div.personalizzazione_intestazione .modifica_logo a:hover {
	background: var(--tema-testata-sfondo, #d3f0fc);
	border-color: var(--tema-link-hover, #79cef1);
}

em.evidenzia_opzione {
	font-style: normal;
	-background: #fdffda;
	-padding: 0 4px;
}