/* CSS corpo pagine admin */

:root{
	--sidebarWidthOpen:			25em;
	--sidebarWidthClose:		6em;
}

/* regole generali */
.bx								{ font-size: 2rem; }
a								{ text-decoration: none; }
li								{ list-style: none; }
html							{ overflow-x: hidden; }
body 							{ background: var(--grey); overflow-x: hidden; }
.content::-webkit-scrollbar		{ display: none; }

/* griglia ordinamento contenuto */
.grid							{ display: grid; }
.flex							{ display: flex; align-items: center; justify-content: center; }
.grid, .flex					{ gap: 2.4rem; margin-top: 2.4rem; width: 100%; color: var(--dark); }
.grid > div, .flex > div		{ overflow-x: auto; }
.floatContent					{ margin-top: 1.2rem; margin-left: -1.2rem; width: 100%; color: var(--dark); }
.floatContent > div				{ float: left; margin: 1.2rem; width: 50rem; }
.grid.dashboard					{ grid-template-columns: auto auto; }
.grid.user						{ grid-template-columns: auto minmax(auto, 40rem); grid-template-areas: "anag nuovi" "anag sospesi"; }
/*
.flex.anag						{ flex-flow: row wrap; align-items: flex-start; justify-content: flex-start; }
.grid.anag						{ grid-template-columns: minmax(auto, 50rem) auto; grid-template-rows: auto auto; grid-template-areas: "profilo corsi" "profilo pagamenti"; }
.grid.istruttore				{ grid-template-columns: 1fr; }
.grid.corso						{ grid-template-columns: 1fr; max-width: 70rem; }
*/

/* box generico */
.box							{ background: var(--light); padding: 2.4rem; border-radius: 2rem; }
.box .header					{ display: flex; align-items: center; flex-wrap: wrap; gap: 1.6rem; margin-bottom: 2.4rem; color: var(--dark); }
.box .header a					{ color: var(--dark); cursor: pointer; }
.box .header .bx				{ font-size: 2.5rem; }
.box .header h3					{ display: inline-block; font-size: 2.2rem; font-weight: 600; max-width: 70%; margin-right: auto; }

/* box nascosto da espandere */
.toggleBox						{ border: .2rem solid var(--grey); border-radius: 1rem; cursor: pointer; transition: all .3s ease; }
.toggleBox:hover				{ background: var(--grey); }
.toggleBox .toggleBlock			{ }
.toggleBox .toggleHide			{ display: none; }

/* toogle tema chiaro / scuro */
.temaScuro #temaScuro			{ display: none; }
.temaScuro label				{ display: flex; align-items: center; justify-content: space-between; position: relative; background: var(--dark);
						 		  font-size: 1rem; height: 2.8em; width: 5.2em; padding: .5em; border-radius: 5em; cursor: pointer; }
.temaScuro label .bxs-moon		{ color: #FFD600; }
.temaScuro label .bxs-sun		{ color: #FF8600; }
.temaScuro label .ball			{ position: absolute; top: .3em; left: .3em; height: 2.2em; width: 2.2em; border-radius: 50%;
								  background: var(--primary); transition: transform .2s linear; }
.temaScuro #temaScuro:checked + label .ball	{ transform: translateX(2.4em); }

/* sidebar */
.sidebar						{ font-size: 1rem; position: fixed; top: 0; left: 0; background: var(--light); width: var(--sidebarWidthOpen);
								  height: 100%; scrollbar-width: none; z-index: 1000; transition: all .3s ease; }
.sidebar::-webkit-scrollbar		{ display: none; }
.sidebar.close					{ width: var(--sidebarWidthClose); }
.sidebar .logo					{ font-size: 1rem; font-weight: 700; color: var(--primary); height: 7em;
								  display: flex; align-items: center; z-index: 500; box-sizing: content-box; transition: all .3s ease; }
.sidebar .logo img				{ position: absolute; width: 70%; height: auto; padding: .5em; top: 1em; left: 50%;
								  transform: translate(-50%, 0); box-sizing: border-box; transition: all .3s ease; }
.sidebar.close .logo			{ height: 4em; }
.sidebar.close .logo img		{ width: 100%; }
.sidebar .side-menu				{ width: 100%; margin-top: 5em; }
.sidebar .side-menu li			{ height: 5em; background: transparent; margin-left: .6em; border-radius: 5em 0 0 5em; padding: .4em; }
.sidebar .side-menu li.active	{ background: var(--grey); position: relative; }
.sidebar .side-menu li.active::before	{ content: ""; position: absolute; width: 4em; height: 4em; border-radius: 50%;
										  top: -4em; right: 0; box-shadow: 2em 2em 0 var(--grey); z-index: -1; }
.sidebar .side-menu li.active::after	{ content: ""; position: absolute; width: 4em; height: 4em; border-radius: 50%;
										  bottom: -4em; right: 0; box-shadow: 2em -2em 0 var(--grey); z-index: -1; }
.sidebar .side-menu li a		{ font-size: 1.8em; color: var(--dark); width: 100%; height: 100%; background: var(--light); border-radius: 2.5em; 
								  display: flex; align-items: center; white-space: nowrap; overflow-x: hidden; transition: all .3s ease; }
.sidebar.close .side-menu li a	{ width: calc(4.8rem - (.4rem * 2)); transition: all .3s ease; }
.sidebar .side-menu li.active a	{ color: var(--verde); }
.sidebar .side-menu li a .bx	{ font-size: 2.5rem; min-width: calc(6rem - (.4rem + .6rem) * 2); display: flex; justify-content: center; }
.sidebar .side-menu.bottom		{ position: absolute; bottom: 1rem; }
.sidebar .side-menu li a.logout	{ color: var(--rosso); }

/* contenitore centrale */
.content						{ position: relative; width: calc(100% - var(--sidebarWidthOpen)); left: var(--sidebarWidthOpen); transition: all .3s ease; }
.sidebar.close~.content			{ width: calc(100% - var(--sidebarWidthClose)); left: var(--sidebarWidthClose); }

/* navbar in cima al sito */
.content nav					{ position: sticky; top: 0; left: 0; height: 5.6rem; width: 100%; background: var(--light); padding: 0 2.4rem 0 0;
								  display: flex; align-items: center; justify-content: space-between; grid-gap: 2.4rem; box-sizing: border-box; z-index: 900; }
.content nav::before			{ content: ""; position: absolute; width: 4rem; height: 4rem; border-radius: 50%;
								  bottom: -4rem; left: 0; box-shadow: -2rem -2rem 0 var(--light); }
.content nav a					{ color: var(--dark); }
.content nav .bx.bx-menu		{ font-size: 3rem; color: var(--dark); cursor: pointer; }
.content nav .titolo			{ width: 100%; max-width: 40rem; }

/* intestazione pagine */
.main_Header					{ display: flex; align-items: center; justify-content: space-between; grid-gap: 1.5rem; flex-wrap: wrap; color: var(--dark); }
.main_Header h1					{ font-size: 3.6rem; font-weight: 600; margin-bottom: 1rem; color: var(--dark); }
.main_Header ul					{ font-size: 1.6rem; display: flex; align-items: center; grid-gap: 1rem; }
.main_Header ul li a			{ color: var(--dark-grey); /*pointer-events: none;*/ cursor: pointer; transition: all .3s ease; }
.main_Header ul li a:hover		{ font-weight: 600; }
.main_Header ul li:last-child a	{ color: var(--primary); }
.main_Header .pulsanti			{ display: flex; align-items: center; justify-content: space-between; grid-gap: 1.5rem; flex-wrap: wrap; color: var(--dark); }

/* pulsanti */
.btn-box						{ display: flex; align-items: center; justify-content: space-between; grid-gap: 1.5rem; flex-flow: row-reverse wrap; }
.btn							{ display: flex; align-items: center; justify-content: center; grid-gap: 1rem;
								  font-size: 1.5rem; color: #fff; font-weight: 600; background: var(--primary); transition: all .3s ease;
								  height: 3.6rem; padding: 0 1.6rem; border-radius: 3.6rem; border-color: none; outline: none; cursor: pointer; }
.btn.add						{ background: var(--blu); }
.btn.attivo						{ background: var(--verde); }
.btn.non_attivo					{ background: var(--rosso); }
.btn.attesa						{ background: var(--giallo); }
.dashedBtn						{ display: block; width: 100%; height: 4rem; line-height: 4rem; text-align: center; font-size: 2rem; color: var(--dark);
								  border: .2rem dashed var(--dark); border-radius: .5rem; cursor: pointer; transition: all .3s ease; }
.dashedBtn:hover				{ color: var(--blu); border-color: var(--blu); }

/* div popup che slida */
.slideDiv						{ display: flex; width: 200%; overflow-x: hidden; }
.slideDiv > div					{ width: calc(50% - 4.8rem); margin: 0 2.4rem; box-sizing: border-box; }

/*********************/
/***** DASHBOARD *****/
/*********************/
/* corpo centrale */
.content main					{ width: auto; padding: 3.6rem 2.4rem; max-height: calc(100vh - 5.6rem); }
.content main .dati				{ display: grid; grid-template-columns: repeat( auto-fit, minmax(25rem, 1fr) ); grid-gap: 2.4rem; margin-top: 3.6rem; }
.content main .dati li			{ display: flex; align-items: center; grid-gap: 2.4rem; cursor: pointer; }
.content main .dati li .bx		{ font-size: 3.6rem; display: flex; align-items: center; justify-content: center; width: 8rem; height: 8rem; border-radius: 1rem; }
.content main .dati li.userTot .bx { background: var(--primary-L); color: var(--primary); }
.content main .dati li.userNew .bx { background: var(--verde-L); color: var(--verde); }
.content main .dati li img		{ display: flex; align-items: center; justify-content: center; width: 8rem; height: auto; }
.content main .dati li .info h3	{ font-size: 2.4rem; font-weight: 600; color: var(--dark); }
.content main .dati li .info p	{ color: var(--dark); }

/* tabella elenco */
.table							{ flex-grow: 2; flex-basis: 50rem; }
.table table					{ font-size: 1rem; width: 100%; border-collapse: collapse; }
.table table th					{ font-size: 1.5em; padding: .5em; text-align: left; padding-bottom: 1em; border-bottom: .1em solid var(--grey); }
.table table td					{ font-size: 1.5em; padding: 1.6em .5em; }
.table table tr td .user		{ display: flex; align-items: center; gap: 1rem; padding-left: .6rem; }
.table table td img				{ width: 3.6rem; height: 3.6rem; border-radius: 50%; object-fit: cover; }
.table table td .user span		{ font-size: .8em; padding-top: .2em; }
.table table td .action a		{ display: inline-block; padding: .2rem 2rem; background: none; border-radius: .5rem; transition: all .3s ease; }
.table table td a.elimina		{ color: var(--rosso); }
.table table td a.elimina:hover	{ background: var(--rosso); color: white; }
.table table tbody tr			{ cursor: pointer; transition: all .3s ease; }
.table table tbody tr:hover		{ background: var(--grey); }
.table .rigo					{ display: block; color: var(--dark); font-size: 1.2rem; }
.table .rigo .title				{ font-size: 2rem; }
.table span.stato				{ display: inline-block; font-size: 1em; font-weight: 600; padding: .6em 1em; border-radius: 2em; }
.table span.stato.verde			{ color: var(--verde-L); background: var(--verde); }
.table span.stato.giallo		{ color: var(--giallo-L); background: var(--giallo); }
.table span.stato.rosso			{ color: var(--rosso-L); background: var(--rosso); }
.table span.stato.blu			{ color: var(--blu-L); background: var(--blu); }

/* tabella avvisi */
.avvisi							{ flex-grow: 1; flex-basis: 30rem; }
.avvisi .lista					{ font-size: 1rem; width: 100%; }
.avvisi .lista li				{ display: flex; align-items: center; justify-content: space-between; font-size: 1.5rem;
								  width: 100%; background: var(--grey); padding: 1.4rem 1rem; border-radius: 1rem; margin-bottom: 1.6rem; }
.avvisi .lista li .titolo		{ display: flex; align-items: center; }
.avvisi .lista li .titolo p		{ margin-left: .6em; }
.avvisi .lista li .titolo .bx	{ font-size: 1.5em; }
.avvisi .lista li.completo		{ border-left: 1rem solid var(--verde); }
.avvisi .lista li.attesa		{ border-left: 1rem solid var(--giallo); }
.avvisi .lista li.annullato		{ border-left: 1rem solid var(--rosso); }
.avvisi .lista li.info			{ border-left: 1rem solid var(--blu); }

/*****************/
/** ANAGRAFICHE **/
/*****************/
/* elenco utenti */
.user .anag						{ grid-area: anag; }
.user .nuovi					{ grid-area: nuovi; }
.user .sospesi					{ grid-area: sospesi; }

/* anagrafiche user e istruttore */
.anag .profilo					{ display: grid; grid-gap: 2.5rem 1rem; grid-template-columns: repeat(6, 1fr);
								  grid-template-areas:	"a_foto a_foto a_foto a_foto a_foto a_foto"
									  					"a_cognome a_cognome a_cognome a_nome a_nome a_nome"
									  					"a_sesso a_data a_data a_cf a_cf a_cf"
									  					"a_comNascita a_comNascita a_comNascita a_comNascita a_comNascita a_comNascita"
									  					"a_prof a_prof a_prof a_prof a_prof a_prof"
														"a_via a_via a_via a_via a_via a_via"
														"a_comune a_comune a_comune a_comune a_comune a_comune"
														"a_tel a_tel a_tel a_cell a_cell a_cell"
														"a_email a_email a_email a_email a_email a_email"
														"a_cert a_cert a_cert a_cert a_data_cert a_data_cert"
									  					"a_federazioni a_federazioni a_federazioni a_federazioni a_federazioni a_federazioni"; }
.anag .profilo .foto			{ grid-area: a_foto; display: block; position: relative; text-align: center; cursor: pointer;}
.anag .profilo .foto img		{ max-width: 25rem; max-height: 25rem; border-radius: 50%; }
.anag .profilo .foto i			{ position: absolute; font-size: 5rem; color: #888; top: 50%; left: 50%; transform: translate(100%,100%); opacity: .5; }
.anag .profilo .foto i:hover	{ color: var(--dark); opacity: 1; }
.anag .profilo .cognome			{ grid-area: a_cognome; }
.anag .profilo .nome			{ grid-area: a_nome; }
.anag .profilo .sesso			{ grid-area: a_sesso; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; }
.anag .profilo .data_nascita	{ grid-area: a_data; }
.anag .profilo .cf				{ grid-area: a_cf; }
.anag .profilo .comNascita		{ grid-area: a_comNascita; }
.anag .profilo .professione		{ grid-area: a_prof; }
.anag .profilo .via				{ grid-area: a_via; }
.anag .profilo .comune			{ grid-area: a_comune; }
.anag .profilo .tel				{ grid-area: a_tel; }
.anag .profilo .cell			{ grid-area: a_cell; }
.anag .profilo .email			{ grid-area: a_email; }
.anag .profilo .certificato		{ grid-area: a_cert; }
.anag .profilo .scadenza		{ grid-area: a_data_cert; }
/*
.anag .profilo .federazioni		{ grid-area: a_federazioni; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.anag .profilo .federazioni label	{ width: 10rem; margin: 1rem; box-sizing: border-box; }
.anag .profilo .federazioni img	{ width: 100%; height: auto; border-radius: 1rem; }
.anag .profilo .federazioni img:hover { transform: scale(1.1); }
*/
.anag .federazioni		{ grid-area: a_federazioni; display: grid; grid-template-columns: 10rem 1fr 1fr; grid-gap: 2rem 1rem; place-items: center; }
.anag .federazioni img	{ width: auto; max-width: 10rem; height: 5rem; border-radius: 1rem; }
.anag .federazioni img:hover { transform: scale(1.1); }
.anag .corsi					{ }
.anag .corsi .rigo				{ width: 100%; min-height: 7rem; justify-content: space-between; margin-bottom: 2rem; padding: 2rem; color: var(--dark); font-size: 1.2rem;
								  border: .2rem solid var(--grey); border-radius: 1rem; transition: all .3s ease; }
.anag .corsi .rigo:hover		{ background: var(--primary-L); color: var(--black); cursor: pointer; }
.anag .corsi .rigo .title		{ font-size: 2rem; }
.anag .corsi .rigo i			{ font-size: 3rem; cursor: pointer; }
.anag .valutazione				{ }
.anag .valutazione .rigo		{ width: 100%; min-height: 7rem; justify-content: space-between; margin-bottom: 2rem; padding: 2rem; color: var(--black); font-size: 2rem;
								  border: .2rem solid var(--grey); border-radius: 1rem; cursor: pointer; transition: all .3s ease; }
.anag .valutazione .da_fare		{ background: var(--giallo-L) }
.anag .valutazione .da_fare i	{ font-size: 3rem; color: var(--giallo); }
.anag .valutazione .fatto		{ background: var(--verde-L) }
.anag .valutazione .fatto i		{ font-size: 3rem; color: var(--verde); }
.anag .stampe					{ }
.anag .stampe .rigo				{ width: 100%; min-height: 7rem; justify-content: space-between; margin-bottom: 2rem; padding: 2rem; color: var(--dark); font-size: 2rem;
								  border: .2rem solid var(--grey); border-radius: 1rem; cursor: pointer; transition: all .3s ease; }

/* popup elenco corsi */
.anag .elencoCorsi .body			{ height: 70vh; overflow-y: auto; }
/* popup aggiunta corso */
.anag .corsiAdd						{ width: 60rem; max-width: 100%; }
.anag .corsiAdd_1 .body				{ display: grid; grid-gap: 2rem 1rem; grid-template-columns: repeat(2, 1fr);
									  grid-template-areas:	"corso_now corso_inizio"
															"istruttore istruttore"
															"corso_orario corso_costo"
															"corso_brevetto corso_brevetto"
										  					"corso_note corso_note"; }
.anag .corsiAdd_1 .corso_attuale	{ grid-area: corso_now; }
.anag .corsiAdd_1 .corso_inizio		{ grid-area: corso_inizio; }
.anag .corsiAdd_1 .istruttore		{ grid-area: istruttore; }
.anag .corsiAdd_1 .corso_orario		{ grid-area: corso_orario; }
.anag .corsiAdd_1 .corso_costo		{ grid-area: corso_costo; }
.anag .corsiAdd_1 .corso_brevetto	{ grid-area: corso_brevetto; }
.anag .corsiAdd_1 .corso_note		{ grid-area: corso_note; height: auto; }
.anag .corsiAdd_2					{ }
.anag .corsiAdd_2 .corsi_rate_testa	{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1rem; }
.anag .corsiAdd_2 .rigo				{ display: grid; grid-template-columns: repeat(3, 2fr) auto; grid-gap: 1rem; margin-top: 2rem;
									  font-size: 2rem; color: var(--dark); }
.anag .corsiAdd_2 .rigo .numero		{ grid-column: 1 / end; }
.anag .corsiAdd_2 .rigo.nuovo		{ grid-template-columns: repeat(3, 1fr); }
.anag .corsiAdd_2 .rigo .bxs-check-circle,
.anag .corsiAdd_2 .rigo .bxs-minus-circle,
.anag .corsiAdd_2 .rigo .bxs-x-circle { font-size: 3rem; }
.anag .corsiAdd_2 .rigo .bxs-check-circle { color: var(--verde); }
.anag .corsiAdd_2 .rigo .bxs-minus-circle { color: var(--giallo); }
.anag .corsiAdd_2 .rigo .bxs-x-circle { color: var(--rosso); }
/* popup valutazione user */
.anag .valuta						{ width: 80rem; max-width: 100%; color: var(--dark); }
.anag .valuta .body					{ max-height: 70vh; margin-top: 7rem; overflow-y: auto; }
.anag .valuta .titolo				{ position: absolute; display: grid; grid-gap: .5rem; grid-template-columns: 2fr 3fr 1fr; width: calc(80rem - 8rem);
									  font-size: 2rem; background: var(--light); min-height: 7rem; padding: 2rem; margin-top: -7rem; z-index: 4000; }
.anag .valuta .rigo					{ margin-bottom: 2rem; }
.anag .valuta .rigo_visibile		{ display: grid; grid-gap: .5rem; grid-template-columns: 2fr 3fr 1fr; min-height: 7rem; padding: 2rem; }
.anag .valuta .rigo_visibile>p		{ font-size: 2rem; }
.anag .valuta .rigo_visibile>div	{ }
.anag .valuta .rigo_visibile .input-radio	{ font-size: 3rem; text-align: center; margin: 0 .5rem; }
.anag .valuta .rigo_nascosto		{ font-size: 1.2rem; padding: 2rem; }
.anag .valuta .valuta_input			{ justify-content: flex-start; }
.anag .valuta .valuta_input label	{ display: block; position: relative; max-width: 15rem; height: 4rem; margin-top: .5rem; }
.anag .valuta .valuta_input label::before	{ content: attr(data-title); position: absolute; line-height: 4rem; left: 1rem; text-transform: uppercase; }
.anag .valuta .valuta_input input	{ width: 100%; height: 100%; padding-left: 3rem; border-radius: 1rem; }

/* anagrafica corso */
.corso .daticorso				{ display: grid; grid-gap: 2rem 1rem; grid-template-columns: 1fr; }

/*********************/
/**** STATISTICHE ****/
/*********************/
/* selettore statistiche da mostrare */
.stat							{ }
.stat__line						{ display: grid; grid-template-columns: repeat( auto-fit, minmax(auto, 30rem) ); grid-gap: 2.4rem; margin-top: 3.6rem; }
.stat__line li					{ display: flex; align-items: center; grid-gap: 2.4rem; padding: 1rem; cursor: pointer; color: var(--dark); }
.stat__line li.active			{ background: var(--selected); }
.stat__line li .bx				{ font-size: 3.6rem; display: flex; align-items: center; justify-content: center; width: 8rem; height: 8rem; border-radius: 1rem; }
.stat__line li span				{ font-size: 1.5rem; font-weight: 600; }

/* zona filtri */
.stat__filtri					{ display: flex; justify-content: flex-start; align-items: center; gap: 1.6rem;
								  max-width: 100%; margin: 2rem 0; color: var(--dark); font-size: 1.2rem; }
.stat__filtri input				{ width: 10rem; }

/* zona grafici e tabelle statistiche */
.stat__grafici					{ display: grid; grid-template-columns: repeat( auto-fit, minmax(auto, 40rem) ); grid-gap: 2.4rem;
								  place-items: start stretch; margin-top: 2.4rem; }
.stat__grafici section			{ background: var(--light); color: var(--dark); }
.stat__grafici h2				{ font-size: 2.5rem; }
.stat__grafici .stat__canvas	{ display: flex; align-items: center; justify-content: center; width: 100%; height: 35rem; }
.stat__grafici canvas			{ }
.stat__dati						{ display: grid; grid-template-columns: 1fr; margin-top: 3rem; }
.stat__dati__rigo				{ }
.stat__dati__rigo__gen			{ display: grid; grid-gap: .5rem; grid-template-columns: auto 60% 1fr auto; align-items: center;
								  min-height: 7rem; padding: 2rem; font-size: 1.5rem; }
.stat__dati__rigo__gen p		{ margin: 0; }
.stat__dati__rigo__gen>div		{ display: flex; align-items: center; justify-content: flex-end; }
.stat__dati__rigo__gen .arrow	{ transition: transform .3s linear; }
.stat__dati__rigo__gen .arrow.active { transform: rotate(180deg); }
.stat__dati__rigo__gruppo>div	{ display: grid; grid-gap: .5rem; grid-template-columns: auto 60% 1fr auto; align-items: center;
								  min-height: 7rem; padding: 2rem; font-size: 1.2rem; border-top: .2rem solid var(--grey); }
.stat__dati__rigo__gruppo p		{ margin: 0; }
.stat__dati__rigo .bxs-book		{ color: var(--primary); margin: 0 .5rem; transition: all .3s ease; }
.stat__dati__rigo .bxs-book:hover { transform: scale(1.4); }

/* popup valutazione user */
.stat .elenco						{ width: 60rem; max-width: 100%; color: var(--dark); }
.stat .elenco .body					{ max-height: 70vh; margin-top: 7rem; overflow-y: auto; }
.stat .elenco .titolo				{ position: absolute; display: grid; grid-gap: .5rem; grid-template-columns: 1fr auto; width: calc(60rem - 8rem);
									  font-size: 2rem; background: var(--light); min-height: 7rem; padding: 2rem; margin-top: -7rem; z-index: 4000; }
.stat .elenco .search				{ position: relative; }
.stat .elenco .search input			{ font-size: 1.5rem; height: 3rem; width: 90%; padding: 0 1.5rem 0 3.2rem;
									  background: var(--light); border: .1rem solid var(--dark-grey); border-radius: .5rem; outline: none; transition: all .3s ease; }
.stat .elenco .search input:focus	{ border-color: var(--primary); }
.stat .elenco .search i				{ position: absolute; font-size: 1.8rem; color: var(--dark); line-height: 3.5rem; left: 1.2rem; }
.stat .elenco .rigo					{ display: grid; grid-gap: .5rem; grid-template-columns: 1fr auto; min-height: 4rem; padding: 2rem; }
.stat .elenco .rigo > p				{ font-size: 2rem; }
.stat .elenco .rigo i				{ font-size: 3rem; color: var(--dark); margin: 0 .5rem; transition: all .3s ease; }
.stat .elenco .rigo i:hover			{ color: var(--primary); transform: scale(1.4); }

/*******************/
/**** PAGAMENTI ****/
/*******************/
/*  */
.pagamenti							{ width: 60rem; max-width: 100%; }
.pagamenti .titolo					{ display: grid; grid-gap: 1rem; grid-template-columns: 1fr 2fr; }
.pagamenti .rigo					{ display: grid; grid-template-columns: repeat(3, 2fr); grid-gap: 1rem; margin-top: 2rem; font-size: 2rem; color: var(--dark); }


@media only screen and ( min-width: 1900px) {
	.grid.anag					{ grid-template-columns: 1fr 1fr 1fr; grid-template-areas: "profilo corsi pagamenti"; }
}

@media only screen and ( max-width: 1300px) {
	.grid.dashboard				{ grid-template-columns: 1fr; }
	.grid.user					{ grid-template-columns: 1fr; grid-template-areas: "anag" "nuovi" "sospesi"; }
}

@media only screen and ( max-width: 768px) {
	.sidebar					{ width: 20rem; }
	.content					{ width: calc(100% - var(--sidebarWidthClose)); left: 20rem; }
	.anag .profilo				{ grid-template-columns: 50% 50%;
								  grid-template-areas:	"a_foto a_foto"
									  					"a_nome a_nome"
														"a_cognome a_cognome"
									  					"a_sesso a_data"
									  					"a_cf a_cf"
									  					"a_comNascita a_comNascita"
														"a_prof a_prof"
														"a_via a_via"
														"a_comune a_comune"
														"a_tel a_cell"
														"a_email a_email"
														"a_cert a_data_cert"
									  					"a_federazioni a_federazioni"; }
}

@media only screen and ( max-width: 650px) {
	.box .header				{ flex-wrap: nowrap; }
	.box .header h3				{ font-size: 1.8rem; }
	.content main .dati			{ grid-template-columns: 1fr; }
	.table table tr td span		{ justify-content: flex-end; }
	.floatContent				{ display: grid; grid-gap: 2.4rem; grid-template-columns: 1fr;
								  margin: 0; margin-top: 2.4rem; width: 100%; }
	.floatContent > div			{ float: none; margin: 0; width: 100%; }
	.anag .profilo				{ grid-template-columns: 1fr;
								  grid-template-areas:	"a_foto"
									  					"a_nome"
														"a_cognome"
									  					"a_sesso"
									  					"a_data"
									  					"a_cf"
									  					"a_comNascita"
														"a_prof"
														"a_via"
														"a_comune"
														"a_tel"
									  					"a_cell"
														"a_email"
														"a_cert"
									  					"a_data_cert"
									  					"a_federazioni"; }
	.anag .corsiAdd .body		{ grid-template-columns: 1fr;
								  grid-template-areas:	"corso_now"
														"corso_inizio"
														"istruttore"
									  					"corso_orario"
									  					"corso_costo"
														"corso_brevetto"
									  					"corso_note"; }
	.anag .profilo .federazioni label	{ width: 8rem; }
	.anag .valuta .body			{ }
}

@media only screen and ( max-width: 500px) {
	.anag .corsiAdd_1 .body		{ grid-template-columns: 1fr;
								  grid-template-areas:	"corso_now"
									  					"corso_inizio"
														"istruttore"
														"corso_orario"
									  					"corso_costo"
														"corso_brevetto"
									  					"corso_note"; }
	.anag .profilo .federazioni label	{ width: 6rem; }
}