ul.menu li a.no-hover::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: transparent;  /*   #0077b6; #ff6347; Colore del cerchio */
    z-index: -1;
    transition: width 0.4s ease, height 0.4s ease, top 0.4s ease, left 0.4s ease;
	 border: 2px solid transparent !important; /* Aggiungi un bordo trasparente iniziale */
}



ul.menu li a.prima {
	position: relative;
    transition: color 0.3s ease, transform 0.3s ease;
}


ul.menu li a.prima::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: #0077b6;  /*   #0077b6; #ff6347; Colore del cerchio */
    z-index: -1;
    transition: width 0.4s ease, height 0.4s ease, top 0.4s ease, left 0.4s ease;
	   transform: translate(-50%, -50%);
	    border: 2px solid transparent; /* Aggiungi un bordo trasparente iniziale */
}

ul.menu li a.prima:hover::before {

    width: 200%;
    height: 200%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	  border: 2px solid green; /* Aggiungi il bordo nero quando si passa sopra */
}

ul.menu li a.prima:hover {
     color: #ff6f61 !important; /* Colore del testo quando si passa sopra con !important */
    transform: scale(1.2) !important; /* Effetto di ingrandimento del testo */
}





.li_label {
	display: inline-block;
    min-width: 170px; 
    text-align: left; 
}


 .docpre {
            background-color: #f5f5f5;
            border: 1px solid #ddd;
            border-radius: 5px;
            padding: 10px;
            overflow-x: auto;
            font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
            white-space: pre-wrap; /* Enable line wrapping */
        }
      .doccode {
			font-size: 0.8em;
            font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
        }



 div .syntaxhighlighter .toolbar {
  background: white !important;
}

.copy-button {
    float: right;
	background-color: #4CAF50;
	color: white;
	border: none;
    border-radius: 5px;
    font-size: 14px;
	margin-right:40px;
    padding: 5px 10px;
  }

.beta {
	font-weight: bold;
	font-style: italic;
	color:red;

}

.alfa { 
	font-weight: bold;
	font-style: italic;
}

.text_center {
	text-align:center;
	
}

.text_center a:link, a:visited {
	color: #000000;
	text-align: center;
	text-decoration: none;
}

.xmlCode {
		display: none;
		border: 1px solid #ccc;
		padding: 10px;
		margin-top: 10px;
		background-color: #f9f9f9;
		font-family: monospace;
		white-space: pre;
		text-align: left;
		align:left;
}



.linkas {
		color: blue;
		cursor: pointer;
		text-decoration: underline;
}


.paragraph_title {
	color: #000000 !important;
	border-radius: 13px;
	margin-top: 50px;
	padding: 0px 0px 0px 25px !important;
	width: auto;
	background: linear-gradient(#FFFFFF, #F1F1F1) repeat scroll 0 0 #F1F1F1;
	border: 1px solid #CCCCCC;
}

#div_p_left {
	float: left;
	width: 8%;
}

#div_p_right {
	float: right;
	width: 8%;
}

#div_p_center {
	float: right;
	width: 84%;
	
	
}

#principale {
	width: 95%;
	font-size: 1.1em;
}

#div_menu {
	background: linear-gradient(#FFFFFF, #F1F1F1) repeat scroll 0 0 #F1F1F1;
	color: #000000 !important;
	border-radius: 13px;
	border: 1px solid #CCCCCC;
	height: 60px;
}

#div_menu_img {
	float: left;
	margin-left: 20px;
}
/*
#div_menu_ul {
	float: left;
}
*/

#div_menu_en {
	float: right;
	
}

.menu {
	  display: flex;
  justify-content: space-between; /* Distribuisce gli elementi equamente */
    list-style-type: none; /* Rimuove i bullet point */  
	
	padding-left: 0px;
	margin-top: 20px;
}

.menux li {
	display: inline;
	padding-left: 20px;
}

.link_maven  a:link, a:visited {
  color: blue;
  cursor: pointer;
  text-decoration: underline;
  list-style: none; 
}

.link_maven {
  list-style: none; 
}


#div_menu_ul a.prima:link {
	color: #000000;
	text-align: center;
	height: 150px !important;
	text-decoration: none;
}


#div_menu_ul a.prima:visited {
	color: #000000;
	text-align: center;
	height: 150px !important;
	text-decoration: none;
}


#div_menu_ul a:active {
	background-color: #0077b6;;
	color: yellow;
}

/*INDICE ESEMPI*/
ol {
	list-style-type: none;
	counter-reset: item;
	margin: 0;
	padding: 0;
}

#icona_en {
	margin-top: 0px;
	margin-right: 15px;
	padding: 5;
		margin-block:-8px; 
	margin-right:20px;

}

.no-hover:hover {
    background-color: transparent !important;
    color: inherit !important;
}


.indice_esempi ol>li {
	display: table;
	counter-increment: item;
	margin-bottom: 0.6em;
}

.indice_esempi ol>li:before {
	content: counters(item, ".") ". ";
	display: table-cell;
	padding-right: 0.6em;
}

.indice_esempi li ol>li {
	margin: 0;
}

.indice_esempi li ol>li:before {
	content: counters(item, ".") " ";
}

.indice_esempi ol li a {
	text-decoration: none;
	color: #000000;
}

.indice_esempi ol li a:hover {
	text-decoration: underline;
}

.codice_example {
	font-size: 0.8em;
}

.commento {
	width: 95%;
	margin-left: 2%;
	text-align: justify;
	font-size: 1.0em;
}

  #cookie-avviso {
            display: none; /* Inizialmente nascosto */
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            background-color: #333;
            color: #fff;
            padding: 10px;
            text-align: center;
        }


.now {
     white-space: nowrap;
}

.commesso {
	font-size: 13px;
}