.audiowide {
    font-family: Audiowide, "Avant Garde", "Century Gothic", sans-serif;
}

.font12 {
    font-size:12px;
}


.font20 {
    font-size:20px;
}

.pointer {
    cursor: pointer;
}

.grassetto {
    font-weight: 800;
}

.sottolineato {
    text-decoration: underline;
}

.corsivo {
    font-style: italic;
}

.giustificato {
    text-align: justify;
}

.centrato {
    display:block;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
}

.divAuto {
    height: auto;
    overflow: auto;
}

.rosso {
    color:red;
}
.rosso:hover {
    color:red;
    text-decoration: underline;
}
.rosso:visited {
    color:red;
}
.rosso:active {
    color:red;
}

.verde, .verde:visited, .verde:active {
    color:green;
}
.verde:hover {
    color:green;
    text-decoration: underline;
}

.blu {
    color:blue;
}

.arancio {
    color:orange;
}

.lime {
    /*color:#26FF59;*/
    color:#F949E1;
}

.grigio {
    color:#ccc;
}
.grigio a { color:#ccc !important;}

.invisibile {
    display:none;
}

.cambiaBack {
    background-color: #EEEE99;
}

.ritorna {
    background-color: #ffffff;
}

.img15 {
    width:15px;
    height: auto;
}

.img20 {
    width:20px;
    margin-top:5px;
    height: auto;
}

.img25 {
    width:25px;
    height: auto;
}

.img30 {
    width:30px;
    height: auto;
}

.img40 {
    width: 40px;
    height: auto;
}

.img50 {
    width:50px;
    height: auto;
}

.imgPerc40 {
    width:40%;
    height: auto;
    margin-left:auto;
    margin-right:auto;
}

.imgAllarga {
    width:50px;
    height: auto;
    margin-bottom: -7px;
    cursor: pointer;
}

.clear {
    clear: both;
}

.selectRicerca {
    margin-left:auto;
    margin-right: auto;
    display: block;
    min-width: 60%;
    font-size:18px;
}

.parolaChiave {
    font-weight: bolder;
    color:#aaa;
    text-decoration: underline;
}

.paddingTop {
    padding-top:20px;
}

.margineNegativo5 {
    margin-bottom: -5px;
}
.margineNegativo15 {
    margin-bottom: -15px;
}

.marginTop {
    margin-top:20px;
}

.marginTopMedium{
    margin-top:10px;
    display: block;
}

.marginTopSmall{
    margin-top:5px;
    display: block;
}

.marginBottom {
    margin-bottom:20px;
}

.marginBottomSmall {
    margin-bottom: 10px;
}

ul.cerchiato {
    list-style: circle;
    padding-left: 20px;
}

ul.cerchiato li {
    padding:2px;
}

.terzo {
    float:left;
    width:29%;
    padding:1%;
    margin:1%;
}

.terzo.bordato {
    border:1px solid #000;
}

.quarto {
    float:left;
    width:20.5%;
    padding:1%;
    margin:1%;
}

.quarto.bordato {
    border:1px solid #000;
}


.quartoNuovo {
    width:80%;
    padding:1%;
    margin: 0 auto;
    margin-bottom: 10px;
}

.quartoNuovo.bordato {
    border:1px solid #000;
}

.quartoNuovoIstanze {
    display:table-cell;
    width:60%;
    padding:1%;
    margin-bottom: 30px;
}

.meta {
    width:45.5%;
    padding:2%;
    float:left;
}

.metaCentrato {
    width:45.5%;
    padding:2%;
    align-items: center;
}

.meta65 {
   width:60.5%;
   padding:2%;
   float:left; 
}
.meta35 {
   width:30.5%;
   padding:2%;
   float:left; 
}

.metaP {
    width:43.5%;
    padding:2%;
    margin:1%;
    float:left;
}

.meta.bordato {
    border:1px solid #aaa;
}
.metaP.bordato {
    border:1px solid #aaa;
}

.meta.grafico {
    width:25.5%;
}

.meta.legenda {
    width:60%;
    margin-left: 6%;
}

.divLegenda {
    width: 80%;
    padding:2%;
    margin-bottom:5px;
}

.divLegenda.rosso {
    background-color:red;
    color:#000;
}
.divLegenda.verde {
    background-color:green;
    color:#000;
}
.divLegenda.arancio {
    background-color:orange;
    color:#000;
}
.divLegenda.lime {
    /*background-color:lime; */
    background-color: #F949E1;
    color:#000;
}
.divLegenda.blu {
    background-color:blue;
    color:#000;
}

.totale {
    width:90%;
    margin-left:auto;
    margin-right: auto;
    padding:2%;
}

.totale.bordato {
    border:2px solid #aaa;
}
.totale.bordatoVerde {
    border:2px solid green;
}

.hoverGrigio:hover {
    background-color: #eee;
}

.divisoreMeta {
    width:1%;
    background-color:#ccc;
    border-radius:6px;
    float:left;
    min-height: 500px;
}

.borderRight {
    border-right: 1px solid #ccc;
}

.borderLeft {
    border-left: 1px solid #ccc;
}

.noClass{
    text-decoration: none;
}

.noClass:hover {
    text-decoration: none;
}

.noClassTr td{
    border:none !important;
}

a.disabilita:visited,a.disabilita,a.disabilita:hover {
    color:red;
}

.black {
    color:#000 !important;
}

.black:hover {
    color:#000 !important;
}

.grigioScuroX { color: #2d2d2d; font-weight: bolder;}
.grigioX { color:#ccc; font-weight: bolder; }
.bluX { color:blue; font-weight: bolder; text-shadow: 1px 1px blue; }
.rossoX { color:red; font-weight: bolder; text-shadow: 1px 1px red; }
.arancioX { color:orange; font-weight: bolder; text-shadow: 1px 1px orange; }
.verdeX { color:green; font-weight: bolder; text-shadow: 1px 1px green;}
.azzurroX { color:#79E0FF; font-weight: bolder; text-shadow: 1px 1px #79E0FF; }
.azzurroScuroX { color:#38B5DB; font-weight: bolder; text-shadow: 1px 1px #38B5DB; }

.messaggio {
    font-family: audiowide;
    font-size:16px;
    padding:2%;
    width:86%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 20px;
    cursor: pointer;
}

.messaggio.good {
    background-color:#46CB32;
    border:1px solid green;
}

.messaggio.bad {
    background-color:#D84449;
    border:1px solid red;
}

.messaggio.attenzione {
    background-color:#FFBF6D;
    border:1px solid orange;
}

.opaco {
    opacity: 0;
}

.transizione {
    transition:All 1s ease;
    -webkit-transition:All 1s ease;
    -moz-transition:All 1s ease;
    -o-transition:All 1s ease;
}

.transizioneH {
    max-height: 0;
    transition: max-height 1s ease-out;
    overflow: hidden;
    background: none;
}

.transizioneHON {
    max-height: 20000px;
    transition: max-height 1s ease-in;
}


.flexCentrato {
    display: flex;
    align-items: center;
}