/* --------------------------------------
common
-------------------------------------- */
.body-bg-xol {
	background-image: url("/assets-da/core/img/bg/bg-circle-source.png");
	background-repeat: no-repeat;
	background-position: -22% -17%;
	background-size: 48%;
}

/* --------------------------------------
Indirizzo Mittente
-------------------------------------- */
.sezioneMittenteIndirizzoManuale,
.sezioneRicevutaIndirizzoManuale,
.sezioneIndirizzoManuale {
	display: none;
}

/* --------------------------------------
Codice Fiscale
-------------------------------------- */
#toggleCodiceFiscale {
	display: none;
}

/* --------------------------------------
cgs
-------------------------------------- */
.cgs {
	font-size: 16px;
	text-align: justify;
}

/* --------------------------------------
loading
-------------------------------------- */

#myModalLoading[style*="block"] {
	display: inline-flex !important;
}

.loading-xol {
	width: 100%;
	height: 100vh;
	background-color: #0f0f0f;
	position: fixed;
	opacity: 0.3;
	z-index: 1050;
	top: 0;
	min-height: 600px;
	display: none;
	left: 0;
}

.loading {
	position: fixed;
	overflow: hidden;
	width: 100%;
	height: 100%;
	display: none;
	/*background: #000;
	opacity: 0.5;*/
	z-index: 1050;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.loading-container {
	width: 100%;
	height: 100%;
	background-color: #0f0f0f;
	position: absolute;
	opacity: 0.8;
	z-index: 3;
	top: 0;
	min-height: 600px;
	display: none;
	left: 0;
}

.myModalLoadingSmall {
	display: none;
	background-color: #333;
	opacity: 0.8;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

/* --------------------------------------
file upload
-------------------------------------- */
.dropzone-height {
	line-height: 65px !important;
}

/* .dropzone-container{
	height: 65px;
	text-align: center;
	cursor: pointer;
} */

.dropzone-container span {
	color: #ccc;
}

.file-upload-item:hover {
	cursor: grab;
}

.file-upload-item-preview:hover {
	cursor: pointer !important;
}

.drag-item-placeholder {
	border: 1px solid #ccc;
	width: 100% !important;
	background-color: #eee;
	height: 70px !important;
	padding: 22px 10px 4px 4px;
	/* margin-top: 10px;
	margin-bottom: 10px; */
	list-style: none;
	text-align: center;
	border-radius: 0.5rem;
}

.drag-item-placeholder:before {
	content: "Trascina qui";
}

.file-list-up,
.file-list-down {
	padding-left: 0;
	overflow-y: auto;
	/*padding: 5px;*/ /* ATTENZIONE se si rimuove questo padding non viene più visualizzato il box trascina qui*/
	min-height: 10px; /* ATTENZIONE se si rimuove questa property non viene più visualizzato il box trascina qui in fase di trascinamento del file*/
}

.area-add-files {
	background-color: #d9e4f4;
	min-height: 70px;
	padding: 5px;
	border-radius: 0.5rem;
}

.file-list-preview {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.file-list-item-preview {
	flex-basis: 90%;
}
.file-list-item {
	list-style-type: none;
}

/* --------------------------------------
typeahead
-------------------------------------- */

.dropdown-menu {
	min-width: 160px !important;
	margin-top: 2px !important;
	padding: 5px 0 !important;
	background-color: #fff !important;
	border: 1px solid #ccc !important;
	border: 1px solid rgba(0, 0, 0, 0.2) !important;
	border-right-width: 2px !important;
	border-bottom-width: 2px !important;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176) !important;
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176) !important;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176) !important;
	-webkit-background-clip: padding-box !important;
	-moz-background-clip: padding !important;
	background-clip: padding-box !important;
	/* width: 100% !important; */
	font-size: 15px !important;
}

.typeahead-custom .dropdown-menu {
	width: 100% !important;
}
.dropdown-menu > li > a {
	display: block !important;
	padding: 3px 20px !important;
	text-decoration: none;
	/* padding: 10px 20px;
    text-decoration: none;
    border:1px solid #ccc */
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	color: inherit;
	text-decoration: none;
	background-color: #eee;
	cursor: pointer;
	outline: 0;
}

.dropdown-menu > li > a > strong {
	color: #0047bb;
	font-weight: bold;
}

.twitter-typeahead {
	width: 100%;
}

.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
	margin-bottom: 0;
}

.tt-menu {
	min-width: 160px;
	margin-top: 2px;
	padding: 5px 0;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-right-width: 2px;
	border-bottom-width: 2px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	width: 100%;
}

.tt-suggestion {
	display: block;
	padding: 3px 20px;
}

.tt-suggestion:hover {
	cursor: pointer;
	background-color: #eee;
}

.tt-suggestion.tt-cursor {
	color: #535353;
	background-color: #eee;
}

.tt-suggestion.tt-cursor a {
	color: #fff;
}

.tt-suggestion p {
	margin: 0;
}

.tt-suggestion .tt-highlight {
	color: #0047bb;
	font-weight: bold;
}

.scrollable-dropdown-menu .tt-menu {
	max-height: 150px !important;
	overflow-y: auto;
}

/* --------------------------------------
modal grid
-------------------------------------- */
/* per modali */
.grid-container {
	display: grid;
	grid-template-columns: 50px 200px auto;
	grid-template-areas: "check nominativo info";
	gap: 10px;
}

.grid-item {
	align-self: center;
}

.grid-item:nth-child(1) {
	grid-area: check;
}
.grid-item:nth-child(2) {
	grid-area: nominativo;
}
.grid-item:nth-child(3) {
	grid-area: info;
}

/* per lista e tabelle */
.grid-container-lista {
	display: grid;
	grid-template-columns: 50px 200px 300px auto;
	grid-template-areas: "check nominativo indirizzo icona";
	gap: 10px;
}

.grid-item-lista {
	align-self: center;
}

.grid-item-lista:nth-child(1) {
	grid-area: check;
}
.grid-item-lista:nth-child(2) {
	grid-area: nominativo;
}
.grid-item-lista:nth-child(3) {
	grid-area: indirizzo;
}
.grid-item-lista:nth-child(4) {
	grid-area: icona;
}

/* per tabelle dettaglio destinatri con tracciatura*/
.grid-container-dettaglio-contatto-tracciatura-a-tre {
	display: grid;
	/* grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); */
	grid-template-columns: 35% 35% 35%;
	/* grid-template-areas:'nominativo indirizzo tracciatura doc-ritiro-digitale doc-archiviato'; */
	gap: 10px;
}

.grid-container-dettaglio-contatto-tracciatura-a-quattro {
	display: grid;
	/* grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); */
	grid-template-columns: 25% 35% 27% 10%;
	/* grid-template-areas:'nominativo indirizzo tracciatura doc-ritiro-digitale doc-archiviato'; */
	gap: 10px;
}

.grid-container-dettaglio-contatto-tracciatura-a-cinque {
	display: grid;
	/* grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); */
	grid-template-columns: 20% 25% 20% 15% 10%;
	/* grid-template-areas:'nominativo indirizzo tracciatura doc-ritiro-digitale doc-archiviato'; */
	gap: 10px;
}

.grid-item-dettaglio-contatto-tracciatura {
	/* align-self: center; */
}

/* .grid-item-dettaglio-contatto-tracciatura:nth-child(1) { grid-area: nominativo; }
.grid-item-dettaglio-contatto-tracciatura:nth-child(2) { grid-area: indirizzo; }
.grid-item-dettaglio-contatto-tracciatura:nth-child(3) { grid-area: tracciatura; }
.grid-item-dettaglio-contatto-tracciatura:nth-child(4) { grid-area: doc-ritiro-digitale; }
.grid-item-dettaglio-contatto-tracciatura:nth-child(5) { grid-area: doc-archiviato; } */

/* per lista e tabelle corrispondenza */
.grid-container-lista-corrispondenza {
	display: grid;
	grid-template-columns: 5% 15% 18% 15% 20% 15% auto;
	grid-template-areas: "check dataSpedizione tipologiaSpedizione nomeSpedizione destinatario prezzo icona";
	gap: 10px;
}

.grid-item-corrispondenza {
	/* align-self: center; */
}

.grid-item-corrispondenza:nth-child(1) {
	grid-area: check;
}
.grid-item-corrispondenza:nth-child(2) {
	grid-area: dataSpedizione;
}
.grid-item-corrispondenza:nth-child(3) {
	grid-area: tipologiaSpedizione;
}
.grid-item-corrispondenza:nth-child(4) {
	grid-area: nomeSpedizione;
}
.grid-item-corrispondenza:nth-child(5) {
	grid-area: destinatario;
}
.grid-item-corrispondenza:nth-child(6) {
	grid-area: prezzo;
}
.grid-item-corrispondenza:nth-child(7) {
	grid-area: icona;
}

/* per lista e tabelle rubrica */
.grid-container-lista-rubrica {
	display: grid;
	grid-template-columns: 5% 6% 40% 40% auto;
	grid-template-areas: "check tipologia nominativo indirizzo icona";
	gap: 10px;
	align-items: center;
}

.grid-item-rubrica {
	/* align-self: center; */
}

.grid-item-rubrica:nth-child(1) {
	grid-area: check;
}
.grid-item-rubrica:nth-child(2) {
	grid-area: tipologia;
}
.grid-item-rubrica:nth-child(3) {
	grid-area: nominativo;
}
.grid-item-rubrica:nth-child(4) {
	grid-area: indirizzo;
}
.grid-item-rubrica:nth-child(5) {
	grid-area: icona;
}

/* --------------------------------------
blocco form
-------------------------------------- */
/* form casella postale */
#bloccoform3,
#bloccoform2 {
	display: none;
}

/* --------------------------------------
bootstrap override
-------------------------------------- */

.pagination-wrap .pagination > li > a {
	width: auto;
}

@media (max-width: 767px) {
	.text-xs-center {
		text-align: center !important;
	}
	.pt1-xs {
		padding-top: 10px !important;
	}
	.list-file li a {
		display: initial !important;
	}
}

/* --------------------------------------
Box
-------------------------------------- */

.box-xol {
	margin-bottom: 23px;
	border: 1px solid #f3f3f3;
	box-shadow: 2px 2px 8px 8px rgba(0, 0, 0, 0.05);
	border-radius: 8px;
	background-color: #fff;
	padding: 12px;

	/* allinea il contenuto alla stessa altezza */
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

@media (max-width: 600px) {
	/* .box-size{
        margin-top:20px;
    } */
}

.form-group-abs-custom {
	border: 1px solid #909194;
	border-radius: 5px;
	padding-left: 10px;
}

/* --------------------------------------
calendar
-------------------------------------- */
#ui-datepicker-div {
	background: #fff;
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 5px;
	z-index: 10;
	display: none;
}

.ui-datepicker-prev {
	order: 1;
}

.ui-datepicker-title {
	order: 2;
}
.ui-datepicker-next {
	order: 3;
}

.ui-datepicker-prev,
.ui-datepicker-next {
	text-decoration: none !important;
	cursor: pointer;
}

.ui-datepicker-header {
	display: flex;
	justify-content: space-between;
}

.ui-datepicker-calendar th {
	padding: 5px;
}

.ui-datepicker-calendar td {
	padding: 5px;
	text-align: center;
}
.ui-datepicker-calendar > td > a {
	color: #0047bb;
}
.ui-datepicker-calendar tr {
	border-top: 1px solid #ddd;
}
.ui-datepicker-calendar tr:last-child {
	border-bottom: 1px solid #ddd;
}

.ui-datepicker-calendar td {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.ui-datepicker-today {
	background: #0047bb;
}
.ui-datepicker-today > a {
	color: #fff !important;
}
.selectDay > a:hover {
	text-decoration: none;
}

#boxAdvanncedSearch {
	display: none;
}

/* modale modelli telegramma */
/* override corousel x telegramma frasi template */
.need-area-telegramma {
	padding: 0;
	/*width: 13350px;*/
}

.need-area-telegramma li.telegramma:first-child {
	margin-left: 0;
}

.need-area-telegramma li.telegramma {
	white-space: normal;
	display: block;
	float: left;
	width: 204px;
	height: 250px;
	background-color: #fff;
	margin: 0 15px;
}

/* --------------------------------------
frasi telegramma
-------------------------------------- */
.content-overflow {
	width: 100%;
	overflow-x: auto;
}
.frasi {
	border: 1px solid #ccc;
	border-radius: 15px;
	width: 20%;
	height: 100px;
	margin-right: 20px;
	padding: 10px;
	overflow: auto;
	cursor: pointer;
	font-size: 15px;
}
.frasi .content {
	max-height: 150px;
	overflow: auto;
}

.frase-selected {
	border: 2px solid #2b6fb6;
	background: #f2f8ff !important;
	outline: none;
}

/* AUTOCOMPLITE */
.autocomplite-loader {
	position: absolute;
	/* right: 17px;
    top: 15px; */
	right: 6px;
	top: 3px;
	display: none;
}

.panel-body-xol {
	background-color: #fff !important;
	padding: 0 !important;
}

/* Responsive */
@media (max-width: 767px) {
	.grid-container-lista-corrispondenza {
		grid-template-columns: repeat(2, 1fr); /* Singola colonna che occupa tutto lo spazio disponibile */
		grid-template-areas:
			"check"
			"dataSpedizione"
			"tipologiaSpedizione"
			"nomeSpedizione"
			"destinatario"
			"prezzo"
			"icona";
		/* grid-template-columns: repeat(2, 1fr);
          grid-template-areas:
            'check icona'
            'tipologiaSpedizione nomeSpedizione'
            'destinatario prezzo'
            'dataSpedizione .';  */
	}

	.grid-container-dettaglio-contatto-tracciatura {
		grid-template-columns: repeat(2, 1fr); /* Singola colonna che occupa tutto lo spazio disponibile */
		grid-template-areas: "nominativo" "indirizzo" "tracciatura" "file-type" "icona";
	}
	.grid-container-dettaglio-contatto-tracciatura-a-tre {
		grid-template-columns: 1fr;
	}

	.grid-container-dettaglio-contatto-tracciatura-a-quattro {
		grid-template-columns: 1fr;
	}

	.grid-container-dettaglio-contatto-tracciatura-a-cinque {
		grid-template-columns: 1fr;
	}

	.body-bg-xol {
		background-size: cover;
		background-position: 0 0;
		background-size: cover;
		background-image: none !important;
	}

	.form-group-abs-custom {
		border: 0;
		border-radius: 0;
		padding-left: 0;
		border-bottom: 1px solid #909194;
		margin-bottom: 3rem;
	}

	main .content:last-of-type:not(.content-multiwrap) {
		padding-bottom: 0;
	}

	.panel-body-xol {
		padding: 15px !important;
	}

	/* RUBRICA */
	.grid-container-lista-rubrica {
		grid-template-columns: 5% 6% auto auto auto;
	}

	.rubrica-lista-container {
		padding: 0 20px;
	}
	.rubrica-filter {
		margin-top: 15px;
		text-align: center;
	}
}

.popover-content {
	padding: 12px 16px; /* aggiunge spazio interno */
	font-size: 14px;
	line-height: 1.4;
	white-space: normal;
	word-wrap: break-word;
	/* text-align: justify; */
	width: inherit !important;
}

.popover {
	width: 100% !important;
	max-width: 350px !important;
}
.popover-content,
.popover-body {
	box-sizing: border-box;
}

/* .container-box {
    display: grid;
    gap: 10px;
    display: flex;
    justify-content: left;
    align-items: left;
}

.container-box {
    grid-template-areas:
        "box1 box2"
        "box3 box4";
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
}

.box:nth-child(1) { grid-area: box1; }
.box:nth-child(2) { grid-area: box2; }
.box:nth-child(3) { grid-area: box3; }
.box:nth-child(4) { grid-area: box4; }

.container-box:has(.box:nth-child(3)):not(:has(.box:nth-child(4))) {
    grid-template-areas: "box1 box2 box3";
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
}

.box {
    display: flex;
    justify-content: center;
    align-items: center;
}


@media (max-width: 600px) {
    .container-box {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, 1fr);
        grid-template-areas:
            "box1"
            "box2"
            "box3"
            "box4";
    }

    .container-box:has(.box:nth-child(3)):not(:has(.box:nth-child(4))) {
        grid-template-rows: repeat(3, 1fr);
        grid-template-areas: 
            "box1"
            "box2"
            "box3";
    }
}

@media (max-width: 400px) {
    .container-box {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, 1fr);
        grid-template-areas:
            "box1"
            "box2"
            "box3"
            "box4";
    }

    .container-box:has(.box:nth-child(3)):not(:has(.box:nth-child(4))) {
        grid-template-rows: repeat(3, 1fr);
        grid-template-areas: 
            "box1"
            "box2"
            "box3";
    }
} */

/* --------------------------------------
editor
-------------------------------------- */

/* .texteditor-container{
	border: 2px dashed #d0d0d0;
}

.texteditor-template{
	background-color: #f6f6f6;
	padding-top: 10px;
	text-align: center;
	padding-bottom:10px;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
*/
/* per mobile */
/* .mce-btn-group .mce-btn {
	float: left;
}  */

#texteditor {
	margin-top: 10px;
	border: 1px solid #ccc;
	resize: none;
	border-bottom: 0;
}

.wordcount__telegramma {
	background-color: #eee;
	padding: 10px !important;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	top: -3px;
	position: relative;
	border-bottom: 1px solid #ccc;
}

/* MODALI */
/* Centratura solo su desktop */
@media (min-width: 768px) {
	.modal {
		text-align: center;
		padding: 0 !important;
	}

	.modal:before {
		content: "";
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -4px; /* correzione per inline-block */
	}

	.modal-dialog {
		display: inline-block;
		text-align: left;
		vertical-align: middle;
	}
}

/* blocca lo scroll della pagina quando la modale è aperta */
body.modal-open {
	overflow: hidden !important;
	position: fixed;
	width: 100%;
}

/* Accordion */
/* Elimina il bordo sotto la label dell'input text */
.panel-group .panel-tile .panel-heading + .panel-collapse > .panel-body {
	border: 0;
}

/* PAGAMENTO */

/* .form-check [type="radio"] + label::before {
	top: 0.6rem;
} */

#id-tipo-pagamento-label {
	padding-top: 0 !important;
}

/* CUSTOM TOOLTIP */
.tooltip-override {
	overflow: visible !important;
	white-space: normal !important;
	text-overflow: clip !important;
	width: 100% !important;
}

/* * {
	overflow: visible !important;
	white-space: normal !important;
	text-overflow: clip !important;
} */

.link-disabled {
	pointer-events: none; /* disattiva i click */
	cursor: not-allowed; /* cursore “vietato” */
	opacity: 0.6; /* effetto visivo */
	color: gray; /* opzionale */
	text-decoration: none; /* evita underline */
}

.link-disabled svg {
	fill: gray !important; /* l’icona eredita il colore del link */
	transition: fill 0.2s ease;
}

.avatar {
	width: 50px; /* dimensione del cerchio */
	height: 50px;
	border-radius: 50%; /* rende il div circolare */
	background: radial-gradient(circle at 30% 30%, #f9f9ff, #eaeefc); /* sfumatura morbida */
	color: #1a4de8; /* blu del testo */
	font-weight: 700;
	/* font-size: 24px; */
	display: flex; /* centra il testo */
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.05); /* ombra leggera */
	user-select: none;
}

/* Rimuove underline AL BOTTONE LINK PERSONALIZZATO */
.btn-xs.btn-default.btn-link.btn-link-custom,
.btn-xs.btn-default.btn-link.btn-link-custom:hover,
.btn-xs.btn-default.btn-link.btn-link-custom:focus,
.btn-xs.btn-default.btn-link.btn-link-custom:active {
	text-decoration: none !important;
}

/* (Opzionale) assicura che anche il testo interno non sia mai sottolineato */
.btn-link.btn-link-custom span {
	text-decoration: none !important;
}