@charset "UTF-8";
/* CSS Document */

.btn-allegato {
	border: 1px solid #228ae6;
	background-color: transparent;
	padding: 7px;
	color: #228ae6;
	border-radius: 15px;
}

.btn-allegato:hover {
	border: 1px solid #228ae6;
	background-color: #228ae6;
	color: #fff;
}


.btn-elimina-file {
	border: 1px solid #228ae6;
	background-color: transparent;
	padding: 5px 10px 5px 10px;
	color: #228ae6;
	border-radius: 5px;
}

.btn-elimina-file:hover {
	border: 1px solid #228ae6;
	background-color: #228ae6;
	color: #fff;
}



.risposte-pratiche {
	  border-left: 5px solid #228ae6;
	border-right: 2px solid #228ae6;
  background: #fff;
  box-shadow: rgba(33, 35, 38, 0.3) 0px 10px 10px -10px;
	padding: 10px 20px;
margin: 0 0 20px;
}


.nascosto{
	display:none;
}

#errore_younity{
 display: none;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 2147483647;
  left: 0;
  bottom: 0;
  background: rgba(0,0,0,0.9);
  opacity: 0.90;
  width: 100%;
background-color:#FFF;
}
#errore_younity_acccesso{
  left: 0;
  position: fixed;
  top: 0;
  z-index: 2147483647;
  left: 0;
  bottom: 0;
  background: rgba(0,0,0,0.9);
  opacity: 0.90;
  width: 100%;
background-color:#FFF;
}
#successo_younity{
 display: none;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 2147483647;
  left: 0;
  bottom: 0;
  background: rgba(0,0,0,0.9);
  opacity: 0.90;
  width: 100%;
background-color:#FFF;
}

svg {
width: 100px;
display: block;
margin: 15% auto 0;
}
.path {
stroke-dasharray: 1000;
stroke-dashoffset: 0;
}
.path.circle {
-webkit-animation: dash 0.9s ease-in-out;
animation: dash 0.9s ease-in-out;
}
.path.line {
stroke-dashoffset: 1000;
-webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
animation: dash 0.9s 0.35s ease-in-out forwards;
}
.path.check {
stroke-dashoffset: -100;
-webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
animation: dash-check 0.9s 0.35s ease-in-out forwards;
}
p.success,p.error {
text-align: center;
margin: 20px 0 60px;
font-size: 1.25em;
}
p.success {
color: #73AF55;
}
p.error {
color: #D06079;
}
.sigPad p.error{
color: #ffffff;
}
@-webkit-keyframes dash {
0% {
  stroke-dashoffset: 1000;
}
100% {
  stroke-dashoffset: 0;
}
}
@keyframes dash {
0% {
  stroke-dashoffset: 1000;
}
100% {
  stroke-dashoffset: 0;
}
}
@-webkit-keyframes dash-check {
0% {
  stroke-dashoffset: -100;
}
100% {
  stroke-dashoffset: 900;
}
}
@keyframes dash-check {
0% {
  stroke-dashoffset: -100;
}
100% {
  stroke-dashoffset: 900;
}
}



/* Stile generale per il campo select */
select {
    width: 100%; /* Larghezza piena per adattarsi al contenitore */
    padding: 10px 20px; /* Padding per un migliore tocco visivo */
    border: 2px solid #f2f3f6; /* Bordo sottile e chiaro */
    border-radius: 3px; /* Angoli arrotondati */
    background-color: transparent; /* Sfondo bianco */
    font-size: 14px; /* Dimensione del testo adeguata */
    color: #333; /* Colore del testo scuro per leggibilità */
    cursor: pointer; /* Cursor a mano per indicare la funzionalità */
	margin-bottom: 3px;
	height: 42px;
}

/* Stile per l'hover */
select:hover {
    border-color: #f2f3f6; /* Cambia colore del bordo al passaggio del mouse */
}

/* Stile per il focus */
select:focus {
    border-color: #f2f3f6; /* Colore del bordo quando il campo è attivo */
    outline: none; /* Rimuove il contorno di default per focus in alcuni browser */
}

/* Stile per la disabilitazione */
select:disabled {
    background-color: #f0f0f0; /* Sfondo più scuro per indicare la disabilità */
    color: #6c757d; /* Colore del testo grigio per indicare la disabilità */
    cursor: not-allowed; /* Cursor non disponibile */
}



/* INIZIO ICONA FRECCIA PER FORM SELECT NELLA VERSIONE MOBILE */
.custom-select-wrapper {
  position: relative;
  width: 100%;
}

.custom-select {
  width: 100%;
  padding: 10px;
  appearance: none; /* Nasconde la freccia predefinita del browser */
  -webkit-appearance: none;
  -moz-appearance: none;
  background: white;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.custom-select-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  pointer-events: none; /* L'icona non interferisce con i clic */
  font-size: 16px;
  color: #555;
}

/* Facoltativo: personalizzazione mobile */
@media (max-width: 767px) {
  .custom-select {
    font-size: 16px;
  }
}
/* FINE ICONA FRECCIA PER FORM SELECT NELLA VERSIONE MOBILE */



.spazio-verticale-riga-form-registrazione {
	margin-bottom: 25px;
}




.form-group-due {
  margin: 10px 0;
}

.form-group-due input[type="checkbox"] {
  margin-right: 10px;
}