.widget {
      position: fixed;
	      top: 5%;;
      left: 90%;
      z-index: 1000;
          border-radius: 5px;
	  
    }
	
	 .tools {
   
	      background-color: #006161;
      color: white;
      border: none;
     width:100%;
	padding-bottom: 15%;
	padding-top: 15%;
      margin: 5px;
      border-radius: 5px;
      cursor: pointer;
	    display: block ;
		 min-width: 70px; /* fissa una larghezza minima */
		
		    }
	/* evidenziazione da tastiera*/
		
    .tools:focus {
      background-color: #FFD600;
  color: #4A4A4A;
  outline: 2px solid red;
  transform: none;
    }


/* evidenziazione da mouse*/
  .tools:hover {
  background-color: #FFD600;
  color: #4A4A4A;
  outline: 2px solid red;
  transform: none;
  }


#grad1 {
  height: 40px;
  background-color: #FFD600; /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #FFD600 50%, black 50%);
}

	

/* Colore quando viene applicata la classe changecolor */
body.changecolor {
    color: #FFFFFF; /* Colore del testo quando changecolor è attivo */
    background-color: #333333; /* Colore di sfondo quando changecolor è attivo */
}

a.changecolor {
    color: #FFFFFF; /* Colore dei link quando changecolor è attivo */
}

h1.changecolor, h2.changecolor, h3.changecolor, h4.changecolor, h5.changecolor, h6.changecolor {
    color: #FFD700; /* Colore degli header quando changecolor è attivo */
}	
/* Colore quando viene applicata la classe changecolor */
body.changecolor {
    color: #FFFFFF; /* Colore del testo quando changecolor è attivo */
    background-color: #333333; /* Colore di sfondo quando changecolor è attivo */
}

	

    /* Link di base SENZA sottolineatura */
    a {
      text-decoration: none !important;
      color: blue;
    }

    /* Classe attivata per mostrare la sottolineatura */
    .underline-active a {
      text-decoration: underline !important;
    }

    




	
 /* Media Query per schermi piccoli */
    @media (max-width: 768px) {
		  
      .widget {
        position: relative;
             left: -1%;
        z-index: 9999;
        margin-top: 0;
		margin-left: 5%;
		margin-right: 5%;
		display: flex;
		
            }
			
	 .tools {
     
     width:100%;
	padding-bottom: 1%;
	padding-top: 1%;
    border-radius: 5px; 
		    }
			
			 #accessibilita {
    display: none;
  }
			}