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-block,
.visible-md-inline,
.visible-md-inline-block,
.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;
  }
}
@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;
  }
}
@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: 750px;}
  #main {width: 750px;}
  #main #results {width: 750px;}

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

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

  .chart.full-size.expanded   {width: 915px;}
  .chart.full-size.collapsed  {width: 447px;}

  #area-browser #browser-concelhos {float: left; width: 49%;}
  #area-browser #browser-freguesias {float: right; width: 49%; margin: 0;}

  .chart-bg-IE8-fix-collapsed .chart table.chart-area caption.chart-header {background-color: #fff;}
  .chart-bg-IE8-fix-collapsed .chart table.chart-area caption.chart-header .caption-spacer {}
  .chart-bg-IE8-fix-collapsed .chart table.chart-area caption.chart-header .chart-title {float: none; display: table; margin: 0 auto 0 !important;}
  .chart-bg-IE8-fix-collapsed .chart table.chart-area caption.chart-header .chart-title .piechart {}
  .chart-bg-IE8-fix-collapsed .chart table.chart-area caption.chart-header .chart-title .percentage-voters {}
  .chart-bg-IE8-fix-collapsed .chart table.chart-area caption.chart-header .counted-voters {float: left; clear: both; width: 100%; text-align: center; margin-top: 15px;}
  .chart-bg-IE8-fix-collapsed .chart table.chart-area caption.chart-header .registered-voters {float: left; clear: both; width: 100%; text-align: center;}
  .chart-bg-IE8-fix-collapsed .chart table.chart-area caption.chart-header .assignedMandates {float: left; clear: both; width: 100%; max-width: 100%; text-align: center; margin-top: 15px !important ;}
  .chart-bg-IE8-fix-collapsed .chart table.chart-area caption.chart-header .assignedMandates .mandates-txt {float: none; display: inline-block;}
  .chart-bg-IE8-fix-collapsed .chart table.chart-area caption.chart-header .assignedMandates img {float: none; display: inline-block; margin-right: 3px;}
  .chart-bg-IE8-fix-collapsed .chart table.chart-area caption.chart-header .availableMandates {float: left; clear: both; width: 100%; max-width: 100%; text-align: center;}
  .chart-bg-IE8-fix-collapsed .chart table.chart-area caption.chart-header .availableMandates .mandates-txt {float: none; display: inline-block;}
  .chart-bg-IE8-fix-collapsed .chart table.chart-area caption.chart-header .availableMandates img {float: none; display: inline-block; margin-right: 3px;}
}

/* Extra small size */
@media (max-width: 440px) {
  #votes-counting-status #progress-bar {width: 250px;}

  .party-logo-wrapper {width: 100%}
  .parties-links-list .party-logo-wrapper .party-logo,
  .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,
  .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 small size */
@media (max-width: 767px) {
  .wrapper {width: auto; min-width: 285px; padding: 0 10px;}
  #status-warnings-placehorder {margin-top: 20px;}
  #body {padding-bottom: 20px;}
  #footer {display: table; xposition: static;}
  ul.menu.footer {width: 100%; margin: 0;}
  ul.menu.footer li {width: 100%; margin: 0;}
  ul.menu.footer li a {text-align: center;}
  ul#parties-menu-ar {}
  #footer .wrapper .csw-logo {display: block; position: static; width: 100%; clear: both; padding-top: 40px;}
  #footer .wrapper .csw-logo img {display: table; margin: 0 auto;}
  #body .spacer {height: 300px;}

  #status {width: 100%; border: none;}
  #status .times {padding-left: 0; padding-right: 0; width: 30%; font-size: 0.9em;}
  #status .times > * {margin-left: 10px !important;}
  #status .affluences-bars {padding-left: 0; padding-right: 0; width: 70%; font-size: 0.9em;}
  #affluences-message {width: 100%;}

  #pdf-zone {border: none;}
  #links-zone {border: none;}

  #main {width: 100%;}
  #main .main-title {}
  #main .main-title #titles {margin: 0;}
  #main .boletim-place {border: none;}
  #main #check-zone-a {}
  #main #results {width: 100%; border: none;}
  #main #results .chart-bg-shadow {}
  #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 .alternate-candidates-title {margin-left: 0;}
  #main #votes-counting-status {clear: left; border: none; margin: 0 !important; padding-left: 0;}
  #votes-counting-status #progress-bar-percentage {position: relative;}

  #tab-submenu-chart {height: auto;}

  #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: 49%;}

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

  .chart table.chart-area #acronym-text {display: none;}
  .chart table.chart-area #acronym-text.blanks {display: block;}
  .chart table.chart-area #acronym-text.nulls {display: block;}
  .chart table.chart-area th.acronym {position: absolute; top: 0; left: 0; right: 0; width: 100%;}
  .chart table.chart-area td.acronym {width: 33px;}
  .chart table.chart-area caption.chart-header {background-color: #fff;}
  .chart table.chart-area caption.chart-header .caption-spacer {}
  .chart table.chart-area caption.chart-header .chart-title {float: none; display: table; margin: 0 auto 0 !important;}
  .chart table.chart-area caption.chart-header .chart-title .piechart {}
  .chart table.chart-area caption.chart-header .chart-title .percentage-voters {}
  .chart table.chart-area caption.chart-header .counted-voters {float: left; clear: both; width: 100%; text-align: center; margin-top: 15px;}
  .chart table.chart-area caption.chart-header .registered-voters {float: left; clear: both; width: 100%; text-align: center;}
  .chart table.chart-area caption.chart-header .assignedMandates {float: left; clear: both; width: 100%; max-width: 100%; text-align: center; margin-top: 15px !important ;}
  .chart table.chart-area caption.chart-header .assignedMandates .mandates-txt {float: none; display: inline-block;}
  .chart table.chart-area caption.chart-header .assignedMandates img {float: none; display: inline-block; margin-right: 3px;}
  .chart table.chart-area caption.chart-header .availableMandates {float: left; clear: both; width: 100%; max-width: 100%; text-align: center;}
  .chart table.chart-area caption.chart-header .availableMandates .mandates-txt {float: none; display: inline-block;}
  .chart table.chart-area caption.chart-header .availableMandates img {float: none; display: inline-block; margin-right: 3px;}
  .chart .chart-bigTitle {margin-top: 0; margin-bottom: 5px;}
  .chart .chart-bigTitle .chart-title {float: none; margin: 0 auto;}
}

/* Small size */
@media (max-width: 991px) {
  .main-menu-toggle {display: block;}

  #status .flag {display: none;}
  #status .affluences-title {margin-left: 0;}

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

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

  .selector-menu {display: none;}
  #selector.results-selector {width: 100%; display: block !important; background-color: #fff;}
  #selector #area {padding: 0; width: 100%;}
  #selector #area.big {height: auto !important;}
  #area-map {display: none !important;}
  #area-browser {display: block !important;}
  #area-browser #localityBrowserTopLevel {padding: 0;}
  #map {}
  #map img {display: block !important;}
  #selector-colapsed {display: none !important;}
  #global-chart {width: 100%; border: none; padding: 0;}
  #area-browser #browser {padding: 10px 0;}
  #area-browser #browser select {display: inline !important; height: 26px;}
  #level3-loading-feedback {display: none;}

  .territory-list .blankOption {display: block;}

  #menu {}
  #menu ul#main-menu li {display: none;}
  #menu ul#main-menu li.active {display: block; margin-right: 0;}
  #menu ul#main-menu.collapse {display: table; position: absolute; top: 35px; left: 0; margin: 8px 0 0 0; width: 100%; background-color: #fff; z-index: 100; background-color: #fbfbfb;}
  #menu ul#main-menu.collapse li {display: table; float: left; clear: left; width: 100%; margin: 0; min-height: 34px;}
  #menu ul#main-menu.collapse li a {display: table; color: #235168; width: 100%; height: 34px; border-radius: 0; border-bottom: 1px solid #f0f0f0;}
  #menu ul#main-menu.collapse li a .menu-option {display: block; line-height: 34px; padding: 0 0 0 20px;}
  #menu ul#main-menu.collapse li a:hover {background-color: #ccd6dd;}
  #menu ul#main-menu.collapse li.active {}
  #menu ul#main-menu.collapse li.active a {border: none; color: #fff; background-color: #4a6e89;}
  #menu ul#main-menu.collapse li.active a:hover {background-color: #4a6e89;}
  #menu ul#main-menu ul#secondary-menu {display: none;}
  #menu ul#main-menu.collapse ul#secondary-menu {position: static; display: table;}
  #menu ul#main-menu.collapse ul#secondary-menu li {display: block; float: left; clear: left; width: 100%; margin: 0; min-height: 34px; font-size: 0.8em;}
  #menu ul#main-menu.collapse ul#secondary-menu li a {color: #235168;}
  #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: #ccd6dd;}
  #menu ul#main-menu.collapse ul#secondary-menu li.active {background-color: transparent;}
  #menu ul#main-menu.collapse ul#secondary-menu li.active a {font-weight: bold;}
}