@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz@6..96&display=swap');
/* EF - Alessandro Resch - 2022-2023 	Google fonts, font-awsome */
html { overflow-y: scroll; }
.tc-header .branding .navbar-brand-sitename {
	font-family: 'Bodoni Moda';
}
/*
.tc-header .nav__menu li a.nav__link, .tc-sn .nav__menu li a.nav__link, [class*=nav__menu] .nav__link-wrapper .caret__dropdown-toggler .accordion . acc-panel
{ font-family: 'Bodoni Moda', serif !important;}
*/
table.soggettario.tab-sezione,
table.soggettario.tab-sezione thead,
table.soggettario.tab-sezione tbody,
table.soggettario.tab-sezione tfoot,
table.soggettario.tab-sezione tr,
table.soggettario.tab-sezione th,
table.soggettario.tab-sezione td {
	border: 0 !important;
	box-shadow: none !important;
}

.relazioni {
	display:block;
}
/* dropdown lista di ricerca automatica */
.autocerca {
	position: relative;
	display: inline-block;
}
.autocerca-input {
	width: auto;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	outline: none;
}

.autocerca-menu {
	visibility:hidden;
	background-color: white;
	transition: opacity 0.9s;
	border: none;
	max-width: 600px;
	height: auto;
	overflow-y: auto;
	position: absolute;
    z-index: 900;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
	justify-content: flex-start;
    align-items: flex-start;
/*
	background-color: #e5e5f7;
	background-image:  linear-gradient(#d7d8f0 2px, transparent 2px), linear-gradient(90deg, #d7d8f0 2px, transparent 2px), linear-gradient(#d7d8f0 1px, transparent 1px), linear-gradient(90deg, #d7d8f0 1px, #f2f2f2 1px);
	background-size: 50px 50px, 50px 50px, 10px 10px, 10px 10px;
	background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
	border-top: none;
	border-radius: 0 0 5px 5px;
    width: -webkit-fill-available;
	max-height: 300px;
	overlay: auto;
	top: 100%;
	left: 0;
	width: 300px;
	max-height: 200px;
*/
}
.autocerca-menu li {
	text-align: left;
	padding:unset !important;
}
.autocerca-menu ul {
	list-style: none !important;
	padding: 0 0 0 .5rem !important;
}
.autocerca-menu-item {
	/*
	padding: 10px;
    font-size: large;
	*/
    font-family: monospace;
	min-width: -webkit-fill-available;
	margin-left: 0;
	background-color: white;
	border-radius: 10px;
	border: outset;
	cursor: pointer;
}
.autocerca-menu-item:hover {
	background-color: gold;
	transform: scale(var(--zoom)); /* 2.5 */
}
.autocerca-menu img {
	position: unset !important;
	transform: unset !important;
}

.mappaFarnese {
	height: 800px;
}

.fa {float: right;}

.hp-icon {
	-webkit-box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.11); 
	box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.11);
}
.id {width:20%}

.disattivata {opacity:0.29 !important;}

.catalogo {
	border-radius: 10px;
}
.noUi-pips-horizontal {
	height: unset !important;
}
.cont-loader {display: unset;
align-items: flex-start !important;}

.h_img {
	width: 80px;
}

.scheda-cont {
	opacity: 0;
	transition: opacity 1.5s ease-in-out;
}

.scheda-cont.scheda-visibile {
	opacity: 1;
}

.scheda-titolo {
    font-size: x-large;
    background-color: aliceblue;
    margin: 0;
    padding-bottom: 0.5em;
}

/* campi della scheda di visualizzazione: etichetta e valore*/
.campo-etic {
    font-size: 0.8em !important;
    text-transform: uppercase;
    font-weight: 400;
    width: 200px;
/*
	width:10%;
    min-width: 200px;
    max-width: 20%;
	background-color:#0066cc;
*/
    text-align: right;
    border-bottom: 1px solid #fff !important;
	color: white !important;
	background-color:#1b235e;
	padding: 0.5em 0.5em 0.5em 0.5em;
	}
.campo-valore {
	overflow-y: auto;
	font-size: 1.1em !important;
/*	color:#000;*/
	border-bottom:1px solid !important;
	padding: 1em 0.5em 0.5em 0.5em;
	padding: 1em 1em 1em 1em !important;
	}

.campo-valore div {
	overflow: auto;
}

.campo-id {
	background-color: white !important;
	color:#0066cc;
	padding: 1em !important;
}

.itemlink {
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: cornflowerblue;
	line-height: 1.5;
	text-decoration-line: underline;
}
.itemlink a {
	color: #0066cc;
	text-decoration: underline;
	transition: color 0.2s ease;
}
.itemlink a:hover {
	color: #004999;
	text-decoration: none;
}

#frmSearch label {
	font-weight:300;
	font-size:14px;
	/*
	display: inline-block;
	text-align:left;
	width:100px;
	padding: 10px 0;
	*/
}

.segnaposto {
	height:24px;
	background-image: repeating-conic-gradient(#5d6dfc 0% 25%, #f2f2f2 0% 50%);
	background-position: 0 0, 12px 12px;
	background-size: 24px 24px;
	background-color: #f2f2f2;
}

.url {
    overflow-wrap: anywhere !important;
	color: blue;
}
.url:hover {
/*
	transform: scale(1.2);
	left: 300%; left: calc(var(--zoom)*150)%;}
	transform: scale(var(--zoom)); // 2.5
	position: relative;
*/
}

.cerca-form {
	/* display:block !important;
	text-align: center !important; */
	justify-content:left !important;
}
/* .cerca-form label { display: table-cell !important; } */
.cerca-form input { display: table-cell !important; }

.cerca-form p {
    margin:auto !important;
}

.bCerca {
	cursor: pointer;
    background-color: #4CAF50;
    color: white;
    /* padding: 12px 20px; */
    border: none;
    border-radius: 5px;
    font-size: 16px;
    box-shadow: 0 4px #2e7d32;
    transition: all 0.2s ease;
}

.bCerca:active {
    box-shadow: 0 2px #2e7d32;
    transform: translateY(2px);
    background-color: #45a049;
}

.tCerca {
	padding-right:2.2em;
	width:55%;
}

.thumb {
	border-radius: 10px !important;
	width: 100px !important;
	height:100px !important;
}
.col30 {
	white-space: normal !important;
	width:30%;
}

.schedatore {
	font-style: italic;
	text-align: right;
}

.box-riepilogo {
	display:block;
	table-layout: auto !important;
	width: auto !important;
	font-size:0.9em;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	line-height: unset;
	margin-bottom: 20px;
	border-radius: 25px;
	background-color: transparent;
/*  Angolo del gradiente - Colore 1 - Fine colore 1 - colore 2 - Fine colore 2
	background: repeating-linear-gradient(
		45deg,
		#ddd, 
		#ddd 10px, 
		#bbb 10px,
		#bbb 20px 
	);
*/
}
.box-riepilogo:empty {
  display: none;
}

.box-risultati {
	display:block;
	table-layout: auto !important;
	width: auto !important;
	font-size:0.9em;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	line-height: unset;
	margin-bottom: 20px;
	border-radius: 25px;
}

.box-risultati:empty {
  display: none;
}

.riepilogo {
	font-size: 0.9em;
	border-radius: 5px;
	border: 0;
	table-layout:fixed;
	width: 100%;
}

.riepilogo-foot th {
	display:flex;
	font-family: monospace;
	font-size: smaller;
	font-weight: lighter;
	border: 0 !important;
	padding: 0 !important;
    background-color: transparent !important;
    color: #0000ff !important;
}

.riepilogo table {
    /*
 	border-radius: 5px;
	border-spacing: 0 10px;
    margin-top: -10px;
	*/
 }

.riepilogo th {
	padding-top: 6px !important;
	padding-bottom: 6px;
	text-align: center;
	/*background-color: blue;*/
	color: white;
	text-transform: unset !important;
	padding: 0.8em;
}

.riepilogo tr {
	/* background-color: transparent; */
	border: 2px solid var(--color-white-bg);
	}
/*.riepilogo tr:nth-child(even){background-color: aliceblue;}*/
.riepilogo td ul{
	border: 1px solid #ddd;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	padding:0.6em !important;
}
.riepilogo td:first-child {
    border-left-style: solid;
}
.riepilogo td:last-child {
    border-right-style: solid;
}

.riepilogo-sel {
	border: 3pt solid black;
	border-color: cornflowerblue;
	transition: border-width 0.6s linear;
}
.riepilogo tr:hover {
	background-color: cornflowerblue;
	}

.riga-sez tr:nth-child(even){background-color: gray;}
.riga-sez {
	background-color: white;
	text-align: center;
	transition: transform 0.5s;
    border-radius: 15px;
}

.riga-sez:hover {
	transform: scale(1.05);
	-webkit-box-shadow: 0 0 0 5px #FFF000; 
	box-shadow: 0 0 0 2px #FFF000;
	border-radius:5px;
}

.elimina-sez {
    transition: opacity 0.2s ease, height 0.2s ease;
    opacity: 1;
    height: auto;
}
.elimina-sez.fade-out {
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.zero {
	text-align: center;
	color: #1b235e;
	background-color:white;
	border: 1px solid #1C6EA4;
	border-radius: 10px 10px 10px 10px;
}

.intestazione {
	padding: 0 0 0 0;
	letter-spacing: unset;
	background-color:transparent;
	}

.sez {display:inline;}
/* Search table */
#search-table{ box-shadow:3px 3px 20px -10px #333333; }
#search-table th {
	/*font-family:'Advent Pro', sans-serif;*/
	font-weight:300;
	text-transform:capitalize;
	line-height:1.5em;
	padding-left:10px;
	padding-right:0px;
	padding-top:1px;
	padding-bottom:1px;
	border-bottom-right-radius:5px;
	background-color:#fee46e;
	color:#0066ff;
}

.sezione {
	padding-top: 10px;
	background:#1b235e; /*#b6cff5;*/
	/* */
	color:#f2cf5b;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(209,209,209,1);
	-moz-box-shadow: 10px 10px 5px 0px rgba(209,209,209,1);
	box-shadow: 10px 10px 5px 0px rgba(209,209,209,1);
	border-radius: 5px;
}
/*
.sezione[data-active="true"] {
	visibility: visible;
	transition: display 1.4s ease-out, visibility 2s ease-out;
}
.sezione[data-active="false"] {
	display:none;
	transition: ease 0.8s;
}
*/
.nome-sez {
	cursor: pointer;
	padding:10px;
	}

.risultato {
	border:none !important;
	overflow: display;}

.risultati-sez {
	/*cursor: pointer;
	padding: 18px;*/
	margin-bottom:20px;
	width: 100%;
	border: none;
	outline: none;
	transition: 0.4s;
	transition: scale 2s;
}
.sez-highlight {
	background-color: yellow;
	animation: halo 2s forwards;
	animation-iteration-count: 2;
}
@keyframes halo {
	/* inizio: alone visibile e “spesso” */
	0% {
	box-shadow: 0 0 0 6px rgba(255, 200, 0, 1.9),
				0 0 12px 6px rgba(255, 200, 0, 0.6);
	}
	/* fine: nessun alone */
	100% {
	box-shadow: 0 0 0 0 rgba(255, 200, 0, 0);
	}
}

table.soggettario table.scheda{
	table-layout: fixed;
	text-align: left;
	font-weight:300;
	/*width: 100%;
	margin: 0 auto;*/
	clear: both;
	/* border-spacing: 0 10px; */
	border: none;

	max-height: 0;
	overflow: hidden;
	transition: max-height 0.6s ease;
}

/*
table.soggettario {
}
*/
table.soggettario.active {
	max-height: 500px;
}

.soggettario th {padding: 10px 18px;
	font-size: .90em !important;
	font-weight:300;
	color:#000;
	text-transform: unset !important;
	letter-spacing: unset;
	padding-left: 8px !important;
	padding-right: 4px !important;
	padding-top: 1px !important;
	padding-bottom: 1px !important;
	/*
	text-shadow: rgb(254,228,110) 0px 0px 2px, rgb(254,228,110) 0px 0px 4px, rgb(254,228,110) 0px 0px 6px, rgb(255, 228, 255) 0px 0px 8px, rgb(255, 0, 255) 0px 0px 12px, rgb(255, 0, 255) 0px 0px 16px, rgb(255, 0, 255) 0px 0px 20px, rgb(255, 0, 255) 0px 0px 24px;
	*/
  }
.soggettario td:nth-child(1) {width:64px;}

.soggettario td {
	padding: 10px 18px;
	/* border-bottom: 1px solid #111;
	border-width: 2px;
	border-collapse: collapse; */
	padding:0.2em !important;
	min-width:80px;
	height:auto;
    border: none;
	border-style: none;
}

.soggettario caption {
	text-align:left;
	background-color:#1b235e;
	color:white;
/*
	border-bottom-style:solid;
	border-bottom-color:#95a5a6;
*/
}
.soggettario p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.soggettario td:first-child {
    /* border-left-style: solid; */
}
.soggettario td:last-child {
    /* border-right-style: solid; */
}  
.soggettario tr:nth-child(even) {background: #f2f2f2;}
.soggettario tr:nth-child(odd) {background: #FFF;}
.soggettario tr:hover {
	/*
	border-bottom: 2px solid blue;
	transform: scale(1.004);
	*/
	background-color: #ddd;
	}
.soggettario:hover {cursor: pointer;}

.soggettario_col {
	cursor: pointer;
	position: relative;
}
.soggettario_col .sez_sort::before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f0dc"; /* fa-sort */
	margin-right: 0.5em;
}
.soggettario_col[data-order="asc"] .sez_sort::before {
	content: "\f0de"; /* fa-sort-up */
}
.soggettario_col[data-order="desc"] .sez_sort::before {
	content: "\f0dd"; /* fa-sort-down */
}
.soggettario_col[data-order="none"] .sez_sort::before {
	content: "\f0dc"; /* fa-sort */
}

.soggettario-selezionato {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    border-radius: 15px;
    /* transform: translateY(-px); */
    background-color: cornflowerblue;
}

.organizzazione {
	padding-left: 20px !important;
	background: rgb(4,4,251);
	background: linear-gradient(90deg, rgba(4,4,251,1) 0%, rgba(4,4,251,0) 3%);
}
.titolo-sez {
	/* display:inline-block;
.titolo-sez {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
}	
	*/
	padding:0px !important;
	vertical-align:middle;
	text-align:center;
	border-style: none !important;
}

/* pulsante mappa per soggettario */
.sogg-map {
	min-width: 38px;
	width: 38px;
	height: 30px;
	background: transparent;
	border: none;
	transition: all 0.2s ease; /* Per l'effetto morbido */
	padding:0;
	cursor: pointer;
}
.sogg-map[data-active="true"] {
	border: 0;
	border-left: 4px solid #ff6600;
	margin-left: -4px;
	padding-left: 4px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
	margin-right: 4px;
}

.sogg-map:hover {
	/*background-color: yellow;*/
	transform: scale(1.2);
}
.sogg-map:active {
	transform: scale(0.9); /* Riduzione per l'effetto pressione */
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); /* Ombra più piccola */
}
/* fine pulsante mappa */

input:disabled {
    background-color: #0085ba;
    border-color: rgba(222,222,222,.75);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.04);
    color: #e9e9e9;
	cursor: default;
}
.cursor {cursor: pointer;}

.col-img {height:50px;width:auto;}
.icon {
	padding:0 !important;
	margin:0 !important;
	display: block !important;
	height:64px !important;
	width:64px !important;
	max-width: unset;
	}

.icon:hover {cursor: pointer;}

ul {
  /*list-style-type: circle;
  border: 2px solid blue;*/
  background-color: lighgray;
}

.checkmark {
  /* position: absolute; */
  top: 0;
  left: 0;
  height: 50px;
  width: 25px;
  background-color: #eee;
}

.flipswitch {
	position: relative;
	float: right;
	background: white;
	width: 30px;
	-webkit-appearance: initial;
	border-radius: 3px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	outline: none;
	/*font-size: 10px !important;
	font-weight: bold;*/
	cursor: pointer;
	border: 1px solid #ddd;
}

.flipswitch:after {
	position: absolute;
	top: 5%;
	display: block;
	line-height: 32px;
	width: 45%;
	height: 90%;
	background: #fff;
	box-sizing: border-box;
	text-align: center;
	transition: all 0.3s ease-in 0s;
	transition-delay: 0.1s;
	color: black;
	border: #888 1px solid;
	border-radius: 3px;
	left: 2%;
	content: " ";
	background: white;
}

.flipswitch:checked:after {
	left: 53%;
	content: " ";
	background: #fee46e;
}

/* Formattazione per elenchi select2 */
.select2 {
	width: 100% !important;
}
.select2-results {
    height: 500px;
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 500px !important;
}

.select2-selection--single {
    height: auto !important;
}

.riga-gruppo {
	display: flow;
    text-align: center;
	background-color: #1b235e;
	color: white !important;
    text-align: -webkit-center;
    position: relative;
    padding: 0px !important;
    border: 0;
    margin: 0;
}
.tab-sezione {
	display:table;
	max-height: 0;
	overflow: visible;
	margin-top:0;
}
table.tab-sezione tbody tr td th {
    border: none !important;
}

/*
.tab-sezione[data-active="true"] {
	max-height: 500px;
	transition: max-height 0.6s ease;
}
.tab-sezione table {
	width: 100%;
}
.tab-sezione[data-active="false"] {
	max-height: 0;
	transition: max-height 0.6s ease;
}
*/
.div-sezione {
	display:block;
	padding-top: 20px;
/*
	overflow: visible;
	margin-top:0;
	*/
	transition: max-height 0.6s ease;
}
.div-sezione[data-active="true"] {
	max-height: 5000px;
}

.div-sezione[data-active="false"] {
	transform: scale(0);
    opacity: 0;		/* opzionale: svanisce */
	max-height: 0;
	transition: max-height 0.2s ease;
/*	visibility:hidden;	*/
}

/* Per elementi nei select2 usati in PDOCrud */
.el-s2{
	grid-template-columns: 64px auto;
	margin: 0;
	display: flex;
	width:400px;
	white-space: normal;
	overflow-wrap: break-word; 	
}	
.el-s22 {
	grid-area: 1 / 2;
	grid-column:2;
}
/* fine select2 */
.el-grid{
	grid-template-columns: 64px auto;
	margin: 0 !important;
	display: flex;
	white-space: normal;
	overflow-wrap: break-word; 	
}	
.el-grid1 {
	grid-area: 1 / 1;
	padding: 0;
	display: block;
	max-height: 64px;
	max-width: 64px;
}
.el-grid2 {
	grid-area: 1 / 2;
	grid-column:2;
}

.grid {
  display: grid
  grid-template-columns: 8% auto;
  grid-gap: 10px;
  margin:5px;
}
.grid-cerca {
	display: grid;
	grid-template-columns: minmax(auto, 300px) 1fr;
	grid-template-rows: repeat(2, 1fr);
	grid-template-rows: 100px 300px;
	grid-gap: 10px;
	grid-template-rows: auto auto;
	grid-column-gap: 10px;
	grid-row-gap: 25px;
	/*
	grid-template-columns: repeat(2, 1fr);
position: relative;
	overflow: hidden;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-template-areas:
	"grid1-cerca grid2-cerca"
	"box-riepilogo bottom-right";
height: 100vh;
	*/
	/*
	*/

transition: width 0.3s ease, left 0.3s ease;
z-index: 2;
}

@media (max-width: 1500px) {
	.grid {
		grid-template-columns: auto 1fr 1fr 1fr;
	}
	.box-riepilogo {
		width: 10px;
/*		position: absolute;*/
		left: 0;
		top: 0;
		bottom: 0;
		height: 100%;
		transition: width 0.3s ease, box-shadow 0.3s ease;
	}
	.box-riepilogo table td:not(:first-child),
	.box-riepilogo table th:not(:first-child) {
		display: none;
	}
	.box-riepilogo:hover {
		width: 250px; /* larghezza espansa al passaggio del mouse */
		box-shadow: 4px 0 8px rgba(0, 0, 0, 0.2);
	}
	.box-riepilogo:hover table td,
	.box-riepilogo:hover table th {
		display: table-cell;
	}
}

.grid-cerca[riepilogo-active="false"] {
	grid-template-columns: minmax(15%,5%);
}
/*
@media screen and (max-width:799px){
	.riepilogo:hover {
		width: 200px;
		z-index: 10;
		position: relative;
		border:firebrick;
		border-radius: 5px;
		border-style: ridge !important;
		-webkit-box-shadow: 5px 5px 0px 0px #289FED, 10px 10px 0px 0px #5FB8FF, 15px 15px 0px 0px #A1D8FF, 20px 20px 0px 0px #CAE6FF, 25px 25px 0px 0px #E1EEFF, 5px 5px 15px 5px rgba(0,0,0,0); 
		box-shadow: 5px 5px 0px 0px #289FED, 10px 10px 0px 0px #5FB8FF, 15px 15px 0px 0px #A1D8FF, 20px 20px 0px 0px #CAE6FF, 25px 25px 0px 0px #E1EEFF, 5px 5px 15px 5px rgba(0,0,0,0);
	}
}
@media (max-width: 800px) {
	.riga-sez img { 
		max-width: 20px;
	}
	.riga-sez td { 
		max-width: 25px;
		flex-wrap: wrap;
	}
}
/* Per rendere responsive la tabella */
@media screen and (max-width: 768px) {
  .table-s {
    font-size: 14px;
  }

  .table-s thead {
    display: none;
  }

  .table-s tbody tr {
    display: block;
    margin-bottom: 15px;
    border-bottom: 2px solid #ddd;
  }

  .table-s tbody td {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
  }

  .table-s tbody td:nth-child(4) {
    max-width: 150px; /* Larghezza ridotta per schermi più piccoli */
  }
}
@media (max-width: 768px) {
    .filterpopup {
        padding: 16px;
    }
    .filter-footer {
        flex-direction: column;
    }
    .filter-footer button {
        width: 100%;
    }
}
@media screen and (max-width:799px){
	.riep-riga {
		grid-template-columns: unset !important;
	}
}

.grid-riepilogo { 
	grid-area: 2 / 1 / 2 / 1; 
	/* grid-row: 1 / span 2; */
}
.grid-cerca-form {
	grid-area: 1 / 2 / 1 / 1;
}
.grid-risultati {
	grid-area: 2 / 2 / 2 / 2;
position: relative;
}

.grid1 {
	grid-column:1;
	/*margin-left:4px;*/
}
.grid2 {
	grid-column:2;
}
.grid12 {
	display:flex;
	flex-wrap: wrap;
	grid-column:1 / span 2;
}

.grid1-cerca {
	grid-column:1;
	margin-left:4px;
	/* margin-right:20px;
	max-width: 400px; */
}
.grid2-cerca {
	grid-column:2;
	heigth:160px;
	padding-bottom: 20px;
}
/*.grid3-cerca {grid-column:1 / span 2;}*/
.slider-periodo .noUi-connect{
	background-color: #1b235e;
}
.slider-periodo{
	display: inline-block;
	min-width:4vw;
	width:40%;
	z-index: unset;
}
.noUi-tooltip {
    font-size: small;
}

.noUi-tooltip {
    padding: unset !important;
}

.tooltip-card {
	position: relative;
	display: inline-block;
	/*
	height:auto;
	padding: 5px !important;
	z-index: 100;
	*/
	height: 64px !important;
	width: 64px !important;
	padding-top: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
	border: 0 none !important;
	text-align:center;
}
.tooltip-card:hover, .alternate:hover .tooltipBox {
  visibility: visible !important;
	& .tooltipBox {
		/*min-height:auto!important;
		height:auto!important;
		min-width:100px!important;*/
		opacity: 0.9;
		overflow: visible;
	}
	& .tooltip-image {visibility: visible !important;}
	& .tooltip-card {border-style: none dotted solid none !important;}
}

.card-image {max-height: 50px !important;width:auto;}
.card-image:hover {  cursor: pointer; }

.tooltipBox {
	/*font-family: Roboto, sans-serif !important;*/
	position: relative;
	visibility: hidden;
	height:auto;
	width: 800px;
	background-color: black;
	color: #fff;
	text-align: left;
	margin-left: 100px;
	border-radius: 6px;
	box-shadow: 6px 6px 12px rgba(0,0,0,0.50);
	padding: 5px 0;
	top:-100%;
	left: -50%;
	z-index: 100;
	transition: opacity 0.9s;
}
.tooltip-image {
	float: left;
	/*
 	opacity: 0.6;
	height:0px;
	width: 48px;
	object-position: 10% 0;
	*/
    max-width: 128px;
	position: relative;
	object-fit: fill;
	overflow: hidden;
}
/*
.tooltip-image:hover {
	  z-index: 1;
	  transform: scale(2);
	  position: relative;
	  / * left: 300%; left: calc(var(--zoom)*150)%;} * /
}
*/
.tooltipBox:hover {
	  /* zoom @if input:checked {*/
	  /* z-index: 100;
	  left: 300%; left: calc(var(--zoom)*150)%;}*/
	  transform: scale(var(--zoom)); /* 2.5 */
	  position: relative;
}

.filterBox {
	position: fixed;
	visibility: hidden;
	height:auto;
	width: auto;
	background-color: white;
	color: #fff;
	text-align: left;
	margin-left: 100px;
	border-radius: 6px;
	padding: 5px 0;
	top:50%;
	left: 2%;
	z-index: 200;
	/*transition: opacity 0.9s;*/
}
.filterBox:hover {cursor: pointer;}

.ttip-grid {
	display: grid;
	grid-template-columns: auto auto;
	grid-gap: 10px;
	margin:5px;
	justify-content: start;
}
.ttip-grid1 {
	max-width: 128px;
	grid-column:1;
	margin-left:4px;
}
.ttip-grid2 {grid-column:2;}
.ttip-grid12 {
	display:flex;
	grid-column:1 / span 2;
}

.cognome {
	font-variant: small-caps;
	display: inline;
	font-weight: bold;
    font-size: larger;
}
.cognome-hidden {
	display:none;
}
.map {
	position: relative;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none;
	min-height: 400px;
}

.dida-map {
    padding: 20px;
}
.meta {
	width:50%;
}
.img_banner {
	position: relative;
	z-index:10;
	width:100%;
	height: 20vh;
	text-align: center;
	padding-bottom:45px; /* padding is using for the height of image */
	margin-bottom: 20px;
	/* background-color: #cccccc; /* Used if the image is unavailable */
	background-position: center; /* Center the image */
/* 	background-repeat: no-repeat; /* Do not repeat the image */
/*	background-size: cover; /* Resize the background image to cover the entire container */
	background-image: linear-gradient(rgba(200,200,200,0.7), rgba(200,200,200,0.7));
}
.img_banner::before {
	background: rgba(200,200,200,0.7);
    opacity: 0.5 !important;
    z-index: -1;  /* resta dietro al contenuto */
}
.img_div {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* color: white; */
}
.img_banner img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: auto;
	max-width: 100%;
	transform: translate(20px,10px);
	left:0;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}
.mappa {
	opacity:0.5;
}

.img_an {
	background-image: linear-gradient(top right, #FFFFFF 0%, #AACFEF 100%);
	animation: 3s ease-in 1s infinite reverse both running slidein;
}
	
/* Intestazione admin*/
header.entry-header {display: none;}

/* pagination from bootstrap */
.page-link[aria-current] {
    border: 1px solid #06c;
    color: #06c;
    pointer-events: none;
    position: relative;
    display: block;
    color: #06c;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #b1b1b3;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination>li>a, .pagination>li>span {
    /* position: relative; */
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>li {
    display: inline;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pactive {font-size: xx-large;}

/* Stile tooltip semplice*/
.tooltip {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.tooltip .tooltiptext {
	position: relative;
	visibility: hidden;
	width: 500px;
	background-color: blue;
	color: #fff;
	font-size:samll;
	text-align: left;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	/* bottom: 125%; */
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
	z-index: 1000;
}
.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

/* Style the accordion panel*/
.acc-panel {
	z-index: -1;
	padding: 0 18px;
	background-color: white;
	display: none;
	overflow: hidden;
	transition: max-height 0.5s ease;
}

/* Toast */
.toast-show {
  visibility: visible !important;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
.toast {
	visibility: hidden;
	min-width: 250px;
	margin-left: -125px;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 10px;
	padding: 16px;
	position: fixed;
	z-index: 1;
	left: 50%;
	bottom: 30px;
	font-size: 17px;
    word-break: normal;
/*
    background-color: var(--color-background-container)!important;
	color: rgba(0,0,0,.9);
    flex-grow: 1;
    width: 0;
    overflow-wrap: break-word;
*/
}
.toast-item__content {
    display: flex;
    padding-right: 32px;
}
.toast-item:only-of-type {
    animation: toast-fadein 334ms ease-in 1;
}
.toast-item {
}
.toast_header, .toast_instructions {
    display: block;
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

@media screen and (min-width: 480px)
.toast {
    width: 376px;
}

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}
/* fine toast */

/* Messaggi */
.msg-nonaut {
	background:red;
	color:white;
}

.contrib-rivista {
	font-style: normal;
	white-space: nowrap;
}
.contrib-rivista::before {
	content: 'in «';
	font-style: normal;
	white-space: nowrap;
}
.contrib-rivista::after {
	content: '»';
	font-style: normal;
	white-space: nowrap;
}

.contrib-titolo {
	font-style: italic;
}
.contrib-volume {
	font-style: italic;
}
.contrib-volume::before {
	content: 'in ';
	font-style: normal;
	white-space: nowrap;
}

.bibliografia-di {
	border-color:#eeefac !important;
	border-left: double;
	border-width: thick;
	padding: 10px;
	margin-top: 10px;
}
.bibliografia-su {
	/* color: #000; */
	border-left-color:#a3dc8f !important;
	border-left: double;
	border-width: thick;
	padding: 10px;
	margin-top: 10px;
}
.autore {
	display: inline-block;
}
.curatore {
	display: inline-block;
}

/* sez. Riepilogo
	+---------+-----------+
	|  icon   |   label   |
	|---------|-----------|
	| counter |   tools   |
	+---------+-----------+
*/
.riep-riga {
	display: grid;
	gap: 2px;
	grid-template-rows: auto auto;
	grid-template-columns: 60px 1fr;
	/*
	justify-items: center;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
	grid-template-columns: 40px 2fr 150px;

	grid-template-columns: auto 3fr 1fr;
	grid-template-columns: auto 1fr 1fr; auto 1fr auto;
	grid-template-rows: auto auto;
	align-items: center;
	background-color: white;
	padding: 6px;
	border: 1px solid #ccc;
	font-family: sans-serif;
	gap: 4px;
	width: 100%;
	height: 100%;
	 */
}
/*
.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 1 / 2 / 2; }
.div3 { grid-area: 1 / 2 / 2 / 3; }
.div4 { grid-area: 1 / 2 / 2 / 3; }
*/
.riep-icon {
	align-items: center;
	justify-content: center;
	display: flex;
	justify-content: center;
	align-items: center;
/*
	max-width: 40px;
	min-height: 200px;
	padding: 6px;
*/
}
.riep-icon img {
	width: 32px;
    border-radius: 18px;
	object-fit: cover;
    cursor: pointer;
	filter: invert(1);
}

.riep-label {
	text-align: left;
	align-items: center;
	display: flex;
	font: message-box;
	color: black;
	padding-left: 4px;
/*
	border-left: gray;
	border-left: solid;
	border-left-color: gray;
	border-left-width: thin;
*/
}

.riep-count {
	font-family: 'Lora', serif;
	font-family: 'Space Mono', monospace;
	font-size: large;
	color: #0000F2;
	text-align: center;
	padding: 4px;
}

.riep-tools {
    grid-column: 2;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-content: center;
	justify-content: flex-start;
	padding: 4px;
	gap: 6px;
/*
	border-left: gray;
	border-left: solid;
	border-left-color: gray;
	border-left-width: thin;
	padding-left: 4px;
*/
}

.riep-col3 {
	display: grid;
	grid-template-rows: 1fr 1fr;
	gap: 10px;
}
.riep-col3-top, .riep-col3-bottom {
	background-color: #bbb;
}

.riep-tools button {
	border: none;
}

.filterbutton {
/*
	position: relative;
	left: 10px;
	border-style:none;
	background-color:transparent;
    cursor: pointer;
    box-shadow: 0 2px #2e7d32;
    border-radius: 10px;
	padding-left:6px;
	padding-top:6px;
	padding-right:6px;
	padding-bottom:2px;
*/
}

.filterbutton:active {
	box-shadow: 0 2px #2e7d32;
	transform: translateY(2px);
	/*background-color: #45a049;*/
}

.filterpopup {
	grid-template-columns: auto auto; /* Label e input affiancati */
	align-items: center;
	display: none;
	position: fixed;
	align-items: flex-start;
	top: 50px;
/*
margin-top: 0;
position: relative;	 o nessuna dichiarazione
	left: 50%;
	gap: 10px;
	transform: translate(-50%, -50%);
*/
	background-color: #ffffff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	border: 1px solid #ccc;
    border-radius: 8px;
	padding: 20px;
	z-index: 1000;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
/*
	display: grid;
	justify-content: space-between;
	display: flex;
	align-items: center;
	height: 100vh;
	margin: 0;
	flex-wrap: wrap;
    margin: auto;
    color: #333;
    font-family: Arial, sans-serif;
*/
}
.filterpopup label {
  align-self: center;
}

.filterpopup input {
  width: 100%;
}

.filteroverlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 999;
}

.filter-header {
	grid-column: 1 / -1; /* Copre entrambe le colonne */
	text-align: center;
	margin-bottom: 20px;
	background-color: #4CAF50;
	color: white;
	padding: 10px;
	cursor: move;
	user-select: none; /* Impedisce la selezione del testo */
    font-size: 16px;
    font-weight: bold;
}
.filter-footer {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.filter-footer button {
    padding: 10px 16px;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s;
}


.filter-header h3 {
    font-size: 18px;
    color: #222;
    margin: 0;
}

.filterpop label {
    font-size: 14px;
    color: #555;
    margin-bottom: 4px;
    display: block;
}

.filterpop input[type="text"] {
    width: 100%;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: border-color 0.3s;
}

.filterpop input[type="text"]:focus {
    border-color: #74C0FC;
    outline: none;
}

.filter-footer button[name="saveData"] {
    background-color: #74C0FC;
    color: #fff;
}

.filter-footer button[name="saveFilter"] {
    background-color: #4CAF50;
    color: #fff;
}

.filter-footer button[name="closePopup"] {
    background-color: #f44336;
    color: #fff;
}

.filter-footer button:hover {
    transform: scale(1.05);
}

.filter-footer button:active {
    transform: scale(0.95);
}

.filterpopup:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.osm-marker {
	position: relative;
	display: inline-block;
	transform: translate(-50%, -100%);
	pointer-events: auto;
}

.osm-marker.pulsed {
  animation: pulse 0.3s ease-out;
}

@keyframes pulse {
  0% {
    transform: translate(-50%, -100%) scale(1);
  }
  50% {
    transform: translate(-50%, -100%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -100%) scale(1);
  }
}

.osm-tooltip {
	/* Open Street Map
	border: 1px solid #ccc;
	white-space: nowrap;
	background-color: white;
	*/
	background: rgba(255, 255, 255, 0.95);
	padding: 6px 10px;
	border-radius: 6px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	font-size: 13px;
	color: #333;
	border: none;
	transition: opacity 0.2s ease, transform 0.2s ease;
	transform: translateY(-5px);
	pointer-events: auto;
	cursor: pointer;
}

.osm-tooltip div {
	visibility:visible;
	position:unset;
	width:auto;
	margin-left: unset;
}
.osm-tooltip:hover {
  visibility: visible !important;
}
.oooool-tooltip {
  position: absolute;
  background: rgba(255, 255, 255, 0.95);
  padding: 5px 8px;
  border: 1px solid #333;
  border-radius: 4px;
  font-size: 13px;
  white-space: nowrap;
  pointer-events: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transform: translate(-50%, -100%);
  transition: opacity 0.2s ease;
}

.olMap {
	z-index: 0;
	position:relative;
}

.selMap-container {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.6s ease;
}

.selMap-container.active {
	max-height: 500px;
}

.selMap {
	height: 400px;
	/*width: 100%;*/
}

.selCoord {
	margin-top: 10px;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

input {
	margin-right: 10px;
	margin-top: 5px;
}
	
.flash {
	animation: flash-border 0.6s ease;
}

@keyframes flash-border {
	0% { box-shadow: 0 0 0px rgba(0, 150, 255, 0); }
	50% { box-shadow: 0 0 10px rgba(0, 150, 255, 0.8); }
	100% { box-shadow: 0 0 0px rgba(0, 150, 255, 0); }
}

/* tabella di servizio */
.table-s {
  width: 100%;
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: #333;
  margin: 20px 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.table-s thead {
  background-color: #f4f4f4;
}

.table-s thead th {
  text-align: left;
  padding: 12px;
  border-bottom: 2px solid #ddd;
  font-weight: bold;
}

.table-s tbody tr {
  background-color: #fff;
  transition: background-color 0.3s;
}

.table-s tbody tr:hover {
  background-color: #f0f8ff;
}

.table-s tbody td {
  padding: 12px;
  border-bottom: 1px solid #ddd;
}

.table-s tbody td:nth-child(4) { /* Colonna "Descrizione" */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px; /* Puoi regolare la larghezza in base al layout */
}

.ef-parametri-table {
	width: 100%;
	margin-top: 1em;
}

.ef-parametri-table th,
.ef-parametri-table td {
	padding: 10px;
	border: 1px solid #ccc;
	vertical-align: top;
}

.ef-parametri-table th {
	width: 200px;
	background-color: #f9f9f9;
	text-align: left;
}

.ef-parametri-table input[type="text"],
.ef-parametri-table input[type="number"],
.ef-parametri-table select,
.ef-parametri-table textarea {
	width: 100%;
	box-sizing: border-box;
}

.ef-parametri-table small {
	display: block;
	margin-top: 5px;
	color: #666;
	font-style: italic;
}

.ef-parametri-table .delete {
	color: #b00;
	text-decoration: underline;
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	margin-top: 6px;
	display: inline-block;
}

.ef-parametri-field-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

.ef-parametri-field-wrapper input[type="text"],
.ef-parametri-field-wrapper input[type="number"],
.ef-parametri-field-wrapper select,
.ef-parametri-field-wrapper textarea {
	flex: 1 1 auto;
	min-width: 200px;
}

.ef-parametri-field-wrapper small {
	flex: 0 0 auto;
	white-space: nowrap;
	color: #666;
	font-style: italic;
	font-size: 0.9em;
}