@IMPORT url("allfonts.css");
@IMPORT url("all.min.css");
@IMPORT url("common.css");

:root {
	--hue:200;
}

html {
	font-family: opensans, Verdana, Arial, sans-serif;
	font-size: 14px;
	height: 100%;
}

html.screen-x {
	font-size: 20px;
}

html.screen-l {
	font-size: 17px;
}

html.screen-m {
	font-size: 15px;
}

html.screen-s {
	/* font-size: 13px; */
}

.tabella, .tabella2 {
	font-size: 1.3rem;
	padding: 2rem 2rem 2rem;
	position: relative;
	margin: 0;
	box-sizing: border-box;
	min-height: 100%;
}

.screen-s .tabella, .screen-s .tabella2 {
	padding: 2em 0.2em;
}

.tabella {
	color: #123;
	text-align: center;
	box-sizing: border-box;
}

.tabella2 {
    background-color: #fffe;
    color: #256;
}

.tabella2 .tabella {
    padding: 0;
    margin: 1em;
    min-height: 30%;
}

.tabella3 {
    margin: 1em 0;
    background: hsl(var(--hue) 50% 90%);
    padding: 1em;
    border: 1px solid #9999;
    border-radius: 5px;
}


h1, h2, h3 {
	font-family: opensans, Verdana, Arial, sans-serif;
	margin: 2px 0;
}

p {
	font-family: opensans, Verdana, Arial, sans-serif;
}

p.messaggio {
	background-color: #ffdb;
	border-radius: 3px;
	min-height: 2.85rem;
	margin: 2px auto 1em;
	padding: .2rem 1em;
	text-align: left;
	width: 90%;
	font-size: 1rem;
	line-height: 1.1em;
}

.no_voti {
    background: #fdb;
    border: 1px solid #a30;
    padding: 0.5em 1em;
    border-radius: 2px;
    margin: 1em 0;
    font-size: 0.8em;
}

.liste{
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	margin: 1em;
}

.bottone_lista {
    border-radius: 4px;
    padding: 8px 1em;
    background-color: #058;
    color: #fff !important;
    margin: 2px 10px;
    display: inline-block;
    min-width: 15em;
    text-align: center;
}



p.quorum {
	border-radius: 5px;
	font-size: 1.43rem;
	font-weight: bold;
	margin: .3rem auto;
	text-align: center;
	display: inline-block;
	padding: .2rem .4rem;
}

.quorum.quorum_true {
	background-color: #AE8;
	border: 2px solid #491;
}

.quorum.quorum_false {
	background-color: #fb9;
	border: 2px solid #e61;
}

img.foto {
	border: 3px double #1A79EB;
}

.parimerito {
	background-color: #D34613;
	color: #f0f0f0;
	font-family: opensans, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	width: 80%;
	border: 2px solid #c14211;
	border-radius: 8px;
	padding: 5px;
	margin: 4px auto;
	text-align: center;
}

/*=========================================
    cluetip
  =========================================*/
.helptext h3 {
	font-size: 1.14rem;
	font-weight: bold;
}

.helptext {
	font-family: opensans, Verdana, Arial, sans-serif;
	font-size: .93rem;
	font-weight: normal;
}

/*=========================================
    stili generali delle tabelle
  =========================================*/
table {
	font-family: opensans, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.29rem;
	font-weight: bold;
	border-spacing: 0;
	border-collapse: separate;
}

table[id] {
	width: 100%;
}

#layout {
	position: relative;
	/*! max-width: 60rem; */
	margin: 0 0 1em;
}

td.cella-layout {
    width: 82%;
}

.screen-s td.cella-layout {
    width: 100%;
}

table#layout>tbody>tr {
	background: transparent;
}

table tbody tr {
	height: 2.29rem;
}

table td {
	color: #023;
	border-left: 0;
	border: 1px solid #57a;
	padding: 2px 4px;
	border-width: 1px 1px 1px 1px;
}

table tfoot tr td {
	border: none;
}

p#titoloelez {
	background-color: #DDEAEF;
	border-bottom: 2px solid #1E4262;
	margin-top: 0px;
	margin-bottom: 2px;
	font-weight: bold;
}

table caption, th.tableCaption {
	background-color: #FFFd;
	border: 1px solid #1e4262;
	border-bottom-width: 2px;
	border-radius: 2px 2px 0 0;
	font-size: 1.7rem;
	font-weight: bold;
	padding: 0.2rem .6rem;
}

table caption .ultagg {
	font-size: .9rem;
}

table th.first {
}

table th {
	text-align: center;
	border: 1px solid #146;
	background-color: #eee;
	padding: .2rem;
}

table tbody tr:nth-child(even) {
	background-color: #e4f0ff;
}

table tbody tr:nth-child(odd) {
	background-color: #c7e3fe;
}

tr.coal1, th.coal1 {
	background-color: #FFFD7C;
}

tr.coal2, th.coal2 {
	background-color: #FFFEC4;
}

table td.empty {
	background-color: #7DC0DD;
}

table td.num {
	text-align: right;
	font-weight: bold;
}

table td.first {
	/* border: 1px solid #69a; */
	border-color:  #1E4262;
}

table td.first2 {
	border-left: 1px solid #1E4262;
	border-right: 0px none;
}

table td.btop, table th.btop {
	border-top: 1px solid #1E4262;
}

table td.bbot, table th.bbot {
	border-bottom: 1px solid #1E4262;
}

/*=========================================
    link
  =========================================*/
a {
	text-decoration: none;
	color: #1E4262;
}

a:VISITED {
	text-decoration: none;
	color: #1E4262;
}

a:HOVER {
	text-decoration: none;
	font-weight: bold;
	color: #1E4262;
}

/*=========================================
    layout
  =========================================*/
table#layout>tbody>tr>td {
	border-width: 0;
}


/*=========================================
    risultati generali
  =========================================*/
table#risgen {
	border: 1px solid #146;
	max-width: 42rem;
}

table#risgen caption {
	/* padding-top: 0; */
}

table#risgen #titoloelez {
	background-color: #dedede;
	color: #000;
}

table#risgen td.dato {
	width: 180px;
	font-weight: bold;
}

table#risgen td.diff {
	width: 100px;
}

table#risgen td {
	width: 80px;
}

/* ======================================================
   risultati di lista
   =====================================================*/
table#rislista {
	border-top: 1px solid #1E4262;
}

table#rislista caption {
	background-color: #e3e3e3;
	color: #000;
}

table#rislista tbody tr {
	height: 40px;
}

table#rislista tbody td {
	border-bottom: 1px solid #1E4262;
	background-repeat: repeat-x;
	color: #000;
}

table#rislista td.lista, table#rislista th.lista {
	width: 13rem;
	text-align: center;
	padding: 4px 10px;
	font-size: 0.9em;
}

table#rislista tr.listaA {
	background-color: #DBF4A8;
}

table#rislista tr.lista {
	background-color: #def;
}

table#rislista tr.lista.listaVincente {
	background-color: #df8 !important;
}

table#rislista tr.lista.listaVincente .num {
	background-color: #9d2 !important;
}

table#rislista tr.lista.listaPerdente .num {
	background-color: #Fdd !important;
}

table#rislista td.capitano, table#rislista th.capitano {
	width: 13rem;
}

table#rislista td.voti, table#rislista th.voti {
	width: 6.5rem;
}

table#rislista td.perc, table#rislista th.perc {
	width: 4.5rem;
}

table#rislista td.seggi {
	text-align: center;
	width: 4.2rem;
}

table#rislista tr {
	height: 20px;
	font-size: 1.2rem;
}

.stemma_cast {
    float: left;
    position: absolute;
    height: 60%;
}

.stemma_cast img {
    height: 100%;
}

td.stemmacast {
	border: 0;
	padding: 0;
}

#candidati .stemma_cast {
	 height: 6rem;
}

.stemma_cast>img {
	background: none repeat scroll 0 0 #fff;
	/* border: 1px solid #b5b5b5; */
	border-radius: .5rem;
	box-shadow: #0003  0px 2px 4px, #0003  0px 7px 13px -3px,#0003  0px -3px 0px inset;
	padding: 0.4rem;
	margin: 0 0 0 0.5em;
	height: 100%;
}

.screen-s .tabella .stemma_cast>img {
	display: none;
}
.screen-s .tabella2 .stemma_cast>img {
     height: 5rem;
}
.diffPrec_neg_true {
    color: #903;
}

/* ======================================================
   risultati di coalizione
   =====================================================*/
table#riscoal {
	border-top: 1px solid #1E4262;
	margin-left: 42px;
	width: 600px;
}

table#riscoal tr {
	font-size: 13px;
	vertical-align: middle;
}

table#riscoal th.coal {
	width: 240px;
}

table#riscoal td.coal {
	width: 240px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
}

table#riscoal td.cifli {
	text-align: right;
	width: 80px;
}

table#riscoal td.soloco {
	text-align: right;
	width: 80px;
}

table#riscoal td.cifco {
	text-align: right;
}

table#riscoal td.seggi {
	text-align: right;
}

/*=========================================
    affluenze
  =========================================*/
table#affluenze {
	margin: 0 auto;
	width: 98%;
	font-size: 1.2rem;
}

table#affluenze tbody tr {
	height: 2.3rem;
}

table#affluenze td.castello {
	text-align: right;
	width: 35%;
}

table#affluenze td.castello a {
	font-weight: bold;
}

table#affluenze tr.totale {
	font-family: opensans, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
	border-top: 2px solid #1E4262;
	font-size: 100%;
	height: 2.85rem;
}

table#affluenze tr.totale td {
	background-color: #FFFBF4;
	font-weight: bolder;
	border-bottom: 3px solid #1E4262;
	font-size: 120%;
	text-align: right;
}

table#affluenze tr#tot_generale td.first {
	text-align: center;
	font-style: italic;
}
/*
#affluenze caption  {
  height: 3.2rem;
}
*/
#affluenze caption img.cast {
	position: absolute;
	top: 5%;
	left: 0.5rem;
	height: 85%;
}

#affluenze caption a {
	text-decoration: none;
	color: #1E4262;
	display: block;
}

.linkgraf img {
	width: 26px;
}

caption .linkgraf img {
	width: 28px;	
	border: 1px solid #6669;
	padding: 2px;
	border-radius: 2px;
}


/*=========================================
    preferenze
  =========================================*/
  
.tabella2 .testata {
	margin: 0.3em auto;
	position: relative;
	text-align: center;
	border: 1px solid #aaa6;
	padding: 0.5em;
	border-radius: 5px;
	background: #fff9;
	min-height: 7rem;
}  
.testata h1 {
    width: 65%;
    margin: 0 auto 0.1em;
    line-height: 1em;
    border-bottom: 1px solid #6666;
    padding: 0 0 0.2em;
}  
table#preferenze {
	margin: 0px auto;
}

table#preferenze th {
	padding-right: 1px;
}

table#preferenze td.candidato {
	border-right: 1px solid #1E4262;
}

table#preferenze td.totale {
	text-align: right;
	font-weight: bold;
}

table#preferenze th.totale {
	font-size: 14px;
	font-weight: bold;
}

table#preferenze td {
	padding: 4px;
	border-bottom: 1px solid #1E4262;
}

table#preferenze td:nth-child(1) {
    width: 1em;
}
table#preferenze td:nth-child(2) {
    width: 1em;
	
}

table#preferenze th.votisez, table#preferenze td.votisez {
	font-weight: normal;
}

table#preferenze td.votitot {
	font-weight: bold;
}

table#preferenze th.numlista {
	font-weight: normal;
}

table#preferenze th.totale {
	border-left: 0;
	width: 60px;
}

.eletto td {
    background-color: #dfa;
    color: #260;
    
}

.help {
	/*
  background: transparent url(../images/freccina.gif) no-repeat scroll right bottom;
	padding-left:10px;
	  */
	cursor: pointer;
}

.help1 {
	background: #FBEACD url(../images/freccina.gif) no-repeat scroll right
		bottom;
	padding-left: 10px;
	cursor: pointer;
}

.help2 {
	background: #DBC59F url(../images/freccina.gif) no-repeat scroll right
		bottom;
	padding-left: 10px;
	cursor: pointer;
}

/*=========================================
    interni-esteri
  =========================================*/
table#intest {
	margin-left: 42px;
}

table#intest td.coaliz {
	font-weight: bold;
	font-size: 20px;
}

table#intest td.coaliz span.coaliz {
	position: relative;
	top: -8px;
}

table#intest th {
	background-color: #ffffff;
}

table#intest tr.rigasep td {
	border: 0;
}

/*=========================================
    distribuzione seggi
  =========================================*/
table#distrib {
	width: 800px;
	margin-left: 42px;
}

table#distrib th {
	font-size: 14px;
}

table#distrib td.sege, table#distrib th.sege {
	width: 96px;
}

table#distrib td.segp {
	width: 96px;
}

table#distrib td.premio {
	width: 96px;
}

td.lico {
	font-size: 14px;
}

table#distrib td.symb {
	text-align: right;
}

table#distrib tr.rigasep {
	height: 6px;
}

table#distrib tr.rigasep td {
	background-color: transparent;
	border-top: 2px solid #1E4262;
	border-right: 0;
}
/*=========================================
    elenco candidati eletti
  =========================================*/
table#eletti td.first, table#eletti th.first {
	border-right: 0px;
}

/*=========================================
    risultati di lista nei castelli
  =========================================*/
table#lisvoti {
	width: 760px;
	margin-left: 42px;
}

table#lisvoti td.sep {
	border-bottom: 3px ridge #344570;
}

table#lisvoti td.lico {
	font-size: 17px;
	font-weight: normal;
}

table#lisvoti td.se2006 {
	font-size: 16px;
}

table#lisvoti th {
	font-size: 16px;
}

table#lisvoti td.voli {
	font-size: 14px;
	font-weight: normal;
	text-align: right;
}

table#lisvoti td.coaliz {
	font-size: 16px;
	font-weight: bold;
}

/*=========================================
    raffronto seggi
  =========================================*/
table#lisseggi {
	width: 760px;
	margin-left: 42px;
}

table#lisseggi td.sep {
	border-bottom: 3px ridge #344570;
}

table#lisseggi td.lico {
	font-size: 17px;
	font-weight: normal;
}

table#lisseggi td.se2006 {
	font-size: 16px;
}

table#lisseggi th {
	font-size: 16px;
}

table#lisseggi td.voli {
	font-size: 17px;
	font-weight: normal;
	text-align: right;
}

table#lisseggi td.voli {
	font-size: 17px;
	font-weight: normal;
	text-align: right;
}

table#lisseggi td.num {
	font-size: 18px;
	font-weight: bold;
}

table#lisseggi td.coaliz {
	font-size: 19px;
	font-weight: bold;
	text-align: center;
}


/*=========================================
    tabella elenco candidati
  =========================================*/
table#elencoCand {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px;
}

table#elencoCand td {
}

/*=========================================
    composizione giunta: tabella di testa
  =========================================*/
table#testata td {
	border-right: 0px;
}

/*=========================================
    composizione giunta: tabella lista vincente
  =========================================*/
table#listavinc {
	margin-left: 0px;;
	margin-top: 20px;
}

table#listavinc td {
	border-right: 0px;
}

table#listavinc td.desc {
	text-align: right;
	font-weight: normal;
	font-size: 20px;
}

table#listavinc td.dato {
	text-align: left;
	font-weight: bold;
	font-size: 20px;
}

.nomecapitano {
	font-size: 1.5em;
	text-shadow: 0 0 4px #EaEaEa;
	margin-top: 1px;
	font-weight: bold;
}

h2.nomelista {
	font-size: 2rem;
	text-align: center;
	/* background: #fff; */
	width: 75%;
	margin: 5px auto 0;
	box-shadow: 0 13px 0.6em -0.6em;
}

/*=========================================
    composizione giunta: tabella composizione giunta
  =========================================*/
table#compgiunta {
	margin-left: 0px;;
	margin-top: 0px;
}

table#listavinc td {
	border-right: 0px;
}

table#listavinc td.desc {
	text-align: right;
	font-weight: normal;
	font-size: 20px;
}

table#listavinc td.dato {
	text-align: left;
	font-weight: bold;
	font-size: 20px;
}

/*=========================================
    tabella quozienti
  =========================================*/
table#quozienti {
	margin-left: 80px;;
	margin-top: 0px;
}

.info {
	font-size: 1rem;
	font-weight: normal !important;
	border: none;
	width: 90%;
	margin: auto;
}

table.info tr td {
	border: none;
}

.fa-asterisk {
	height: 12px;
	color: #fffe;
	text-shadow: 1px 1px 1px #333;
}

.info.asterisk {
	background: #fff;
	border-radius: 5px;
	padding: 0.6em;
	margin: 0.5em auto;
	border: 1px solid;
}

#chart {
	background: #eeee;
	height: 86vh;
	width: 100%;
	margin: 5px auto;
}

.btn_back {
    position: absolute;
    left: 2rem;
    top: 2.5rem;
    z-index: 100;
    font-size: 1.4em;
    color: #27a !important;
}

.testata .btn_back {    
    color: #045;
    font-size: 1.8rem;
    border: 1px solid;
    padding: 3px 5px;
    border-radius: 5px;
}