@import url('https://fonts.googleapis.com/css2?family=Arvo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&display=swap');

/*! ELEMENTS */

/* sezione widget */

#widgetElezioni {
  display: block;
  overflow: hidden;
  padding-top: 0px;
}

#widgetElezioni.widget-elezioni.elezioni.box {
  float: none;
}

#widgetPoliticheRegionali .colAll.barraElezioni .box {
  /* margin:20px auto; */
  float: none;
}

#widgetPoliticheRegionali .colAll.barraElezioni .box.liveElezioniRegione {
  margin-top: 20px;
}

#widgetElezioni .row.filled {
  position: relative;
}

.elezioni.box .row.filled a.btn-large,
#widgetPoliticheRegionali #liveElezioni a.btn-large {
  font-size: 14px;
  background-color: #fff;
  color: #dc513a;
  padding: 6px 10px;
  margin: 8px -12px;
  border-radius: 5px;
  border: 0;
  position: absolute;
  right: 5%;
  text-transform: uppercase;
  font-weight: bold;
}

/* end sezione widget */

#Main {
  padding-bottom:20px;
}

.elezioni .box.adv {
  display: none !important
}

.elezioni .boxPadding {
  padding: 20px;
}

#widgetPoliticheRegionali #liveElezioni .boxPadding {
  padding: 20px 0;
}

.elezioni .head {
  /*font-family: "Arvo"*/
}

.elezioni .tit {
  margin: 39px 0 0 107px;
  line-height: 36px;
  font-size: 40px;
  text-transform: uppercase;
  cursor: pointer
}

.elezioni p {
  margin: 0 0 20px 110px;
  font-size: 12px;
  color: #777
}

.elezioni .barraSrc {
  /* height: 30px; */
  height: auto;
  /* padding: 10px 20px; */
  padding: 25px 20px;
  margin-bottom: 20px;
  background: #f6f6f6;
  border-radius: 3px
}

#liveElezioniPolitiche .barraSrc {
  background: none;
  padding-top: 0px;
}

.exit-poll #liveElezioniPolitiche .barraSrc, .proiezioni #liveElezioniPolitiche .barraSrc, .estero #liveElezioniPolitiche .barraSrc {
  display: none;
}

.elezioni .barraSrc>span {
  display: block;
  float: left;
  margin-right: 10px;
  line-height: 30px;
  font-family: "Arvo";
  font-size: 14px;
  text-transform: uppercase;
  /* color: #F3B124 */
  color: #5c5c5c
}

.elezioni .barraSrc .select {
  background: #fff;
  color: #000;
  /* color: #303030; */
  display: block;
  float: left;
  margin-right: 10px;
  border-radius: 3px;
  position: relative;
  height: 30px;
  width: 220px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 18px;
  /**/
  font-weight: 600;
}
.elezioni .barraSrc .select.sel_lis {
  width: 280px;
}

#liveElezioniPolitiche .select.sel_com.loaded {
  display: block;
}

.elezioni .barraSrc .select .current {
  height: 30px;
  padding: 0 8px;
  line-height: 30px;
  position: relative;
  z-index: 10;
  overflow: hidden
}

#liveElezioniPolitiche .barraSrc .select .current {
  border-bottom: 1px solid #000;
}

.elezioni .barraSrc .select .current>span {
  opacity: 0.5;
  filter: alpha(opacity=50)
}

.elezioni .barraSrc .select .tendinaLista {
  display: none;
  border-radius: 6px;
  position: relative;
  z-index: 12;
  background: #fff;
  border-left: 1px solid #eee;
  box-shadow: 2px 2px 0 rgba(115, 115, 115, 0.2);
  margin-top: -32px;
}

.elezioni .barraSrc .select .tendinaLista .filtroLista {
  border-top: 1px solid #eee;
  border-radius: 5px 5px 0 0;
  overflow: hidden
}

.elezioni .barraSrc .select .tendinaLista .filtroLista input[type="text"] {
  line-height: 28px;
  margin: 0;
  padding: 2px 0 0;
  width: 100%;
  border: none;
  text-indent: 10px;
  text-transform: uppercase;
  color: #666;
  background: #fcfcfc
}

#liveElezioniPolitiche .barraSrc .select .tendinaLista .filtroLista input[type="text"] {
  position: absolute;
  top: -31px;
  background-color: #fff;
  border-radius: 0px;
}

.elezioni .barraSrc .select .tendinaLista .filtroLista input[type="text"]:focus {
  outline: none;
  background: #fff
}

.elezioni .barraSrc .select .tendinaLista .filtroLista:after {
  content: "b";
  position: absolute;
  display: inline-block;
  font-family: "RaiNews" !important;
  text-transform: none;
  margin: 0;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.1);
  top: 9px;
  right: 10px
}

#liveElezioniPolitiche .barraSrc .select .tendinaLista .filtroLista:after {
  top: -25px;
  right: 3px;
}

.elezioni .barraSrc .select .tendinaLista .opzioniLista {
  max-height: 180px;
  overflow-y: auto;
  margin: 0;
  transition: all 1s;
  border-top: 1px solid #eee
}

.elezioni .barraSrc .select .tendinaLista .opzioniLista>div {
  line-height: 14px;
  padding: 3px 8px;
  cursor: default
}

.elezioni .barraSrc .select .tendinaLista .opzioniLista>div:hover {
  background: #f7f7f7;
  color: #F3B124
}

.elezioni .barraSrc .select.showLista:not(.disabled) .tendinaLista {
  display: block
}

.elezioni .barraSrc .select:after {
  content: " ";
  position: absolute;
  right: 12px;
  top: 12px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #000
}

#liveElezioniPolitiche .barraSrc .select:after {
  right: 0px;
}

.elezioniRegionali .label {
  background: #F3B124
}

.elezioniRegionali .head, .elezioniPolitiche .head {
  /* margin-top: 20px;*/
  margin-top: 0;
  cursor: pointer;
}

.elezioniRegionali .head img, .elezioniPolitiche .head img {
  width: 100%;
}

.elezioniRegionali .tit, .elezioniPolitiche .tit {
  color: #F3B124
}

.elezioniRegionali #altreRegioni {
  display: none;
  padding: 0;
}

.elezioniRegionali #altreRegioni span {
  line-height: 48px;
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
  color: #666;
  font-family: "Arvo";
  margin-right: 10px;
}

/*
.elezioniRegionali #altreRegioni a {
    display: inline-block;
    padding: 3px 10px;
    margin-left: 5px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 3px;
    color: #DB9F20;
    background: #e0e0e0
}

.elezioniRegionali #altreRegioni a.active {
    color: #F3B124;
    background: #fff
}
*/

.elezioniRegionali .AmministrazioniUscenti {
  position: relative
}

.elezioniRegionali .AmministrazioniUscenti .label {
  background: lightgray
}

.elezioniRegionali .AmministrazioniUscenti img {
  width: 100%;
  margin-top: 20px
}

.elezioniRegionali .AmministrazioniUscenti .legenda {
  position: absolute;
  left: 15px;
  bottom: 15px
}

.elezioniRegionali .AmministrazioniUscenti .legenda li {
  position: relative;
  margin-top: 10px;
  font-family: "Arvo";
  line-height: 12px;
  font-size: 12px;
  text-transform: uppercase;
  padding-left: 21px
}

.elezioniRegionali .AmministrazioniUscenti .legenda li span {
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  font-weight: bold;
  line-height: 16px;
  width: 16px;
  height: 16px;
  text-align: center;
  color: #fff !important;
  border-radius: 3px
}

.elezioniRegionali .liveElezioniRegione .fullResults, .elezioniRegionali .liveElezioniRegione .scrutinio {
  display: block;
  margin: 0 10px;
  float: left;
  font-size: 13px;
  line-height: 23px;
  text-transform: uppercase;
  color: #aaa
}

.elezioniRegionali .liveElezioniRegione .fullResults {
  color: #F3B124;
  font-weight: 600
}

.elezioniRegionali .liveElezioniRegione .scrutinio {
  font-family: "Arvo";
  float: right
}

.elezioniRegionali .liveElezioniRegione .scrutinio strong {
  font-size: 14px
}

.elezioniRegionali .liveElezioniRegione .scrutinio.finale {
  color: #dc513a
}

.elezioniRegionali .liveElezioniRegione .loading {
  color: #bbb;
  margin: 40px 10px 0
}

.elezioniRegionali .liveElezioniRegione .candidati {
  clear: both;
  /* margin-top: 40px */
  margin-top: 20px;
}

.elezioniRegionali .liveElezioniRegione .candidati li {
  /* display: block; */
  display: flex;
  height: 50px;
  /* margin-bottom: 10px; */
  /**/
  justify-content: space-around;
  align-items: center;
  padding: 5px;
  margin: 0;
  border-top: 1px solid #c8c8c8;
}

.elezioniRegionali .liveElezioniRegione .candidati li .nome {
  /* display: block; */
  display: flex;
  /* width: 135px; */
  width: 200px;
  height: 24px;
  margin: 13px 0;
  float: left;
  /* line-height: 12px; */
  line-height: 20px;
  /* font-size: 12px; */
  font-size: 14px;
  font-weight: 600;
  text-transform: none;
  /* color: #666 */
  color: #000;
  /**/
  align-items: center;
}

.elezioniRegionali .liveElezioniRegione .candidati li .nome span {
  display: block;
  font-size: 10px;
  font-weight: 400;
  color: #aaa
}

.elezioniRegionali .liveElezioniRegione .candidati li .indicatore {
  position: relative;
  display: block;
  /* height: 16px; */
  height: 7px;
  /* width: 460px; */
  width: 112px;
  margin: 17px 0px;
  float: right;
  /* background: #f5f5f5; */
  background: #dcdcdc;
  border-radius: 3px
}

.elezioniRegionali .liveElezioniRegione .candidati li .indicatore .bar {
  position: absolute;
  width: 0%;
  /* min-width: 5%; */
  min-width: 0;
  /* height: 20px; */
  height: 7px;
  /* top: -2px; */
  top: 0;
  border-radius: 3px;
  z-index: 1;
  /* padding-left: 30px; */
  padding: 0;
  background-color: #666;
  /**/
  max-width: 100%;
}

.elezioniRegionali .liveElezioniRegione .candidati li .indicatore .bar span {
  display: block;
  line-height: 20px;
  font-family: "Arvo";
  font-size: 14px;
  font-weight: bold;
  text-indent: 6px;
  color: #fff;
  margin-left: -30px;
}

/* .elezioniRegionali .liveElezioniRegione .candidati li .indicatore .bar span:after {
  content: "%";
  font-size: 10px
} */

.elezioniRegionali .liveElezioniRegione .candidati li span:after  {
  content: "%";
  font-size: 10px;
}

.elezioniRegionali .liveElezioniRegione .candidati li .indicatore .bar img {
  position: absolute;
  display: block;
  width: 50px;
  height: 50px;
  right: -25px;
  top: -15px;
  border-radius: 50%;
  background: #eee
}

.elezioniRegionali .liveElezioniRegione .candidati li .indicatore>span {
  position: absolute;
  right: 5px;
  line-height: 17px;
  font-family: "Arvo";
  font-size: 12px;
  color: #bbb
}

.elezioniRegionali .liveElezioniRegione .candidati li .indicatore>span:after {
  content: " voti";
  font-size: 10px;
  text-transform: uppercase
}

.elezioniRegionali .liveElezioniRegione .candidati li:nth-child(3) {
  margin-bottom: 0px
}

.elezioniRegionali .boxElezioniDati {
  display: none;
  margin-bottom: 20px !important
}

.boxElezioniDati .titRegione, .boxElezioniDati .titRegioneStatic, .boxElezioniDati .titEnte {
  margin: 0 0 20px 0;
  line-height: 30px;
  font-family: "Arvo";
  font-size: 30px;
  color: #666;
  text-transform: uppercase;
}

.boxElezioniDati .breadcrubBox {
  padding: 10px 0;
  border-bottom: 1px solid #e9e9e9
}

.boxElezioniDati .breadcrubBox span {
  float: left;
  margin-right: 5px;
  line-height: 21px
}

.boxElezioniDati .breadcrubBox .breadcrumbDati {
  padding: 3px 0 0;
  height: 21px
}

.boxElezioniDati .breadcrubBox .breadcrumbDati a {
  background: #bbb
}

.boxElezioniDati .breadcrubBox .breadcrumbDati a:last-child {
  background: #F3B124;
  opacity: 1 !important;
  filter: alpha(opacity=100) !important
}

.boxElezioniDati .breadcrubBox .breadcrumbDati a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70)
}

.boxElezioniDati .lastUpdate {
  float: left;
  margin: 10px 0 0 0;
  font-size: 11px;
  text-transform: uppercase;
  color: #303030
}

.boxElezioniDati .srcRecap {
  float: right
}

.boxElezioniDati .srcRecap ul {
  float: left;
  margin-bottom: 40px;
  border-left: 1px solid #e9e9e9;
  padding: 20px 30px 10px
}

.boxElezioniDati .srcRecap ul li {
  margin-bottom: 10px;
  line-height: 22px;
  font-size: 12px;
  color: #666;
  text-transform: uppercase
}

.boxElezioniDati .srcRecap ul li em {
  display: inline-block;
  width: 130px;
  font-style: normal
}

.boxElezioniDati .srcRecap ul li span {
  display: inline-block;
  padding: 0 10px;
  height: 22px;
  line-height: 22px;
  font-family: 'Arvo';
  font-weight: bold;
  color: #fff;
  background: #c3c3c3;
  border-radius: 3px
}

.boxElezioniDati .srcRecap ul li span.percent:after {
  content: '%'
}

.boxElezioniDati .srcRecap ul li span.finale {
  background: #F3B124
}

.boxElezioniDati .srcRecap>ul:last-of-type {
  padding-right: 10px
}

.boxElezioniDati table {
  width: 100%;
  text-transform: uppercase
}

.boxElezioniDati table tr td {
  padding: 10px 5px;
  border-top: 1px solid #e9e9e9;
  text-align: center;
  line-height: 18px
}

.boxElezioniDati table tr td:first-child {
  font-weight: bold;
  padding-right: 0;
  max-width: 120px;
  height: 50px;
  padding-left: 70px;
  position: relative
}

.boxElezioniDati table tr td:first-child img {
display: block;
width: 50px;
height: 50px;
margin-top: -25px;
position: absolute;
left: 10px;
top: 50%;
border-radius: 50%;
background: #eee
}

.boxElezioniDati table tr td:last-child {
  font-size: 18px;
  font-weight: bold
}

.boxElezioniDati table tr .sep {
  border-left: 1px solid #e9e9e9;
  padding-left: 10px
}

.boxElezioniDati table tr .left {
  text-align: left;
  padding-left: 10px
}

.boxElezioniDati table tr:nth-child(odd) td {
  background: #fbfbfb
}

.elezioniRegionali .boxElezioniDati table tr td:last-child {
  font-size: 11px;
  font-weight: 400;
}

.elezioniComunali #liveElezioniDettaglio {
  display: none
}

.elezioniComunali .liveElezioniRegione .candidati li .indicatore {
  width: 100%;
  margin-top: 0
}

.elezioniComunali .liveElezioniRegione .candidati li .indicatore .bar {
  min-width: 5%
}

.elezioniComunali .liveElezioniRegione .candidati li .indicatore .bar img {
  top: -61px;
  left: 0
}

.elezioniComunali .liveElezioniRegione .candidati li .nome {
  font-size: 14px;
  line-height: 14px;
  width: auto
}

.elezioniComunali .liveElezioniRegione .fullResults, .elezioniComunali .liveElezioniRegione .scrutinio {
  clear: both;
  float: none;
  text-align: right;
  margin: 0;
  padding-top: 10px;
  border-bottom: 1px solid #eee
}

.elezioniComunali .liveElezioniRegione .fullResults {
  padding-top: 14px
}

.elezioniComunali .liveElezioniRegione .candidati {
  margin-top: 10px
}

.elezioniComunali .label {
  clear: both
}

.elezioniComunali #liveElezioniDettaglio, .elezioniComunali #liveElezioniDettaglio .barraSrc, .elezioniComunali .breadcrubBox, .elezioniComunali .liveElezioniRegione .candidati li .indicatore .bar img, .elezioniComunali .boxElezioniDati table tr td:first-child {
  padding-left: 10px
}

.elezioniComunali .boxElezioniDati table tr td:first-child img {
  display: none
}

.elezioniComunali .head .barraSrc {
  background: none;
  margin-bottom: 7px;
  padding-left: 110px
}

.elezioniComunali .boxElezioniDati .barraSrc, .elezioniComunali .boxElezioniDati .breadcrubBox {
  display: none !important
}

.risultatiScrutini th {
  background: #efefef
}

.barraElezioni {
  margin-bottom: 0;
}

.barraElezioni>.box {
  overflow: hidden
}

.barraElezioni .head {
  background: #f3b124;
  height: 55px;
  line-height: 48px;
  margin-bottom: 20px;
  padding: 0 20px
}

#liveElezioni.barraElezioni .head {
  line-height: initial !important;
  position: relative;
}

.barraElezioni .head p {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  float: right
}

.barraElezioni .head p.tit {
  position: relative;
  float: left;
  font-size: 21px;
  /*font-family: "Arvo", serif;*/
  font-weight: bold;
  padding-left: 46px;
  text-transform: uppercase
}

#liveElezioni.barraElezioni .head p.tit {
  padding-left: 0;
}

.barraElezioni .head p.tit:before {
  content: " ";
  position: absolute;
  left: 0;
  /*top: 0;*/
  top: -15px;
  display: block;
  width: 82px;
  height: 48px;
  /*background: url("/dl/rainews/images/elezioni2015/iconElezioni2015.png") no-repeat 0 0*/
}

.barraElezioni #topBar {
  float: right;
  padding: 0 20px
}

.barraElezioni #topBar a {
  color: #aaa;
  font-size: 12px;
  text-transform: uppercase;
  float: right
}

.barraElezioni #topBar a:after {
  font-family: "RaiNews" !important;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal !important;
  text-transform: none;
  content: "c";
  display: block;
  float: right;
  font-size: 10px;
  margin-left: 8px;
  margin-top: 4px;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg)
}

.barraElezioni #switchRegioni {
  padding: 0 20px;
  height: auto
}

.barraElezioni #switchRegioni span {
  display: block;
  clear: both;
  padding: 2px 10px 2px 0;
  color: #666;
  font-weight: 600;
  font-size: 12px
}

.barraElezioni #switchRegioni a {
  background: #c3c3c3;
  color: #fff;
  font-family: "Arvo", serif;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 3px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: block;
  float: left;
  margin-right: 4px;
  margin-bottom: 4px
}

.barraElezioni #switchRegioni a.active {
  background: #f3b124
}

.barraElezioni #navigationRegioni {
  position: relative;
  height: 40px;
  top: -75px
}

.barraElezioni #navigationRegioni a {
  display: block;
  width: 20px;
  height: 40px;
  background-image: url("/dl/rainews/images/arrowNextPrev.png");
  opacity: 0.4;
  text-indent: -10000px
}

.barraElezioni #navigationRegioni a.next {
  float: right;
  background-position: right bottom
}

.barraElezioni #navigationRegioni a.prev {
  float: left;
  background-position: left bottom
}

.barraElezioni #navigationRegioni a:hover {
  opacity: 1
}

.barraElezioni #tabsRegioni {
  clear: both;
  margin: 10px 0
}

.barraElezioni #tabsRegioni>div {
  height: 0;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 1s;
  transition: opacity 1s
}

.barraElezioni #tabsRegioni>div.active {
  height: auto;
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition: opacity 1s;
  transition: opacity 1s
}
.barraElezioni #tabsRegioni>div.boxPadding {
  padding:0;
}

.barraElezioni #tabsRegioni .box {
  box-shadow: none !important;
  margin: 0;
  width: 100%;
}

.barraElezioni #tabsRegioni .box:before, .barraElezioni #tabsRegioni .box:after {
  content: none !important
}

.barraElezioni .label, .barraElezioni .fullResults {
  display: none
}

.barraElezioni .loading {
  padding: 10px 20px
}

.barraElezioni .scrutinio {
  float: right;
  margin: -35px 20px 0 0;
  font-size: 13px;
  color: #aaa
}

.barraElezioni .scrutinio strong {
  font-size: 15px;
  font-weight: 600;
  color: #999
}

.barraElezioni .candidati {
  /* margin: 0 */
  padding: 0;
}

.barraElezioni .candidati li {
  display: none;
  width: 310px;
  margin-left: 20px;
  float: left;
}

.barraElezioni .candidati:after {
  content: " ";
  display: block;
  height: 2px;
  clear: both;
  margin-bottom: 20px
}

.barraElezioni .nome {
  display: block;
  width: 140px;
  height: 24px;
  margin: 3px 0;
  /* float: left; */
  /* line-height: 12px; */
  line-height: normal;
  /* font-size: 14px; */
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  color: #303030;
  letter-spacing: -.5px;
}

.barraElezioni .nome span {
  /* display: block; */
  display: none;
  font-size: 10px;
  font-weight: 400;
  color: #aaa
}

.barraElezioni .indicatore {
  position: relative;
  /* width: 90px; */
  width: calc(100% - 70px);
  float: right
}

.barraElezioni .indicatore .bar {
  line-height: 20px;
  padding: 0 4px;
  /* display: block; */
  float: left;
  clear: both;
  /* width: auto !important; */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #979da0;
  /**/
  height: 7px;
  display: flex;
  align-items: center;

}
.barraElezioni .indicatore {
  bottom: 10px;
}

.barraElezioni .indicatore .bar span {
  display: block;
  line-height: 20px;
  font-size: 30px;
  font-weight: bold;
  color: #000;
  position: absolute;
  /* left: 0px;
  top: -30px; */
  top: unset;
}

.barraElezioni .indicatore .bar span:after {
  content: "%";
  font-size: 10px
}

.barraElezioni .indicatore .bar img {
  position: absolute;
  display: block;
  width: 50px;
  height: 50px;
  left: -60px;
  top: -30px;
  /* border-radius: 50%; */
  background: #eee
}

.barraElezioni .indicatore>span {
  display: block;
  clear: both;
  font-size: 12px;
  color: #aaa;
  display: block;
  margin-top: 3px;
}

.barraElezioni .indicatore>span:after {
  content: " voti";
  font-size: 10px;
  text-transform: uppercase
}

.barraElezioni .foot {
  float: left;
  padding: 0 20px
}

.barraElezioni .foot a {
  margin-right: 32px;
  font-size: 12px;
  font-weight: 700;
  color: #dc513a;
  display: block;
  float: left;
  height: 20px;
  margin-bottom: 20px
}

.barraElezioni .foot a:first-child {
  color: #666
}

.barraElezioni .foot a:after {
  font-family: "RaiNews" !important;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal !important;
  text-transform: none;
  content: "c";
  display: block;
  float: right;
  font-size: 10px;
  margin-left: 8px;
  margin-top: 4px;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg)
}

.txt-left {
  text-align: left !important;
}

.txt-right {
  text-align: right !important;
}

.btn-small, .elezioniRegionali #altreRegioni a {
  display: inline-block;
  /* height: 25px; */
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 4px;
  /* padding: 0px 10px 0px 10px; */
  font-size: 10px;
  /* line-height: 25px; */
  line-height: 27px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  background: #dcdcdc;
  text-overflow: ellipsis;
  overflow: hidden;
  /* margin: 0 0.25em; */
  /* transition: background .5s ease, border .5s ease; */
  border: 2px solid #dcdcdc;
  /**/
  height: 27px;
  width: 100px;
  text-align: center;
  margin-right: 10px;
}

.btn-small.active, .elezioniRegionali #altreRegioni a.active {
  background-color: #F3B124;
  border-color: #F3B124;
  /* cursor: default; */
}

.btn-small:hover, .elezioniRegionali #altreRegioni a.active, .elezioniRegionali #altreRegioni a:hover.active, .elezioniRegionali #altreRegioni a:not(.active):hover {
  color: #fff !important;
}

.btn-small:not(.active):hover, .elezioniRegionali #altreRegioni a:not(.active):hover {
  background-color: #979da0;
  border-color: #979da0;
}

.btn-small.btn-stroke {
  /* background: #ffffff;
  border-color: #dcdcdc;
  color: #dcdcdc; */
  background: transparent;
  border-color: #bbb;
  color: #bbb;
}

.btn-small.btn-stroke:hover {
  border-color: #979da0;
}

.btn-small.btn-stroke.active, .btn-small.btn-stroke.active:hover {
  border-color: #F3B124;
  color: #303030 !important;
}

.elezioniPolitiche.exit-poll .btn-nazionale, .elezioniPolitiche.exit-poll .btn-estero, .elezioniPolitiche.proiezioni .btn-nazionale, .elezioniPolitiche.proiezioni .btn-estero {
  display: none;
}

.widget-elezioni {
  width: 100%;
}

.widget-elezioni .col {
  display: block;
  float: left;
  box-sizing: border-box !important;
}

.filled {
  width: 100%;
  background-color: #F3B124;
  /* padding-left: 1.25em;
  padding-right: 1.25em; */
}

.widget-elezioni .tit, #liveElezioni.barraElezioni .tit {
  font-size: 18px;
  font-weight: 700;
  font-family: "Arvo";
  text-transform: uppercase;
  color: #FFF;
  margin: 0.5em 0.5em;
}

.widget-elezioni .tit::before, .barraElezioni .head p.tit:before {
  content: "";
  background-image: url("http://pt.rai.it/dl/rainews/images/elezioni2018/icona-elezioni.svg");
  background-size: cover;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 1em;
  top: 2px;
  position: relative;
}

.widget-elezioni .container {
  /* padding: 1.25em; */
  padding: 20px 20px 10px;
}

body.tgr .widget-elezioni .container {
  max-width: 1296px;
  margin: 0 auto;
}

body.tgr #liveElezioni {
  margin-top:0;
}

.widget-elezioni .container .header2 div {
  width: 50%;
  display: block;
  float: left;
  /* padding-top: 1em; */
  padding-bottom: 1em;
}

.widget-elezioni .container .header2 .text {
  font-size: 18px;
}

.widget-elezioni .container .header2 .info-risultati {
  font-size: 14px;
  display: block;
}

.widget-elezioni .container .header2 div:last-child {
  text-align: right;
}

.widget-elezioni .container .header2 div:last-child .btn-small {
  /* margin-top: 10px; */
}

.widget-elezioni .risultati>.col {
  width: 16.6666666667%;
  border-right: 1px solid #000;
  padding-right: 1em;
  padding-left: 1em;
}

.widget-elezioni .risultati .col:last-child {
  border-right-width: 0px;
}

.widget-elezioni .risultati .col:first-child {
  padding-left: 0px;
}

.widget-elezioni .coalizione {
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -.5px;
  display: block;
  min-height: 3em;
}

.widget-elezioni .percentuale-indicatore .percentuale, .widget-elezioni .percentuale-indicatore .indicatore {
  display: block;
  float: left;
}

.widget-elezioni .foto img {
  width: 30px;
  height: 30px;
}

.widget-elezioni .percentuale-indicatore {
  margin-bottom: 2em;
}

.widget-elezioni .percentuale-indicatore .percentuale {
  font-size: 15px;
  font-weight: 900;
}

.widget-elezioni .percentuale-indicatore .percentuale span {
  font-size: 13px;
}

.widget-elezioni .percentuale-indicatore .indicatore {
  position: relative;
  display: block;
  height: 5px;
  background: #dcdcdc;
  border-radius: 3px;
  margin-top: 13px;
  overflow: hidden;
}

.widget-elezioni .percentuale-indicatore .indicatore .bar {
  position: absolute;
  width: 0%;
  min-width: 5%;
  top: 0px;
  height: 5px;
  background: #979da0;
}
.widget-elezioni .percentuale-indicatore .indicatore .bar:last-child {
  opacity: .5;
}

/*
.widget-elezioni .percentuale-indicatore .percentuale, .widget-elezioni .candidato .foto {
    width: 35%;
}
.widget-elezioni .exit-poll .percentuale-indicatore .percentuale {
    width: 100%;
}
.widget-elezioni .percentuale-indicatore .indicatore, .widget-elezioni .candidato .nome {
    width: 65%;
}
*/

.widget-elezioni .candidato {
  margin-bottom: .4em;
}

.widget-elezioni .candidato .nome {
  font-weight: 700;
  position: relative;
}

.widget-elezioni .candidato .nome span {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1.3em;
  text-align: left;
  font-size: .8rem;
  padding-left: 5px;
}

.widget-elezioni .candidato .nome span:after {
  /* content:"%"; */
}

.exit-poll .widget-elezioni .tipo-risultati, .proiezioni .widget-elezioni .tipo-risultati {
  display: none;
}

.filled a {
  color: #fff;
}

.filled a:hover {
  color: #dc513a !important;
}

.filled .link {
  /* width: 100%; */
  /* width: 60%; */
  display: block;
  /* margin: 1em 3em; */
}

.filled .link a {
  text-transform: uppercase;
  /* font-size: 12px; */
  color: #f3b224;
  /* font-size: 0.875rem; */
  font-size: 0.875em;
}

/* .filled .link a {
  color: #fff;
  color: #f3b224;
  font-size: 14px;
} */

.filled .link a::after {
  content: "";
  background-image: url("data:image/svg+xml;utf8;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGM0IyMjQiIGQ9Ik0xOC4zNDgsMTMuMTg4TDguMDI5LDIzLjUwOGMtMC42NTcsMC42NTYtMS43MjEsMC42NTYtMi4zNzcsMGMtMC42NTYtMC42NTYtMC42NTYtMS43MjEsMC0yLjM3N0wxNC43ODMsMTINCgkJTDUuNjUyLDIuODY5Yy0wLjY1Ni0wLjY1Ni0wLjY1Ni0xLjcyMSwwLTIuMzc3czEuNzIxLTAuNjU2LDIuMzc3LDBsMTAuMzIsMTAuMzJDMTguNjc3LDExLjE0LDE4Ljg0LDExLjU3LDE4Ljg0LDEyDQoJCUMxOC44NCwxMi40MywxOC42NzYsMTIuODU5LDE4LjM0OCwxMy4xODh6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==");
  background-size: cover;
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  /* top: 2px; */
  top: auto;
  position: relative;
  left: 0px;
  margin-left: 2px;
  transition: left .2s ease;
}

.filled .link a:hover::after {
  left: 5px;
}

.filled .link a.float-right {
  margin-right: 2em;
}

/* Box Elezioni Politiche */

.elezioniPolitiche h2, .elezioniPolitiche h3 {
  font-size: 18px;
  font-weight: 700;
  display: block;
  width: 100%;
  padding-bottom: 0.5em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.elezioniPolitiche h2+span {
  display: block;
  position: relative;
  top: -17px;
}

.elezioniPolitiche table {
  width: 100%;
}

.elezioniPolitiche .collegio {
  margin-bottom: 1em;
}

.elezioniPolitiche .collegio h3 {
  font-weight: 400;
  margin-top: 1em;
  margin-bottom: 0px;
}

.elezioniPolitiche th, .elezioniPolitiche td {
  padding-top: 1em;
  padding-bottom: 1em;
  font-size: 13px;
  text-align: left;
  border-top: 1px solid #e9e9e9;
  text-transform: uppercase;
}

.elezioniPolitiche .preferenze thead td {
    background-color: #aaa;
    color: #fff;
}
.elezioniPolitiche .preferenze tr td:first-child {
  padding-left: 15px;
}

.elezioniPolitiche td span {
  display: block;
}

.elezioniPolitiche tr.totale-coalizione td {
  background-color: #F3B124 !important;
  font-weight: 700;
  color: #fff;
}

.elezioniPolitiche tr.totale-coalizione td:first-child {
  padding-left: 1.5em;
}

.elezioniPolitiche td img {
  width: 30px;
  height: 30px;
  margin-left: .5em;
  margin-right: .5em;
  margin-bottom: 2px;
}

.elezioniPolitiche .row table.tableDati:first-child {
  margin-top: 1em;
}

.elezioniPolitiche table.tableDati tbody tr:nth-child(odd) td {
  background-color: #f0f2f7
}

.elezioniPolitiche table.tableDati tbody tr.lista-coalizione td {
  background-color: #fdfaf0
}

.elezioniPolitiche table.tableDati tbody tr.lista-coalizione:nth-child(odd) td {
  background-color: #f4f0e2
}

.elezioniPolitiche table.tableDati:not(.preferenze) thead tr th:first-child, .elezioniPolitiche table.tableDati:not(.preferenze) tbody tr td:not(.link):first-child {
  width: 50px;
  text-align: center;
}

#liveElezioni .table-info {
  display: none;
  font-size: 10px;
  padding-top: 20px;
  text-align: center;
}

#liveElezioni.view-exit-poll .table-info, #liveElezioni.view-proiezioni .table-info {
  display: block;
}

.elezioniPolitiche .liveElezioniPolitiche .barraSrc {
  height: 30px;
  padding: 0px;
  margin-bottom: 20px;
  background: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
}

.elezioniPolitiche .liveElezioniPolitiche .barraSrc .select {
  background-color: #fff;
  width: 150px;
  border-bottom: 1px #303030 solid;
  color: #303030;
  border-radius: 0px;
}

.elezioniPolitiche .liveElezioniPolitiche .barraSrc .select:after {
  right: 0px;
  border-top: 6px solid #dcdcdc;
}

.cerca-candidato {
  display: block;
  height: 25px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0px 10px;
  font-size: 10px;
  line-height: 20px;
  font-weight: 700;
  background-color: #dcdcdc;
  border: 2px #dcdcdc solid;
  margin-top: 1em;
  width: 100%;
}

/* Box Dati Statistici */

.datiStatistici h3 {
  /* margin-top: 1em; */
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.datiStatistici h3+table {
  border-top: 1px solid #e9e9e9;
  margin-top: 1em;
}

.datiStatistici h3+table>tbody>tr:first-child>td {
  padding-top: 1em;
}

.datiStatistici .aggiornamento {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 1em;
  margin-bottom: 0.5em;
}

.datiStatistici table tr td {
  border-top-width: 0px;
  padding-top: .5em;
  padding-bottom: .5em;
}

.datiStatistici table tr td:last-child {
  font-weight: 700;
  padding-left: 30px;
}

.uninominale, .plurinominale, .widget-elezioni .loading {
  opacity: 1;
  transition: opacity .5s ease;
}

.uninominale.loading, .plurinominale.loading, .widget-elezioni .loading {
  opacity: 0.2;
}

#liveElezioniPolitiche {
  min-height: 800px;
}

.candidato.row {
  width: 100%;
  float: left;
  padding: 0px;
}

.widget-elezioni .candidato .foto {
  width: 20%;
  float: none;
  text-align: center;
}

.widget-elezioni .candidato .nome {
  width: 80%;
  display: block;
}

.widget-elezioni .percentuale-indicatore {
  margin-bottom: 1em;
}

.widget-elezioni .percentuale-indicatore .percentuale {
  font-size: 30px;
  font-weight: 900;
}

.widget-elezioni .percentuale-indicatore .indicatore {
  width: 100%;
  margin-top: 0px;
}

#loader {
  /* width: 100%; */
  text-align: center;
  animation: pulse 2s infinite;
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 700;
  float: left;
  border-radius: 5px;
  /**/
  position: fixed;
  top: 48%;
  width: 300px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #fff;
  z-index: 1;
}

@keyframes pulse {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: #dcdcdc;
  }
  0% {
    background-color: #fff;
  }
}

.elezioniPolitiche tr.totale-coalizione td, .elezioniPolitiche tr.lista-coalizione {
  background-color: #9a9a9a !important;
  font-weight: 700;
  color: #fff;
}

.elezioniPolitiche table.tableDati tbody tr.lista-coalizione:nth-child(odd) td, .elezioniPolitiche table.tableDati tbody tr.lista-coalizione td {
  background-color: #e2e2e2;
  border: 0px;
  color: black;
  font-weight: 200;
  border-bottom: 1px solid #fff;
}

.elezioniPolitiche tr.totale-coalizione td {
  background-color: #9a9a9a !important;
  font-weight: 700;
  color: #fff;
}

.widget-politiche-europee {
  margin-top: 20px;
}

.widget-politiche-europee .title {
  text-transform: uppercase;
}

#widget-overview-regionali ul.candidati li {
  display: block;
  float: left;
  /* width: calc(25% - 1px)!important; */
  /* width: calc(19% - 1px); */
  width: 20%;
  margin-left: 0;
  /* border-right: 1px solid #000; */
  border-right: 1.3px solid #c8c8c8;
}
#widget-overview-regionali ul.candidati li:last-child {
  border-right: 0;
}

#widget-overview-regionali ul.candidati li:nth-child(n+2) .padding {
  padding-left: 1em;
}

#widget-overview-regionali ul.candidati li .indicatore {
  /* background-color: transparent; */
}

#widget-overview-regionali ul.candidati li .indicatore .bar img {}

#widget-overview-regionali ul.candidati li .indicatore span {
  /* display: none; */
}

#widget-overview-regionali .nome {
  width: 100%;
}

@media only screen and (max-width: 1000px) {
  .elezioni.elezioniPolitiche.widget {
    width: 95%;
  }
}

@media only screen and (max-width: 767px) {
  .elezioniRegionali .head {
    background: url("/dl/rainews/images/elezioni2015/testatinaElezioniRegionali_mobile475.png") 0 0 no-repeat #F3B124
  }
  .elezioniRegionali .liveElezioniRegione .fullResults, .elezioniRegionali .liveElezioniRegione .scrutinio {
    clear: both;
    float: none
  }
  /* .elezioniRegionali .liveElezioniRegione .fullResults {
    padding-top: 14px
  } */

  .elezioniRegionali .liveElezioniRegione .testatina .fullResults {
    padding-top: 0;
  }
  .elezioniRegionali .liveElezioniRegione .candidati {
    margin-top: 10px
  }
  .elezioniRegionali .liveElezioniRegione .candidati li .nome {
    /* font-size: 16px; */
    font-size: 12px;
    line-height: 12px;
    /* width: auto; */
    /* width: 80px; */
    width: 120px;
    margin-top: 15px
  }
  .elezioniRegionali .liveElezioniRegione .candidati li .nome span {
    font-size: 12px;
    margin-top: 5px;
  }
  .elezioniRegionali .liveElezioniRegione .fullResults, .elezioniRegionali .liveElezioniRegione .scrutinio {
    font-size: 18px;
  }
  .elezioniRegionali #altreRegioni a {
    margin-left: 0;
    margin-right: 5px;
    margin-bottom: 5px
  }
  .elezioniRegionali #altreRegioni span {
    line-height: 36px;
    padding-top: 3px;
    display: block
  }
  .elezioniRegionali .boxElezioniDati table tr td:first-child img {
    position: static;
    margin-top: 0
  }
  .elezioniRegionali .boxElezioniDati table tr td:first-child span {
    display: block;
    clear: both
  }
  .elezioniRegionali .barraSrc>div {
    padding: 10px 20px
  }
  .elezioni .tit {
    font-size: 35px;
    line-height: 35px;
    margin-top: 15px
  }
  .elezioni p {
    margin-bottom: 10px;
    margin-top: 5px
  }
  .elezioniRegionali .liveElezioniRegione .candidati li .indicatore {
    /* margin: 10px 0px 30px; */
    /* width: 435px */
    width: 100px;
  }
  /* .elezioniRegionali .liveElezioniRegione .candidati li .indicatore .bar {
    min-width: 9%
  } */
  .elezioniComunali .liveElezioniRegione .candidati li .indicatore {
    margin: 0px 0px 20px;
    width: 100%
  }
  .elezioniComunali .liveElezioniRegione .candidati li .indicatore .bar {
    min-width: 5%
  }
  /* .elezioniComunali .head {
    height: 255px
  } */
  .elezioniComunali .head .barraSrc {
    height: auto;
    padding-left: 90px;
    padding-top: 15px
  }
  .elezioniComunali .head .barraSrc .select {
    margin-bottom: 10px;
    width: 280px
  }
  .elezioniComunali .head .barraSrc>div {
    padding: 0
  }
  .boxElezioniDati .barraSrc {
    padding: 10px 20px;
    height: auto
  }
  .boxElezioniDati .barraSrc>span {
    float: none;
    line-height: 16px
  }
  .boxElezioniDati .barraSrc .select {
    margin-bottom: 10px;
    float: none;
    width: 340px
  }
  .boxElezioniDati .srcRecap {
    float: left;
    width: 100%
  }
  .boxElezioniDati .srcRecap ul {
    padding: 0 10px;
    margin: 20px 0px 0px;
    float: left
  }
  .boxElezioniDati .srcRecap ul li em, .boxElezioniDati .srcRecap ul li span {
    float: left;
    clear: both
  }
  .boxElezioniDati .srcRecap ul li em {
    width: 124px
  }
  .boxElezioniDati table {
    float: left;
    margin: 50px 0 10px
  }
  .boxElezioniDati table tr td:first-child {
    padding-left: 0
  }
  .boxElezioniDati table td:first-child, .boxElezioniDati table th:first-child {
    padding-left: 0
  }
  .boxElezioniDati table td:nth-child(2), .boxElezioniDati table td:nth-child(3), .boxElezioniDati table td:nth-child(5), .boxElezioniDati table td:nth-child(6), .boxElezioniDati table th:nth-child(2), .boxElezioniDati table th:nth-child(3), .boxElezioniDati table th:nth-child(5), .boxElezioniDati table th:nth-child(6) {
    display: block
  }
  .boxElezioniDati table td:nth-child(7), .boxElezioniDati table td:nth-child(8), .boxElezioniDati table th:nth-child(7), .boxElezioniDati table th:nth-child(8) {
    display: none
  }
  .boxElezioniDati table td:nth-child(2), .boxElezioniDati table td:nth-child(5), .boxElezioniDati table th:nth-child(2), .boxElezioniDati table th:nth-child(5) {
    font-size: 12px;
    line-height: 19px
  }
  .boxElezioniDati table td:nth-child(3), .boxElezioniDati table td:nth-child(6), .boxElezioniDati table th:nth-child(3), .boxElezioniDati table th:nth-child(6) {
    font-size: 13px;
    color: #F3B124;
    font-weight: 700
  }
  .boxElezioniDati table td:nth-child(9), .boxElezioniDati table th:nth-child(9) {
    border-left: 1px solid #e9e9e9;
    padding-left: 10px
  }
  .boxElezioniDati table th:nth-child(9):after {
    content: "seggi";
    display: block;
    line-height: 10px
  }
  .boxElezioniDati .lastUpdate {
    font-size: 12px
  }
  .barraElezioni .candidati li, .barraElezioni .candidati li:first-child {
    width: 400px;
    margin: 12px 0 12px 30px
  }
  .barraElezioni #switchRegioni {
    float: left
  }
  .barraElezioni .nome {
    width: 210px
  }
  .barraElezioni .head {
    padding: 0 20px 0 10px
  }
  .barraElezioni .head {
    height: 65px;
    line-height: normal
  }
  .barraElezioni .head p {
    font-size: 11px
  }
  .barraElezioni .head p.tit {
    font-size: 17px
  }
  .barraElezioni .head p {
    padding-left: 46px;
    float: left
  }
  .barraElezioni .head p.tit {
    padding-top: 16px
  }
  .barraElezioni .foot a:nth-child(2) {
    clear: left
  }
  .barraElezioni .foot a:first-child {
    margin-bottom: 7px
  }
  .barraElezioni #topBar {
    padding: 0 50px 20px
  }
  .widget-elezioni .container .header2 div, .widget-elezioni .risultati>.col {
    width: 100%;
  }
  .widget-elezioni .risultati>.col {
    border-right: 0;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
  }
  .widget-elezioni .container .header2 div:last-child {
    text-align: left;
  }
  .candidato.row {
    width: 27%;
    float: left;
    padding: 2px;
  }
  .widget-elezioni .percentuale-indicatore .indicatore {
    width: 40%;
    height: 10px;
  }
  .widget-elezioni .percentuale-indicatore .indicatore .bar {
    height: 10px;
  }
  .widget-elezioni .percentuale-indicatore .percentuale, .widget-elezioni .candidato .foto {
    width: 100%;
  }
  .widget-elezioni .percentuale-indicatore .percentuale {
    padding-top: 0px;
  }
  .widget-elezioni .candidato.row:last-child {
    padding-bottom: 20px;
  }
  .widget-elezioni .foto img, #Main.elezioni.elezioniPolitiche .tableDati td img {
    width: 60px !important;
    height: 60px !important;
  }
  .widget-elezioni .candidato .nome span {
    font-size: 10px;
  }
  .widget-elezioni .coalizione, .elezioniPolitiche h2, .elezioniPolitiche h3 {
    font-size: 20px;
  }
  /* .colAll {
    width: 95%;
    float: none;
  } */
  #Main.elezioni .col4C, #Main.elezioni .col4C .box, #Main.elezioni .colDx, #Main.elezioni .colDx .box, #Main.elezioni .box.AmministrazioniUscenti, #Main.elezioni .colSx {
    width: 100%;
  }
  #Main.elezioni .tableDati th, #Main.elezioni .tableDati td {
    font-size: 18px;
  }
  .elezioni.elezioniPolitiche .barraSrc .select {
    width: 42%;
    margin-right: 2%;
    height: 38px;
    font-size: 16px;
  }
  /* .btn-small {
    height: 30px;
    padding: 9px 10px;
    font-size: 10px;
    width: 22%;
    text-align: center;
  } */
  #Main.elezioni #liveElezioni .label {
    font-size: 14px;
    padding-top: 6px;
    height: 28px;
  }
  #widgetElezioni.elezioni.box .row.filled a.btn-large, #widgetPoliticheRegionali #liveElezioni a.btn-large {
    position: static;
    margin: 0 auto 20px auto;
  }
  /**/
  .elezioniRegionali .liveElezioniRegione .candidati li > span,
  .elezioniRegionali .liveElezioniRegione .candidati li > span.cand,
  .elezioniRegionali .liveElezioniRegione .candidati li > span.perc,
  .elezioniRegionali .liveElezioniRegione .candidati li > span.voti,
  .elezioniRegionali .liveElezioniRegione .candidati li > span.font{
    font-size: 12px;
  }

  #liveElezioni #navigation{
    width: 100%;
  }
  #liveElezioni #navigation .boxPadding{
    display: flex;
    justify-content: center;
  }
  /**/
  .datiStatistici table{
    width: 100%;
  }
  .testatina-widget.row .referendum-copertura-campione {
    width: 100%;
    padding: 0 0 20px;
  }
  #view-buttons.buttons{
    width: 100%;
    padding-top: 10px;
    /**/
    overflow-x: hidden;
  }

  /*Barra selezione comunali centrata*/

  .elezioni .barraSrc{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #tabsRegioni .list .indicatore{
    margin-bottom: 20px;
  }

  .elezioni .barraSrc .select.sel_reg{
    margin-top: 10px;
  }

  /* Stili per elenco candidati e liste associate widget proiezioni regionali */
  /* .barraElezioni .candidati{
    display: flex;
    flex-direction: column;
  }
  #widget-overview-regionali ul.candidati li{
    width: 100%;
  }
  #widget-overview-regionali ul.candidati li:nth-child(n+2) .padding.list{
    padding-left: 0;
  } */

  #widget-overview-referendum .risultati .referendum,
  #liveElezioni .risultati .referendum{
    font-size: 12px;
  }

  .box.landing{
    max-width: 85%;
  }

  .liveElezioniRegione .container-over{
    overflow-x: auto;
    overflow-y: hidden;
  }

  #widgetReferendum #widget-overview-referendum .filled.txt-right,
  #widget-overview-regionali #widget-overview-referendum .filled.txt-right,
  #widgetReferendum .row.filled.txt-right,
  #widget-overview-regionali .row.filled.txt-right{
    font-size: 12px;
  }

  .filled .link a::after{
    width: .5rem;
    height: .5rem;
  }

  .elezioni.referendum .elezioniNav{
    display: flex;
    justify-content: center;
  }

  .elezioni.referendum #view-buttons a:last-child{
    margin-right: 0;
  }
}

@media only screen and (max-width: 480px) {
  .elezioniRegionali .head {
    background: url("/dl/rainews/images/elezioni2015/testatinaElezioniRegionali_mobile.png") 0 0 no-repeat #F3B124
  }
  .elezioni .tit, .elezioni p {
    margin-left: 84px
  }
  .elezioniRegionali .liveElezioniRegione .candidati.scrutini li .indicatore {
    /* width: 280px */
    /* width: 48px; */
    display: none;
  }
  /* .elezioniRegionali .liveElezioniRegione .candidati li .indicatore .bar {
    min-width: 14%
  } */
  .elezioniComunali .liveElezioniRegione .candidati li .indicatore {
    width: 100%
  }
  .elezioniComunali .liveElezioniRegione .candidati li .indicatore .bar {
    min-width: 8%
  }
  .elezioniRegionali .barraSrc .select {
    width: 240px
  }
  .elezioniRegionali .barraSrc>div {
    padding: 10px 0
  }
  /* .elezioniComunali .head {
    height: 290px
  } */
  .elezioniComunali .head .barraSrc {
    padding-left: 28px;
    padding-top: 15px
  }
  .elezioniComunali .head .barraSrc .select {
    width: 265px
  }
  .elezioniComunali .head .barraSrc>div {
    padding: 0
  }
  .boxElezioniDati .srcRecap ul {
    float: none
  }
  .boxElezioniDati .srcRecap ul li em, .boxElezioniDati .srcRecap ul li span {
    float: none;
    clear: none
  }
  .srcRecap ul li span {
    float: right
  }
  .boxElezioniDati .lastUpdate {
    font-size: 12px
  }
  .boxElezioniDati {
    font-size: 11px
  }
  .boxElezioniDati table tr .left {
    padding-left: 5px
  }
  .boxElezioniDati table td:first-child, .boxElezioniDati table th:first-child {
    padding-left: 0
  }
  .boxElezioniDati table td:nth-child(2), .boxElezioniDati table td:nth-child(3), .boxElezioniDati table td:nth-child(5), .elezioniRegionali .boxElezioniDati table td:nth-child(6), .elezioniRegionali .boxElezioniDati table th:nth-child(2), .elezioniRegionali .boxElezioniDati table th:nth-child(3), .elezioniRegionali .boxElezioniDati table th:nth-child(5), .elezioniRegionali .boxElezioniDati table th:nth-child(6) {
    display: block
  }
  .elezioniRegionali .boxElezioniDati table td:nth-child(7), .elezioniRegionali .boxElezioniDati table td:nth-child(8), .elezioniRegionali .boxElezioniDati table td:nth-child(4), .elezioniRegionali .boxElezioniDati table td:nth-child(5), .elezioniRegionali .boxElezioniDati table td:nth-child(6), .elezioniRegionali .boxElezioniDati table th:nth-child(7), .elezioniRegionali .boxElezioniDati table th:nth-child(8), .elezioniRegionali .boxElezioniDati table th:nth-child(4), .elezioniRegionali .boxElezioniDati table th:nth-child(5), .elezioniRegionali .boxElezioniDati table th:nth-child(6) {
    display: none
  }
  .elezioniRegionali .boxElezioniDati table td:nth-child(2), .elezioniRegionali .boxElezioniDati table td:nth-child(5), .elezioniRegionali .boxElezioniDati table th:nth-child(2), .elezioniRegionali .boxElezioniDati table th:nth-child(5) {
    font-size: 11px;
    line-height: 19px
  }
  .elezioniRegionali .boxElezioniDati table td:nth-child(3), .elezioniRegionali .boxElezioniDati table td:nth-child(6), .elezioniRegionali .boxElezioniDati table th:nth-child(3), .elezioniRegionali .boxElezioniDati table th:nth-child(6) {
    font-size: 12px
  }
  .elezioniRegionali .boxElezioniDati table td:nth-child(9), .elezioniRegionali .boxElezioniDati table th:nth-child(9) {
    padding-left: 5px
  }
  .barraElezioni .candidati li, .barraElezioni .candidati li:first-child {
    width: 300px;
    margin: 12px 0 12px 0
  }
  .barraElezioni .nome {
    width: 140px
  }
  /* .barraElezioni .indicatore {
    width: 75px
  } */
  .barraElezioni .head {
    height: 65px;
    line-height: normal
  }
  .barraElezioni .head p {
    padding-left: 46px;
    float: left
  }
  .barraElezioni .head p.tit {
    padding-top: 16px
  }
  .barraElezioni .foot a {
    margin-bottom: 7px
  }
  .barraElezioni #topBar {
    padding: 0 30px 20px
  }
  .elezioniPolitiche .btn-small, .elezioniRegionali .btn-small {
    height: auto;
    /* padding: 5px 0px; */
    font-size: 10px;
    /* width: calc(100% - 10px); */
    width: calc(33% - 12px);
    text-align: center;
  }
  .elezioniPolitiche .btn-small.btn-estero, .elezioniPolitiche .btn-small.btn-camera {
    margin-bottom: 10px;
  }
  .elezioniPolitiche .float-right, .elezioniPolitiche .box, .elezioniRegionali .box, #Main .colAll {
    float: none !important;
  }
  .elezioniRegionali .box {
    overflow: auto;
  }
  .elezioniRegionali .liveElezioniRegione .fullResults {
    margin-left: 0px;
    font-size: 16px;
  }
  #Main.elezioni .tableDati th, #Main.elezioni .tableDati td {
    font-size: 10px;
  }
  #Main.elezioni.elezioniPolitiche .tableDati td img {
    width: 20px !important;
    height: 20px !important;
    margin: 0px 5px;
  }
  .elezioniPolitiche h2, .elezioniPolitiche h3 {
    font-size: 16px;
  }
  .elezioni.elezioniPolitiche .barraSrc {
    padding-bottom: 0;
  }
  .elezioni.elezioniPolitiche .barraSrc .select {
    width: 100%;
    font-size: 14px;
    margin-bottom: 10px;
  }
  .elezioniPolitiche table.tableDati thead tr th:first-child, .elezioniPolitiche table.tableDati tbody tr td:not(.link):first-child {
    width: 30px;
  }
  .elezioni .barraSrc {
    height: auto;
  }
  /* .widget-elezioni .btn-small, .widget-elezioni .btn-small {
    display: inline-block;
    width: auto;
    padding: 5px 10px;
  } */
  .widget-elezioni .btn-medium{
    margin-top: 5px;
  }
  .widget-elezioni .tit::before {
    display: none;
  }
  .widget-elezioni .tit {
    margin-left: 20px;
    font-size: 30px;
    line-height: 30px;
  }
  .widget-elezioni .candidato .nome {
    width: 100%;
    padding: 10px 0px 20px 0px;
  }
	.widget-elezioni .percentuale-indicatore .indicatore {
		width: 100%;
	}
	.widget-elezioni  .btn-small.btn-camera {
		margin-bottom: 0px;
	}
	.widget-elezioni .float-right{
		float: right !important;
	}
	.widget-elezioni .candidato .nome span {
		position: relative;
		text-align: center;
		padding-left:0px;
  }
  /**/
  .elezioniRegionali .liveElezioniRegione .candidati li > span,
  .elezioniRegionali .liveElezioniRegione .candidati li > span.cand,
  .elezioniRegionali .liveElezioniRegione .candidati li > span.perc,
  .elezioniRegionali .liveElezioniRegione .candidati li > span.voti,
  .elezioniRegionali .liveElezioniRegione .candidati li > span.font{
    /* width: 100px !important; */
    font-size: 11px;
    padding: 0 5px;
  }

  .elezioniRegionali .liveElezioniRegione .candidati li > span.font:last-child{
    margin-right: 5px;
  }

  .elezioniRegionali .liveElezioniRegione .candidati li:nth-child(2) > span:last-child{
    width: 34px;
  }
  .elezioniRegionali .liveElezioniRegione .candidati li .nome{
    width: 110px;
    font-size: 10px;
    line-height: 14px;
  }

  .elezioniRegionali .liveElezioniRegione .candidati li .nome.cand{
    font-size: 12px;
  }

  /* .elezioniRegionali .liveElezioniRegione .candidati li > span.perc:after{
    font-size: 11px;
  } */

  #widget-overview-referendum .risultati .referendum,
  #liveElezioni .risultati .referendum{
    font-size: 10px;
  }

  #navigation .colAll .boxPadding{
    padding: 0;
  }
  #widget-overview-referendum .risultati .buttons, .testatina.fallback #view-buttons, .testatina-widget #view-buttons{
    display: flex;
    width: 100%;
  }
  /*Barra selezione comunali centrata*/
  .elezioni .barraSrc{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .btn-medium.btn-regione{
    width: calc(50% - 14px);
  }

  .btn-medium.btn-regione:nth-child(even){
    margin-right: 0;
  }

  .buttons.regioni{
    margin-left: 10px;
  }
  /*Mappa comunali non visibile a mobile*/
  .mapWrapper .mapContainer{
    display: none;
  }
  /*Riduzione distanza elenco comuni da select in assenza di mappa*/
  .boxElezioniDati > div{
    padding: 0 20px;
  }

  .referendum .referendum-no, .referendum .referendum-si{
    width: 46%;
  }
  #widget-overview-regionali .buttons.switch-elezione{
    justify-content: center;
    margin-left: 10px;
  }
  #widgetReferendum #widget-overview-referendum .filled.txt-right,
  #widget-overview-regionali #widget-overview-referendum .filled.txt-right,
  #widgetReferendum .row.filled.txt-right,
  #widget-overview-regionali .row.filled.txt-right{
    font-size: 10px;
  }

  /* #widgetReferendum .row.filled.txt-right, #widget-overview-regionali .row.filled.txt-right{
    font-size: 10px;
  } */

  .elezioni.referendum #view-buttons{
    display: flex;
    width: 100%;
  }

  .elezioni.elezioniRegionali #view-buttons-regioni .btn-regione,
  .landing #widget-overview-regionali .btn-regione{
    width: calc(50% - 20px);
  }

  .landing #view-buttons-switch-elezione{
    display: flex;
    justify-content: center;
  }

  #widget-overview-referendum .referendum-no .referendum-forbice-container, 
  #liveElezioni .referendum-no .referendum-forbice-container{
    padding-right: 15%;
  }

  .filled .link a::after{
    width: .5rem;
    height: .5rem;
  }

  .elezioni.referendum .elezioniNav{
    margin-bottom: 20px;
  }

  .elezioniRegionali .box.liveElezioniRegione .candidati.exit li > span{
    width: 80px;
  }
}

/* Regionali, colore candidati */
#SERGIO-CHIAMPARINO .bar {background-color: #ce4234;}
#ALBERTO-CIRIO .bar {background-color: #25325D;}
#GIORGIO-BERTOLA .bar {background-color: #feca45;}
#VALTER-BOERO .bar {background-color: #28419B;}

[data-view="exit-poll"] .barraElezioni .indicatore .bar:nth-child(2) {
  margin-top: -7px;
}
[data-view="exit-poll"] #SERGIO-CHIAMPARINO .bar:first-child {background-color: #e5786d;}
[data-view="exit-poll"] #ALBERTO-CIRIO .bar:first-child {background-color: #697394;}
[data-view="exit-poll"] #GIORGIO-BERTOLA .bar:first-child {background-color: #fddd8a;}
[data-view="exit-poll"] #VALTER-BOERO .bar:first-child {background-color: #7082c2;}



/* Fase elezioni */
[data-fase="exit-poll"] .btn-estero,
[data-fase="exit-poll"] .btn-proiezioni,
[data-fase="exit-poll"] .btn-scrutini,
[data-fase="exit-poll"] .btn-preferenze,
[data-fase="exit-poll"] .barraSrc,
[data-fase="proiezioni"] .btn-estero,
[data-fase="proiezioni"] .btn-scrutini,
[data-fase="proiezioni"] .btn-preferenze,
[data-fase="proiezioni"] .barraSrc {
  display: none !important;
}

/* View elezioni */
[data-view="exit-poll"] .btn-estero,
[data-view="proiezioni"] .btn-estero {
  display: none !important;
}
[data-view="estero"] .btn-exit-poll,
[data-view="estero"] .btn-proiezioni {
  display: none !important;
}

[data-view="exit-poll"].widget-elezioni .percentuale-indicatore .percentuale,
[data-view="exit-poll"] .barraElezioni .indicatore .bar span {
  font-size: 24px;
}

/* Comunali */
#elencoComuniProiezioni {
  padding-bottom: 0;
}
#elencoComuniProiezioni div {
  width: 33%;
  display: block;
  float: left;
}
#elencoComuniProiezioni a {
  margin: 1em 0.5em 0 0.5em;
  text-align: center;
  padding: 10px 0px;
  color: #fff;
  font-size: 16px;
  display: block;
  background-color: #F3B124;
  border-radius: 5px;
}
#elencoComuniProiezioni::after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 480px) {
  #elencoComuniProiezioni div {
    width: 100%;
    float: none;
  }
}

/*AGGIUNTE ELEZIONI 2020*/

.hidden{
  display: none;
}

.elezioni .box, .elezioni.box{
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -webkit-border-radius: 0;
}

/*Fix banner*/

.colAll .head.box img{
  width: 100%;
}

/*Fix footer*/

.footer{
  clear: both;
}

/*Referendum fallback e scrutini*/

#widget-overview-referendum .risultati .referendum-ultimo-aggiornamento,
#widget-overview-regionali .referendum-ultimo-aggiornamento,
#widget-overview-referendum .risultati .referendum-copertura-campione,
#widget-overview-regionali .referendum-copertura-campione{
  padding: 5px 0 15px;
  order: 0;
  font-size: 16px;
}

#liveElezioni .referendum-ultimo-aggiornamento,
#liveElezioni .referendum-copertura-campione{
  font-size: 16px;
  padding: 20px 0 15px 20px;
}

#widget-overview-referendum .risultati{
  justify-content: space-between;
}

#widget-overview-referendum .risultati .buttons, .testatina.fallback #view-buttons, .testatina-widget #view-buttons{
  order: 1;
  display: flex;
}

#widget-overview-referendum .referendum,
#liveElezioni .referendum {
  display: flex;
  width: 100%;
  margin: 70px 0;
  order: 2;
  font-size: 16px;
}

#widget-overview-referendum .referendum-ultimo-aggiornamento,
#widget-overview-regionali .referendum-ultimo-aggiornamento,
#liveElezioni .referendum-ultimo-aggiornamento {
  font-weight: bold;
}

.testatina-widget.row .referendum-ultimo-aggiornamento{
  padding: 0 10px 0 0;
}

.liveElezioniRegione .testatina-widget.row .referendum-ultimo-aggiornamento, .liveElezioniRegione .testatina-widget.row .buttons {
  padding-top: 10px;
}

#widget-overview-referendum .referendum-ultimo-aggiornamento .font-normal,
#widget-overview-regionali .referendum-ultimo-aggiornamento .font-normal,
#liveElezioni .referendum-ultimo-aggiornamento .font-normal{
  font-weight: normal;
}

#widget-overview-referendum .referendum-ultimo-aggiornamento .verde{
 color: #3cd568;
}

#widget-overview-referendum .referendum-no, .referendum-si,
#liveElezioni .referendum-no, .referendum-si{
  font-size: 6.875em;
  font-weight: bold;
  width: 50%;
  text-align: center;
}

#widget-overview-referendum .referendum-si,
#liveElezioni .referendum-si{
  color: #00d2b9;
  border-right: 2px solid #c8c8c8;
  padding: 20px 15px 40px 0;
}

#widget-overview-referendum .referendum-no,
#liveElezioni .referendum-no{
  color: #fd3f40;
  padding: 20px 0 40px 15px;
}

#widget-overview-referendum .referendum-percent-voto,
#liveElezioni  .referendum-percent-voto{
font-size: .3em;
}
#widget-overview-referendum .referendum-forbice-min-val, .referendum-forbice-max-val,
#liveElezioni  .referendum-forbice-min-val, .referendum-forbice-max-val{
  font-size: .3em;
  display: grid;
}
#widget-overview-referendum .referendum-forbice-min-val,
#liveElezioni .referendum-forbice-min-val{
  padding-right: 10px;
}
#widget-overview-referendum .referendum-forbice-min-name,
#widget-overview-referendum .referendum-forbice-max-name,
#liveElezioni .referendum-forbice-min-name,
#liveElezioni .referendum-forbice-max-name{
  color: black;
  font-size: .6em
}
#widget-overview-referendum .referendum-forbice-container,
#liveElezioni .referendum-forbice-container{
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
  justify-content: space-evenly;
}

#widget-overview-referendum .referendum-numero-voti,
#liveElezioni .referendum-numero-voti{
  font-size: .2em;
  color: #000;
}

#view-buttons-regioni .btn-medium,
#view-buttons-switch-elezione .btn-medium, 
#widget-overview-regionali .btn-regione{
  display: inline-block;
  width: 100px;
  height: 27px;
  font-size: 10px;
  font-weight: bold;
  border-radius: 4px;
  background-color: #dcdcdc;;
  color: #fff;
  text-align: center;
  line-height: 27px;
  margin-right: 10px;
  margin-top: 5px;
  border: 2px solid #dcdcdc;
}

#view-buttons-switch-elezione .btn-medium:last-child{
  margin-right: 0;
}

#view-buttons-regioni .btn-medium.active,
#view-buttons-switch-elezione .btn-medium.active,
#widget-overview-regionali .btn-regione.active{
  border: 2px solid #f3b224;
}

#view-buttons-regioni .btn-medium.active,
#view-buttons-switch-elezione .btn-medium.active{
  background-color: #f3b224;
  color: #fff;
}

#widget-overview-regionali .btn-medium.btn-regione{
  margin-top: 15px;
}

#widget-overview-regionali #view-buttons-switch-elezione .btn-medium:last-child, #view-buttons.buttons .btn-small:last-child, #view-buttons-regioni.buttons .btn-medium:last-child{
  margin-right: 0;
}

#widgetReferendum .filled.txt-right,
#widget-overview-regionali .filled.txt-right{
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 16px;
}

#liveElezioni .testatina-widget .referendum-ultimo-aggiornamento,
#liveElezioni .testatina-widget .referendum-copertura-campione{
  padding-left: 0;
}

/*Referendum dettaglio*/

#Main.elezioni .colAll .col4C{
  background-color: #fff;
}

#Main.referendum .colAll .col4C{
  margin-bottom: 20px;
}

#Main.referendum .quesito.box{
  font-size: 20px;
  padding: 30px 20px;
  width: auto;
  line-height: 1.5;
  border-radius: 4px;
}

#liveElezioni .boxPadding h3{
  font-size: 18px;
}

#liveElezioni .boxPadding td{
  font-size: 14px;
  color: #515151;
}

.opinio{
  clear: both;
  font-size: 11px;
  color: #bbb;
  font-weight: bold;
  padding: 0;
}

#navigation.box{
  background-color: transparent;
}

#widgetReferendum .row.buttons.switch-elezione{
  margin-bottom: 25px;
  flex-flow: nowrap;
}

#widgetElezioniRegionali .row.buttons.switch-elezione{
  margin-bottom: 25px;
}

/*Widget regionali*/

#tabsRegioni .infoBox{
  display: flex;
  align-items: center;
  height: 55px;
  /* width: 200px; */
}

#tabsRegioni .list{
  display: flex;
  flex-direction: column;
}

#tabsRegioni .list .indicatore{
  /* align-self: flex-end; */
  margin-top: 30px;
  /* margin-right: 10px; */
  margin-right: 0;
  background: #dcdcdc;
  border-radius: 6px;
  left: 61px;

}

#tabsRegioni .list .indicatore .bar .percentuale{
  font-size: 15.5px;
  padding-top: 0;
  /* left: -60px; */
  left: -60px;
  /* top: -6px; */
}

#tabsRegioni .info{
  align-self: center;
}

#tabsRegioni .infoBox img {
  /* position: absolute; */
  display: block;
  width: 50px;
  height: 50px;
  /* border-radius: 50%; */
  background: #eee;
  margin-right: 10px;
  font-size: 8px;
}

#tabsRegioni .info .nome{
  padding: 0;
  margin: 0;
  height: unset;
  float: none;
}

/*Dettaglio regionali*/

.elezioniRegionali .image img{
  /* position: absolute; */
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #eee;
  margin-right: 10px;
  font-size: 7px;
}

.elezioniRegionali .liveElezioniRegione .candidati li > span{
  position: relative;
  /* top: 10px; */
  width: 39px;
  /* width: auto; */
  text-align: left;
  font-size: 14px;
  color: #000;
  /**/
  font-family: "OpenSans", sans-serif;
  margin: 0;
}

.elezioniRegionali .liveElezioniRegione .candidati li > span.perc{
  font-weight: bolder;
}

.elezioniRegionali .liveElezioniRegione .candidati.exit li > span.perc{
  font-weight: bold;
}

.elezioniRegionali .liveElezioniRegione .candidati.exit li > span{
  width: 5.375rem;
}

.elezioniRegionali .liveElezioniRegione .candidati.exit li > span.voti{
  width: auto;
}

.elezioniRegionali .liveElezioniRegione .candidati.scrutini li > span:last-child::after{
  content: "";
}

.elezioniRegionali .liveElezioniRegione .candidati li:nth-child(even){
  /* height: 55px; */
  background-color: #f0f2f7;
  /* padding: 5px 0; */
}

.elezioniRegionali .boxPadding h2{
  font-size: 18px;
}

.elezioniRegionali .boxPadding .aggiornamento{
  font-size: 14px;
}

.elezioniRegionali .btn-dettagli{
  border: 2px solid #F3B124;
  color: #303030 !important;
  font-size: 10px;
  border-radius: 4px;
  width: 100px;
  height: 28px;
  text-align: center;
  font-weight: bold;
  text-align: center;
  line-height: 28px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

.elezioniRegionali .testatina{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.elezioniRegionali .testatina.exit, .elezioniRegionali .testatina.proiezioni{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.elezioniRegionali .testatina.exit .aggiornamento, .elezioniRegionali .testatina.proiezioni .aggiornamento{
  padding-top: 10px;
}

.elezioniRegionali .testatina.fallback {
  /* align-items: center; */
  margin-bottom: 0;
}

.testatina.fallback{
  justify-content: space-between;
  font-size: 16px;
}

/* .testatina.fallback .aggiornamento{
  padding-bottom: 20px;
} */

/* .boxPadding .candidati.exit, .boxPadding .candidati.pro{
  margin-top: 0;
} */

/*Intestazione pagina dettagli regionali*/

.elezioniRegionali .intest{
  font-weight: bold;
  font-size: 0.875rem;
}

.elezioniRegionali .intest .image, .intest .indicatore{
  visibility: hidden;
}

.elezioniRegionali .candidati.scrutini .intest .nome.cand,
.elezioniRegionali .candidati.pro .intest .nome.cand,
.elezioniRegionali .candidati.exit .intest .nome.cand{
  font-weight: bold;
}

.elezioniRegionali .candidati.scrutini .intest .perc:after,
.elezioniRegionali .candidati.exit .intest .perc:after,
.elezioniRegionali .candidati.exit .intest .voti:after{
  /* font-size: 14px;
  font-weight: bolder; */
  content: '';
}

.datiStatistici .boxPadding table{
  width: 100%;
}

/*Dettagli regionali e comunali (tabelle)*/

.elezioniRegionali .boxElezioniDati .boxPadding .titRegione{
  margin-top: 15px;
}

.elezioniRegionali .boxElezioniDati table tr .left{
  color: #000;
}

.elezioniRegionali .boxElezioniDati table tr td:first-child{
  padding-left: 10px;
}

/* .boxPadding.barrasrc{
  padding: 12px 0;
} */

/*Elezioni comunali*/

.elezioniComunali #tabellaDati thead tr{
  background: #f2f2f2;
  font-weight: bold;
  color: #000;
}

.elezioniComunali #tabellaDati thead tr td{
  color: #000;
}

.elezioniComunali #tabellaDati thead tr td:nth-last-child(-n+2){
  text-align: right;
}

.elezioniComunali #tabellaDati thead tr td:first-child, #tabellaDati tbody tr td:first-child {
  padding-left: 10px;
}

.elezioniComunali #tabellaDati thead tr td:last-child, #tabellaDati tbody tr td:last-child{
  padding-right: 10px;
}

.elezioniComunali #tabellaDati{
  width: 100%;
  margin-top: 20px;
}

.elezioniComunali #tabellaDati tbody tr{
  color: #515151;
  font-weight: bold;
  line-height: 2.18;
  font-size: 11px;
}

.elezioniComunali #tabellaDati tbody tr td:nth-last-child(-n+2){
  text-align: right;
}

.elezioniComunali #titolo{
  font-size: 16px;
}

.elezioniComunali #infoFuori{
  font-size: 14px;
  line-height: 25px;
}

#Main.elezioniComunali .mapWrapper .mapContainer .col4C{
  width: 45%;
}

@media all and (max-width: 767px) {
  #Main.elezioniComunali .mapWrapper .mapContainer .col4C{
    width: 100%;
  }
  #Main.elezioniComunali .mapWrapper .mapContainer .colDx{
    width: 100%;
  }
}

#Main.elezioniComunali .mapContainer .colDx{
  width: 52%;
}

.elezioniComunali .colAll .box{
  margin: 0;
}


/*MAPPE*/

.mapWrapper{
  display: block;
}

.mapContainer {
  min-height: 100%;
  height: auto !important;
  margin: 0 auto -16px;
}

.mapContainer #map {
  width: 100%; /*1024px;*/
  height: 400px;
  overflow:hidden;
  /**/
  z-index: 0;
  border-radius: 10px;
  height: 350px;
  /* height: 285px; */

}

.mapContainer #mapNotRelative {
  width: 1024px;
  height: 768px;
}

.mapContainer .info {
  padding: 6px 8px;
  font: 14px/16px Arial, Helvetica, sans-serif;
  background: white;
  background: rgba(255,255,255,0.8);
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  border-radius: 5px;
}

.mapContainer .info h4 {
  margin: 0 0 5px;
  color: #777;
}

.mapContainer .legend {
  text-align: left;
  line-height: 18px;
  color: #555;
}
.mapContainer .legend i {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 8px;
  opacity: 0.7;
}

.mapContainer .approfondimento {
  padding: 6px 8px;
  font: 14px/16px Arial, Helvetica, sans-serif;
  background: white;
  background: rgba(255,255,255,0.8);
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  border-radius: 5px;
}
.mapContainer .approfondimento h4 {
  margin: 0 0 5px;
  color: #777;
}

.mapContainer .leaflet-control-layers-toggle:after{
  content:"Uni e Plurinominale";
  color:#000 ;
}

.mapContainer .leaflet-control-layers-toggle{
  width:auto;
  background-position:3px 50% ;
  padding:3px;
  padding-left:36px;
  text-decoration:none;
  line-height:36px;

}

.mapContainer .numericCol{
  float:right;
}

/**/

#Main.elezioniComunali{
  background: #fff;
}

#widgetElezioniRegionali .list .percentuale > span:nth-child(odd){
  font-size: 15.5px;
  font-weight: bold;
}

#widgetElezioniRegionali .list .percentuale > span:nth-child(odd):after{
  content: "%";
  font-size: 11px;
}

#widgetElezioniRegionali .list .percentuale > span:nth-child(even){
  font-size: 11px;
  font-weight: bold;
}

#widgetElezioniRegionali .list .percentuale{
  padding-top: 10px;
}

.testatina-widget{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: wrap;
  padding-bottom: 25px;
}

.testatina-widget .referendum-copertura-campione {
  padding: 0;
}

/*Liste candidati*/

#widget-overview-regionali .liste{
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  padding: 0;
}

#widget-overview-regionali ul.candidati li .liste li{
  width: 100%;
}

#widget-overview-regionali ul.candidati li .liste li#lista{
  border-right: 0;
  min-height: 60px;
}

#widget-overview-regionali .lista-inner{
  display: flex;
  align-items: center;
}

#widget-overview-regionali .lista-inner img{
  display: inline-block;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  background: #eee;
  margin-right: 10px;
}

#widget-overview-regionali .nome-lista{
  padding-left: 5px;
  font-weight: bold;
  font-size: 11px;
}

/*Ritocchi stile ambiente formazione*/

#view-buttons-regioni{
  margin-bottom: 25px;
}

.padding.list{
  padding-right: 1em;
}

/*Widget scrutini regionali Small*/
/*Commentate le width dei <li> con calc a favore della width 100%, vedi riga 1672*/

#tabsRegioni .container-over{
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

#tabsRegioni .row.candidati{
  display: flex;
  flex-direction: row;
  flex-flow: nowrap;
  min-width: 920px;
}

/*STILI LANDING PAGE*/

.landing{
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;
}

.landing .row.filled{
  border-radius: 5px 5px 0 0;
}

#liveElezioni.box.landing{
  float: none;
  /*Aggiunta per IE*/
  clear: both;
}

.colAll .head.box.landing-banner{
  width: 100%;
  float: unset;
  /*Aggiunta per IE*/
  z-index: 1;
}

.colAll .head.box {
  background:none;
}

.head.box.landing-banner img{
  border-radius: 0;
}

.landing #view-buttons-switch-elezione{
  margin-bottom: 25px;
}

/*------------------------*/
#widgetReferendum .row,
#widgetElezioniRegionali .row.filled{
  max-width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 auto;
}

/*------------------------*/

/*Scrollbar custom per container elezioni regionali nel widget*/

#tabsRegioni .container-over ::-webkit-scrollbar-track{
  background: #fc0;
  color: #fc0;
}

.liveElezioniRegione ::-webkit-scrollbar{
  background: #dcdcdc;
  height: 10px;
  border-radius: 6px;
}
.liveElezioniRegione ::-webkit-scrollbar-thumb{
  background: #F3B124;
  border-radius: 6px;
}

/*******/

.widget-elezioni .container{
  background-color: transparent;
}

/*TGR*/
body.tgr .buttons.switch-elezione,
body.tgr .buttons.regioni{
  color: #fff;
}

body.tgr #view-buttons-regioni .btn-medium,
body.tgr #view-buttons-regioni .btn-regione,
body.tgr #view-buttons-regioni .btn-small,
body.tgr #view-buttons-switch-elezione .btn-medium,
body.tgr #view-buttons-switch-elezione .btn-regione,
body.tgr #view-buttons-switch-elezione .btn-small,
body.tgr #view-buttons .btn-small{
  height: 30px;
}

body.tgr #liveElezioni .btn-medium:hover{
  color: #e35534;
}

body.tgr .referendum{
  font-family: "Open Sans", sans-serif;

}

body.tgr .aggiornamento h2{
  font-family: "Open Sans", sans-serif;
  margin: 0;
  font-weight: 700;
}

body.tgr ul.candidati{
  margin-bottom: 15px;
}

/* elezioniNav */
#Main.referendum .elezioniNav {
  padding: 0 20px 15px 20px;
  clear:both;
} 
#Main.elezioniRegionali .elezioniNav,
#Main.elezioniComunali .elezioniNav {
  padding:5px 0 15px;
}
@media only screen and (max-width: 480px) {
  #Main.referendum .elezioniNav,
  #Main.elezioniRegionali .elezioniNav,
  #Main.elezioniComunali .elezioniNav {
    padding-left:0;
    padding-right:0;
    display: flex;
    justify-content: center;
  }
  #Main.elezioniComunali .elezioniNav {
    width:110%;
  }
  .elezioniNav a {
    margin-right:5px;
  }
  .elezioniNav a+a+a+a {
    margin-right:0;
  }
}
@media only screen and (max-width: 767px) {
  #Main.elezioniComunali .elezioniNav a {
    margin-right:3px;
  }
  #Main.elezioniComunali .elezioniNav a+a+a+a {
    margin-right:0;
  }
}