.piechart {float: left; width: 46px; height: 46px; margin: 0 0 0 0px; position: relative; }
.piechart canvas {position: absolute; top: 50%; left: 50%; margin-left: -23px; margin-top: -23px; } 
.piechart:after {/*content: ""; display: block; position: absolute; top: 50%; margin-top: -15px; left: 50%; margin-left: -15px; width: 28px; height: 28px; background: transparent url(../images/piechart-hole.png) scroll no-repeat 0 0;*/}
.special-pie-img {position: absolute; left: 3px; display: none; z-index: 0; }
.chart {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; width: 100%; }


div.previous {margin: 0px 0px 0 0px; padding: 0px 0px 0px 0px; position: relative;}
div.previous:before {border-left: 2px solid #dadada; position: absolute; content: ""; top: 10px; left: 0; bottom: 10px;}

#separator {float: left; width:100%;}
.separator-map {float: left; background:#FFFFFF url(../images/separator-chart.png) repeat-x scroll 0 0; height:3px; margin:10px 10px 10px 10px; width:265px;}
table #separator {float: none; background:#FFFFFF url(../images/separator-chart.png) repeat-x scroll 0 0; height:3px; margin:0px 0px 10px 0px; width:100%;}

#selector-colapsed {display: none !important;}

#logoSgmai {width:31%; text-align:center; margin-top: 15px; box-shadow: -1px 0px 0px 0px #dadada; display: none }

#chart-bg {}
.chart-bg-IE8-fix-expanded {width: 667px;}
.chart-bg-IE8-fix-collapsed {width: 966px}
.chart-bg-IE8-fix-expanded-msg {width: 690px}
.chart-bg-IE8-fix-collapsed-msg {width: 930px}

.chart.full-size.expanded 	{width: 100%; position: relative;}
.chart.full-size.collapsed 	{width: 50%; position: relative;}

.chart.half-size.expanded 	{width: 100%; position: relative;}
.chart.half-size.expanded-bottom 	{width:69%; position: relative; }
.chart.half-size.expanded-bottom:before {border-right: 1px solid #dadada; position: absolute; content: ""; top: 10px; right: 0; bottom: 10px;}
.chart.half-size.collapsed  {width: 50%; position: relative;}
.chart.half-size.collapsed-bottom   {width: 50%; position: relative;}

.chart.current.collapsed .chart-hide {padding-left: 20px; padding-right: 20px;}
.chart.previous.collapsed .chart-hide  {padding-left: 20px;padding-right: 20px;}

.chart-hide  {padding-left: 20px; padding-right: 20px;}

#selector {width: 31%;}
#global-chart {width: 69%; min-height:440px; float: left; position: relative; margin: 29px 0px 29px 0px;  border-right: 1px solid #dadada; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#global-chart.chart-fix-collapsed {border-right: none;}
#global-chart #divisor {float: left; border-right: 1px solid #ebf0e9; margin: 10px 0px;}
#global-chart.global {border-right: none; width: 100%;}
#global-chart.global .chart-bg-IE8-fix-expanded {width: 966px;}
#global-chart.global .chart-bg-IE8-fix-collapsed {width: 966px;}
#global-chart.global .chart.full-size.expanded {width: 966px;}

#global-chart.global .chart {position: relative;}

#tab-menu-select-chart {height: 26px; margin: 0; color: #333; border: 1px solid #ebf0e9; background-color: #f7f7f7;}

#charts-tabs {display: table; width: 100%;}
#tab-menu-chart {list-style: none; background-color: #fff; height: 32px; border-bottom: 4px solid #ebf0e9; padding-bottom: 10px; margin: 0 0 12px 0;}
#tab-menu-chart li {float: left; margin: 8px 0px 0px 0px; padding: 10px 44px 8px 14px; text-transform: uppercase; color: #224a6e; font-size: 1.17em;}
#tab-menu-chart li.first {}
#tab-menu-chart li.last {}
#tab-menu-chart li.active {position: relative; background-color: #fff; color: #000;}
#tab-menu-chart li.active:before {content: ""; position: absolute; left: 0; right: 0; bottom: -4px; z-index: 3; height: 4px; background-color: #8bbd4f;
	-ms-transform: rotate(20deg) skewY(-20deg); /* IE 9 */
    -webkit-transform: rotate(20deg) skewY(-20deg); /* Safari */
    transform: rotate(20deg) skewY(-20deg);
}
#tab-menu-chart li:hover {cursor: pointer;}

#chart-head {}

#tab-submenu-chart {margin-top: 10px; list-style: none; height: 20px; float: left; clear: both; width: 100%; list-style: none; float: left; clear: both; width: 100%;}
#tab-submenu-chart li {float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px;}
#tab-submenu-chart li.first {}
#tab-submenu-chart li.last {margin-left: 7px;}
#tab-submenu-chart li.active {color: #fff;}
#tab-submenu-chart li:hover {cursor: pointer;}

#tab-submenu-chart li#print {float: right;  background-color: transparent; text-decoration: underline; margin-left: 10px;}
#tab-submenu-chart li#comparationSwitch {width: auto; float:right; text-align: right; cursor: default;}
#tab-submenu-chart li#comparationSwitch a, #comparationSwitch a:visited, #comparationSwitch a.active {cursor: pointer; font-size: 13px;}
#tab-submenu-chart li#comparationSwitch a.expand {background: transparent url(../images/previows-elect.png) no-repeat scroll 0 0px; padding-right: 20px; padding-left: 22px;}
#tab-submenu-chart li#comparationSwitch a.collapse {background: transparent url(../images/previows-elect.png) no-repeat scroll 0 0px; padding-right: 20px; padding-left: 22px;}

#alternative-chart-views #tab-submenu-chart {font-size: 1.16em;}

#desactiveComparition {color: #999; background: transparent url(../images/previows-elect-disabled.png) no-repeat scroll 0 0px; padding-right: 20px; padding-left: 22px; }


.chart-placeholder {margin: 10px 0px; clear: left;}
.chart-placeholder.currentChart {}
.chart-placeholder.previousChart {padding: 0px 10px; border-left: 1px solid #CBDBC1;}

table.chart-area-details {width: 100%;}
table.chart-area-details {border-collapse: collapse; border-spacing: 0px; margin:0px;}
table.chart-area-details tr {height: 50px; color: #434a41;}
table.chart-area-details tr.headers {background-color: #e5e5e5;}
table.chart-area-details tr.headers th {font-weight: bold; color: #333;}
table.chart-area-details tr th {padding-left: 15px; padding-right: 15px; font-weight: normal; text-align: center;}
table.chart-area-details tr th.separator-header {border-right: 1px solid #ccc;}
table.chart-area-details tr th.separator-header:first-child {border-right: none;}
table.chart-area-details tr th.separator-header:last-child {border-right: none;}
table.chart-area-details tr th.separator-header.list {}
table.chart-area-details tr td {padding-left: 15px; padding-right: 15px; text-align: center;}
table.chart-area-details tr td:first-child {}
table.chart-area-details tr td.acronym {color: #000; width: 68%; white-space: nowrap;}
table.chart-area-details tr td.percentage {border-right: 1px solid #e5e5e5; color: #000; font-weight: bold;}
table.chart-area-details tr td.acronym-none {color: #000; text-align: left;}
table.chart-area-details tr td.acronym-elected {border-right: 1px solid #e5e5e5; font-weight: normal;}
table.chart-area-details tr td.percentage-none {border-right: 1px solid #e5e5e5; color: #000; font-weight: bold;}
table.chart-area-details tr td.votes {border-right: 1px solid #e5e5e5; color: #000; text-align: right;}
table.chart-area-details tr td.constituenctyCounter {border-right: 1px solid #e5e5e5; color: #000;}
table.chart-area-details tr td.presidents {border-right: 1px solid #e5e5e5; color: #000;}
table.chart-area-details tr td.absoluteMajority {border-right: 1px solid #e5e5e5; color: #000;}
table.chart-area-details tr td.mandates a {color: #00568f;}
table.chart-area-details tr td.mandates {color: #000;}
table.chart-area-details tr.colorA {background-color: #f7f7f7}
table.chart-area-details tr.colorB {background-color: #fff}
table.chart-area-details tr.totais {font-weight: bold; font-size: 1.1em; background-color: #e5e5e5;}
table.chart-area-details tr.totais td {color: #000; border-color: #ccc;}
table.chart-area-details tr.totais td.acronym {text-align: left;}

table #separator-details {float: none; height: 3px; margin: 4px 0px 0px 0px; width: 100%;}
table.chart-area-details tr.separator-line-details {height: 20px;}
table.chart-area-details tr.separator-line-details td {padding: 0px;}
table.chart-area-details tr.separator-line-details:last-child {display: none;}

.chart.collapsed table.chart-area-details {font-size: 11px;}
.chart.collapsed table.chart-area-details caption {font-size: 12px;}
.chart.collapsed table.chart-area-details tr th {padding: 0 4px;}
.chart.collapsed table.chart-area-details tr td {padding: 0 4px;}


.chart table.chart-area-details {padding-bottom: 6px; background-color: #fff; border-collapse: collapse; border-spacing: 0px; width: 100%; margin:0px; }
.chart table.chart-area-details caption.chart-header {caption-side: bottom;}
.chart table.chart-area-details caption.chart-header .caption-spacer {color: #333; padding: 20px 0 10px 0; border-radius: 0 0 4px 4px;}
.chart table.chart-area-details caption.chart-header .caption-spacer .caption-spacer-wrapper {display: block; width: 100%;}
.chart table.chart-area-details caption.chart-header .chart-title {float: left; position: relative; margin-right: 15px; width: 110px; margin-bottom: 0; border-right: 1px solid #ccc; padding-right: 15px;}
.chart table.chart-area-details caption.chart-header .counted-registered-voters {float: left;}
.chart table.chart-area-details caption.chart-header .registered-voters {font-size: 1.08em; line-height: 1.5em; color: #333; font-weight: 300;}
.chart table.chart-area-details caption.chart-header .registered-voters .registered-voters-number {font-size: 1.08em; color: #333; text-transform: normal;}
.chart table.chart-area-details caption.chart-header .counted-voters {font-size: 1.08em; line-height: 1.5em; color: #333; font-weight: 300;}
.chart table.chart-area-details caption.chart-header .counted-voters .counter-voters-number {font-size: 1.08em; color: #333; text-transform: normal;}
.chart table.chart-area-details caption.chart-header .percentage-voters {color: #4d4d4d; float: right; font-size: 1.25em; font-weight: 300;}
.chart table.chart-area-details caption.chart-header .percentage-voters .pct {color: #000; font-size: 1.4em; font-weight: normal;}
.chart table.chart-area-details caption.chart-header .percentage-voters .percentage-symbol {color: #4d4d4d; font-size: 1em;}
.chart table.chart-area-details caption.chart-header .total-mandates {font-style: italic; font-size: 1em; text-align: right; height: 2em; line-height: 2em; vertical-align: middle; width: 100%; clear: both; float: right;}
.chart table.chart-area-details caption.chart-header .total-mandates .total-mandates-number {font-weight: bold;}
.chart table.chart-area-details caption.chart-header .tie-message  {float: right; clear: right; color: #0098BD;}

.chart.collapsed.current table.chart-area-details caption.chart-header .caption-spacer {padding: 20px 10px 10px 0;}
.chart.collapsed.previous table.chart-area-details caption.chart-header .caption-spacer {padding: 20px 0 10px 10px;}
.chart.collapsed table.chart-area-details caption.chart-header .piechart {margin-top:-3px;}
.chart.collapsed table.chart-area-details caption.chart-header .chart-title {width:111px;margin-right:7px;padding-right:7px;}
.chart.collapsed table.chart-area-details caption.chart-header .counted-voters {font-size: 0.9em;line-height: 1.8em;}
.chart.collapsed table.chart-area-details caption.chart-header .percentage-voters {font-size: 1em;}
.chart.collapsed table.chart-area-details caption.chart-header .percentage-voters .pct {font-size: 1.4em;}
.chart.collapsed table.chart-area-details caption.chart-header .percentage-voters .percentage-symbol {font-size: 1.4em;}
.chart.collapsed table.chart-area-details caption.chart-header .registered-voters {font-size: 0.9em;line-height: 1.8em;}
.chart.collapsed table.chart-area-details caption.chart-header .assignedMandates {margin-top: 0px; font-size: 0.9em;}
.chart.collapsed table.chart-area-details caption.chart-header .availableMandates {margin-top: 0px; font-size: 0.9em;}

.chart .assignedMandates.hide {display: none;}
.chart .availableMandates.hide {display: none;}

.chart .chart-area-mobile-details {border-top: 1px solid #ccc;}
.chart .chart-area-mobile-details .list-item {padding: 10px 0; font-weight: 300;}
.chart .chart-area-mobile-details .list-item + .list-item {border-top: 1px solid #ccc;}
.chart .chart-area-mobile-details .list-item .row {display: table; width: 100%;}
.chart .chart-area-mobile-details .list-item .row .column {width: 50%; float: left;}
.chart .chart-area-mobile-details .list-item .acronym {display: table; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f7f7f7; color: #434a41; height: 40px; line-height: 40px; padding: 0 10px; min-width: 110px; font-size: 1.25em;}
.chart .chart-area-mobile-details .list-item .results-pct-votes {margin-top: 10px; margin-left: 10px;}
.chart .chart-area-mobile-details .list-item .results-pct-votes .percentage {font-size: 1.16em; font-weight: normal;}
.chart .chart-area-mobile-details .list-item .results-pct-votes .percentage .percentage-symbol {margin-left: 5px; font-size: 0.86em; color: #4d4d4d;}
.chart .chart-area-mobile-details .list-item .results-pct-votes .votes {margin-left: 10px; color: #656565;}
.chart .chart-area-mobile-details .list-item .mandates {display: table; margin-top: 10px; margin-left: 10px;}
.chart .chart-area-mobile-details .list-item .mandates a {display: inline-block; text-decoration: none;}
.chart .chart-area-mobile-details .list-item .mandates a .number-mandates {text-decoration: underline;}
.chart .chart-area-mobile-details .list-item .mandates .alien {float: left; margin-right: 6px;}
.chart .chart-area-mobile-details .list-item .mandates .number-mandates {float: left;}
.chart .chart-area-mobile-details .list-item .presidents {float: right; margin-top: 10px; padding-right: 10px; color: #656565;}
.chart .chart-area-mobile-details .list-item .presidents .value {font-weight: normal; color: #000;}
.chart .chart-area-mobile-details .list-item .absoluteMajority {float: right; clear: both; margin-top: 10px; padding-right: 10px; color: #656565;}
.chart .chart-area-mobile-details .list-item .absoluteMajority .value {font-weight: normal; color: #000;}
.chart .chart-area-mobile-details .list-item.totais {background-color: #f7f7f7;}
.chart .chart-area-mobile-details .list-item.totais .acronym {background-color: #e5e5e5;}
.chart .chart-area-mobile-details .list-item.blank-nulls {}
.chart .chart-area-mobile-details .list-item.blank-nulls .row {}
.chart .chart-area-mobile-details .list-item.blank-nulls .row > * {}
.chart .chart-area-mobile-details .list-item.blank-nulls .row .column {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.chart .chart-area-mobile-details .list-item.blank-nulls .row .column:first-child {padding-right: 10px;}
.chart .chart-area-mobile-details .list-item.blank-nulls .row .column:last-child {padding-left: 10px;}
.chart .chart-area-mobile-details .list-item.blank-nulls .acronym {width: 100%; text-align: center;}
.chart .chart-area-mobile-details .list-item.blank-nulls .percentage {text-align: center;}
.chart .chart-area-mobile-details .list-item.blank-nulls .votes {margin: 10px 0 0; text-align: center;}

.chart .chart-header-mobile {margin-top: 20px; padding-top: 30px; border-top: 1px solid #ccc;}
.chart .chart-header-mobile .row {display: table; width: 100%;}
.chart .chart-header-mobile .row .column {width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.chart .chart-header-mobile .row .column:first-child {padding-right: 10px; border-right: 1px solid #ccc;}
.chart .chart-header-mobile .row .column:last-child {padding-left: 10px;}
.chart .chart-header-mobile .chart-title {display: table; margin: 0 auto;}
.chart .chart-header-mobile .chart-title * {text-align: center !important;}
.chart .chart-header-mobile .chart-title .piechart {float: none; margin: 0 auto;}
.chart .chart-header-mobile .chart-title .percentage-voters {}
.chart .chart-header-mobile .chart-title .percentage-voters .pct {font-weight: bold; font-size: 21px;}
.chart .chart-header-mobile .chart-title .percentage-voters .pct .percentage-symbol {font-weight: normal; font-size: 15px; color: #4d4d4d;}
.chart .chart-header-mobile .chart-title .percentage-voters .lbl {font-weight: normal; color: #5f5d5d;}
.chart .chart-header-mobile .chart-title .counted-voters {margin-top: 20px;}
.chart .chart-header-mobile .chart-title .counted-voters .val {color: #5f5d5d; font-size: 15px;}
.chart .chart-header-mobile .chart-title .counted-voters .lbl {font-weight: normal; color: #5f5d5d;}
.chart .chart-header-mobile .chart-title .registered-voters {margin-top: 20px;}
.chart .chart-header-mobile .chart-title .registered-voters .val {color: #5f5d5d; font-size: 15px;}
.chart .chart-header-mobile .chart-title .registered-voters .lbl {font-weight: normal; color: #5f5d5d;}
.chart .chart-header-mobile .chart-mandates {display: table; margin: 0 auto; text-align: center;}
.chart .chart-header-mobile .chart-mandates * {text-align: center !important;}
.chart .chart-header-mobile .chart-mandates img {display: block; margin: 0 auto;}
.chart .chart-header-mobile .chart-mandates .assigned-mandates {margin-top: 20px; color: #5f5d5d;}
.chart .chart-header-mobile .chart-mandates .assigned-mandates .val {font-size: 22px;}
.chart .chart-header-mobile .chart-mandates .assigned-mandates .lbl {font-weight: normal;}
.chart .chart-header-mobile .chart-mandates .assigned-mandates.hide {display: none;}
.chart .chart-header-mobile .chart-mandates .available-mandates {margin-top: 25px; color: #5f5d5d;}
.chart .chart-header-mobile .chart-mandates .available-mandates .val {font-size: 22px;}
.chart .chart-header-mobile .chart-mandates .available-mandates .lbl {font-weight: normal;}
.chart .chart-header-mobile .chart-mandates .available-mandates.hide {display: none;}
.chart .chart-header-mobile.hide-mandates .row .column {width: 100%}
.chart .chart-header-mobile.hide-mandates .row .column:first-child {padding-right: 0; border-right: none;}
.chart .chart-header-mobile.hide-mandates .row .column:last-child {display: none}
.chart .chart-header-mobile .eletronic-votes {margin-top: 30px; padding-top: 30px; border-top: 3px solid #f2f2f2;}
.chart .chart-header-mobile .eletronic-votes.hide {display: none;}
.chart .chart-header-mobile .eletronic-votes-legends {color: #5f5d5d; font-weight: normal; font-size: 13px;}
.chart .chart-header-mobile .eletronic-votes-legends .value {color: #333; font-weight: bold;}
.chart .chart-header-mobile .eletronic-votes-legends-traditional {margin-top: 5px;}
.chart .chart-header-mobile .eletronic-votes-legends-eletronic {margin-top: 2px;}

.chart.collapsed .chart-area-mobile-details .rows .list-item .row .column {display: table; width: 100%;}
.chart.collapsed .chart-area-mobile-details .list-item.totais .row .column {display: table; width: 100%;}
.chart.collapsed .chart-area-mobile-details .list-item.blank-nulls .acronym {font-size: 1em; padding: 0; min-width: auto;}
.chart.collapsed .chart-area-mobile-details .list-item .mandates {float: left; height: 19px;}
.chart.collapsed .chart-area-mobile-details .list-item .presidents {float: left; margin-top: 10px; margin-left: 10px; padding: 0;}
.chart.collapsed .chart-area-mobile-details .list-item .absoluteMajority {float: left; margin-top: 10px; margin-left: 10px; padding: 0;}


.chart.current {}

.chart .chart-bigTitle {font-size: 20px; color: #848892; clear: both; margin: 10px 0 20px 0;}
.chart .chart-bigTitle .chart-title {display: table; margin: 0 10px; white-space: nowrap; font-weight: 600;}
.chart.current .chart-bigTitle {color: #218755;}
.chart table.chart-area {padding-bottom: 6px; border-collapse: collapse; border-spacing: 0px; margin:0px; width: 100%}
.chart .chart-header {caption-side: bottom; }
.chart .chart-header .piechart {margin-top:-3px;}
.chart .chart-header .caption-spacer {color: #333; padding: 20px 20px; border-radius: 0 0 4px 4px;}
.chart .chart-header .caption-spacer .caption-spacer-wrapper {display: table; width: 100%;}
.chart .chart-header .chart-title {float: left; position: relative; margin-right: 15px; width: 110px; margin-bottom: 0; border-right: 1px solid #bfbfbf; padding-right: 15px;}
.chart .chart-header .counted-registered-voters {float: left;}
.chart .chart-header .eletronic-votes {float: left; margin-left: 10px;}
.chart .chart-header .eletronic-votes .chart-title-electronic {}
.chart .chart-header .eletronic-votes.hide {display: none;}
.chart .chart-header .eletronic-votes-legends {float: left; border-left: 3px solid #f2f2f2; margin-left: 12px; padding-left: 15px; color: #5f5d5d; font-size: 13px;}
.chart .chart-header .eletronic-votes-legends-traditional {}
.chart .chart-header .eletronic-votes-legends-eletronic {margin-top: 2px;}
.chart .chart-header .registered-voters {font-size: 0.9em;line-height: 1.8em; color: #5f5d5d; font-weight: normal;}
.chart .chart-header .registered-voters .registered-voters-number {font-size: 13px; color: #5f5d5d; text-transform: normal;}
.chart .chart-header .counted-voters {font-size: 0.9em;line-height: 1.8em; color: #5f5d5d; font-weight: normal;}
.chart .chart-header .counted-voters .counter-voters-number {font-size: 13px; color: #5f5d5d; text-transform: normal;}
.chart .chart-header .percentage-voters {color: #5f5d5d; float: right; font-size: 13px; font-weight: normal;}
.chart .chart-header .percentage-voters .pct {color: #000; font-size: 13px; font-weight: bold;}
.chart .chart-header .percentage-voters .percentage-symbol {color: #5f5d5d;}
.chart .chart-header .total-mandates {font-style: italic; font-size: 1em; text-align: right; height: 2em; line-height: 2em; vertical-align: middle; width: 100%; clear: both; float: right;}
.chart .chart-header .total-mandates .total-mandates-number {font-weight: bold;}
.chart .chart-header .tie-message  {float: right; clear: right; color: #0098BD;}

.eletronic-votes-legend-traditional,
.eletronic-votes-legend-eletronic {float: left; margin-top: 7px; width: 5px; height: 5px; margin-right: 3px;}

.chart.collapsed.current table.chart-area .chart-header .caption-spacer {padding: 20px 10px 10px 0;}
.chart.collapsed.previous table.chart-area .chart-header .caption-spacer {padding: 20px 0 10px 10px;}
.chart.collapsed table.chart-area {font-size: 11px;}
.chart.collapsed .chart-header {font-size: 12px;}
.chart.collapsed .chart-header .piechart {}
.chart.collapsed .chart-header .chart-title {width:111px;margin-right:7px;padding-right:7px;}
.chart.collapsed .chart-header .counted-voters {font-size: 0.9em;line-height: 1.8em;}
.chart.collapsed .chart-header .percentage-voters {font-size: 1em;}
.chart.collapsed .chart-header .percentage-voters .pct {font-size: 1.4em;}
.chart.collapsed .chart-header .percentage-voters .percentage-symbol {font-size: 1.4em;}
.chart.collapsed .chart-header .registered-voters {font-size: 0.9em;line-height: 1.8em;}
.chart.collapsed .chart-header .assignedMandates {margin-top: 2px; font-size: 0.9em;}
.chart.collapsed .chart-header .availableMandates {margin-top: 3px; font-size: 0.9em;}
.chart.collapsed .chart-header .eletronic-votes {margin: 20px 0 0;}

.chart.previous .chart-header .percentage-voters {color: #4D4D4D;}
.chart.previous .chart-header .percentage-voters .pct {color: #4D4D4D;}
.chart.previous .chart-header .percentage-voters .percentage-symbol {color: #4D4D4D;}

.chart-header .assignedMandates {float: right; font-size: 0.9em; clear: right; margin-top: 1px; color: #5f5d5d; width: 180px;}
.chart-header .mandates-txt {display: table; width: 100%}
.chart-header .mandates-txt .label{display: table-cell; white-space: nowrap; }
.chart-header .mandates-txt .dots{display: table-cell; width: 100%; position:relative; }
.chart-header .mandates-txt .dots:before{content: ""; display: block; position: absolute; left: 5px; right: 5px; top:75%; border-bottom: 1px dotted #ccc;}
.chart-header .mandates-txt .value{display: table-cell}
.chart-header .assignedMandates img {display: table-cell; margin-left: 2px; margin-top: 0px;}
.chart-header .availableMandates {float: right; font-size: 0.9em; clear: right; margin-top: 2px; color: #5f5d5d; width: 180px;}
.chart-header .availableMandates img {display: table-cell; margin-left: 2px; margin-top: 2px;}

.chart table.chart-area tr.headers {display: none !important;}

.chart table.chart-area tr.elected div { }
.chart table.chart-area tr.elected a div {color: #000000 !important;}




.chart table.chart-area #acronym-text-img {font-size: 0.9em; float: right; margin: 0px 0px 0px 0px; white-space: nowrap;}
.chart table.chart-area #acronym-text {margin-left: auto; float: left; color: #4a4a4a; margin: 0px 10px; line-height: 21px; font-size: 1em;}
.chart table.chart-area #acronym-text.elected {}
.chart table.chart-area #acronym-image {}
.chart table.chart-area thead tr:first-child th {border-radius: 4px 0 0 0;}
.chart table.chart-area tbody tr:first-child td { }
.chart table.chart-area tbody tr:first-child td.results .chart-line span.chart-bar-pattern {border-radius: 0px 3px 3px 0px}
.chart table.chart-area tbody tr th {padding-top: 6px;}
.chart table.chart-area tbody tr td {padding-top: 6px;}
.chart table.chart-area td.acronym,
.chart table.chart-area th.acronym {color: #000; width: 155px; font-size: 14px; text-align: right; line-height: 14px; padding-right: 10px; position: relative; font-weight: normal;}
.chart table.chart-area th.acronym {text-align: center; padding: 0;}
.chart table.chart-area th.acronym:before,
.chart table.chart-area td.acronym:before {content: ""; display: block; position: absolute; top: 0; border-right: 1px solid #ccc;}
.chart table.chart-area td.acronym img {width: auto;}
.chart table.chart-area td.acronym.separator {position: relative; padding: 0;}
.chart table.chart-area td.acronym .separator {position: absolute; bottom: 0; height: 1px; left: 0; right: -1px;}
.chart table.chart-area td.results,
.chart table.chart-area th.results {margin: 0px; border-left: 1px solid #e8e8e8;}
.chart table.chart-area tr.elected td.results {background: transparent url(../images/dot.png) repeat-x scroll -0px 25px; margin: 0px; border-left: 2px solid #e8e8e8;}
.chart table.chart-area td.results.separator {background: none; border: none;}
.chart table.chart-area td.results .chart-line {}
.chart table.chart-area td.results .chart-line span.chart-bar-pattern {background-color: white; float: left; margin: 10px 0px 0px 0px; height: 15px; border-radius: 0px 3px 3px 0px;   background-image: linear-gradient(to right, #2bb673, #a6ce39); color-adjust: exact !important; -webkit-print-color-adjust: exact !important;}
.chart table.chart-area td.results .chart-line img.chart-bar-pattern {display: none}
.chart table.chart-area td.results .chart-line .chart-bar-percentage {background-color: white; float: left; color: #333; font-size: 13px; padding: 7px 0px 0px 10px; width: auto; font-weight: bold;}
.chart table.chart-area td.results .chart-line .chart-bar-percentage .percentage-symbol {background-color: white; font-size: 9px; font-weight: normal; width: auto; padding-left: 2px; color: #000;}
.chart table.chart-area td.results .chart-line .chart-bar-votes {background-color: white; float: left; color: #656565; font-size: 13px; font-weight: 300; padding: 7px 8px 0px 8px; width: auto;}

.chart table.chart-area td.chart-bar-mandates {}
.chart table.chart-area td.chart-bar-mandates .number-mandates {float: right; font-size: 1.08em; width: auto; font-size: 1.08em;}
.chart table.chart-area td.chart-bar-mandates .alien {float: right; width: 12px; height: 12px; margin-left: 5px; margin-right: 0px;}
.chart table.chart-area td.chart-bar-mandates a .number-mandates {text-decoration: underline; cursor: pointer;  font-size: 13px; color: #000 !important;}
.chart table.chart-area td.chart-bar-mandates a:hover {}
.number-mandates {}

.chart table.chart-area td.separator .separator-line {height: 20px;}

.chart.current table.chart-area {/*background: transparent url('../images/bg-chart.png') no-repeat 70px 180px;*/}

.chart.previous {float: right; display: none; width: auto;}
.chart table#previous-chart {background: #F0F0F0 url('../images/bg-chart-previous.png') no-repeat 150px 0px;}
.chart.previous table.chart-area caption.chart-header .caption-spacer {color: #333;}
.chart.previous table.chart-area caption.chart-header .counted-voters .percentage-voters {}
.chart.previous table.chart-area td.acronym {/*background: #f2f2f2 url(../images/previous-barchart-acronym-bg.png) repeat-y scroll top right;*/}
.chart.previous table.chart-area td.results {}
.chart.previous table.chart-area td.results .chart-line .chart-bar-percentage {color: #656565;}
.chart.previous table.chart-area td.results .chart-line .chart-bar-votes {color: #656565;}
.chart.previous table.chart-area td.chart-bar-mandates .number-mandates {color: #7f7f7f;}
.chart.previous table.chart-area td.results .chart-line span.chart-bar-pattern {background-color: white; float: left; margin: 10px 0px 0px 0px; height: 15px; border-radius: 0px 3px 3px 0px;   background-image: linear-gradient(266deg, #ccc, #848892);}
/*.chart.previous table.chart-area td.separator .separator-line {background: url('../images/gray-pixel.png') repeat-x 0px 0.5em; margin: 0px 10px 0px 10px; height: 1em;}*/

.chart .no-chart-available {text-align: center; padding-top: 10px; color: #15A8AB;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */
   
   
}