/* inizio implementazione */

body,
html {
  font-family: Titillium Web, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #1c2024;
  font-size: 62.5%;
  /*line-height: 1.6;*/
  /*line-height: 1.8; ////spostato su eligendo           */
  font-weight: normal;
}

.center-panel {
  padding-left: 25px;
}

.breadcrumb-wrapper {
  border-bottom: 1px solid #ccc;
  padding: 5px 0;
}

.fa-quote-left,
.fa-quote-right {
  font-size: 5rem;
  color: #ccc;
  position: absolute;
}

.fa-quote-left {
  left: 80px;
  top: 60px;
}

.fa-quote-right {
  right: 80px;
  bottom: 60px;
}

.infoPagina {
  display: none;
}

a:hover,
a:focus {
  color: #06c;
}

section.reset-search {
  text-align: center;
  float: none;
}

#hpercentuale {
  padding-left: 12px;
}

#hvoti {
  padding-left: 25px;
}

/*bottoni blu delle selezioni elezione, data ecc*/

.sezione_panel a {
  color: #ffffff;
}

.sezione_panel a:hover,
a:focus {
  text-decoration: none;
  background: none;
}

.panel-heading {
  padding: 4px 4px;
}

.panel-body {
  padding: 0px;
}

.panel-body .sezione {
  margin-bottom: 0px;
}

/*freccetta laterale sinistra dei titoli dell'accordion right down*/

.panel-heading .accordion-toggle {
  padding-left: 7px;
}

.panel-heading .accordion-toggle:after {
  /* symbol for "opening" panels */
  font-family: "FontAwesome";
  content: "\f107";
  padding-left: 3px;
  float: left;
  color: #fff;
  font-size: 2.1rem;
}

.panel-heading .accordion-toggle.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\f105";
}

/*	icona email fine pagina info.php  */

/*i.fa.fa-envelope-o{
    color: #0066CC;
}*/

.email {
  font-weight: bold;
}

/*immagine libri presente nella pagina info.php*/

.sfondohome {
  text-align: center;
  /*width: auto;*/
  width: 100%;
  /**/
  /*margin: 3px 0px;*/
  margin: auto;
  /**/
  margin-top: 30px;
  /**/
  margin-bottom: 30px;
  /**/
  height: 120px;
  background: url("../images/HomeArchStorBibl.JPG") no-repeat;
  background-position: top;
}

/*	TITOLO CHE SI CREA DURANTE LA NAVIGAZIONE	*/

.titolo_pagina {
  font-weight: 600;
  text-align: left;
  padding: 0px 0px 8px 0px;
}

/* PULSANTI UNINOMINALE E PROPORZIONALE	per elezioni Camera del 1994*/

.unipro {
  list-style-type: none;
  color: #123b8f;
  padding: 0px 0px 7px 0px;
  margin: 0px;
  border: 0px;
  margin-bottom: 10px;
}

.unipro li {
  display: inline;
  margin-right: 10px;
  padding: 1px;
  padding-left: 7px;
  padding-right: 7px;
  border-radius: 0.4rem;
  margin: 0px 4px;
  line-height: 0%;
  text-align: center;
  box-shadow: 2px 2px 4px 1px #ccc;
  font-weight: bold;
  background: #f0f0f0;
  color: #004d99;
}

.unipro li a {
  /*color: #000;*/
  text-decoration: none;
  padding: 10px 15px;
  color: #004d99;
}

.unipro li:hover {
  /*background: #8ebeed;*/
  background-color: #2079d4;
  color: #fff;
}

.unipro li a:hover {
  color: #fff;
}

.unipro li.activelink a {
  color: white;
}

.unipro li.activelink {
  background: #2079d4;
  color: white;
}

/* FINE PULSANTI UNINOMINALE E PROPORZIONALE	*/

/*	DATI DI RIEPILOGO	*/
/*******************blocco spostato su eligendo.css
.box_elevot {
    margin-bottom: 12px;
}

@media (max-width:991px) {
    .box_schede {
        margin-top: 10px;
    }
}

table th.box_elevot_title {
    border-bottom: 1px solid #dedede;
    color: #5a6772;
    background-color: #f0f0f0;
}

table tr.row_elettori {
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

.dati_riepilogo {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    margin: 0;
    border: 1px solid #f0f0f0;
    background-color: #fff;
}

.dati_riepilogo td.bd_r {
    border-right: 1px solid #f0f0f0;
}

.dati_riepilogo tr {
    width: auto;
    border-top: none;
    border-bottom: none;
}

.dati_riepilogo .intestazione_turni {
    background: #EBF2FF;
}

.dati_riepilogo th {
    font-weight: 600;
    padding-top: 1px;
    padding-bottom: 1px;
    border-top: none;
    border-bottom: none;
    color: #5a6772;
    font-size: 1.6rem;
    padding-left: 10px;
    padding-right: 10px;
}



.dati_riepilogo td {
    padding-top: 1px;
    padding-bottom: 1px;
    white-space: normal;
    border-top: none;
    border-bottom: none;
    padding-right: 10px;
    font-size: 1.5rem;
    color: #1c2024;
    text-align: right;
}
********** fine blocco spostato su eligendo.css*/

.dati {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  margin: 0;
  background-color: #fff;
}

.dati tr .dati.tr.riga_testata {
  width: auto;
}

.dati tr.leader,
.dati tr.leader td {
  font-weight: 600;
  background-color: #d1e7ff;
}

.dati tr.leader th {
  text-align: left;
  background: #ebf2ff;
}

.val_eletto {
  color: #2079d4;
  font-weight: bold;
  padding-left: 20px;
  font-size: 1.8rem;
}

/*.dati tr.leader td{
	padding: 8px 5px;
	border-top: 1px solid #BCD2E6;
	border-bottom: 1px solid #BCD2E6;
}*/

.dati td {
  /*padding: 5px 10px 2px 5px;*/
  padding: 10px;
  white-space: normal;
}

.dati th.candidato {
  /*background: white;*/
  text-align: left;
  border: none;
  font-weight: normal;
}

.dati th.candidato a {
  color: rgb(0, 102, 204);
  border: 0px;
}

/* Grandezza contrassegni aggiornata a 64px il 7/11/2023 da STAX */
.dati .simbolo_lista {
  width: 64px;
  text-align: center;
}

.dati .simbolo_lista img {
  width: 64px;
  vertical-align: middle;
}

.simbolo_leader {
  width: 64px;
  text-align: center;
}

.simbolo_leader img {
  width: 64px;
  vertical-align: middle;
}

.dati .listino {
  text-align: left;
  font-weight: bold;
}

.dati .listino a {
  text-decoration: none;
  color: #123b8f;
}

.dati .listino a:hover {
  background: #8ebeed;
}

tr.totale td {
  text-align: right;
  font-weight: bold;
  padding: 10px 2px 15px 12px;
}

tr.totale_liste td {
  background-color: #d6d6d6;
}

.dati tr.totale th {
  background: white;
  text-align: left;
  border: none;
}

/* IMMAGINE CANDIDATO ELETTO SU INDEX */

.eletto_index {
  text-align: center;
}

.eletto_index img {
  height: 30px;
}

#htotalecomplessivovoti {
  font-weight: normal;
  /*padding-top: 35px;
     padding-left: 6px;*/
  padding: 10px;
}

#htotale,
#htotalecomplessivovotilista,
#totalecomplessivovoti {
  font-weight: normal;
  padding: 10px;
}

.totalecomplessivovoti {
  background-color: #2079d4 !important;
  color: #fff;
}

/*.totalecomplessivovoti td{
    font-weight: bold;
}*/

.apparentamento {
  font-weight: bold;
  text-align: left;
  /*font-style: italic;*/
}

.box_testo_ref {
  margin-bottom: 10px;
}

.dati_referendum {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  margin: 0;
  margin-bottom: 17px;
}

.dati_referendum tr {
  width: auto;
  border-top: 1px solid #bcd2e6;
  border-bottom: 1px solid #bcd2e6;
}

.dati_referendum th {
  font-weight: 600;
  padding: 8px 10px;
  color: #5a6772;
  text-align: left;
  border-top: 1px solid #bcd2e6;
  border-bottom: 1px solid #bcd2e6;
}

.dati_referendum td {
  padding-top: 4px;
  padding-bottom: 4px;
  white-space: normal;
  border-top: 1px solid #bcd2e6;
  border-bottom: 1px solid #bcd2e6;
  padding-right: 25px;
}

.dati_referendum_titolo_quesito {
  text-align: left;
  background-color: #d1e7ff;
  color: #1c2024;
  padding: 8px 10px;
  font-weight: 600;
  /*border-top: 1px solid #BCD2E6;
	border-bottom: 1px solid #BCD2E6;*/
}

.dati_referendum th.dati_referendum_quesito {
  border-top: 0px;
  border-bottom: 1px solid #bcd2e6;
  font-weight: normal;
  color: black;
  text-align: justify;
}

/* IMMAGINE CANDIDATO ELETTO SU PAGINA CANDIDATI */

.eletto {
  height: 30px;
  text-align: right;
}

/* IMMAGINE CANDIDATO ELETTO */

/* SIMBOLO LISTA SU PAGINA CANDIDATI */

.simbolo_candidati {
  font-weight: bold;
  padding-bottom: 12px;
}

.simbolo_candidati img {
  width: 64px;
  vertical-align: middle;
  padding-right: 5px;
}

.titolo_pagina .fa {
  color: #0066cc;
}

.fa-file-excel-o:before {
  color: white;
}

.sezione_panel {
  background-color: #2079d6;
  color: #ffffff;
  text-align: left;
  text-transform: capitalize;
  font-weight: 600;
  padding: 3px;
  font-size: 2rem;
}

.sezione {
  overflow-x: hidden;
  overflow-y: auto;
  white-space: normal;
  background-color: white;
  max-height: 247px;
  margin-bottom: 1px;
}

.sezione ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  color: black;
}

.sezione li {
  padding: 1px;
  margin-left: 0px;
  margin-right: 0px;
}

.sezione li a {
  text-decoration: none;
  display: block;
}

.sezione li:hover {
  background: #8ebeed;
}

.sezione li.activelink {
  background: #8ebeed;
  color: #004080;
  border: #ff8c00 solid 2px;
}

.sezione_ristretta {
  overflow-x: hidden;
  overflow-y: auto;
  white-space: normal;
  background-color: white;
  margin-bottom: 3px;
  max-height: 240px;
}

.sezione_ristretta ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sezione_ristretta li {
  padding: 1px;
  margin-left: 0px;
  margin-right: 0px;
}

.sezione_ristretta li a {
  text-decoration: none;
  display: block;
}

.sezione_ristretta li:hover {
  background: #d0e1ff;
}

.sezione_ristretta li.activelink {
  background: #8ebeed;
  color: #004080;
  border: #ff8c00 solid 2px;
}

.sidebar-nav .nav > li > a {
  position: relative;
  display: block;
  padding: 1px 3px;
}

#txtHint {
  position: absolute;
}

#txt {
  border-color: #ccc;
  border-style: none none none;
  border-width: medium medium 2px;
  height: 40px;
  width: 100%;
}

.radio-div {
  padding-bottom: 15px;
}

.form-submit {
  background-image: url("../images/search-icon.png");
  background-color: #052449;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  color: transparent !important;
  width: 38px;
  right: 0;
  bottom: 0;
  color: white;
  padding: 8px 13px;
  text-transform: uppercase;
  border: none;
}

.btn-custom {
  display: inline-block;
  background-color: #65dde0;
  color: #004a4d;
  padding: 6px 40px;
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 20px;
  border: 1px solid #50d8dc;
  box-shadow: 0 2px 4px 0 #bdbdbd;
  border-radius: 0;
}

.region,
.region-storico {
  margin-right: 0px;
}

.form-type-textfield {
  margin: 0;
}

.form-item input,
#search-form .form-item input {
  border-color: -moz-use-text-color -moz-use-text-color #cccccc;
  border-color: #ccc;
  border-style: none none none;
  border-width: medium medium 2px;
  line-height: 39px;
}

#idRicAjax {
  font-size: 0.95rem;
  width: 305px;
}

#btn_cerca {
  background-color: #0066cc;
  background-image: url("../images/search-icon.png");
  border: 0px;
  border-radius: 0;
  height: 50px;
  width: 50px;
}

#btn_cerca:hover {
  background: #8ebeed;
  cursor: pointer;
}

.titolo_ricerca {
  padding: 7px;
  background-color: #d6d6d6;
  font-size: 2.1rem;
  line-height: 1;
  font-weight: 600;
}

.table_ricerca {
  width: 100%;
}

.current-search-item.current-search-item-text.current-search-item-risultato-ricerca,
.current-search-item.current-search-item-text.current-search-item-keywords {
  font-size: 2.1rem;
  padding-top: 0px;
}

.table_ricerca a {
  text-decoration: none;
  color: #123b8f;
}

.link_risultati {
  display: block;
}

.table_ricerca td:hover {
  background: #8ebeed;
}

.table_ricerca td a:hover {
  color: black;
}

/*	GRIGLIE TABLE	*/

.riga_testata th {
  line-height: 1.7;
  background: #2079d4;
  color: white;
  font-weight: normal;
  padding: 10px;
}

.box-logo h2 {
  font-size: 3.2rem;
  font-weight: normal;
  line-height: 1.2;
}

.box-ricerca-1 h2 {
  font-size: 3.4rem;
  font-weight: normal;
  line-height: 1.2;
}

.box-ricerca-1 a {
  color: #9c9c9c;
}

.riga_pari {
  background: white;
}

.riga_dispari {
  background: #ebf2ff;
}

.riga_paginazione {
  background: #8ebeed;
  text-align: center;
}

.error {
  color: red;
}

/*	CLASSI PER ALIGN	*/

.align_left {
  text-align: left;
  padding: 6px;
}

.align_right {
  text-align: right;
  padding: 2px;
}

.vertical_align {
  vertical-align: middle;
}

.align_center {
  text-align: center;
}

.spaziatore {
  width: 15px;
}

.percentuale {
  text-align: right;
}

.vertical_percentuale {
  vertical-align: middle;
}

/*nav.navbar{
 background-color: #0066ee;
}*/

.navbar-inverse ul.navbar-nav li a {
  background-image: none;
  color: #5a6772;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 35px;
  border-left: none;
  text-align: center;
  background-color: #fff;
  display: block;
  width: 100%;
  text-decoration: none;
  margin-left: 20px;
}

.navbar-inverse ul.navbar-nav li a:hover {
  border-bottom: 2px solid #0066cc;
  color: #0066cc;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #0066cc;
  background-color: transparent;
}

.sidebar-nav .nav > li > a:active {
  background: #8ebeed;
  color: #004080;
}

.sidebar-nav .nav > li > a:hover {
  background: #d1e7ff;
  color: #004080;
}

/*
 * Off Canvas
 * --------------------------------------------------
 */

.offcanvas__trigger {
  display: none;
}

/* Extra small devices (phones, less than 768px) */

@media (max-width: 479px) {
  .right-panel {
    width: auto;
  }
  .left-panel {
    width: auto;
    background-color: white;
  }
  .breadcrumb > li {
    font-size: 1.3rem;
  }
  h1 {
    font-size: 3.4rem;
  }
  .center-panel_ricerca {
    font-size: 1.2rem;
    border: solid 1px #bcd2e6;
    height: auto;
    width: 100%;
    color: black;
  }
  .region-header-top {
    padding-left: 23px;
  }
  .region-navigation {
    background-position: 80% 0;
    width: 440px;
  }
  .navbar-header {
    min-width: 478px;
    width: 480px;
  }
  .navbar-toggle {
    width: 22px;
    height: 22px;
    padding: 13px 13px 11px 13px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    text-indent: -9999em;
    line-height: 22px;
    display: block;
    font-weight: 700;
  }
  .right-panel {
    padding-left: 3px;
    width: 80px;
  }
}

@media (max-width: 498px) {
  .center-panel_ricerca {
    font-size: 1.3rem;
  }
  /*.container-fluid {
        padding: 2px;
    }*/
  .wrapper-content-1 {
    padding-bottom: 5px;
  }
}

/* Small devices (tablets, 768px and up) */

@media (min-width: 480px) and (max-width: 767px) {
  .well {
    margin-top: 5px;
  }
  .navbar-nav {
    margin: 0px 0px;
  }
  .headTitolo h1 {
    font-size: 15px;
  }
  .navbar-nav > li > a {
    padding: 15px 8px;
  }
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
    padding-bottom: 20px;
  }
  .region-navigation {
    background-position: 65% 0;
  }
  .container > .navbar-collapse {
    margin-left: -35px;
  }
  .dati_referendum_titolo_quesito {
    padding-right: 5px;
  }
  .center-panel_ricerca {
    font-size: 1.5rem;
    margin-bottom: 5px;
  }
  .panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    padding-left: 2px;
  }
  .col-xs-9,
  .col-sm-9,
  .col-md-9,
  .col-lg-9,
  .col-xs-10,
  .col-sm-10,
  .col-md-10,
  .col-lg-10,
  .col-xs-11,
  .col-sm-11,
  .col-md-11,
  .col-lg-11,
  .col-xs-12,
  .col-sm-12,
  .col-md-12,
  .col-lg-12 {
    padding-left: 8px;
    padding-right: 2px;
  }
  .container-fluid {
    padding-left: 2px;
    padding-right: 2px;
  }
}

/* SM */

@media (max-width: 767px) {
  .wrapper-all-content {
    margin-top: 170px;
  }
  .block-facetapi {
    margin-left: 5px;
  }
  .wrapper-content-1 .li-item a {
    font-size: 2.2rem;
  }
  .region-content-1 .row div:last-child {
    padding-right: 2px;
  }
  .wrapper-footer-top-bis {
    margin-top: 180px;
  }
  .box-logo h2 {
    font-size: 2.7rem;
  }
  .box-ricerca-1 h2 {
    font-size: 2.7rem;
  }
  .col-xs-3,
  .col-sm-4 {
    padding-left: 3px;
    padding-right: 5px;
  }
  .headTitolo .cDescElez {
    font-size: 15px;
  }
  /* ADELE*/
  #descElez {
    font-size: 20px !important;
    line-height: 1.5;
    margin-left: 30px;
  }
  /* ADELE*/
  .col-sm-3 {
    padding-top: 10px;
  }
  .navbar-inverse {
    background: #0066cc;
    margin-bottom: 0px;
    margin-left: -35px;
  }
  .navbar-inverse .navbar-toggle {
    border: none;
    background: none;
    outline: none;
    margin: 6px;
  }
  .navbar-inverse .navbar-toggle .icon-bar {
    display: block;
    width: 3.5rem;
    height: 0.4rem;
    border-radius: 0.2rem;
    background-color: #fff;
  }
  .icon-bar-menu {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.1rem;
    line-height: 1;
    margin-top: 4px;
  }
  .navbar-inverse .navbar-toggle:hover,
  .navbar-inverse .navbar-toggle:focus {
    background-color: transparent;
  }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #ffffff;
  }
  .right-panel {
    width: auto;
  }
  .left-panel {
    width: auto;
    background-color: white;
  }
  .region-navigation {
    background-position: 65% 0;
  }
  .sezione_panel {
    padding: 1px;
  }
  .dati td {
    padding-right: 2px;
  }
  .align_left {
    padding: 6px 0px;
  }
  .center-panel {
    margin-bottom: 8px;
  }
  .center-panel-ricerca {
    margin-bottom: 8px;
  }
  .sidebar-offcanvas {
    margin-bottom: 5px;
  }
  .riga_testata {
    line-height: 1.5;
  }
  .well {
    min-width: 200px;
    width: 100%;
  }
  .offcanvas__trigger {
    display: block;
  }
  .glyphicon {
    font-size: 20px;
    right: 4px;
  }
  .btn-xs {
    right: 25px;
    width: 40px;
    height: 40px;
    z-index: 10;
    background-color: #0066cc;
    color: white;
  }
}

@media (min-width: 768px) {
  .navbar-collapse {
    padding-left: 30px;
  }
  .center-panel_ricerca {
    font-size: 1.7rem;
    border: 1px solid #e3e3e3;
    height: auto;
    color: black;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .sidebar-offcanvas {
    padding: 10px;
  }
}

@media (min-width: 992px) {
  .sidebar-offcanvas {
    padding: 1px;
  }
  .center-panel_ricerca {
    margin-left: 25px;
    width: 90%;
    min-height: 100px;
  }
}

@media (min-width: 1200px) and (max-width: 1499px) {
  .paginaEligendo > .col-lg-3 {
    width: 26%;
  }
  .paginaEligendo > .col-lg-9 {
    width: 74%;
  }
}