/*************************************
 * TITLE: Bird Control Stylesheet    *
 *************************************/
.bordodx {
  color: black;
  background-color: white;
  padding-left: 4mm;
  border-bottom: 1px dotted gray;
}

.doppiobordo {
  color: black;
  background-color: white;
  padding-left: 4mm;
  border: solid double rgb(53,53,53);
  width: 98%;
}

.errors {
	background-image: url('../images/attention.jpg');
	background-repeat: no-repeat;
	padding-left: 17px;
}

tr.oddRow {
	background-color: rgb( 240,240,240 );
}

tr.evenRow {
	background-color: rgb( 255,255,255 );
}

img {
	border: 0px;
}

div.bordino {
    border: 1px solid #808080;
    border-collapse: collapse;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    background: white;
}

div.bordo_sotto {
    border-bottom: 1px dashed #808080;
    border-collapse: collapse;
    margin-top: 10px;
    margin-bottom: 15px;
    width: 100%;
    background: white;
}

/* Display Tag Library styles */

span.pagebanner {
    display: block;
    margin: 0 0 0 0;
    padding: 2px 4px 2px 0;
    width: 79%;
}

span.pagelinks {
    display: block;
}

span.difforme {
	background-color: orange;
}

table.list {
    border: 1px solid #808080;
    border-collapse: collapse;
    margin-top: 10px;
    width: 98%;
    background: white;
    text-align: center;
}

table.list td {
    padding-left: 3px;
}

table.list th {
    background-color: silver;
    padding: 2px;
    padding-left: 3px;
    border-bottom: 1px solid black;
    text-align: center;
    color: black;
}

/* The following 3 rules are for Tapestry's contrib:Table */
table.list th table {
    width: 100%;
    margin: 0;
    padding: 0;
}

table.list th table td {
    text-align: left;
}

table.list th table td:hover, table.list th table td a:hover {
    background-color: #ffd;
}

table.list th table tr:hover {
    background-color: #ffd;
    border: 1px solid white;
}

table.list tr.even {
    background: #eee;
    border-top: 1px solid silver;
}

table.list tr.odd {
    background: white;
    border-top: 1px solid silver;
}

table.list th a, table.list th a:visited {
    background-color: transparent;
    color: #000000;
    text-decoration: none;
}

th.sorted a, th.sortable a {
    background-position: right;
    display: block;
    padding: 0 3px;
}

table.list th.order1 a {
	background-image: url(../images/arrow_down.png) !important;
}

table.list th.order2 a {
    background-image: url(../images/arrow_up.png) !important;
}

table.list th.sortable a {
    background-image: url(../images/arrow_off.png);
}

table.list th.sorted {
    background-color: #eee;
    color: #000000;
}

table.list th.sorted a, table.list th.sortable a {
    background-position: right;
    background-repeat: no-repeat;
    display: block;
}

table.list th.sortable:hover {
    background-color: #ffd;
}

table.list thead tr {
    background-color: #FFCC00;
}

table.list tr.even {
    background: #FFFFFF;
    border-top: 1px solid #C0C0C0;
    color: #000000;
}

table.list tr.odd {
    background: #FFFFFF;
    border-top: 1px solid #C0C0C0;
    color: #000000;
}

/* highlight table row onmouseover */
table.list tr:hover, table.list tr.over {
    background: rgb(240,240,240);
    border-bottom: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    color: #000000;
    cursor: pointer;
    cursor: hand; /* IE 5.5 non-compliant workaround */
}

/* Labels for validation and label tag */
label {
    font-weight: normal;
    cursor: pointer;
    cursor: hand;
}

label.required {
    font-weight: bold;
}

label.error {
    font-weight: bold;
    background: transparent;
    color: red;
}

/* These are the styles for detail screen tables */
table.detail {
    margin-left: 10px;
    padding: 5px;
    font-weight: normal;
}

table.detail th {
    text-align: right;
    padding: 0 3px 0 0;
}

tr.grassettoSottolienato {
	font-weight: bolder;
	background-color: lightGray;
	text-align: center;
}

table.trasparente {
	border: none;
	margin: 0px;
	padding: 0px;
}

input {
	background-color: transparent;
}

textarea.styled {
	border-bottom: thin solid black;
	border-left: none;
	border-right: none;
	border-top: none;
	background-color: rgb(230,230,230);
	width: 100px;
	height: 99%;
}

input.lowRowFullSpace {
	border-bottom: thin solid black;
	border-left: none;
	border-right: none;
	border-top: none;
	background-color: rgb(230,230,230);
	width: 99%;
}

input.lowRow {
	border-bottom: thin solid black;
	border-left: none;
	border-right: none;
	border-top: none;
	background-color: rgb(230,230,230);
}
select.lowRowFullSpace {
	border-bottom: thin solid black;
	border-left: none;
	border-right: none;
	border-top: none;
	background-color: rgb(230,230,230);
	width: 99%;
}

select.lowRow {
	border-bottom: thin solid black;
	border-left: none;
	border-right: none;
	border-top: none;
	background-color: rgb(230,230,230);
}

select:disabled {
	color: black;
}


.errorsBorder {
	border: 2px solid red;
	background-color: #FFEEEE;
}

.errorMessage {
	color: red;
	white-space: nowrap;
	font-weight: bolder;
}


/* BUTTONS */
/*
	From:
	http://particletree.com/features/rediscovering-the-button-element/
*/

.buttons a, .buttons button{
    display:block;
     float:left; 
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

.hand {
	cursor: pointer;
    cursor: hand; /* IE 5.5 non-compliant workaround */
}   

table.list tr.inScadenza {
	background-color: yellow;
}

table.list tr.scaduto {
	background-color: red;
}

table.list tr.changed {
    background-color: #ec6e21;
}
select.icon-menu option {
	 background-repeat:no-repeat;
	 background-position:bottom left;
	 padding-left:30px;
}

.upperRight {
	float: right;
	text-align: center;
	color: black;
	font-size: 2ex;
	font-weight: bold;
	font-family: arial, "lucida console", sans-serif;
	border: 1px solid black;
	background-color: lime;
	padding: 4px;
	margin-right: 4px;
	margin-top: 4px;
}

.upperRightHelp {
	float: right;
	text-align: center;
	padding-right: 6px;
	padding-top: 6px;
	cursor: pointer;
}

.upperRightAndroid {
	float: right;
	text-align: center;
	padding-right: 6px;
	padding-top: 6px;
	cursor: pointer;
}

[x-cloak] {
  display: none !important;
}

/* RICERCA BSMF/BSRF: spazi ridotti per tenere criteri e risultati nella stessa schermata */

#main-copy h1.ricerca-titolo {
	margin-top: 1em;
}

#main-copy p.ricerca-intro {
	margin: 0.4em 1ex 0.6em 1ex;
}

table.ricerca-form {
	line-height: 1.3em;
}

table.ricerca-form td {
	padding-top: 1px;
	padding-bottom: 1px;
}

/* Altezza impostata da adattaAltezzaRisultati() perche' la tabella resti nella finestra */
.ricerca-risultati {
	overflow: auto;
}

/* Azioni sull'insieme dei risultati (es. galleria di tutte le immagini), sopra la tabella */
.risultati-azioni {
	display: flow-root;
	margin: 8px 0 4px;
}

.ricerca-risultati table.list {
	width: 100%;
	margin-top: 2px;
}

.ricerca-risultati table.list th {
	position: sticky;
	top: 0;
	z-index: 1;
}

.ricerca-risultati table.list td img {
	vertical-align: middle;
}

/* Miniatura cliccabile delle immagini di configurazione */
.anteprima-miniatura img {
	max-width: 120px;
	max-height: 60px;
	padding: 2px;
	border: 1px solid #ccc;
	background: #fff;
	vertical-align: middle;
	cursor: zoom-in;
}
.anteprima-miniatura:hover img {
	border-color: #003399;
}
/* Variante per le liste fitte (es. fauna): non deve alzare le righe */
.anteprima-miniatura-piccola img {
	max-width: 64px;
	max-height: 36px;
}

/* Miniatura degli allegati immagine (BSRF): stessa altezza delle icone 48x48 degli altri tipi */
.allegato-miniatura img {
	display: block;
	width: 64px;
	height: 48px;
	object-fit: cover;
	padding: 2px;
	border: 1px solid #ccc;
	background: #fff;
	cursor: zoom-in;
}
.allegato-miniatura:hover img {
	border-color: #003399;
}
/* Immagini dei rilevamenti (righe BSMF): quadrate, affiancate nella cella */
.allegato-miniatura-quadrata img {
	display: inline-block;
	width: 48px;
	vertical-align: middle;
}

/* Finestra di anteprima immagine (vedi mostraImmagine in components.js) */
dialog.anteprima-immagine {
	padding: 0;
	border: none;
	border-radius: 6px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
	max-width: 90vw;
	max-height: 90vh;
}
dialog.anteprima-immagine::backdrop {
	background: rgba(0, 0, 0, 0.6);
}
.anteprima-immagine-contenuto {
	padding: 10px 14px 12px;
	outline: none;
}
.anteprima-immagine-testata {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 8px;
	font-weight: bold;
}
.anteprima-immagine-azioni {
	display: flex;
	align-items: center;
	gap: 12px;
	white-space: nowrap;
}
.anteprima-immagine-scarica {
	padding: 3px 10px;
	border: 1px solid #003399;
	border-radius: 4px;
	color: #003399;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
}
.anteprima-immagine-scarica:hover {
	background: #003399;
	color: #fff;
}
/* Azioni della singola immagine (es. "Rilevamento non valido" nella galleria della lista BSMF) */
.anteprima-immagine-azioni-immagine {
	display: flex;
	gap: 8px;
}
.anteprima-immagine-azioni-immagine:empty {
	display: none;
}
.anteprima-immagine-azione,
.anteprima-immagine-azione:hover {
	padding: 3px 10px;
	border: 1px solid #486581;
	border-radius: 4px;
	background: #fff;
	color: #243b53;
	font: inherit;
	font-weight: normal;
	cursor: pointer;
}
.anteprima-immagine-azione:hover {
	background: #243b53;
	color: #fff;
}
.anteprima-immagine-azione.pericolo {
	border-color: #ba2525;
	color: #ba2525;
}
.anteprima-immagine-azione.pericolo:hover {
	background: #ba2525;
	color: #fff;
}
.anteprima-immagine-azione:disabled {
	opacity: 0.6;
	cursor: wait;
}
/* Casella "Riquadri": mostra/nasconde la sovrapposizione dell'immagine (es. riquadri delle detection BirdSpotter) */
.anteprima-immagine-riquadri {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 3px 10px;
	border: 1px solid #486581;
	border-radius: 4px;
	color: #243b53;
	font-weight: normal;
	cursor: pointer;
	user-select: none;
}
.anteprima-immagine-riquadri[hidden] {
	display: none;
}
.anteprima-immagine-riquadri input {
	margin: 0;
	cursor: pointer;
}
/* L'immagine e la sua sovrapposizione stanno nello stesso quadro: l'SVG, con le stesse proporzioni e
   preserveAspectRatio "meet", si scala e si centra esattamente come l'immagine. */
.anteprima-immagine-quadro {
	position: relative;
	min-width: 0;
}
.anteprima-immagine-sovrapposizione {
	position: absolute;
	inset: 0;
	pointer-events: none;
}
.anteprima-immagine-sovrapposizione[hidden] {
	display: none;
}
.anteprima-immagine-sovrapposizione svg {
	display: block;
	width: 100%;
	height: 100%;
}
.anteprima-immagine-chiudi {
	border: none;
	background: none;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	color: #555;
}
.anteprima-immagine-chiudi:hover {
	color: #000;
}
.anteprima-immagine-contenuto img {
	display: block;
	max-width: calc(90vw - 28px);
	max-height: calc(90vh - 90px);
	margin: 0 auto;
	/* Sfondo a scacchi: rende visibili i loghi con trasparenza o bianchi */
	background: repeating-conic-gradient(#eee 0% 25%, #fff 0% 50%) 50% / 16px 16px;
}
/*
 * Frecce per scorrere le immagini della stessa galleria (solo se sono piu' di una). Stanno in due colonne
 * ai lati dell'immagine e non sopra: sovrapposte coprivano i bordi della foto (es. un uccello in un
 * rilevamento BirdSpotter).
 */
.anteprima-immagine-corpo.con-frecce {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr) 40px;
	align-items: center;
	gap: 8px;
}
.anteprima-immagine-corpo.con-frecce img {
	max-width: calc(90vw - 28px - 96px);
}
.anteprima-immagine-freccia {
	display: none;
	width: 40px;
	height: 64px;
	padding: 0;
	border: none;
	border-radius: 6px;
	background: #f0f4f8;
	color: #334e68;
	font-size: 36px;
	line-height: 1;
	cursor: pointer;
}
.anteprima-immagine-freccia:hover,
.anteprima-immagine-freccia:focus-visible {
	border: none;
	background: #d9e2ec;
	color: #102a43;
}
.anteprima-immagine-corpo.con-frecce .anteprima-immagine-freccia {
	display: block;
}
/* Anteprima "grande" (mostraGalleria con opzioni.grande): quasi a schermo intero, l'immagine riempie lo spazio. */
dialog.anteprima-immagine.anteprima-grande {
	width: 96vw;
	height: 94vh;
	max-width: 96vw;
	max-height: 94vh;
}
.anteprima-grande .anteprima-immagine-contenuto {
	box-sizing: border-box;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.anteprima-grande .anteprima-immagine-corpo {
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
}
.anteprima-grande .anteprima-immagine-corpo.con-frecce {
	display: grid;
	grid-template-rows: minmax(0, 1fr);
}
.anteprima-grande .anteprima-immagine-quadro {
	flex: 1 1 auto;
	min-height: 0;
	height: 100%;
}
.anteprima-grande .anteprima-immagine-contenuto img,
.anteprima-grande .anteprima-immagine-corpo.con-frecce img {
	width: 100%;
	height: 100%;
	min-width: 0;
	max-width: none;
	max-height: none;
	object-fit: contain;
	/* Bande scure dove l'immagine non arriva (proporzioni diverse dalla finestra) */
	background: #111;
	border-radius: 4px;
}
.anteprima-immagine-info {
	margin-top: 6px;
	font-size: 11px;
	color: #666;
	text-align: center;
}

/*
 * Icone Lucide (tag <bc:icon>, sprite images/icons/lucide-sprite.svg): tratto e colore da CSS,
 * cosi' tutte hanno lo stesso stile. Dimensione di default come le vecchie icone da 22px.
 */
svg.icon {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	flex-shrink: 0;
}

.icon-sm { width: 16px; height: 16px; }

.icon-lg { width: 28px; height: 28px; stroke-width: 1.75; }

/* Pulsante-icona: azioni sulle righe delle liste */
:is(#main-copy, body) a.icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 6px;
	color: #486581;
	text-decoration: none;
	vertical-align: middle;
	transition: background-color 0.12s, color 0.12s;
}

:is(#main-copy, body) a.icon-btn:hover,
:is(#main-copy, body) a.icon-btn:focus-visible {
	background-color: #d9e2ec;
	color: #102a43;
}

:is(#main-copy, body) a.icon-btn:focus-visible {
	outline: 2px solid #2680c2;
	outline-offset: 1px;
}

:is(#main-copy, body) a.icon-btn.icon-btn-pericolo:hover,
:is(#main-copy, body) a.icon-btn.icon-btn-pericolo:focus-visible {
	background-color: #ffe3e3;
	color: #ba2525;
}

/* Pulsante-icona come <button> (ex <input type="image">): niente stile da pulsante */
button.icon-btn,
button.icon-btn:hover {
	border: 0;
	padding: 0;
	margin: 0;
	background-color: transparent;
	font: inherit;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 6px;
	color: #486581;
	vertical-align: middle;
}

button.icon-btn:hover,
button.icon-btn:focus-visible {
	background-color: #d9e2ec;
	color: #102a43;
}

button.icon-btn.icon-btn-pericolo:hover,
button.icon-btn.icon-btn-pericolo:focus-visible {
	background-color: #ffe3e3;
	color: #ba2525;
}

/* Variante piccola, accanto ai campi (es. calendario) */
:is(#main-copy, body) a.icon-btn.icon-btn-sm,
button.icon-btn.icon-btn-sm {
	width: 24px;
	height: 24px;
}

.icon-btn-sm svg.icon {
	width: 16px;
	height: 16px;
}

/* Azione non disponibile: resta visibile (col suo tooltip) ma spenta */
:is(#main-copy, body) a.icon-btn.icon-btn-disabilitato,
:is(#main-copy, body) a.icon-btn.icon-btn-disabilitato:hover {
	color: #bcccdc;
	background-color: transparent;
	cursor: not-allowed;
}

/* Icona dentro un pulsante con testo (.buttons, ex img 16px) */
.buttons button svg.icon,
.buttons a svg.icon {
	width: 16px;
	height: 16px;
	margin: 0 4px 0 0;
	vertical-align: -3px;
}

/* "?" di aiuto accanto ai campi: il tooltip e' sullo span che la contiene */
/* Stessa misura della vecchia domanda_off.png (12px): non deve superare l'altezza dei campi accanto */
svg.icon.icon-aiuto {
	width: 13px;
	height: 13px;
	margin: 0 2px;
	vertical-align: middle;
	color: #829ab1;
	cursor: help;
}

svg.icon.icon-aiuto:hover,
:hover > svg.icon.icon-aiuto {
	color: #2680c2;
}

/* Esito di un'operazione (pagine ok/nok) */
svg.icon.icon-ok {
	color: #2f8132;
}

svg.icon.icon-ko {
	color: #ba2525;
}

/* Tipo di allegato (ex icone 48x48) */
svg.icon.icon-xl {
	width: 40px;
	height: 40px;
	stroke-width: 1.5;
	color: #486581;
}

/*
 * Colonna "Azioni" delle liste: allineata a sinistra, larga quanto le icone, a posti fissi
 * (.azione, anche vuoti) perche' le icone restino incolonnate tra le righe.
 */
table.list tr > th.colonna-azioni,
table.list tr > td.colonna-azioni {
	width: 1%;
	white-space: nowrap;
	text-align: left;
	padding: 2px 8px;
	vertical-align: middle;
}

.azioni-riga {
	display: flex;
	align-items: center;
	gap: 2px;
}

.azioni-riga > .azione {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 28px;
	height: 28px;
}

/* Azioni distruttive in fondo, staccate dalle altre */
.azioni-riga > .azione-separata {
	margin-left: 6px;
	padding-left: 6px;
	border-left: 1px solid #d9e2ec;
}

/* Se e' l'unica azione della riga non serve separarla */
.azioni-riga > .azione-separata:first-child {
	margin-left: 0;
	padding-left: 0;
	border-left: 0;
}

/* A riposo le icone sono tenui; sulla riga sotto il mouse tornano piene e la riga si evidenzia */
:is(#main-copy, body) .azioni-riga .icon-btn {
	color: #627d98;
}

:is(#main-copy, body) table.list tr:hover .azioni-riga .icon-btn {
	color: #243b53;
}

:is(#main-copy, body) table.list tr:hover .azioni-riga .icon-btn:hover,
:is(#main-copy, body) .azioni-riga .icon-btn:focus-visible {
	color: #102a43;
}

:is(#main-copy, body) table.list tr:hover .azioni-riga .icon-btn.icon-btn-pericolo:hover,
:is(#main-copy, body) .azioni-riga .icon-btn.icon-btn-pericolo:focus-visible {
	color: #ba2525;
}

:is(#main-copy, body) .azioni-riga .icon-btn.icon-btn-disabilitato,
:is(#main-copy, body) table.list tr:hover .azioni-riga .icon-btn.icon-btn-disabilitato {
	color: #bcccdc;
}

table.list tr:has(.azioni-riga):hover > td {
	background-color: #f0f4f8;
}

/* Icona utente nella barra del menu (decorators/main.jsp): il tooltip e' sullo span che la contiene */
/* Menu dell'utente (icona in alto a destra nella barra): chi e' collegato, cambia aeroporto/password, esci. */
.menu-utente {
	position: relative;
	float: right;
	margin: 2px 4px 0 0;
}

.menu-utente-pulsante {
	display: block;
	padding: 2px;
	border: 0;
	border-radius: 50%;
	background: none;
	cursor: pointer;
}

.menu-utente-pulsante:hover,
.menu-utente-pulsante[aria-expanded="true"] {
	background: rgba(255, 255, 255, 0.18);
}

svg.icon.icon-utente {
	display: block;
	width: 22px;
	height: 22px;
	color: #ffffff;
}

.menu-utente-tendina {
	position: absolute;
	z-index: 1000;
	top: 32px;
	right: 0;
	min-width: 240px;
	padding: 6px 0;
	border: 1px solid #d9e2ec;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(36, 59, 83, 0.2);
	font-size: 13px;
	text-align: left;
}

.menu-utente-tendina[hidden] {
	display: none;
}

.menu-utente-info {
	margin-bottom: 6px;
	padding: 6px 14px 10px;
	border-bottom: 1px solid #edf1f5;
	color: #243b53;
}

.menu-utente-nome {
	font-size: 14px;
	font-weight: bold;
}

.menu-utente-email {
	margin-bottom: 6px;
	color: #627d98;
}

.menu-utente-info dl {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 2px 8px;
	margin: 0;
}

.menu-utente-info dt {
	color: #829ab1;
}

.menu-utente-info dd {
	margin: 0;
	font-weight: bold;
}

#header .menu-utente-tendina a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 7px 14px;
	color: #243b53;
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
}

#header .menu-utente-tendina a:hover {
	background: #eef5ff;
}

#header .menu-utente-tendina a svg.icon {
	width: 16px;
	height: 16px;
	color: #627d98;
}