:root {
	--colore1: #F6801A;	 /* arancione		*/
	--colore2: #313C75;	 /* blu				*/
	--colore2trassparente1: #313C7544;
	--colore2trassparente2: #313C75AA;
	--colore3: #4CA0C2;	 /* celestino		*/
	--colore4: #DDD200;  /* giallo "oro"	*/

	--rosso1: #C4163B;
	--verde1: #34D1AF;

	--nero1: #222222;
	--nero1trasparente1: #22222244;
	--grigio1: #CCCCCC;
	--bianco1: #FFFFFF;
	--bianco1trasparente1: #FFFFFFaa;
	--bianco1trasparente2: #FFFFFF88;
	--bianco2: #F7F7FF;	 /* bianco ghiaccio	*/
	--bianco3: #FFFEEB;	 /* bianco giallo	*/

	--trasparente: #00000000;

	--colorecasa: #D3A43B;
	--coloreseguiti: #8C77FC;
	--coloreperiodici: #E9A1EB;
	--coloreoggi: #DD5E00;
	--coloreonline: #DDD200;
	--colorepubblici: #A8D349;
	--coloretelegram: #fc4c00; /* arancione per telegram */
}

.subheader-pagina {
	background-color: var(--bianco1trasparente1);
}

.tns-nav > button {
	background-color: var(--grigio1);
}

.tns-nav > button.tns-nav-active {
	background-color: var(--colore2);
}

.tns-nav-active {
	background-color: var(--colore2);
}

.elemento-account-home.link.special , .box-blu {
	background-color: var(--colore3);
	color: #fff;
}

.box-blu.scuro {
	background-color: var(--colore2);
	color: #fff;
}

@media (hover: hover) and (pointer: fine) {
	a:hover , footer a:hover , .small-footer a:hover , .container-contatti a:hover , .search-goggle:hover , #ui-popup .ui-popup-close {
		color: var(--colore1);
	}
	.btn:hover:not(.disabled) , .btn.hover , .btn-circular:hover , .elimina-immagine:hover , .circle:hover .fa-solid {
		background-color: var(--bianco1);
		color: var(--colore1);
		border-color: var(--colore1);
	}
	.btn.chiaro:hover , .btn.chiaro.hover {
		background-color: var(--bianco2);
		color: var(--colore2);
		border-color: var(--colore2);
	}
}

.popup-news::-webkit-scrollbar-thumb {
	background: var(--grigio1);
}

.popup-news::-webkit-scrollbar-track {
	background-color: var(--bianco1);
}

#drop_zone {
	border: 2px dashed var(--grigio1);
}

.header-footer #pubblica {
	background-color: var(--colore1);
}

.account-form input.moddable {
	color: var(--grigio1);
}

.elemento-trofeo {
	color: var(--bianco1);
}

.file-grasso {
	border: 2px dashed var(--grigio1);
}

.transazione {
    background-color: var(--bianco1);
}

.mini-immagine {
	background-color: var(--bianco2);
}

#alert-effimero {
	box-shadow: 0 0 20px var(--nero1);
}

#ui-loader, #ui-popup, .popup {
	background-color: var(--bianco1trasparente1);
}

.loader {
	background-color: var(--bianco1trasparente2);
}

.elemento-account-home.principale {
	border-bottom-color: var(--grigio1);
}
.elemento-account-home.link {
	background-color: var(--bianco2);
	border-top-color: var(--grigio1);
	border-bottom-color: var(--grigio1);
}
.elemento-account-home.last {
	border-bottom-color: var(--grigio1);
}
.lista-dispositivi-elemento {
	border-top-color: var(--grigio1);
	border-bottom-color: var(--grigio1);
}

body {
	color: var(--colore2);
}

.dadi , .colore-dadi , .container-testo-icona > i {
	color: var(--colore3);
}

.colore2 {
	color: var(--colore2);
}

.stella-vuota {
	background-color: var(--colore3);
	color: #fff !important;
	border-radius: 50%;
	width: 32px;
	line-height: 32px;
	font-size: 18px !important;
	text-align: center;
}

.elemento-trofeo , .area-trofeo {
	background-color: var(--colore3);
}

.form-box .input {
    border: 1px solid var(--grigio1);
    box-shadow: 0 0 0 var(--colore3);

    transition: box-shadow .4s;
}

.form-box .input:focus {
    box-shadow: 0 0 5px var(--colore3);
}

.input.inverso , .info-data {
	background-color: var(--bianco2);
	color: var(--colore2);
	border-color: var(--bianco2);
}

select.input {
	border-right: 20px solid #fff;
}

.messaggio-chat.mittente , .voto-gioco {
	background-color: var(--colore3);
	color: var(--bianco2);
}

.messaggio-chat.destinatario {
	background-color: var(--bianco2);
	color: var(--colore3);
}

a .titolo , .txt-link , .txt-link a , .titolo.colore-alt , .notify-led , .loader {
	color: var(--colore1);
}

.notify-led .fa-solid:not(.fa-circle) , .lista-chat-counter:not(.null) {
	background-color: var(--colore1);
	color: var(--bianco1);
}

a.selected {
    color: var(--colore1);
}

.btn , .btn-circular , .elimina-immagine , .circle .fa-solid {
    background-color: var(--colore1);
    color: var(--bianco1);
    border-color: var(--colore1);
    transition: color .2s , background-color .2s , border-color .2s;
}

.btn.chiaro {
	background-color: var(--bianco2);
    color: var(--colore2);
	border-color: var(--bianco2);
}

.btn.verde {
	background-color: var(--verde1);
    color: var(--bianco1);
	border-color: var(--verde1);
}
.btn.verde.hover , .btn.verde:hover {
	background-color: var(--bianco1);
    color: var(--verde1);
	border-color: var(--verde1);
}

.btn.blu {
	background-color: var(--colore2);
    color: var(--bianco1);
	border-color: var(--colore2);
}
.btn.blu.hover , .btn.blu:hover {
	background-color: var(--bianco2);
    color: var(--colore2);
	border-color: var(--colore2);
}

.btn.rosso {
	background-color: var(--rosso1);
    color: var(--bianco1);
	border-color: var(--rosso1);
}
.btn.rosso.hover , .btn.rosso:hover {
	background-color: var(--bianco1);
    color: var(--rosso1);
	border-color: var(--rosso1);
}

.btn.disabled {
	background-color: var(--bianco1);
    color: var(--rosso1);
	border-color: var(--rosso1);
}

.menu-pagina.stuck {
	border-color: var(--grigio1);
}

.menu-pagina .link-menu-account.selected {
	color: var(--colore2);
	border-color: var(--colore3);
}

.mini-menu-container , .selected {
	border-color: var(--colore1);
}

.mini-menu-container {
	background-color: var(--bianco1);
}

.main-mappa-legenda-elemento .pallino , .mini-tavolo-icona .pallino {
	background-color: var(--colore2);
	border-color: var(--colore2);
	color: var(--colore2);
}

.main-mappa-legenda-elemento.oggi .pallino , .mini-tavolo-icona.oggi .pallino {
	background-color: var(--coloreoggi);
	border-color: var(--coloreoggi);
}

.main-mappa-legenda-elemento.periodici .pallino , .mini-tavolo-icona.periodici .pallino {
	background-color: var(--coloreperiodici);
	border-color: var(--coloreperiodici);
}

.main-mappa-legenda-elemento.online .pallino , .mini-tavolo-icona.online .pallino {
	background-color: var(--coloreonline);
	border-color: var(--coloreonline);
}

.main-mappa-legenda-elemento.casa .pallino , .mini-tavolo-icona.casa .pallino {
	background-color: var(--colorecasa);
	border-color: var(--colorecasa);
}

.main-mappa-legenda-elemento.luoghi-pubblici .pallino , .mini-tavolo-icona.luoghi-pubblici .pallino {
	background-color: var(--colorepubblici);
	border-color: var(--colorepubblici);
}

.main-mappa-legenda-elemento.utenti-seguiti .pallino , .mini-tavolo-icona.utenti-seguiti .pallino {
	background-color: var(--coloreseguiti);
	border-color: var(--coloreseguiti);
}

.mini-tavolo-container {
	background-color: var(--bianco2);
	border-color: var(--colore2);
}

.mini-tavolo-container.oggi {
	border-color: var(--coloreoggi);
}

.mini-tavolo-container.oggi .mini-tavolo-nome {
    color: var(--coloreoggi);
}

.mini-tavolo-container.periodici {
	border-color: var(--coloreperiodici);
}

.mini-tavolo-container.periodici .mini-tavolo-nome {
	color: var(--coloreperiodici);
}

.mini-tavolo-container.online {
	border-color: var(--coloreonline);
}

.mini-tavolo-container.online .mini-tavolo-nome {
	color: var(--coloreonline);
}

.mini-tavolo-container.casa {
	border-color: var(--colorecasa);
}

.mini-tavolo-container.casa .mini-tavolo-nome {
	color: var(--colorecasa);
}

.mini-tavolo-container.luoghi-pubblici {
	border-color: var(--colorepubblici);
}

.mini-tavolo-container.luoghi-pubblici .mini-tavolo-nome {
	color: var(--colorepubblici);
}

.mini-tavolo-container.utenti-seguiti {
	border-color: var(--coloreseguiti);
}

.mini-tavolo-container.utenti-seguiti .mini-tavolo-nome {
	color: var(--coloreseguiti);
}

.mini-menu-container.account , .navbar , .navbar a , .main-mappa-container {
	border-color: var(--colore2);
}

.btn.selected , .counter {
    background-color: var(--bianco1);
    color: var(--colore1);
	border-color: var(--colore1);
}

.small-footer , .container-contatti , .form-box , .box, .ui-popup-inner , .popup-inner , .prodotti-box , .faq-risposta , .titolo-tab.selezionato , #alert-effimero , .lista-chat-elemento {
    background-color: var(--bianco2);
    color: var(--colore2);
}

.lista-chat-elemento.evidenza-notifica {
	background-color: var(--bianco1);
}

.box , .mini-immagine , .prodotti-box {
	border: 1px solid var(--colore2);
}

.box.bianco {
	background-color: var(--bianco1);
	border: none;
}

.prodotti-box.box-evidenza , .box.box-evidenza {
    border-color: var(--colore4);
	background-color: var(--bianco3);
}

.box.box-evidenza .mini-immagine {
	 border-color: var(--colore4);
}

.account-form label {
	border-right: 1px solid var(--colore2);
}

.chat-message {
	background-color: var(--bianco1);
}

a , .small-footer a , .container-contatti a {
    color: var(--colore2);
}

.outer-header , .header-footer {
    background: var(--colore2);
    box-shadow: 0 4px 2px -2px var(--trasparente);
    transition: background 0.4s , box-shadow 0.4s;
}

.top-header , footer , .popup-password , .box.scuro , .collegamento-cerca , .box-suggerimenti .collegamento-cerca , .bundle-container , .popup-trofeo , .tab-head-container {
    background-color: var(--colore2);
    color: var(--bianco2);
}

.popup-trofeo .fa-caret-up {
	color: var(--colore2);
}

.top-header a , footer a , .top-ico , .top-txt , .freccia-indietro {
    color: var(--bianco2);
}

.filtro {
    background-color: var(--colore2trasparente1);
}

.filtro.scuro {
    background-color: var(--colore2trasparente2);
}

.rosso , .transazione-out {
    color: var(--rosso1);
}

.super-account {
    color: var(--colore3);
}

#search-head , #search-head-left , .mini-scheda-img , .lista-chat-img img {
    background-color: var(--bianco1);
}

/*** CUSTOM ***/

#meter {
	background-color: var(--bianco2);
}

.mini-meter {
	background-color: var(--grigio1);
}

#meter > span , .mini-meter > span {
	background-color: var(--colore2);
}

#meter.coloreverde > span {
	background-color: var(--verde1);
}

.mini-meter-text {
	color: #ffffff;
}

.tns-controls > * {
	color: var(--colore1) !important;
}

.custom-1-txt-big {
	color: var(--colore1);
}

.custom-1-txt-box-sx , .custom-1-txt-box-dx , .freddie-citazione {
	color: var(--colore2);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--colore3);
}

.select2-dropdown {
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple , .select2-container--default .select2-selection--multiple , .lista-chat-elemento , .lista-chat-img img {
	border-color: var(--colore2);
}

.lista-chat-img.round img , .top-ico-img.blu {
	background-color: var(--colore2);
}

#custom-2 {
	background-color: var(--colore3);
	color: var(--bianco1);
	box-shadow: 0 5px 20px var(--nero1trasparente1);
	border-radius: 10px;
}

#custom-3 {
	background-color: var(--colore2);
}

#custom-4 {
	background-color: var(--colore3);
	color: var(--bianco1);
}

/* Annunci Telegram */
.mini-annuncio.box-telegram {
	border-color: var(--coloretelegram) !important;
	border-width: 2px;
}

/* Annunci Wishlist Match (verde) */
.mini-annuncio.box-wishlist-match {
	border-color: var(--verde1) !important;
	border-width: 2px;
}

.mini-annuncio.box {
	position: relative;
	z-index: 0;
}

.mini-annuncio.box-telegram .icona-telegram {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10;
	display: flex;
	width: 30px;
	height: 30px;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	border-radius: 50%;
	border-width: 2px;
	border-style: solid;
	background-color: var(--coloretelegram);
	border-color: var(--coloretelegram);
	color: var(--colore2);
	box-shadow: 0 1px 1px rgba(0,0,0,0.15),
              0 2px 2px rgba(0,0,0,0.15),
              0 4px 4px rgba(0,0,0,0.15),
              0 8px 8px rgba(0,0,0,0.15);
}

.mini-annuncio.box-wishlist-match .icona-wishlist-match {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10;
	display: flex;
	width: 30px;
	height: 30px;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	border-radius: 50%;
	border-width: 2px;
	border-style: solid;
	background-color: var(--verde1);
	border-color: var(--verde1);
	color: white;
	box-shadow: 0 1px 1px rgba(0,0,0,0.15),
              0 2px 2px rgba(0,0,0,0.15),
              0 4px 4px rgba(0,0,0,0.15),
              0 8px 8px rgba(0,0,0,0.15);
}

/*PWA*/

@media (display-mode: standalone) {
	.header-footer #pubblica i{
		background-color: var(--colore1);
		box-shadow: 0 5px 5px #000000AA;
	}
	.header-footer #pubblica {
		background-color: initial !important;
	}
}