.mostraPiuP, .mostraPiuD, .mostraMenoP, .mostraMenoD{
	color:gray;
	border:none;
}

#testoModal{
	text-align:center;
}

input{
	text-align:center;
	text-transform:uppercase; 
}

/*********		SPAZARE GLI ELEMENTI IN PAGINA    	**********/
#frmPersona, #divSeleziona, #divForm, #divTabella, #accordionDashboard, #frmTempoCondivisione{
	margin-top:50px;
	margin-bottom:50px;
}

#btnSubmit,#btnCondividi{
	margin-top:20px;
	margin-bottom:20px;	
}

nav{
	margin-bottom:50px;
}

/*********		ICONA DEL NAV   	**********/
.custom-toggler.navbar-toggler {
    border-color: white;
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}


/*********		STILE GENERICO TABELLA  	**********/
table { 
width: 100%; 
border-collapse: collapse; 
text-align: center; 
}
th { 
background:white; 
font-weight: bold; 
}
td, th { 
padding: 10px; 
border: 1px solid #fff; 
}

/*********		ALTERNA I COLORI FRA LE RIGHE DELLA TABELLA  	**********/
.pari{
	background:#e6f5ff;/*rgba(0, 0, 0, 0.075);*/
}
.dispari{
	background:white;
}

/*********		CAMBIO COLORE RIGA SELEZIONATA  	**********/
.selected{
	background:#007bff;/*#b3b3b3;1aa3ff*/
}


	
/*********		MEDIA QUERY  	**********/	
@media only screen and (min-width: 481px) and (max-width: 767px){/*767px*/
	
	/* Forza la tabella a non essere più una tabella */
		table, thead, tbody, th, td, tr { 
		display: block; 
	}
	/* Nascondiamo l'intestazione della tabella thead */		
	thead tr { 						
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	tr { border: 1px solid #ccc; }
	/* Creiamo lo spazio per l'intestazione  */		
	.datiPersona,.datiDocumento_Persona,.tdCI,.tdTS,.tdPG{ 
		position: relative;		
		padding-left: 50%; 
		border:0;
	}
	/* Creiamo le altre celle per la descrizione */	
	.datiPersona:before,.datiDocumento_Persona:before,.tdCI:before,.tdTS:before,.tdPG:before{ 	
		position: absolute;			
		top: 8px;
		left: 20px;
		width: 40%;  
		font-weight:bold;
	}
	
	.tdTipo{ 
		font-weight: bold;
		font-size: 21;
		border-bottom: 1px solid #ccc; 
		margin-bottom:25px;
	}
	
	.hide{
		display:none;
	}

	.nascosto{
		display:none;
	}
	
	/*Dati anagrafici persona per tabella persone*/
	.datiPersona:nth-of-type(1):before { content: "Cognome"; }
	.datiPersona:nth-of-type(2):before { content: "Nome"; }
	.datiPersona:nth-of-type(4):before { content: "Luogo di Nascita"; }
	.datiPersona:nth-of-type(5):before { content: "Provincia"; }
	.datiPersona:nth-of-type(6):before { content: "Nazione"; }
	.datiPersona:nth-of-type(7):before { content: "Data di Nascita"; }
	.datiPersona:nth-of-type(8):before { content: "Sesso"; }
	
	/*Dati anagrafici persona per tabella documenti*/
	.datiDocumento_Persona:nth-of-type(2):before { content: "Cognome"; }
	.datiDocumento_Persona:nth-of-type(3):before { content: "Nome"; }
	.datiDocumento_Persona:nth-of-type(5):before { content: "Luogo di Nascita"; }
	.datiDocumento_Persona:nth-of-type(6):before { content: "Provincia"; }
	.datiDocumento_Persona:nth-of-type(7):before { content: "Nazione"; }
	.datiDocumento_Persona:nth-of-type(8):before { content: "Data di Nascita"; }
	.datiDocumento_Persona:nth-of-type(9):before { content: "Sesso"; }
	
	/*Carta d Identita label*/
	.tdCI:nth-of-type(1):before { content: "Tipo Documento"; }
	.tdCI:nth-of-type(11):before { content: "Via"; }
	.tdCI:nth-of-type(12):before { content: "Comune di Residenza"; }
	.tdCI:nth-of-type(13):before { content: "Provincia"; }
	.tdCI:nth-of-type(14):before { content: "Cittadinanza"; }
	.tdCI:nth-of-type(15):before { content: "Stato Civile"; }
	.tdCI:nth-of-type(16):before { content: "Professione"; }
	.tdCI:nth-of-type(17):before { content: "Comune di Emissione"; }
	.tdCI:nth-of-type(18):before { content: "Data di Scadenza"; }
	.tdCI:nth-of-type(19):before { content: "Numero"; }
	
	/*Tessera Sanitaria label*/
	.tdTS:nth-of-type(1):before { content: "Tipo Documento"; }
	.tdTS:nth-of-type(10):before { content: "Codice Fiscale"; }
	.tdTS:nth-of-type(18):before { content: "Data di Scadenza"; }
	.tdTS:nth-of-type(19):before { content: "Numero"; }

	/*Patente di Guida label*/
	.tdPG:nth-of-type(1):before { content: "Tipo Documento"; }
	.tdPG:nth-of-type(18):before { content: "Data di Scadenza"; }
	.tdPG:nth-of-type(19):before { content: "Numero"; }
	
}	

@media only screen and (min-width: 320px) and (max-width: 480px){	
	/* Forza la tabella a non essere più una tabella */
	table, thead, tbody, th, td, tr {
		display: block; 
	}
	
	/* Nascondiamo l'intestazione della tabella thead */		
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#tblPersone tr{ 
		border: 1px solid #ccc; 
		padding-top:20px;
	}
	
	#tblDocumenti tr{ 
		border: 1px solid #ccc; 
	}
	
	/* Creiamo lo spazio per l'intestazione  */ 
	.datiPersona,.datiDocumento_Persona,.tdCI,.tdTS,.tdPG{ 	
		position: relative;		
		line-height:50px;
		border:none;
	}
	
	/* Creiamo le altre celle per la descrizione */	
	.datiPersona:before,.datiDocumento_Persona:before,.tdCI:before,.tdTS:before,.tdPG:before{ 	
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;  
		font-weight:bold;
		line-height:0px;
		top:5px;
		position: absolute;
	}
	
	.tdTipo{ 
		font-weight: bold;
		font-size: 21;
		border-bottom: 1px solid #ccc; 
		margin-bottom:25px;
	}
	
	.hide{
		display:none;
	}

	.nascosto{
		display:none;
	}
	
	/*Dati anagrafici persona per tabella persone*/
	.datiPersona:nth-of-type(1):before { content: "Cognome"; }
	.datiPersona:nth-of-type(2):before { content: "Nome"; }
	.datiPersona:nth-of-type(4):before { content: "Luogo di Nascita"; }
	.datiPersona:nth-of-type(5):before { content: "Provincia"; }
	.datiPersona:nth-of-type(6):before { content: "Nazione"; }
	.datiPersona:nth-of-type(7):before { content: "Data di Nascita"; }
	.datiPersona:nth-of-type(8):before { content: "Sesso"; }
	
	/*Dati anagrafici persona per tabella documenti*/
	.datiDocumento_Persona:nth-of-type(2):before { content: "Cognome"; }
	.datiDocumento_Persona:nth-of-type(3):before { content: "Nome"; }
	.datiDocumento_Persona:nth-of-type(5):before { content: "Luogo di Nascita"; }
	.datiDocumento_Persona:nth-of-type(6):before { content: "Provincia"; }
	.datiDocumento_Persona:nth-of-type(7):before { content: "Nazione"; }
	.datiDocumento_Persona:nth-of-type(8):before { content: "Data di Nascita"; }
	.datiDocumento_Persona:nth-of-type(9):before { content: "Sesso"; }
	
	/*Carta d Identita label*/
	.tdCI:nth-of-type(1):before { content: "Tipo Documento"; }
	.tdCI:nth-of-type(11):before { content: "Via"; }
	.tdCI:nth-of-type(12):before { content: "Comune di Residenza"; }
	.tdCI:nth-of-type(13):before { content: "Provincia"; }
	.tdCI:nth-of-type(14):before { content: "Cittadinanza"; }
	.tdCI:nth-of-type(15):before { content: "Stato Civile"; }
	.tdCI:nth-of-type(16):before { content: "Professione"; }
	.tdCI:nth-of-type(17):before { content: "Comune di Emissione"; }
	.tdCI:nth-of-type(18):before { content: "Data di Scadenza"; }
	.tdCI:nth-of-type(19):before { content: "Numero"; }
	
	/*Tessera Sanitaria label*/
	.tdTS:nth-of-type(1):before { content: "Tipo Documento"; }
	.tdTS:nth-of-type(10):before { content: "Codice Fiscale"; }
	.tdTS:nth-of-type(18):before { content: "Data di Scadenza"; }
	.tdTS:nth-of-type(19):before { content: "Numero"; }

	/*Patente di Guida label*/
	.tdPG:nth-of-type(1):before { content: "Tipo Documento"; }
	.tdPG:nth-of-type(18):before { content: "Data di Scadenza"; }
	.tdPG:nth-of-type(19):before { content: "Numero"; }
	
}
	
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  animation-name: bounceInUp;
}

.btn {
  border: none;
  border-radius: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 16px;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  font-size: 14px;
  outline: 0;
  text-decoration: none;
  text-align: center;
  letter-spacing: .5px;
}

.btn-premium {
  color: #ECC400;
  background-color: #007bff;
}

.ad2hs-prompt {
  display: none;
  width: 100%;
  line-height: 2em;
  background-color: #fff;
  color: #333;
  text-align: center;
  text-decoration: none;
  padding: 5% 0;
  min-height: 10%;
  position: fixed;
  bottom: 0;
  justify-content: flex-end;
  flex-direction: column;
  flex-grow: 1;
  animation-duration: 1s;
  animation-fill-mode: both;
}

.ad2hs-prompt:hover {
  box-shadow: 0 0 0 0 0.25rem;
}

.ad2hs-prompt a:focus {
  text-decoration: underline;
}

.ad2hs-prompt:focus-within {
  box-shadow: 0 0 0 0.25rem;
}

.ad2hs-prompt:focus-within a:focus {
  text-decoration: none;
}

.ad2hs-prompt H1 {
  font-size: 2em;
  text-align: center;
  width: 100%;
}

.ad2hs-prompt .btn {
  align-self: flex-end;
  margin-right: 5%;
}

.ad2hs-prompt > * + * {
  margin-top: 0.75rem;
}

.ad2hs-prompt :last-child {
  margin-top: auto;
  margin-bottom: 0.75rem;
}