@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    to {
        opacity: 0.5;
    }
}
html {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    font-family: sans-serif;
 
}

.menutools {
    background-color:grey;
min-height:50px;
width:100%;
font-size:8pt;
color:white;
}

.ele {

    border-radius: 5px;
    margin: 5px;
    opacity: 0;
   background-color:white;
    cursor: pointer;
    width: 135px;
    display:inline-block;
    height: 170px;
    opacity:1;
    transition: color 1s ;
    vertical-align: top;
}

   .ele:hover{
        font-weight: bold;
       color:orangered;
   
    }


.ele_icona:hover {
    transition: opacity 1s ;
     opacity:0.5;
}
.ele_icona {
    margin-top:2px;
    margin-left:2px;
    border: solid;
    border-width: 0.25px;
    border-color: gainsboro;
    width: 128px;
    height: 128px;
    overflow: hidden;
 
}

.ele_icona img {
      
        width: 128px;
        background-color: white;
    }

.ele_titolo {
    display:block;
    margin-top:5px;
    text-align:center;
    font-size: 12px;
   
}

.tab {
    display:block;
    opacity: 0;
    animation: fadeIn .5s ease-in 1 forwards;
    width:100%;
    min-height:200px;
    background-color: rgba(255, 255, 255,0.7);

}
.tab_titolo {
    color:white;
    padding:5px;
    border-radius:5px;
    font-size:10pt;
    background-color:darkgray;


}