.rsc-json-spese-viewer #valori h2,
.rsc-json-viewer-web #valori h2 {
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 28px;
}
.rsc-json-spese-viewer #valori .box,
.rsc-json-viewer-web #valori .box {
  background-color: #fff;
  border-radius: 0 0 0.5rem 0.5rem;
  color: #000;
  margin: 2rem 0;
  -webkit-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.5);
}
.rsc-json-spese-viewer #valori .box.spese .titolo,
.rsc-json-viewer-web #valori .box.spese .titolo {
  display: block;
  font-family: "titillium_webbold";
  text-transform: uppercase;
  color: #fff;
  padding: 0.5rem 1rem;
  background-color: #036;
}
.rsc-json-spese-viewer #valori .box .riga,
.rsc-json-viewer-web #valori .box .riga {
  border-bottom: 1px solid #ccc;
  margin-bottom: 0;
  padding: 12px 16px;
}
.rsc-json-spese-viewer #valori .box .riga .descrizione,
.rsc-json-viewer-web #valori .box .riga .descrizione {
  display: block;
  vertical-align: middle;
  color: #555;
  text-align: left;
}
.rsc-json-spese-viewer #valori .box .riga .numero,
.rsc-json-viewer-web #valori .box .riga .numero {
  display: block;
  vertical-align: middle;
  padding: 0;
  text-align: right;
  font-size: 2em;
  font-family: "titillium_webbold";
  line-height: 1em;
  color: #036;
}
.rsc-json-spese-viewer #valori .box .riga .numero .tipo-importo,
.rsc-json-viewer-web #valori .box .riga .numero .tipo-importo {
  font-size: initial;
  padding-left: 6px;
  line-height: 0px;
}
.rsc-json-spese-viewer #valori .box .riga:last-child,
.rsc-json-viewer-web #valori .box .riga:last-child {
  border-bottom: 0 none !important;
  padding-bottom: 20px !important;
}
.rsc-json-spese-viewer #valori .box.indicatori,
.rsc-json-viewer-web #valori .box.indicatori {
  background-color: #e7e7e7;
}
.rsc-json-spese-viewer #valori .box.indicatori .numero,
.rsc-json-viewer-web #valori .box.indicatori .numero {
  color: #F50;
}
.rsc-json-spese-viewer #valori .box.indicatori .riga,
.rsc-json-viewer-web #valori .box.indicatori .riga {
  border-bottom: 1px solid #bbb;
}
.rsc-json-spese-viewer #valori .box.indicatori .riga .descrizione,
.rsc-json-viewer-web #valori .box.indicatori .riga .descrizione {
  color: #444;
}
.rsc-json-spese-viewer #elenco .titolo,
.rsc-json-viewer-web #elenco .titolo {
  display: block;
  text-align: center;
  font-family: "titillium_webbold";
  text-transform: uppercase;
  margin: 1rem;
  color: #069;
  padding-bottom: 1rem;
  background: url("../images/entrate/riga-arancio.png") no-repeat center bottom;
}
.rsc-json-spese-viewer #elenco .box-titolo,
.rsc-json-viewer-web #elenco .box-titolo {
  display: block;
  position: relative;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
  margin: 15px 0;
}
.rsc-json-spese-viewer #elenco .box-titolo .codice,
.rsc-json-viewer-web #elenco .box-titolo .codice {
  display: block;
  padding: 0.5rem;
  text-align: center;
  box-sizing: border-box;
  vertical-align: middle;
  color: #555;
  font-size: 2.5em;
}
.rsc-json-spese-viewer #elenco .box-titolo .codice .small,
.rsc-json-viewer-web #elenco .box-titolo .codice .small {
  font-size: 50%;
  vertical-align: super;
}
.rsc-json-spese-viewer #elenco .box-titolo .descrizione,
.rsc-json-viewer-web #elenco .box-titolo .descrizione {
  display: block;
  padding: 0 5px;
  color: #000;
  text-align: left;
  box-sizing: border-box;
  font-family: "titillium_webbold";
  text-transform: uppercase;
  width: 100%;
  line-height: 1.4em;
  text-align: center;
}
.rsc-json-spese-viewer #elenco .box-titolo .bottom,
.rsc-json-viewer-web #elenco .box-titolo .bottom {
  display: block;
  padding: 0.5rem;
  text-align: center;
  margin-top: 0.5rem;
}
.rsc-json-spese-viewer #elenco .box-titolo .percentuale,
.rsc-json-viewer-web #elenco .box-titolo .percentuale {
  display: block;
  font-family: "titillium_webbold";
  font-size: 2em;
}
.rsc-json-spese-viewer #elenco .box-titolo .importo,
.rsc-json-viewer-web #elenco .box-titolo .importo {
  display: block;
}
.rsc-json-spese-viewer #elenco a.box-titolo:hover,
.rsc-json-spese-viewer #elenco a.box-titolo:focus,
.rsc-json-viewer-web #elenco a.box-titolo:hover,
.rsc-json-viewer-web #elenco a.box-titolo:focus {
  text-decoration: none;
  background-color: #069;
  color: #fff !important;
}
.rsc-json-spese-viewer #elenco a.box-titolo:hover .bottom,
.rsc-json-spese-viewer #elenco a.box-titolo:hover .codice,
.rsc-json-spese-viewer #elenco a.box-titolo:hover .descrizione,
.rsc-json-spese-viewer #elenco a.box-titolo:focus .bottom,
.rsc-json-spese-viewer #elenco a.box-titolo:focus .codice,
.rsc-json-spese-viewer #elenco a.box-titolo:focus .descrizione,
.rsc-json-viewer-web #elenco a.box-titolo:hover .bottom,
.rsc-json-viewer-web #elenco a.box-titolo:hover .codice,
.rsc-json-viewer-web #elenco a.box-titolo:hover .descrizione,
.rsc-json-viewer-web #elenco a.box-titolo:focus .bottom,
.rsc-json-viewer-web #elenco a.box-titolo:focus .codice,
.rsc-json-viewer-web #elenco a.box-titolo:focus .descrizione {
  background-color: #069;
  color: #fff !important;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.rsc-json-spese-viewer #elenco .box-missione,
.rsc-json-viewer-web #elenco .box-missione {
  display: block;
  position: relative;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
  margin: 15px 0;
}
.rsc-json-spese-viewer #elenco .box-missione .codice,
.rsc-json-viewer-web #elenco .box-missione .codice {
  display: inline-block;
  width: 58%;
  padding: 8px;
  text-align: center;
  box-sizing: border-box;
  vertical-align: middle;
  color: #555;
  font-size: 2.5em;
}
.rsc-json-spese-viewer #elenco .box-missione .codice .small,
.rsc-json-viewer-web #elenco .box-missione .codice .small {
  font-size: 50%;
  vertical-align: super;
}
.rsc-json-spese-viewer #elenco .box-missione .icona,
.rsc-json-viewer-web #elenco .box-missione .icona {
  display: inline-block;
  width: 40%;
  padding: 16px 8px;
  text-align: center;
  box-sizing: border-box;
  max-width: 140px;
}
.rsc-json-spese-viewer #elenco .box-missione .descrizione,
.rsc-json-viewer-web #elenco .box-missione .descrizione {
  display: block;
  padding: 0 5px;
  color: #000;
  text-align: left;
  box-sizing: border-box;
  font-family: "titillium_webbold";
  text-transform: uppercase;
  width: 100%;
  line-height: 1.4em;
  text-align: center;
}
.rsc-json-spese-viewer #elenco .box-missione .bottom,
.rsc-json-viewer-web #elenco .box-missione .bottom {
  display: block;
  padding: 8px;
  text-align: center;
  margin-top: 8px;
}
.rsc-json-spese-viewer #elenco .box-missione .percentuale,
.rsc-json-viewer-web #elenco .box-missione .percentuale {
  display: block;
  font-family: "titillium_webbold";
  font-size: 2em;
}
.rsc-json-spese-viewer #elenco .box-missione .importo,
.rsc-json-viewer-web #elenco .box-missione .importo {
  display: block;
}
.rsc-json-spese-viewer #elenco .box-missione.programma .codice,
.rsc-json-viewer-web #elenco .box-missione.programma .codice {
  width: 100% !important;
}
.rsc-json-spese-viewer #elenco a.box-missione:hover,
.rsc-json-spese-viewer #elenco a.box-missione:focus,
.rsc-json-viewer-web #elenco a.box-missione:hover,
.rsc-json-viewer-web #elenco a.box-missione:focus {
  text-decoration: none;
  background-color: #069;
  color: #fff;
}
.rsc-json-spese-viewer #elenco a.box-missione:hover .bottom,
.rsc-json-spese-viewer #elenco a.box-missione:hover .codice,
.rsc-json-spese-viewer #elenco a.box-missione:hover .descrizione,
.rsc-json-spese-viewer #elenco a.box-missione:focus .bottom,
.rsc-json-spese-viewer #elenco a.box-missione:focus .codice,
.rsc-json-spese-viewer #elenco a.box-missione:focus .descrizione,
.rsc-json-viewer-web #elenco a.box-missione:hover .bottom,
.rsc-json-viewer-web #elenco a.box-missione:hover .codice,
.rsc-json-viewer-web #elenco a.box-missione:hover .descrizione,
.rsc-json-viewer-web #elenco a.box-missione:focus .bottom,
.rsc-json-viewer-web #elenco a.box-missione:focus .codice,
.rsc-json-viewer-web #elenco a.box-missione:focus .descrizione {
  background-color: #069;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.rsc-json-spese-viewer .box-missione.missione01 .bottom,
.rsc-json-spese-viewer #missione01 .codice,
.rsc-json-viewer-web .box-missione.missione01 .bottom,
.rsc-json-viewer-web #missione01 .codice {
  background-color: #64ADD0;
  color: #000;
}
.rsc-json-spese-viewer .box-missione.missione02 .bottom,
.rsc-json-spese-viewer #missione02 .codice,
.rsc-json-viewer-web .box-missione.missione02 .bottom,
.rsc-json-viewer-web #missione02 .codice {
  background-color: #666;
  color: #fff;
}
.rsc-json-spese-viewer .box-missione.missione03 .bottom,
.rsc-json-spese-viewer #missione03 .codice,
.rsc-json-viewer-web .box-missione.missione03 .bottom,
.rsc-json-viewer-web #missione03 .codice {
  background-color: #3b5c76;
  color: #fff;
}
.rsc-json-spese-viewer .box-missione.missione04 .bottom,
.rsc-json-spese-viewer #missione04 .codice,
.rsc-json-viewer-web .box-missione.missione04 .bottom,
.rsc-json-viewer-web #missione04 .codice {
  background-color: #1f8555;
  color: #fff;
}
.rsc-json-spese-viewer .box-missione.missione05 .bottom,
.rsc-json-spese-viewer #missione05 .codice,
.rsc-json-viewer-web .box-missione.missione05 .bottom,
.rsc-json-viewer-web #missione05 .codice {
  background-color: #66a661;
  color: #000;
}
.rsc-json-spese-viewer .box-missione.missione06 .bottom,
.rsc-json-spese-viewer #missione06 .codice,
.rsc-json-viewer-web .box-missione.missione06 .bottom,
.rsc-json-viewer-web #missione06 .codice {
  background-color: #8d3022;
  color: #fff;
}
.rsc-json-spese-viewer .box-missione.missione07 .bottom,
.rsc-json-spese-viewer #missione07 .codice,
.rsc-json-viewer-web .box-missione.missione07 .bottom,
.rsc-json-viewer-web #missione07 .codice {
  background-color: #669fcf;
  color: #000;
}
.rsc-json-spese-viewer .box-missione.missione08 .bottom,
.rsc-json-spese-viewer #missione08 .codice,
.rsc-json-viewer-web .box-missione.missione08 .bottom,
.rsc-json-viewer-web #missione08 .codice {
  background-color: #d7862c;
  color: #000;
}
.rsc-json-spese-viewer .box-missione.missione09 .bottom,
.rsc-json-spese-viewer #missione09 .codice,
.rsc-json-viewer-web .box-missione.missione09 .bottom,
.rsc-json-viewer-web #missione09 .codice {
  background-color: #c74826;
  color: #fff;
}
.rsc-json-spese-viewer .box-missione.missione10 .bottom,
.rsc-json-spese-viewer #missione10 .codice,
.rsc-json-viewer-web .box-missione.missione10 .bottom,
.rsc-json-viewer-web #missione10 .codice {
  background-color: #8cbc95;
  color: #000;
}
.rsc-json-spese-viewer .box-missione.missione11 .bottom,
.rsc-json-spese-viewer #missione11 .codice,
.rsc-json-viewer-web .box-missione.missione11 .bottom,
.rsc-json-viewer-web #missione11 .codice {
  background-color: #e1a14c;
  color: #000;
}
.rsc-json-spese-viewer .box-missione.missione12 .bottom,
.rsc-json-spese-viewer #missione12 .codice,
.rsc-json-viewer-web .box-missione.missione12 .bottom,
.rsc-json-viewer-web #missione12 .codice {
  background-color: #3f709f;
  color: #fff;
}
.rsc-json-spese-viewer .box-missione.missione13 .bottom,
.rsc-json-spese-viewer #missione13 .codice,
.rsc-json-viewer-web .box-missione.missione13 .bottom,
.rsc-json-viewer-web #missione13 .codice {
  background-color: #7db381;
  color: #000;
}
.rsc-json-spese-viewer .box-missione.missione14 .bottom,
.rsc-json-spese-viewer #missione14 .codice,
.rsc-json-viewer-web .box-missione.missione14 .bottom,
.rsc-json-viewer-web #missione14 .codice {
  background-color: #a85635;
  color: #fff;
}
.rsc-json-spese-viewer .box-missione.missione15 .bottom,
.rsc-json-spese-viewer #missione15 .codice,
.rsc-json-viewer-web .box-missione.missione15 .bottom,
.rsc-json-viewer-web #missione15 .codice {
  background-color: #417242;
  color: #fff;
}
.rsc-json-spese-viewer .box-missione.missione16 .bottom,
.rsc-json-spese-viewer #missione16 .codice,
.rsc-json-viewer-web .box-missione.missione16 .bottom,
.rsc-json-viewer-web #missione16 .codice {
  background-color: #d07048;
  color: #000;
}
.rsc-json-spese-viewer .box-missione.missione17 .bottom,
.rsc-json-spese-viewer #missione17 .codice,
.rsc-json-viewer-web .box-missione.missione17 .bottom,
.rsc-json-viewer-web #missione17 .codice {
  background-color: #b07d38;
  color: #000;
}
.rsc-json-spese-viewer .box-missione.missione18 .bottom,
.rsc-json-spese-viewer #missione18 .codice,
.rsc-json-viewer-web .box-missione.missione18 .bottom,
.rsc-json-viewer-web #missione18 .codice {
  background-color: #eabb78;
  color: #000;
}
.rsc-json-spese-viewer .box-missione.missione19 .bottom,
.rsc-json-spese-viewer #missione19 .codice,
.rsc-json-viewer-web .box-missione.missione19 .bottom,
.rsc-json-viewer-web #missione19 .codice {
  background-color: #945b25;
  color: #fff;
}
.rsc-json-spese-viewer .box-missione.missione20 .bottom,
.rsc-json-spese-viewer #missione20 .codice,
.rsc-json-viewer-web .box-missione.missione20 .bottom,
.rsc-json-viewer-web #missione20 .codice {
  background-color: #AB4D7B;
  color: #fff;
}
.rsc-json-spese-viewer .box-missione.missione50 .bottom,
.rsc-json-spese-viewer #missione50 .codice,
.rsc-json-viewer-web .box-missione.missione50 .bottom,
.rsc-json-viewer-web #missione50 .codice {
  background-color: #874dab;
  color: #fff;
}
.rsc-json-spese-viewer .box-missione.missione60 .bottom,
.rsc-json-spese-viewer #missione60 .codice,
.rsc-json-viewer-web .box-missione.missione60 .bottom,
.rsc-json-viewer-web #missione60 .codice {
  background-color: #336666;
  color: #fff;
}
.rsc-json-spese-viewer .box-missione.missione99 .bottom,
.rsc-json-spese-viewer #missione99 .codice,
.rsc-json-viewer-web .box-missione.missione99 .bottom,
.rsc-json-viewer-web #missione99 .codice {
  background-color: #666633;
  color: #fff;
}
.rsc-json-spese-viewer #introduzione .interna .codice.h3,
.rsc-json-viewer-web #introduzione .interna .codice.h3 {
  display: block;
  margin-top: 0;
  font-size: 24px;
  margin-bottom: 24px;
  color: #000;
  text-transform: none;
}
.rsc-json-spese-viewer #introduzione .interna .occhiello,
.rsc-json-viewer-web #introduzione .interna .occhiello {
  color: #555;
  padding: 0 16px 8px 0;
  font-family: "titillium_webbold";
  font-size: 20px;
  display: inline-block;
}
.rsc-json-spese-viewer #introduzione .interna .codice,
.rsc-json-viewer-web #introduzione .interna .codice {
  display: inline-block;
  padding: 1px 5px 4px 6px;
  border-radius: 3px;
}
.rsc-json-spese-viewer #introduzione .interna .h1,
.rsc-json-viewer-web #introduzione .interna .h1 {
  text-transform: uppercase;
  color: #069;
  margin: 0;
  margin: 8px 0 0 0;
  padding: 0 16px 12px 0;
  font-size: 32px;
}
.rsc-json-spese-viewer #distribuzione .titolo,
.rsc-json-viewer-web #distribuzione .titolo {
  display: block;
  text-align: center;
  font-family: "titillium_webbold";
  text-transform: uppercase;
  margin: 16px;
  color: #069;
  padding-bottom: 16px;
  background: url("../images/entrate/riga-arancio.png") no-repeat center bottom;
}