/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 8-apr-2016, 10.36.16
    Author     : szanella
*/
.od-round-meter-block-wrapper h2{
  color: white;
  text-transform: uppercase;
  font-weight: normal;
  /*font-family: 'Titillium', sans-serif;*/
  font-family: 'Consip2015', sans-serif;
  margin-left: 30%;
  margin-bottom: 1em;
}

.od-round-meter-block-wrapper .round-meter-path {
  stroke-dasharray: 710;
  /* stroke-dashoffset: 710; */
}
.od-round-meter-block-wrapper .round-meter-path:hover {
  cursor: pointer;
}
.od-round-meter-block-wrapper .graphic-counter{
  display: inline-block;
  width: 49%;
}
.od-round-meter-block-wrapper .graphic-counter svg{
  max-width: 100%;
}
.bandite .quantita .round-meter-path.servizi.fill   {animation: dash-ban-qta-servizi 1.5s linear forwards;}
.bandite .quantita .round-meter-path.forniture.fill {animation: dash-ban-qta-forniture 1.5s linear forwards;}
.bandite .quantita .round-meter-path.lavori.fill    {animation: dash-ban-qta-lavori 1.5s linear forwards;}
.bandite .valore .round-meter-path.servizi.fill   {animation: dash-ban-val-servizi 1.5s linear forwards;}
.bandite .valore .round-meter-path.forniture.fill {animation: dash-ban-val-forniture 1.5s linear forwards;}
.bandite .valore .round-meter-path.lavori.fill    {animation: dash-ban-val-lavori 1.5s linear forwards;}
.aggiudicate .quantita .round-meter-path.servizi.fill   {animation: dash-agg-qta-servizi 1.5s linear forwards;}
.aggiudicate .quantita .round-meter-path.forniture.fill {animation: dash-agg-qta-forniture 1.5s linear forwards;}
.aggiudicate .quantita .round-meter-path.lavori.fill    {animation: dash-agg-qta-lavori 1.5s linear forwards;}
.aggiudicate .valore .round-meter-path.servizi.fill   {animation: dash-agg-val-servizi 1.5s linear forwards;}
.aggiudicate .valore .round-meter-path.forniture.fill {animation: dash-agg-val-forniture 1.5s linear forwards;}
.aggiudicate .valore .round-meter-path.lavori.fill    {animation: dash-agg-val-lavori 1.5s linear forwards;}

.od-round-meter.graphic-counter{
  position: relative;
  text-align: center;
}
.od-round-meter .field-meter-value, .od-round-meter .field-meter-value-int {
  display: inline-block;
  /*width: 100%;*/
  font-size: 5em;
  text-align: center;
  position: absolute;
  top: 1.5em;
  /*left: 0;*/
  left: 30%;
}
.od-round-meter .field-meter-value span, .od-round-meter .field-meter-value-int span {
  background-color: rgba(255,255,255,0);
  color: #333;
  position: absolute;
  top: 2.3em;
  font-size: 0.5em;
  display: inline-block;
  width: 100%;
  left: 0;
}
/*.od-round-meter.valore .field-meter-value:after, .od-round-meter .field-meter-value-int:after {
  content: "mld/€";
  position: absolute;
  top: 2em;
  font-size: 0.5em;
  display: inline-block;
  width: 100%;
  left: 0;
}*/

.od-round-meter-block-wrapper .widget-link {
  text-align: right;
  float: right;
  margin-top: 2em;
}
.od-round-meter-block-wrapper .widget-link a{
    color: #515b63;
    font-weight: bold;
    font-size: 1.3em;
    margin-right: 2em;
    /*text-transform: capitalize;*/
    text-transform: lowercase;
    position: relative;
    font-family: 'Calibri', sans-serif !important;
    margin-top: 2em;
}
.od-round-meter-block-wrapper .widget-link a:before{
    font-family: 'icomoon' !important;
    position: absolute;
    top: 2px;
    right: -1.2em;
}