/* COL */

content.analisi .item-grafico {margin-top:25px; margin-bottom:25px;}
content.analisi .item-grafico .boxsotto {background:#fff; padding:15px;}
content.analisi .item-grafico .boxsotto p.titolo {font-size:16px; font-weight:600;}
content.analisi .item-grafico .boxsotto .grafico {margin-bottom:15px;}
content.analisi .item-grafico .boxsotto .labels .label {padding:10px; margin-bottom:5px;}
content.analisi .item-grafico .boxsotto .labels .label a {color:#000;}
content.analisi .item-grafico .boxsotto .labels .label p {margin:0; font-size:12px;}
content.analisi .item-grafico .boxsotto .labels .label p span {float:right; font-size:14px; font-weight:600;}
content.analisi span.viewallgraph {display:block; text-align:right; font-size:14px; color:var(--indigo-color); cursor:pointer;}
content.analisi span.viewallgraph:hover {text-decoration:underline;}

.graph-fullscreen {transition:all 0.2s; display:none; position:fixed; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:99999;}
.graph-fullscreen .content-graph {transition:all 0.2s; width:90%; max-width:800px; max-height:90vh; height:80vh; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:15px;}
.graph-fullscreen .content-graph h1 {font-size:20px; text-align:center;}

/* COL-MD */
@media only screen and (min-width: 768px) {

  content.analisi .item-grafico:nth-child(odd) {padding-left:5px;}
  content.analisi .item-grafico:nth-child(even) {padding-right:5px;}

  .graph-fullscreen .content-graph h1 {font-size:25px;}

}





/* COL-XL */
@media only screen and (min-width: 1200px) {

  .graph-fullscreen .content-graph h1 {font-size:30px;}

}