html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-table,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-table,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
  .visible-md-table {
    display: table !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
  .visible-lg-table {
    display: table !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}


/* Medium size */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* Small size */
@media (min-width: 768px) and (max-width: 991px) {
  .wrapper {width: 710px;}
  #main {width: 710px;}
  #main #results {width: 710px;}

  #status {width: 710px; max-width: 710px;}
  #affluences-message {width: 710px;}

  .chart-bg-IE8-fix-expanded {width: 710px}
  .chart-bg-IE8-fix-collapsed {width: 710px}

  .chart.full-size.expanded   {width: 710px;}
  .chart.full-size.collapsed  {width: 50%;}

  .chart.half-size.collapsed  {margin: 0; padding: 0; border: none;}

  #global-chart.global .chart-bg-IE8-fix-expanded {width: 710px;}
  #global-chart.global .chart-bg-IE8-fix-collapsed {width: 710px;}
  #global-chart.global .chart.full-size.expanded {width: 710px;}

  #area-browser #browser-concelhos {float: left; width: 47%;}
  #area-browser #browser-freguesias {float: right; width: 47%;}

  .chart-bg-IE8-fix-collapsed .chart table.chart-area #acronym-text {}


  /* Copy of this in other media query */
  .chart.collapsed table.chart-area #acronym-text {}
  .chart.collapsed table.chart-area #acronym-text.blanks {display: block;}
  .chart.collapsed table.chart-area #acronym-text.nulls {display: block;}
  .chart.collapsed table.chart-area tr {display: table; border-left: 1px solid #ccc; width: 100%;}
  .chart.collapsed table.chart-area tr.table-separator {display: none;}
  .chart.collapsed table.chart-area tr > * {display: table;}
  .chart.collapsed table.chart-area tr + tr {margin-top: 25px;}
  .chart.collapsed table.chart-area tr:first-child td {padding: 0;}
  .chart.collapsed table.chart-area td.results {margin-top: 3px;}
  .chart.collapsed table.chart-area td.results .chart-bar-percentage {white-space: nowrap;}
  .chart.collapsed table.chart-area td.results .chart-line .chart-bar-percentage {margin-top: 0px; font-size: 1.17em;}
  .chart.collapsed table.chart-area td.results .chart-line .chart-bar-votes {margin-top: 2px; font-size: 1em;}
  .chart.collapsed table.chart-area td.results .chart-line img.chart-bar-pattern {margin-top: 1px;}
  .chart.collapsed table.chart-area td.acronym {width: 100%; background-color: #fff; margin: 0; font-size: 1.25em;}
  .chart.collapsed table.chart-area td.acronym #acronym-text-img {float: left; background-color: #f7f7f7; padding: 2px;}
  .chart.collapsed table.chart-area td.acronym .number-mandates-mobile {float: left; margin-left: 10px; margin-top: 4px;}
  .chart.collapsed table.chart-area td.acronym .number-mandates-mobile .alien {margin-right: 5px;}
  .chart.collapsed table.chart-area td.chart-bar-mandates {}
  .chart.collapsed .chart-header {background-color: #fff;}
  .chart.collapsed .chart-header .caption-spacer {}
  .chart.collapsed .chart-header .chart-title {height: 40px;}
  .chart.collapsed .chart-header .chart-title .piechart {}
  .chart.collapsed .chart-header .chart-title .percentage-voters {}
  .chart.collapsed .chart-header .counted-voters {float: none; clear: both; width: 100%; text-align: center; margin-top: 15px;}
  .chart.collapsed .chart-header .registered-voters {float: none; clear: both; width: 100%; text-align: center;}
  .chart.collapsed .chart-header .assignedMandates {float: none; clear: both; width: 100%; max-width: 100%; text-align: center; margin-top: 15px !important ;}
  .chart.collapsed .chart-header .assignedMandates .mandates-txt {float: none; display: inline-block;}
  .chart.collapsed .chart-header .assignedMandates img {float: none; display: inline-block; margin-right: 3px;}
  .chart.collapsed .chart-header .availableMandates {float: none; clear: both; width: 100%; max-width: 100%; text-align: center;}
  .chart.collapsed .chart-header .availableMandates .mandates-txt {float: none; display: inline-block;}
  .chart.collapsed .chart-header .availableMandates img {float: none; display: inline-block; margin-right: 3px;}
  /* special differences */
  .chart.collapsed table.chart-area td.acronym .number-mandates-mobile {display: block !important;}
  .chart.collapsed table.chart-area td.chart-bar-mandates {display: none !important;}


  /* show mobile version in comparision status */
  .chart.collapsed table.chart-area-details {display: none !important;}
  .chart.collapsed .chart-area-mobile-details {display: block !important;}

  .chart.collapsed .chart-header {display: none !important;}
  .chart.collapsed .chart-area-mobile {display: block !important;}  

  #footer {padding-bottom: 20px;}
  #footer .wrapper .rnsi-logo {top: -35px;}
  #footer .wrapper .arturai-logo {top: -35px;}
  #footer .wrapper .csw-logo {top: -35px;}
  #institutions-bottom-sec {margin: 0;}
}

/* Extra small size */
@media (max-width: 440px) {
  #status .affluences-bars .affluences-bar .progress-bar.fixed-width-bar {width: 80px !important;}
  #votes-counting-status #progress-bar {width: 250px;}

  .party-logo-wrapper {width: 100%}
  .parties-links-list .party-logo-wrapper .party-logo,
  .countries-links-list .party-logo-wrapper .country-flag,
  .other-links-list .party-logo-wrapper .other-logo {display: table; float: none; margin: 0 auto; margin-top: 10px;}
  .party-name-wrapper {width: 100% }
  .parties-links-list .party-name-wrapper .party-name,
  .countries-links-list  .party-name-wrapper .country-name,
  .other-links-list .party-name-wrapper .other-name {display: table; float: none; margin: 0 auto; text-align: center; padding: 5px 0 0;}
  .parties-links-list .party-placeholder .party-name-no-link {display: table; float: none; margin: 0 auto; text-align: center; margin-top: 10px;}
  .parties-links-list .party-placeholder .party-name-sub-link {display: table; float: none; margin: 0 auto; text-align: center; padding: 5px 0 0;}
}

/* Extra extra small size */
@media (max-width: 415px) {
  /*#header {height: 325px;}*/
  #header #logo {text-align: center;}
  #main .main-title .scope {font-size: 38px;}
  #main-menu.collapse {border: 1px solid #ccc;}
  #menu {margin: 0 auto;}
  #institutions-top {text-align: center;}
  #institutions-top a {float: none;}
  #institutions-top a img {width: 150px; margin-top: 10px;}

  .chart.collapsed table.chart-area td.results .chart-line .chart-bar-percentage {font-size: 1.2em;}
  .chart.collapsed table.chart-area td.chart-bar-mandates .alien {clear: both; margin: 0;}
  .chart.collapsed table.chart-area td.chart-bar-mandates .number-mandates,
  .chart.collapsed.previous table.chart-area td.chart-bar-mandates .number-mandates {clear: both; width: 18px; margin-bottom: 3px; text-align: center;}
  .chart.collapsed table.chart-area td.results .chart-line .chart-bar-votes {margin-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #ddd;}
  .chart.collapsed table.chart-area td.results .chart-line img.chart-bar-pattern {display: none;}
  
}

/* Extra small size */
@media (max-width: 767px) {
  select {
    font-size: 16px;
  }
  .wrapper {width: auto; min-width: 285px; padding: 0 10px;}
  #status-warnings-placehorder {margin-top: 20px;}
  #body {padding-bottom: 20px !important;}
  #footer {display: table;}
  ul.menu.footer {width: 100%; margin: 0; padding-bottom: 50px;}
  ul.menu.footer li {width: 100%; margin: 0;}
  ul.menu.footer li a {text-align: center;}
  ul#parties-menu-ar {}

  #footer {position: static;}
  #footer .wrapper .rnsi-logo {}
  #footer .wrapper .rnsi-logo img {display: table; margin: 0 auto;}
  #footer .wrapper .arturai-logo {}
  #footer .wrapper .arturai-logo img {display: table; margin: 0 auto;}
  #footer .wrapper .csw-logo {}
  #footer .wrapper .csw-logo img {display: table; margin: 0 auto;}
  #body .spacer {}
  #votes-counting-status {height: auto;}


  #logoSgmai {display:none;}

  #institutions-top {display: none;}
  #institutions-bottom {display: block !important; position: initial; padding-top: 30px; text-align: center;}
  #institutions-bottom a {display: inline-block; }
  #institutions-bottom-sec {float: none; display: table; margin: 20px auto 0 auto;}
  #institutions-bottom-sec a {display: inline-table; position: static !important;}
  #institutions-bottom-sec a + a {margin-left: 20px;}

  #status {width: 100%; border: none;}
  #status .times {padding-left: 0; padding-right: 0; width: 40%; font-size: 0.9em;}
  #status .times > * {margin-right: 10px !important; text-align: right;}
  #status .affluences-bars {padding-left: 5px; padding-right: 0; width: 60%; font-size: 0.9em;}
  #status .affluences-bars .affluences-bar .progress-bar.fixed-width-bar {width: 150px;}
  #affluences-message {width: 100%;}

  #pdf-zone {border: none;}
  #links-zone {border: none;}
  #main-menu-toggle-btn {top: 10px; left:15px;}

  #main {width: 100%; margin-top: 20px;}
  #main .main-title {}
  #main .boletim-place {border: none;}
  #main .boletim-place img {width: 100%; max-width: 400px;}
  #main #check-zone-a {}
  #main #results {width: 100%;}
  #main #results .chart-bg-shadow {}
  #main #results #candidates-results-list {width: 100%;}
  #main #results #candidates-results-list .party-wrapper{ margin: 30px}
  #main #results #candidates-results-list ol.effective-candidates {margin-left: 0;}
  #main #results #candidates-results-list ol.alternate-candidates {margin-left: 0;}
  #main #results #candidates-results-list ol.alternate-candidates .not-elected { font-size: 12px}
  #main #results #candidates-results-list ol.alternate-candidates .elected { font-size: 12px}
  #main #results #candidates-results-list ol * { list-style: none;}
  #main #results #candidates-results-list ol li {box-sizing: border-box; vertical-align: top; counter-increment: item;}
  #main #results #candidates-results-list ol li:before {content: counters(item, ".") "."; display: inline; vertical-align: top; padding-right: 5px }
  #main #results #candidates-results-list ol li .candidates-list-item-wrapper {display: inline; box-sizing: border-box;}
  #main #results #candidates-results-list .alternate-candidates-title {margin-left: 0;}
  #main #results #candidates-results-list .candidates-party-acronym .candidates-number {font-size: 20px; margin: 20px 0px 20px 10px; float: left;}
  #main #results #candidates-results-list ol.effective-candidates .elected {font-size: 12px}
  #main #results #candidates-results-list ol.effective-candidates .elected span.name {display: inline-block; margin-top: 10px; padding-bottom: 0; font-size: 12px; width: 66%;}
  #main #results #candidates-results-list ol.effective-candidates .not-elected { font-size: 12px}
  #main #results #candidates-results-list table.electoral-circle tbody tr {border-left: 1px solid #e5e5e5;}
  #main #results #candidates-results-list table.electoral-circle tbody tr + tr {display: block !important; margin-top: 25px;}
  #main #results #candidates-results-list table.electoral-circle tr {display: flex !important; flex-flow: row wrap;}
  #main #results #candidates-results-list table.electoral-circle tr td.acronym {flex: 1 100%; order: 1; display: table; padding: 7px 10px; text-align: left; border-collapse: initial;}
  #main #results #candidates-results-list table.electoral-circle tr td.candidate {flex: 1 100%; order: 3; display: block; width: 100%; padding: 7px 10px; box-sizing: border-box;}
  #main #results #candidates-results-list table.electoral-circle tr td.mandate {flex: 1 100%; order: 2; display: block; width: 100%; padding: 7px 10px 0 10px; box-sizing: border-box;}
  #main #results #candidates-results-list table.electoral-circle tr td.mandate.not-elected {display: none;}
  #main #results #candidates-results-list table.electoral-circle tr td.mandate.elected {background-position: 10px 7px; padding-left: 30px;}
  
  #votes-counting-status #progress-bar-percentage {position: relative;}

  #tab-submenu-chart {}
  #tab-submenu-chart li {display: table; float: none !important; margin: 0 auto;}
  #tab-submenu-chart li#print {display: none;}
  #tab-submenu-chart li + li {margin-top: 20px;}

  #accessibility {clear: both; margin: 0; width: 100%; margin-top: 20px; padding-bottom: 10px; text-align: center;}
  #accessibility img {display: block; margin: 0 auto;}

  #contents {border: none;}
  .chart-bg-IE8-fix-expanded {width: 100%}
  .chart-bg-IE8-fix-collapsed {width: 100%}

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

  .chart.half-size.expanded   {}
  .chart.half-size.collapsed  {margin: 0; padding: 0; border: none;}
  

  #global-chart.global .chart-bg-IE8-fix-expanded {width: 100%;}
  #global-chart.global .chart-bg-IE8-fix-collapsed {width: 100%;}
  #global-chart.global .chart.full-size.expanded {width: 100%;}

  #main #results.full-width-row {}
  #main #results.full-width-row .territory-name-title {float: left; margin-bottom: 20px;}
  #main #results.full-width-row .row {}
  #main #results.full-width-row .row .column {width: 100%;}
  #main #results.full-width-row .row .column:last-child {width: 100%; padding-left: 0;}
  #main #results.full-width-row .row .column.parties-wrapper {border-left: none;}
  #main #results.full-width-row #head-menu {}
  #main #results.full-width-row .district-name {}

  #main #check-zone-b {}
  #select-parties-label {margin-top: 10px;}
  #select-parties-menu {width: 100%;}
  #parties-menu {width: 100%; height: 26px;}
  #districts-menu {height: 26px;}



  /* Copy of this in other media query */
  .chart table.chart-area #acronym-text {}
  .chart table.chart-area #acronym-text.blanks {display: block;}
  .chart table.chart-area #acronym-text.nulls {display: block;}
  .chart table.chart-area tr {display: table; border-left: 1px solid #ccc; width: 100%;}
  .chart table.chart-area tr.table-separator {display: none;}
  .chart table.chart-area tr > * {display: table;}
  .chart table.chart-area tr + tr {margin-top: 25px;}
  .chart table.chart-area tbody tr:first-child td {padding: 0;}
  .chart table.chart-area td.results {margin-top: 3px;}
  .chart table.chart-area tr.elected td.results{background: none}
  .chart table.chart-area td.results .chart-bar-percentage {white-space: nowrap;}
  .chart table.chart-area td.results .chart-line .chart-bar-percentage {margin-top: 0px; font-size: 1.17em;}
  .chart table.chart-area td.results .chart-line .chart-bar-votes {margin-top: 2px; font-size: 1em;}
  .chart table.chart-area td.results .chart-line img.chart-bar-pattern {margin-top: 1px;}
  .chart table.chart-area td.acronym {width: 100%; background-color: #fff; margin: 0; font-size: 1.25em;}
  .chart table.chart-area td.acronym #acronym-text-img {float: left; clear: both; background-color: #f7f7f7; padding: 2px;}
  .chart table.chart-area td.acronym .number-mandates-mobile {float: left; clear: both; margin-left: 10px; margin-top: 4px;}
  .chart table.chart-area td.acronym .number-mandates-mobile .alien {margin-right: 5px;}
  .chart table.chart-area td.chart-bar-mandates {}
  .chart .chart-header {background-color: #fff;}
  .chart .chart-header .caption-spacer {}
  .chart .chart-header .chart-title {height: 40px;}
  .chart .chart-header .chart-title .piechart {}
  .chart .chart-header .chart-title .percentage-voters {}
  .chart .chart-header .counted-voters {float: none; clear: both; width: 100%; text-align: center; margin-top: 15px;}
  .chart .chart-header .registered-voters {float: none; clear: both; width: 100%; text-align: center;}
  .chart .chart-header .assignedMandates {float: none; clear: both; width: 100%; max-width: 100%; text-align: center; margin-top: 15px !important ;}
  .chart .chart-header .assignedMandates .mandates-txt {float: none; display: inline-block;}
  .chart .chart-header .assignedMandates img {float: none; display: inline-block; margin-right: 3px;}
  .chart .chart-header .availableMandates {float: none; clear: both; width: 100%; max-width: 100%; text-align: center;}
  .chart .chart-header .availableMandates .mandates-txt {float: none; display: inline-block;}
  .chart .chart-header .availableMandates img {float: none; display: inline-block; margin-right: 3px;}

  .chart.collapsed .chart-area-mobile-details .list-item.blank-nulls .row .column:first-child {padding-right: 2px;}
  .chart.collapsed .chart-area-mobile-details .list-item.blank-nulls .row .column:last-child {padding-left: 2px;}
  
  .chart .chart-header-mobile .row .column:first-child {padding-right: 2px;}
  .chart .chart-header-mobile .row .column:last-child {padding-left: 2px;}

  #area-browser #browser-concelhos {margin-left: 10px; margin-right: 10px;}
  #area-browser #browser-freguesias {margin-left: 10px; margin-right: 10px;}


  .chart .chart-bigTitle .chart-title {float: left; display: block; padding: 0; font-size: 14px !important}

}

/* Small size */
@media (max-width: 991px) {
  #header {}
  #header .wrapper {}
  #header .wrapper:after {display: none;}
  #header #logo {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 52px;}
  /*#header #logo img {width: 100%;}*/
  #body {padding-bottom: 160px;}
  #main-menu-toggle-btn {top: 10px;}


  #logoSgmai {box-shadow:none;}
  

  #status .flag {display: block; width: 75px; height:100%; text-align: left; margin: -10px 10px}
  #status .affluences-title {margin-left: 0; padding-left: 0;}

  #parties-status-bar {display: none;}

  .parties-links {width: 100%;}
  .countries-links {width: 100%; margin-top: 50px; padding-left: 0;}
  .other-links {width: 100%; float: left; margin-top: 50px;}

  .party-logo-wrapper {float: left;}
  .party-name-wrapper {float: left;}

  #body.menu.submenu .wrapper #main {margin-top: 20px;}
  #body:after {display: none;}
  #main .main-title #titles {margin: 0;}
  #main #votes-counting-status {clear: left; border: none; padding-left: 0; margin: 30px 0 20px 0;}
  #main #votes-counting-status:before {display: none;}
  #body.menu #main .main-title {padding: 0;}

  #afluences-wrapper {width: 100%;}

  #selectorMenu {display: none;}
  #selectorSwitcherBtn {display: none;}
  #selector.results-selector {width: 100%; display: block !important;  border-bottom: 1px solid #ccc; padding-bottom: 20px; border-radius: 0;}
  #selector #area {padding: 0; width: 100%; height: auto !important;}
  #selector #area.big {margin: 0px}
  #selector #area.small { margin: 0px}
  #area-map {display: none !important;}
  #area-browser {display: block !important;}
  #area-browser #browser {}
  #area-browser #browser select {display: inline !important; height: 26px;}
  #area-browser #localityBrowserTopLevel {margin:10px}
  #area-browser #browser-distritos {margin-left: 10px; margin-right: 10px}
  #area-browser #browser-concelhos {margin-left: 10px;}
  #area-browser #browser-freguesias {margin-right: 10px;}
  #area-browser #browser-bottom {display: none;}
  #map {}
  #map img {display: block !important;}
  #area-browser #browser-concelhos {position: static;}
  #area-browser #browser-freguesias {position: static;}
  #selector-colapsed {display: none !important;}
  #global-chart {width: 100%; border: none; padding: 0;}
  #area-browser #browser .loading-feedback {top: 20px; right: 0;}
  #tab-menu-select-chart {}
  #tab-submenu-chart {height: auto; }
  #charts-tabs-select {margin-top: 20px;}
  #charts-tabs-select select {width: 100%;}
  
  .territory-list .blankOption {display: block;}

  #head-menu {padding: 15px 0;}
  #head-menu .row .column {display: block; width: 100%;}
  #head-menu .row .column > * {display: block; clear: both; width: 100%;}
  #head-menu .row .column > label {margin-bottom: 3px; text-transform: uppercase;}

  #head-menu .filter-select {width: 100%;}
  #head-menu #head-menu-districts-filter {display: block;}
  #head-menu #head-menu-counties-filter {display: block;}

  #selector.candidates-selector {display: none;}
  #main {margin-top: 20px;}
  #main #check-zone-b {margin: 15px 0 0;}

  #bg-shadow {display: block; position: absolute; top: 100px; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.2); z-index: 50;}
  .main-menu-toggle {display: block;}
  #menu {position: absolute; top: 0; right: 0; left: 0; margin-top: -75px;}
  #menu ul#main-menu li {display: none;}
  #menu ul#main-menu li.active { border-radius: 0;}
  #menu ul#main-menu > li > a {color:#218755}
  #menu ul#main-menu:before {display: none;}
  #menu ul#main-menu.collapse {display: table; position: absolute; top: 80px; left: 0; margin: 0; width: 100%; background-color: #fff; z-index: 100; background-color: #fbfbfb; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);}
  #menu ul#main-menu.collapse li {display: table; float: left; clear: left; width: 100%; margin: 0; min-height: 60px;}
  #menu ul#main-menu.collapse li a {display: table; width: 100%; height: 60px; border-radius: 0; border-top: 1px solid #ccc;}
  #menu ul#main-menu.collapse li a .menu-option {display: block; line-height: 60px; padding: 0 0 0 20px;}
  #menu ul#main-menu.collapse li a .menu-option:before {display: none;}
  #menu ul#main-menu.collapse li a:hover {background-color: #ccc; color:#2bb673 }
  #menu ul#main-menu.collapse li.active { background-color: #2bb673}
  #menu ul#main-menu.collapse li.active a {border: none; color: #fff; }
  #menu ul#main-menu.collapse li.active ul#secondary-menu li a {color: #000;}
  #menu ul#main-menu.collapse li.active a:hover {background-color: #dadada;}
  #menu ul#main-menu ul#secondary-menu {display: none; background-color: #f1f1f1}
  #menu ul#main-menu ul#secondary-menu li {font-size: 1em;}
  #menu ul#main-menu ul#secondary-menu li.active a {background-color: #bac4d3;}
  #menu ul#main-menu ul#secondary-menu li a {color: #656565; cursor: pointer; }
  #menu ul#main-menu ul#secondary-menu li a .menu-option {height: 40px;}
  #menu ul#main-menu.collapse ul#secondary-menu {position: static; display: table; width:100%; background-color: #FFF}
  #menu ul#main-menu.collapse ul#secondary-menu li {display: block; float: left; clear: left; width: 100%; margin: 0;  font-size: 0.5em;}
  #menu ul#main-menu.collapse ul#secondary-menu li a {}
  #menu ul#main-menu.collapse ul#secondary-menu li a .menu-option {}
  #menu ul#main-menu.collapse ul#secondary-menu li a:hover {background-color: #bac4d3;}
  #menu ul#main-menu.collapse ul#secondary-menu li.active {background-color: transparent;}
  #menu ul#main-menu.collapse ul#secondary-menu li.active a {}
  #menu ul#main-menu ul#secondary-menu li.active a, #menu ul#main-menu.collapse ul#secondary-menu li a:hover{ background-color: #bac4d3;}

  .chart .chart-bigTitle {width: 100%; height: 30px; position: relative; z-index: 10;}
  .chart .chart-bigTitle .chart-title {float: left; display: block; padding: 0; font-size: 18px}
  .chart table.chart-area tbody tr td {padding-right: 0;}
  #previous-bottomChart-AR {display: none !important}

  .chart.collapsed table.chart-area thead th.acronym {background-color: #fff;}
  #actual-charts .chart.previous:before {display: none;}
  #actual-charts .chart.current.half-size.collapsed .chart-hide {padding-right: 0px;}
  #actual-charts .chart.previous.half-size.collapsed .chart-hide  {padding-left: 0px;}

  /* Boletins de Voto */
  #main .boletim-place {}
  #main .boletim-place .division {width: 100%;}
  #main .boletim-place .division + .division {margin-top: 40px;}
  #main .boletim-place .division .div-wrapper {margin: 0 !important;}
  #main .boletim-place .division .image-legend {font-size: 16px;}

  ul.menu.footer li a {font-size: 16px;}
}