:root {
  --lightBlue: #cddeff;
  --lightBlue30: #8db1fb;
  --lightBlue50: #395a9c;
  --darkBlue: rgb(21, 66, 153);
  --lightRed: #fdcbce;
  --lightRed30: #f68187;
  --lightRed50: rgb(249 84 107);
  --darkRed: rgb(194, 49, 69);
  --lightInd: #fff8d8;
  --lightInd30: #f8e9a5;
  --lightInd50: #e3cd6f;
  --darkInd: #d6b20e;
  --noData: #c3c3c3;
  --containerWidth: 1048px;

}

body {
  background: inherit;
}

#elecciones-2022 {
  font-family: 'Roboto', sans-serif;
  background: inherit ;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  font-family: 'Roboto', sans-serif;
}

@font-face {
  src: url(https://cdn3.uvnimg.com/01/03/f0ea7e03466b95d3dfa9eb37e667/stateface.woff2) format("woff2"), url(https://cdn2.uvnimg.com/4d/32/632cb4714c9fae10587a44fa5211/stateface.woff) format("woff")
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}

body {
  line-height: 1
}

blockquote, q {
  quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

* {
  box-sizing: border-box;
}

.uvfs-curtain {
  position: fixed !important;
}

.banner-uvn {
  max-width: var(--containerWidth);
  margin: 0 auto;
}

.banner-uvn img {
  width: 100%;
  min-height: 45px;
  object-fit: cover;
}

/*BARRA PRESIDENTE */

/* local */

.candidate-top-local-presidente {
  width: 100%;
  max-width: 820px;
  margin: 25px auto;
}

.candidate-top-local-gobernadores {
  width: 100%;
  max-width: 820px;
  margin: 25px auto;
}

.candidate-top-block {
  width: 100%;
  max-width: 820px;
  margin: 25px auto;
}

.item-presidente {
  display: flex;
  align-items: self-start;
  border-bottom: dashed 1px #a5a5a5;
}
.item-presidente .candidate{
  width: 55px;
  font-size: 12px;
  margin-right: 5px;
}

.item-presidente .bar-wrapper {
  width: 100%;
  position: relative;
  font-size: 12px;
  padding: 10px 0;
}

.item-presidente .bar {
  width: 100%;
  margin: 5px 0;
  background-color: #e3e3e3;
}

.item-presidente .bar-wrapper h2 {
  font-size: 16px;
}

.item-presidente .bar-wrapper .percent{
  position: absolute;
  top: 30px;
  padding: 0 5px;
  font-size: 23px;
  font-weight: 600;
}

.item-presidente .bar-wrapper .count{
  margin: 5px 0;
}

.item-presidente .party-item {
  height: 20px;
}

.item-presidente .party-Dem {
  background-color: var(--darkBlue);
}

.item-presidente .party-GOP {
  background-color: var(--darkRed);
}

.item-presidente .party-Ind {
  background-color: var(--darkInd);
}

.barra {
  position: relative;
  width: 100%;
  margin: 64px auto;
  height: 20px;
  background: #d6d6d6;
  max-width: var(--containerWidth);
}

.barra .midline {
  position: absolute;
  left: 49.85%;
  height: 25px;
  border-right: 1px solid #000;
  z-index: 8;
  width: 1px;
}

.barra .midpoint {
  position: absolute;
  width: auto;
  left: 49.9%;
  color: #000;
  font-size: 12px;
  line-height: 1.5;
  padding: 0 6px;
  border-radius: 3.2px;
  margin-top: 33px;
  height: auto;
  margin-left: 2px;
  padding-bottom: 4px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 4;
  font-family: Roboto, sans-serif;
  text-transform: lowercase;
}

.barra .midpoint:after {
  content: "";
  border: 5px solid #0000;
  display: inline-block;
  position: absolute;
  border-top-color: #000;
  border-bottom: 0;
  top: 3px;
  left: 50%;
  transform: rotate(180deg);
  margin-top: -9px;
  margin-left: -7px;
  border-radius: 5px;
}

.extra_textdem, .extra_textgop {
  font-size: 13px;
  padding-top: 4px;
  font-weight: normal;
}

.barra_dem {
  position: absolute;
  left: 0;
  background-color: var(--darkBlue);
  height: 20px;
}

.barra_number {
  position: absolute;
  top: -35px;
  font-size: 1.9rem;
  font-weight: bold;
  font-family: Roboto, sans-serif;
}

.barraParty {
  position: absolute;
  top: 31px;
  font-size: 1.2rem;
  font-weight: bold;
  font-family: Roboto, sans-serif;
}

.circlesandnames {
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
  font-size: 0.3rem;
}


.demNumber, .barraDem {
  left: 0;
  color: var(--darkBlue);
}

.midflech {
  position: absolute;
  width: 70px;
  top: 27px;
  left: 70px;
}

.gopNumber, .barraGop {
  right: 0;
  text-align: right;
  color: var(--darkRed);
}


.senado-count-dem,
.senado-count-label,
.senado-count-gop,.gobernadores-count-dem, .gobernadores-count-gop, .representantes-count-dem, .representantes-count-gop {
  position: absolute;
  top: -160%;
  font-size: 1.9rem;
  font-weight: 700;
}

.othNumber {
  left: 0;
  color: var(--darkInd);
  margin-left: -7px;
}

.barra_oth {
  background-color: var(--darkInd);
  position: absolute;
  left: 0;
  height: 20px;
}

.barra_gop {
  position: absolute;
  right: 0;
  background-color: var(--darkRed);
  height: 20px;
}


/*MAIN NAV BUTTONS*/

.showPopup {
  display: block;
  width: 100%;
  max-width: var(--containerWidth);
  margin: 0 auto;
}

.re_mainnav {
  max-width: var(--containerWidth);
  margin: 0 auto;
}

.re_mainnav ul {
  font-size: 0;
  margin: 0;
  padding: 0;
  display: flex;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.re_mainnav ul li {
  font-family: Roboto, sans-serif;
  flex: 1 1 auto;
}

.re_mainnav ul li.hide {
  display: none;
}

.re_mainnav ul li a.re_active {
  background-color: #ececec;
  color: #000;
  cursor: default;
  pointer-events: none;
  border-top: 1px solid #000;
  font-weight: 900;
}

.re_mainnav ul li a.re_active:after {
  content: " ";
  position: absolute;
  top: 0;
  right: -5px;
  width: 5px;
  height: 100%;
  z-index: 100;
  background: linear-gradient(to right, #0000001a 0%, #0000 100%);
}

.re_mainnav ul li a {
  font-size: 13px;
  padding: 15px 0;
  background: #F4F4F4;
  text-align: center;
  display: block;
  color: #656565;
  border-right: 1px solid #0000001a;
  position: relative;
  text-shadow: #fff 0 -1px 0;
  cursor: pointer;
  margin: 0 !important;
  border-top: 1px solid #F4F4F4;
}

.re_mainnav ul li:last-child a {
  border-right: 0;
}


#svgMap {
  width: 100%;
  background: transparent;
  display: block;
}

#svgMap.hide {
  display: none;
}

.state-label {
  font-size: 11px;
  pointer-events: none;
  text-transform: uppercase;
  fill: #fff;
}

.map-ciudades {
  opacity: 1;
  transition: opacity .15s ease-in-out;
}

.map-ciudades .ciudad-point {
  fill: transparent;
}

.map-ciudades .ciudad-point.selected {
  fill: gray;
}

.map-ciudades.hide {
  opacity: 0;
}

.ciudad-label {
  font-size: 0;
}

.ciudad-label.selected {
  font-size: 3px;
  pointer-events: none;
  text-transform: uppercase;
  fill: #333;
  font-weight: 900;
  stroke: #fff;
  stroke-width: 0.1;
}

.ciudad-label.selected.state-CA {
  font-size: 5px;
}

.ciudad-label.selected.state-TX {
  font-size: 5px;
}

.zoom-active .state-label {
  opacity: 0.5;
}

path {
  transition: fill .1s ease-in-out;
}

path.no_race {
  pointer-events: none;
  fill: #eaeaea !important;
  stroke: #fff;
}

path.states-boundary {
  stroke :#fff;
  stroke-width: 0.1;
  fill: var(--noData);
  cursor: pointer;
}

path.states-boundary.no-data {
  stroke: #000000;
  stroke-width: 0.1;
  fill: #e2e0e0 !important;
  pointer-events: none;
}

path.states-boundary:hover {
  stroke:#333;
  stroke-width: 2;
  cursor: pointer;
}

path.states-boundary.zoom-active,
path.oklahoma-boundary.zoom-active {
  opacity: 0.1;
  pointer-events: none;
}

path.counties-boundary {
  stroke: #fff;
  stroke-width: 0.1;
  fill: #cecece;
  visibility: hidden;
  cursor: pointer;
}

path.counties-boundary:hover {
  stroke: #000;
  stroke-width: 1;
}

path.counties-boundary.activate {
  stroke: #000;
  stroke-width: 1;
}

path.counties-boundary.selected {
  visibility: visible;
}

path.districts-boundary {
  stroke:#fff;
  stroke-width: 0.1px;
  fill: #cecece;
  visibility: hidden;
  cursor: pointer;
}

path.districts-boundary.selected {
  visibility: visible;
}

path.counties-boundary.lead {
  fill: #4c831a;
}

path.counties-boundary.lead.Dem {
  fill: var(--darkBlue) !important;
}

path.counties-boundary.lead.GOP {
  fill: var(--darkRed) !important;
}

path.counties-boundary.lead.Lib {
  fill: var(--darkInd) !important;
}

path.oklahoma-boundary {
  stroke: #fff;
  stroke-width: 0.5px;
  fill: transparent;
  visibility: hidden;
  cursor: pointer;
}

path.oklahoma-boundary.selected {
  visibility: visible;
}

path.oklahoma-boundary.selected:hover {
  stroke: #000;
  stroke-width: 1;
}

circle.distrito {
  stroke-width: 0.1;
  stroke: #000;
  cursor: pointer;
}

circle.distrito:hover {
  stroke: #fff;
  cursor: pointer;
}

polygon.distrito {
  stroke-width: 1;
  stroke: #000;
  cursor: pointer;

}

polygon.distrito:hover {
  stroke: #fff;
  cursor: pointer;
}

/* Parties color */
.states-boundary.selected.Dem {
  stroke: #ffffff47 !important;
  fill: var(--lightBlue);
  background:var(--lightBlue) !important;
}

.states-boundary.selected.GOP {
  fill: var(--lightRed);
  background:var(--lightRed) !important;
}

.state-13.states-boundary.selected.Dem {
  stroke: #ffffff47 !important;
  fill: #FFD700;
  background:#FFD700 !important;
}

.state-13.states-boundary.selected.GOP {
  fill: #FFD700;
  background:#FFD700 !important;
}

.oklahoma-boundary.selected.Dem {
  stroke: #ffffff47 !important;
  fill: var(--lightBlue);
  background:var(--lightBlue) !important;
}

.oklahoma-boundary.selected.GOP {
  fill: var(--lightRed);
  background:var(--lightRed) !important;
}

.counties-boundary.selected.presidente-dem,
.counties-boundary.selected.presidente-Lib,
.districts-boundary.selected.Lib,
.districts-boundary.selected.lib,
.states-boundary.selected.presidente-Lib,
.states-boundary.selected.presidente-lib,
.states-boundary.selected.senado-lib,
.states-boundary.selected.senado-Lib,
.oklahoma-boundary.selected.senado-lib,
.oklahoma-boundary.selected.senado-Lib,
.states-boundary.selected.gobernadores-lib,
.states-boundary.selected.gobernadores-Lib {
  fill: var(--darkInd) !important;
  background:var(--darkInd) !important;
}

.counties-boundary.selected.presidente-Ind,
.counties-boundary.selected.presidente-IND,
.districts-boundary.selected.Ind,
.districts-boundary.selected.IND,
.states-boundary.selected.presidente-Ind,
.states-boundary.selected.presidente-IND,
.states-boundary.selected.senado-Ind,
.states-boundary.selected.senado-IND,
.oklahoma-boundary.selected.senado-Ind,
.oklahoma-boundary.selected.senado-IND,
.states-boundary.selected.gobernadores-Ind,
.states-boundary.selected.gobernadores-IND {
  fill: var(--darkInd) !important;
  background:var(--darkInd) !important;
}


.counties-boundary.selected.presidente-grn,
.counties-boundary.selected.presidente-Grn,
.districts-boundary.selected.Grn,
.districts-boundary.selected.grn,
.states-boundary.selected.presidente-Grn,
.states-boundary.selected.presidente-grn,
.states-boundary.selected.senado-grn,
.states-boundary.selected.senado-Grn,
.oklahoma-boundary.selected.senado-grn,
.oklahoma-boundary.selected.senado-Grn,
.states-boundary.selected.gobernadores-grn,
.states-boundary.selected.gobernadores-Grn {
  fill: var(--darkInd) !important;
  background:var(--darkInd) !important;
}

.counties-boundary.selected.presidente-dem,
.counties-boundary.selected.presidente-Dem,
.counties-boundary.selected.senado-dem,
.counties-boundary.selected.senado-Dem,
.counties-boundary.selected.gobernadores-dem,
.counties-boundary.selected.gobernadores-Dem,
.districts-boundary.selected.representantes-Dem,
.districts-boundary.selected.representantes-dem,
.states-boundary.selected.presidente-Dem,
.states-boundary.selected.presidente-dem,
.states-boundary.selected.senado-dem,
.states-boundary.selected.senado-Dem,
.oklahoma-boundary.selected.senado-dem,
.oklahoma-boundary.selected.senado-Dem,
.states-boundary.selected.gobernadores-dem,
.states-boundary.selected.gobernadores-Dem {
  fill: var(--darkBlue) !important;
  background:var(--darkBlue) !important;
}

.counties-boundary.selected.presidente-gop,
.counties-boundary.selected.presidente-GOP,
.counties-boundary.selected.senado-gop,
.counties-boundary.selected.senado-GOP,
.counties-boundary.selected.gobernadores-gop,
.counties-boundary.selected.gobernadores-GOP,
.states-boundary.selected.presidente-GOP,
.states-boundary.selected.presidente-gop,
.districts-boundary.selected.representantes-gop,
.districts-boundary.selected.representantes-GOP,
.states-boundary.selected.senado-gop,
.states-boundary.selected.senado-GOP,
.oklahoma-boundary.selected.senado-gop,
.oklahoma-boundary.selected.senado-GOP,
.states-boundary.selected.gobernadores-gop,
.states-boundary.selected.gobernadores-GOP {
  fill: var(--darkRed) !important;
  background: var(--darkRed) !important;
}

.counties-boundary.selected.presidente-Lib,
.counties-boundary.selected.presidente-LIB,
.states-boundary.selected.presidente-LIB,
.states-boundary.selected.presidente-Lib,
.districts-boundary.selected.representantes-Lib,
.districts-boundary.selected.representantes-LIB,
.states-boundary.selected.senado-Lib,
.states-boundary.selected.senado-LIB,
.oklahoma-boundary.selected.senado-Lib,
.oklahoma-boundary.selected.senado-LIB,
.states-boundary.selected.gobernadores-Lib,
.states-boundary.selected.gobernadores-LIB {
  fill: var(--darkInd) !important;
  background: var(--darkInd) !important;
}

.counties-boundary.selected.presidente-Grn,
.counties-boundary.selected.presidente-GRN,
.states-boundary.selected.presidente-GRN,
.states-boundary.selected.presidente-Grn,
.districts-boundary.selected.representantes-Grn,
.districts-boundary.selected.representantes-GRN,
.states-boundary.selected.senado-Grn,
.states-boundary.selected.senado-GRN,
.oklahoma-boundary.selected.senado-Grn,
.oklahoma-boundary.selected.senado-GRN,
.states-boundary.selected.gobernadores-Grn,
.states-boundary.selected.gobernadores-GRN {
  fill: var(--darkInd) !important;
  background: var(--darkInd) !important;
}

.districts-boundary:hover {
  stroke: #333;
}

.districts-boundary.Dem,
.districts-boundary.lead.Dem {
  fill: var(--lightBlue) !important;
  background: var(--lightBlue) !important;
}

.districts-boundary.GOP,
.districts-boundary.lead.GOP {
  fill: var(--lightRed) !important;
  background: var(--lightRed) !important;
}

.districts-boundary.Lib,
.districts-boundary.lead.Lib {
  fill: var(--darkInd) !important;
  background: var(--darkInd) !important;
}

.districts-boundary.selected.representantes-dem,
.districts-boundary.selected.representantes-Dem {
  fill: var(--darkBlue) !important;
  background: var(--darkBlue) !important;
}

.districts-boundary.selected.representantes-gop,
.districts-boundary.selected.representantes-GOP {
  fill: var(--darkRed) !important;
  background: var(--darkRed) !important;
}

.districts-boundary.zoom-active {
  opacity: 0.3;
}

.resultados-block {
  display: none;
  max-width: var(--containerWidth);
  margin: 0 auto;
  overflow: hidden;
}

.resultados-block.active {
  display: block;
}

.resultados-block .title-block {
  text-align: center;
  margin: 25px 0;
  font-size: 14px;
}

.source {
  display: flex;
  align-items: center;
  max-width: 760px;
  margin: 0 auto;
  padding: 10px 10px;
  font-size: 13px;
  color: #6a6a6a;
  border-bottom: none;  
}

.c_c_mapa {
  max-width: var(--containerWidth);
  margin: 0 auto;
  z-index: 99;
  position: relative;
}

.c_mapa {
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding-bottom: 60%;
}

@media screen and (max-width: 640px) {
  .c_mapa {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding-bottom: 70%;
  }
}

.mapas {
  position: absolute;
  top: 0;
  left:0;
  width: 100%;
  height: 100%;
  font-family: Roboto, sans-serif;
}
.mapas .loading {

  width: 100%;
  height: 100%;
  position: relative;
}

.mapas .loading:after {
  content:'';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40px;
  margin-left: -20px;
  margin-top: -20px;
  height: 40px;
  background: url(https://cdn4.uvnimg.com/e9/8d/954c566942c6be7787ce50bda9fb/spinner.svg) no-repeat center center / 32px auto;
   animation-name: rota;
  animation-duration: 600ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes rota {
  from {
      transform: rotate(0);
  }
  to {
      transform: rotate(360deg);
  }
}


/* States lateral */
.states-lateral {
  position: absolute;
  width: 45px;
  right: 0;
  bottom: 10px;
  display: none;
}

.states-lateral.active {  
  display: block;
}

.states-lateral span {
  display: block;
  margin: 1px 0;
  padding: 10px 0;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  background: #dedee1;
  cursor: pointer;
}

.states-lateral span.no_race {
  background: #eaeaea;
  cursor: pointer;
  pointer-events: none;
}

.states-lateral span.dem,
.states-lateral span.Dem {
  background: var(--darkBlue);
}

.states-lateral span.gop,
.states-lateral span.GOP {
  background: var(--darkRed);
}

.states-lateral span.presidente-dem,
.states-lateral span.presidente-Dem,
.states-lateral span.presidente-DEM,
.states-lateral span.senado-dem,
.states-lateral span.senado-Dem,
.states-lateral span.gobernadores-dem,
.states-lateral span.gobernadores-Dem {
  background: var(--darkBlue);
}

.states-lateral span.presidente-gop,
.states-lateral span.presidente-GOP,
.states-lateral span.senado-gop,
.states-lateral span.senado-GOP,
.states-lateral span.gobernadores-gop,
.states-lateral span.gobernadores-GOP {
  background: var(--darkRed);
}

/* Estados destacados */

.barra-presidente {
  border-bottom: dashed 1px #bfbfbf;
  padding-bottom: 10px;
}

.states-featured {
  position: relative;
  max-width: 622px;
  margin: 15px auto 0 auto;
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 15px;
  overflow-x: auto;
}

.states-featured .item-state {
  font-weight: 600;
  padding: 10px 5px;
}

.states-featured .item-decisivos {
  width: 100%;
  text-align: center;
}

.states-featured .item-decisivos .lead-Dem {
  background-color: var(--lightBlue);
}

.states-featured .item-decisivos .lead-GOP.item-dem-Dem {
  background-color: #ffffff78;
}

.states-featured .item-decisivos  .presidente-DEM.item-dem-Dem {
  background-color: var(--darkBlue);
  color: #fff;
}

.states-featured .item-decisivos .presidente-undefined.item-dem-Dem {
  background-color: #ffffff78;
}

.states-featured .item-decisivos  .presidente-DEM.item-dem-Dem .icon-candidate {
  color: #fff;
  display: inline-block;
}

.states-featured .item-decisivos  .presidente-IND.item-ind-Ind {
  background-color: var(--darkInd);
}

.states-featured .item-result {
  padding: 10px 5px;
  background-color: #ffffff78;
  border-right: solid 1px #999;
  border-bottom: solid 1px #999;
}

.states-featured .item-percent {
  padding: 5px;
}

.states-featured .item-percent-result {
  padding: 5px;
  font-size: 13px;
  border-right: solid 1px #999;
  color: #333;
}

.states-featured .item-decisivos .icon-candidate {
  display: none;
  position: absolute;
  right: 0;
  top: 10px;
  background-color: transparent !important;
}

.states-featured .item-decisivos .lead-GOP {
  background-color: var(--lightRed);
}

.states-featured .item-decisivos .presidente-DEM.item-gop-GOP {
  background-color: #ffffff78;
}

.states-featured .item-decisivos .lead-Dem.item-gop-Gop {
  background-color: #ffffff78;
}

.states-featured .item-decisivos .presidente-GOP.item-gop-GOP {
  background-color: var(--darkRed);
  color: #fff;
}

.states-featured .item-decisivos .presidente-GOP.item-gop-GOP .icon-candidate {
  color: #fff;
  display: block;
}

.states-featured .item-decisivos .presidente-GOP.item-gop-GOP .icon-candidate.GOP{
  color: #fff;
}

.states-featured .item-header {
  min-width: 125px;
  max-width: 125px;
  padding-right: 15px;
  text-align: right;
}

.states-featured .item-header .item-result{
  width: 100%;
  display: inline-block;
}

.states-featured .item-percent {
  font-size: 12px;
  color: #999999;
}

.states-featured .item-header .item {
  margin: 5px 0;
  padding: 5px;
  display: inline-block;
}

.states-featured .item-decisivos .item-result {
  display: inline-block;
  width: 100%;
  position: relative;
}

.estados-destacados {
  position: relative;
  width: 100%;
  max-width:360px;
  overflow: auto;
  margin: 30px auto;
  overflow-x: auto;
  padding: 0 15px;
}

.estados-destacados .candidate {
  display: flex;
  width: 100%;
}

.estados-destacados .name {
  width: 100%;
  max-width: 150px;
  padding: 5px 0;
  border-bottom: solid 1px #d8d9d8;
  font-weight: 300;
  color: #000;
  font-size: 16px;
}

.bar-resultados .name {
  border: 0 !important;
}
.state-votes {
  display: inline-block;
  justify-content: center;
  width: calc(100% - 90px);
  min-height: 27px;
}


.state-votes {
  display: inline-block;
  width: 100%;
}

.estados-destacados .name {
  display: flex;
  padding: 5px 0;
  height: 40px;
  font-size: 12px;
  align-items: center;
  justify-content: center;
}
.estados-destacados .bar-resultados .name {
  display: flex;
  align-items: center;
  justify-content: left;
  max-width: 175px;
}

.estado-table-responsive {
  display: flex;
  align-items: flex-start;
}

.state-votes-mobile-header .name{
  min-height: 37px;
}

.estados-destacados .reported .name {
  color: #6a6a6a;
  padding: 0px 6px;
  font: normal 14px 'Roboto', sans-serif;
  font-style: italic;
  font-size: 10px;
  text-align: center;
}

.state-votes span {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 15px;
  color: #000;
  text-align: center;
  text-transform: uppercase;
  border-bottom: dashed 1px #ebebebf0;
  font-size: 15px;
  text-transform: uppercase;
}

.state-votes span .icon-candidate {
  display: none;
  width: 20px !important;
}

.state-votes span.Dem-Dem,
.state-votes span.Dem-dem {
  color: #fff;
  background: var(--lightBlue);
}

.state-votes span.Dem-representantes-Dem,
.state-votes span.Dem-representantes-dem,
.state-votes span.Dem-gobernadores-Dem,
.state-votes span.Dem-gobernadores-dem,
.state-votes span.Dem-senado-Dem,
.state-votes span.Dem-senado-dem {
  color: #fff;
  background: var(--darkBlue);
}

.state-votes span.Dem-representantes-Dem .icon-candidate,
.state-votes span.Dem-representantes-dem .icon-candidate,
.state-votes span.Dem-gobernadores-Dem .icon-candidate,
.state-votes span.Dem-gobernadores-dem .icon-candidate,
.state-votes span.Dem-senado-Dem .icon-candidate,
.state-votes span.Dem-senado-dem .icon-candidate {
  display: inline-block;
  background: var(--darkBlue);
}

.state-votes span.GOP-gop,
.state-votes span.GOP-GOP {
  color: #fff;
  background: var(--lightRed);
}

.state-votes span.GOP-representantes-gop,
.state-votes span.GOP-representantes-GOP,
.state-votes span.GOP-gobernadores-gop,
.state-votes span.GOP-gobernadores-GOP,
.state-votes span.GOP-senado-gop,
.state-votes span.GOP-senado-GOP {
  color: #fff;
  background: var(--darkRed);
}

.state-votes span.GOP-representantes-gop .icon-candidate,
.state-votes span.GOP-representantes-GOP .icon-candidate,
.state-votes span.GOP-gobernadores-gop .icon-candidate,
.state-votes span.GOP-gobernadores-GOP .icon-candidate,
.state-votes span.GOP-senado-gop .icon-candidate,
.state-votes span.GOP-senado-GOP .icon-candidate {
  display: inline-block;
  background: var(--darkRed);
}

.estados-destacados .candidate {
  display: inline-block;
  width: 75px;
}

.distritos-destacados.estados-destacados .candidate {
  display: inline-block;
  width: 60px;
}

.distritos-destacados.estados-destacados .district-column {
  display: inline-block;
  width: 40px;
}

.state-votes-header {
  display: inline-block;
  width: 50px;
  font-weight: 900;
}

.distritos-container {
  max-width: 360px;
  margin: 0 auto;
}

.btn-distritos {
  text-align: center;
}

.table-destacados {
  display: none;
}

.table-destacados.active {
  display: inline-block;
  margin: 15px auto 0 auto;
  padding: 15px;
  width: 100%;
  max-width: 310px;
  background-color: #fff;
}


.distritos-destacados {
  overflow: hidden;
  transition: height .24s ease-in-out;
  margin-bottom: 15px;
}

.btn-distritos .btn {
  border: none;
  color: #fff;
  background: #000;
  padding: 5px;
  cursor: pointer;
}

.distritos-destacados.active {
  height: 1285px;
  overflow: hidden;
  transition: height .24s ease-in-out;
}

.distritos-destacados .state-votes-header {
  display: inline-block;
  width: 40px !important;
  font-weight: 900;
}

.state-votes-header span {
  font-size: 16px;
  padding: 0;
  text-align: center;
  width: 50px;
}

.estados-destacados .reported {
  display: inline-block;
  width: 95px;
  font-weight: 400;
}

.estados-destacados .reported span {
  font-size: 14px;
  justify-content: center;
}

.estado-destados-title {
  margin: 15px 0;
  font-size: 18px;
  color: #000;
  font-weight: 900;
  text-align: center;
}

.estados-destacados .reported .name {
  color: #6a6a6a;
  padding: 5px 0;
  font: normal 11px 'Roboto', sans-serif;
  font-style: italic;
  display: flex;
  align-items: center;
  justify-content: center;
}
.estados-destacados .reported span {
  font-size: 13px;
  font-style: italic;
  color: #989898;
}

.state-votes-header span {
  color: #000;
}

/* Button reset */

.button-map.map-position {
 display: inline-block
}

.button-map.map-position {
  position: absolute;
  top: 25px;
  left: 25px;
}

.button-map.hide {
  display: none;
}

.button-map .icon {
  display: block;
  width: 45px;
  height: 35px;
  background: url('../images/usicon.png') no-repeat;
  background-size: contain;
  cursor: pointer;
  opacity: 0.6;
}

#resetMap .icon:hover {
  opacity: 0.9;
}

/* Leyenda */

.container-leyenda {
  max-width: 760px;
  margin: 0 auto;
}

.leyenda-block {
  display: flex;
  position: relative;
  width: 100%;
  max-width: 940px;
  margin: 10px auto;
  padding: 15px 0;
}

.leyenda-state-block.inactive {
  display: none;
}

.leyenda-county-block.inactive {
  display: none;
}

#cartogram_states {
  display: none;
  transition: display .35s ease-in-out;
}

#cartogram_states.active {
  display: block;
}

#cartogram_states polygon {
  stroke-width: 0.1;
  stroke: #fff;
  fill: #cecece;
  opacity: 0;
  transition: opacity .45s ease-in-out;
  cursor: pointer;
}

#cartogram_states polygon:hover {
  stroke-width: 1;
  stroke: #000;
}

#cartogram_states.active polygon {
  opacity: 1;
}

#cartogram_states circle {
  opacity: 0;
  transition: opacity .45s ease-in-out;
}

#cartogram_states.active circle {
  opacity: 1;
}

.cartogram-text {
  font-size: 8px;
  fill: #828282;
}

.block-cartogram {
  position: absolute;
  top: -32px;
  display: inline;
  width: 100%;
  margin: 5px 10px;
  display: none;
}

.block-cartogram.active {
  display: block;
  pointer-events: none;
}

@media screen and (max-width: 640px) {
  .block-cartogram.active {
    display: none !important;
  }
}

.carto-mobile-only {
  display: none;
}

.carto-mobile-only.active {
  display: none;
}

@media screen and (max-width: 640px) {
  .block-cartogram.carto-mobile-only {
    position: relative;
    top: 0;
    margin: 0;
    margin-top: 15px;
  }
  .block-cartogram.carto-mobile-only.active {
    display: block !important;
  }
  .block-cartogram.carto-mobile-only ul li .box-s{
    display: inline-block;
    width: 85px;
    height: 55px;
    border: solid 1px #e3e3e3;
  }
}

.block-cartogram ul {
  padding: 0;
  margin: 0 auto;
  text-align: center;
}

.block-cartogram ul li {
  display: inline-block;
  margin: 0 5px;
  font-size: 10px;
  color: #6a6a6a;
  cursor: pointer;
  text-align: center;
}

.block-cartogram ul li .box-s{
  display: inline-block;
  width: 50px !important;
  height: 35px !important;
  border: solid 1px #e3e3e3;
  pointer-events: all;
  opacity: 0.7;
  padding: 2px;
  margin-bottom: 3px;
}

.block-cartogram ul li .box-s.active{
  border: solid 1px #000;
  opacity: 1;
}

.block-cartogram ul li .box-s.active,
.block-cartogram ul li .box-s:hover {
  opacity: 1;
}

.leyenda-item {
  width: 130px;
  margin: 5px 10px;
}

.leyenda-item .name {
  width: 100%;
  min-height: 15px;
  font-size: 12px;
  font-weight: 600;
  color: #333333;
}

.leyenda-item .bar {
  float: left;
  width: 42%;
  margin-right: 5px;
  font-size: 10px;
  line-height: 0.5em;
}

.leyenda-county-block .leyenda-item .bar {
  float: left;
  width: 30px;
  margin-right: 1px;
  font-size: 10px;
  line-height: 0.5em;
}

.leyenda-item .bar span {
  display: block;  
  height: 5px;
  margin: 5px 0;
  color: #666766;
  background: #dedee1;
}

.leyenda-item.bar-results .bar {
  width: 80px;
}

.leyenda-item.bar-results .bar span {
  width: 80%;
}

.leyenda-item .dem-win span {
  background: var(--darkBlue);
}
.leyenda-item  span.p-0 {
  background: var(--lightBlue);
}
.leyenda-item span.p-30 {
  background: var(--lightBlue30);
}
.leyenda-item span.p-50 {
  background: var(--lightBlue50);
}
.leyenda-item span.p-80 {
  background: var(--darkBlue);
}

.leyenda-item .ind-win span {
  background: var(--darkInd);
}
.leyenda-item .ind-win span.p-0 {
  background: var(--lightInd);
}
.leyenda-item .ind-win span.p-30 {
  background: var(--lightInd30);
}
.leyenda-item .ind-win span.p-50 {
  background: var(--lightInd50);
}
.leyenda-item .ind-win span.p-80 {
  background: var(--darkInd);
}

.leyenda-item .dem-win span {
  background: var(--darkBlue);
}
.leyenda-item .dem-win   span.p-0 {
  background: var(--lightBlue);
}
.leyenda-item .dem-win  span.p-30 {
  background: var(--lightBlue30);
}
.leyenda-item .dem-win  span.p-50 {
  background: var(--lightBlue50);
}
.leyenda-item .dem-win  span.p-80 {
  background: var(--darkBlue);
}

.leyenda-item .dem-led span{
  background: var(--lightBlue);
}


.leyenda-item .gop-win  span.p-0 {
  background: var(--lightRed);
}
.leyenda-item .gop-win span.p-30 {
  background: var(--lightRed30);
}
.leyenda-item .gop-win span.p-50 {
  background: var(--lightRed50);
}
.leyenda-item .gop-win span.p-80 {
  background: var(--darkRed);
}

.leyenda-item .gop-led span{
  background: var(--lightRed);
}

.leyenda-item  .gop-win span {
  background: var(--darkRed);
}

.leyenda-item .gop-led span{
  background: var(--lightRed);
}

/* pictures */

.picture-biden {
  float: left;
  position: relative;
  margin-top: -60px;
}

.picture-harris {
  float: left;
  position: relative;
  margin-top: -67px;
}

.picture-trump {
  float: right;
  position: relative;
  margin-top: -60px;
}

.barra-presi .icon-candidate b {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 5px;
  background: url(../images/check-blanco2.svg) no-repeat;
  background-size: contain;
}

.icon-candidate.presidente-DEM {
  position: absolute;
  display: inline-block;
  right: -145%;
  top: 35px;
  background: var(--darkBlue);
  border-radius: 41px;
  height: 25px;
  width: 25px;
}

.icon-candidate.presidente-GOP {
  position: absolute;
  display: inline-block;
  left: -185%;
  top: 30px;
  background: var(--darkRed);
  border-radius: 41px;
  height: 25px;
  width: 25px;
  padding-top: 2px;
}


.votos_electorales_harris, .votos_electorales_biden, .votos_electorales_trump {
  position: absolute;
  top: 45%;
  font-size:1.9rem;
  font-weight: 700;
}

.votos_electorales_biden, .votos_electorales_harris {
  left: 120%;  
  color: var(--darkBlue);
}

.votos_electorales_trump {
  left: -135%;
  text-align: right;
  width: 60px;
  color: var(--darkRed);
}
/* Resultados table */

.table-block {
  display: flex;
  position: relative;
  width: 100%;
  max-width: 760px;
  margin: 30px auto;
}

.table {
  display: none;
}

.table.active {
  display: block;
}

.table-counties {
  display: none;
}

.table-counties.active {
  display: inline-block;
}

.table-districts {
  display: none;
}

.table-districts.active {
  display: block;
}

.resultados-table {
  position: relative;
  width: 100%;
  max-width: 310px;
  margin: 0 auto;
}

.tooltip {
  color: #010101;
}

.tooltip, .toolDiv {
  max-width: 340px;
  font-family: Roboto, sans-serif;
  pointer-events: none;
  background: #fff;
  position: absolute;
  text-align: left;
  width: 400px;
  background: #fff;
  box-shadow: 0px 30px 80px -40px rgba(0, 0, 0, .8);
  padding: 10px;
  margin-left: -150px;
  margin-top: 15px;
  display: none;
  z-index: 999999;
  border: solid 1px rgba(0, 0, 0, .15);
  border-radius: 0;
}

.tooltipTable {
  width: 100%;
  margin: 0;
  position: relative;
  border-collapse: collapse;
}

.tooltipTable tr.re_reportado td {
  font: normal 13px 'Roboto Condensed',sans-serif;
  color: #6a6a6a;
  text-align: right;
  border: 0;
  padding-bottom: 0;
}

.toolDiv {
  margin: 0 auto;
  display: table;
  position: relative;
  box-shadow: none;
  border: 0;
  width: 100%;
  max-width: 600px;
}

.toolState {
  font-size: 22px;
  font-weight: 700;
  color: #000;
  text-align: left;
}

.tooltip {
  display: none;
}

.tooltip .tooltip-reportado {
  font-size: 11px;
  color: #6a6a6a;
  padding: 10px 0;
}

.tooltip-reportado {
  font-size: 12px;
  color: #6a6a6a;
  margin: 10px 0;
}

.tooltip th, .toolDiv th {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 400;
  min-width: 60px;
  padding: 5px 0;
  font-weight: 400;
}

.tooltip .re_party th, .toolDiv .re_party th {
  text-align: left;
  text-transform: none;
}

.table.resultados-table {
  color: #676767;
}

.tooltip-header {
  margin-bottom: 15px;
  text-align: left;
}

.tooltip-header .item-votos {
  margin: 5px 0px;
}

.tooltip-header .item-name {
  font-weight: 600;
  color: #000;  
  display: block;
}

.tooltip-header .item-county {
  font-weight: 600;
  color: rgb(67, 67, 67);  
  display: block;
  font-size: 14px;
}

.tooltip-table-header {
  display: flex;
}

.tooltip-table-header span {
  width: 100%;
  max-width: 70px;
  padding: 5px 0;
  font-size: 10px;
  color: #666766;
  text-align: center;
}

.tooltip-table-header span.name {
  width: 100%;
  max-width: 180px;
  text-align: left;
}

.tooltip-candidatos .row-candidato {
  display: flex;
  align-items: center;
  border-bottom: solid 1px #d8d9d8;
}

.tooltip-candidatos .row-candidato span.name {
  width: 100%;
  max-width: 180px;
  text-align: left;
}

.tooltip-candidatos .row-candidato span {
  width: 100%;
  max-width: 70px;
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
}

.row-candidato .icon-candidate {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 5px 0;
  border-radius: 25px;
  background: #fff;
}

.row-candidato.Dem .icon-candidate.gobernadores-dem,
.row-candidato.Dem .icon-candidate.gobernadores-Dem,
.row-candidato.Dem .icon-candidate.representantes-dem,
.row-candidato.Dem .icon-candidate.representantes-Dem,
.row-candidato.Dem .icon-candidate.senado-dem,
.row-candidato.Dem .icon-candidate.senado-Dem,
.row-candidato.Dem .icon-candidate.presidente-dem,
.row-candidato.Dem .icon-candidate.presidente-DEM,
.row-candidato.Dem .icon-candidate.presidente-Dem {
  background: var(--darkBlue);
}

.row-candidato.GOP .icon-candidate.gobernadores-gop,
.row-candidato.GOP .icon-candidate.gobernadores-GOP,
.row-candidato.GOP .icon-candidate.representantes-gop,
.row-candidato.GOP .icon-candidate.representantes-GOP,
.row-candidato.GOP .icon-candidate.senado-gop,
.row-candidato.GOP .icon-candidate.senado-GOP,
.row-candidato.GOP .icon-candidate.presidente-gop,
.row-candidato.GOP .icon-candidate.presidente-GOP {
  background: var(--darkRed);
}

.row-candidato.Ind .icon-candidate.gobernadores-gop,
.row-candidato.Ind .icon-candidate.gobernadores-Ind,
.row-candidato.Ind .icon-candidate.representantes-gop,
.row-candidato.Ind .icon-candidate.representantes-Ind,
.row-candidato.Ind .icon-candidate.senado-gop,
.row-candidato.Ind .icon-candidate.senado-Ind,
.row-candidato.Ind .icon-candidate.presidente-gop,
.row-candidato.Ind .icon-candidate.presidente-Ind {
  background: var(--darkInd);
}

.row-candidato.Lib .icon-candidate.gobernadores-gop,
.row-candidato.Lib .icon-candidate.gobernadores-Lib,
.row-candidato.Lib .icon-candidate.representantes-gop,
.row-candidato.Lib .icon-candidate.representantes-Lib,
.row-candidato.Lib .icon-candidate.senado-gop,
.row-candidato.Lib .icon-candidate.senado-Lib,
.row-candidato.Lib .icon-candidate.presidente-gop,
.row-candidato.Lib .icon-candidate.presidente-Lib {
  background: var(--darkInd);
}

.row-candidato.Grn .icon-candidate.gobernadores-grn,
.row-candidato.Grn .icon-candidate.gobernadores-Grn,
.row-candidato.Grn .icon-candidate.representantes-grn,
.row-candidato.Grn .icon-candidate.representantes-Grn,
.row-candidato.Grn .icon-candidate.senado-grn,
.row-candidato.Grn .icon-candidate.senado-Grn,
.row-candidato.Grn .icon-candidate.presidente-grn,
.row-candidato.Grn .icon-candidate.presidente-Grn {
  background: #4c831a;
}

.icon-candidate b {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: url(../images/check-blanco2.svg) no-repeat;
  background-size: contain;
}

.tooltip-candidatos .row-candidato .bar-container {
  width: 100%;
  max-width: 70px;
  display: flex;
  align-items: center;
  font-size: 12px;
}

.tooltip-candidatos .row-candidato .bar-container label {
  width: 100%;
  max-width: 850px;
  margin-right: 10px;
  text-align: right;
}

.tooltip-candidatos .row-candidato .bar {
  padding: 0;
  display: block;
  height: 10px;
  background: #bfbebe;
}

.tooltip-candidatos .row-candidato .bar .percent {
  padding: 0;
  display: block;
  height: 10px;
  background: var(--darkInd);
}

.tooltip-candidatos .row-candidato .bar .percent.GOP {
  background: var(--darkRed);
}

.tooltip-candidatos .row-candidato .bar .percent.Dem {
  background: var(--darkBlue);
}

.tooltip-candidatos .row-candidato .bar .percent.Ind {
  background: var(--darkInd);
}


/* Select box */

.re_mapcontainer {
  display: flex;
  height: 37px;
  justify-content: center;
}

.select-container {
  width: 100%;
  max-width: 360px;
  margin: 0 10px;
  padding: 0;
  cursor: pointer;
}

.select-current {
  background: url(https://cdn3.uvnimg.com/9c/4d/0c79639b48b4941a898e1ecc1c59/dropdown.svg) no-repeat 90% center;
  padding: 10px;
}

.select-container.hide {
  display: none;
}

.select-container.re_selectbutton_ {
  width: 100%;
  min-height: 35px;
  padding: 0;
  background: linear-gradient(#fff, #d7d7d7);
}

.select-container.re_selectbutton_:hover{
  width: 100%;
  min-height: 35px;
  background: linear-gradient(#d7d7d7, #fff);
}

/* Locale */

.candidato .picture img {
  width: 100%;
}
.tabs-bottom-locales {
  position: relative;
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  padding: 45px 0;
}

.tabs-bottom-locales .bottom-table-local {
  display: none;
}

.tabs-bottom-locales .bottom-table-local h2 {
  margin: 45px 0 25px 0;
  font-size: 21px;
  text-align: center;
  font-weight: 900;
}

.tabs-bottom-locales .bottom-table-local.active {
  display: block;
}

.tabs-bottom-locales .row-table {
  display: flex;
  align-items: center;
  border-bottom: solid 1px #e3e3e3;
}

.tabs-bottom-locales .row-table .distrito {
  width: 100%;
  max-width: 75px;
  padding: 10px;
  text-align: center;
  font-size: 12px;
}

.tabs-bottom-locales .row-table .results-count {
  width: 100%;
  max-width: 55px;
  padding: 10px;
  text-align: center;
  font-size: 12px;
}

.tabs-bottom-locales .row-table .candidate {
  width: 100%;
  max-width: 340px;
  padding: 15px 10px;
  font-size: 12px;
}

.tabs-bottom-locales .row-table .candidate .name-candidato {
  display: inline-block;
}

.tabs-bottom-locales .row-table .candidate .votes {
  font-weight: bold;
  width: 45px;
  display: inline-block;
  text-align: center;
}

.tabs-bottom-locales .row-table .candidate.Dem {
  color: #fff;
  background:var(--darkBlue);
}

.tabs-bottom-locales .row-table .candidate.GOP {
  color: #fff;
  background: var(--darkRed);
}

.enmiendas-wrapper {
  display: none;
}

.enmiendas-wrapper.active {
  display: block;
}

.enmiendas-results  {
  width: 100%;
  max-width:520px;
  margin: 25px auto;
}

.enmiendas-results h3 {
  width: 100%;
}


.enmiendas-results h2 {
  padding: 15px;
}

.row-enmienda  {
  display: flex;
  padding: 10px 0;
  border: 1px dashed #adadad;
  padding: 10px;
  border-radius: 10px;
  align-items: center;
  background: #ffffff;
  margin: 5px;
}

.row-enmienda .enmienda-description span {
  font: bold 17px 'Roboto', sans-serif;
  background-color: #eee;
  padding: 2px 5px;
  margin-right: 4px;
}

.row-enmienda .enmienda-description {
  font-size: 16px;
  margin-bottom: 15px;
}

.row-enmienda .results {
  display: flex;
  align-items: center;
}

.row-enmienda .results .enmienda-option {
  width: 100%;
  max-width: 250px;
  padding: 10px;
  text-align: center;
}

.row-enmienda .results .enmienda-option.Yes {
  background: #ddffc8;
}

.row-enmienda .results .enmienda-option.Yes.X {
  background: #5bb720;
  color: #fff;
}

.row-enmienda .results .enmienda-option.No {
  background: #ec8e50;
}

.row-enmienda .results .enmienda-option.No.X {
  background: #e16919;
  color: #fff;
}

.row-enmienda .results .enmienda-option.winner-enmienda .icon-candidate {
  float: right;
}

.row-enmienda .results .enmienda-votes {
  text-align: center;
  font-size: 10px;
}

.row-enmienda .results .enmienda-percent {
  display: flex;
  width: 100%;
  max-width: 200px;
  padding: 5px;
  justify-content: center;
}

.row-enmienda .results .enmienda-percent .bar{
  width: 100%;
  height: 15px;
  margin-left: 5px;
  background: #e3e3e3;
}

.row-enmienda .results .enmienda-percent .bar .percent{
  height: 15px;
  background: #fd9827;
}

.row-enmienda .results .enmienda-percent.winner-enmienda .bar .percent {
  height: 15px;
  background: #5bb720;
}

.top-results-table {
  width: 100%;
}

.top-results-table .candidato{
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  width: 100%;
  position: relative;
  margin: 0 auto 10px;
}

.top-results-table .candidato .picture{
  width: 100%;
  max-width: 50px;
  margin-right: 10px;
}

.top-results-table .candidato .bar-resultados {
  width: 100%;
  margin-right: 0;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 10px;
  position: relative;
  min-height: 40px;
  padding-top: 10px;
}

.candidate_pct {
  position: absolute;
  right: 112px;
  bottom: 12px;
  font-size: 16px;
  font-weight: bold;
}
.re_votos {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  width: 70px;
  line-height: 40px;
    text-align: right;
    border-left: 1px solid #ccc;
    /* padding-top: 2px; */
    padding-bottom: 10px;
    color: #6a6a6a;
    padding-top: 19px;
}
.votest {
  font-family: Roboto, sans-serif;
  width: 100%;
  max-width: 833px;
  margin: 0 auto;
  line-height: 21px;
  font-size: 15px;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 19px;
  color: #85858A;
}

.btn-metodologia {
  width: 100%;
  font-family: Roboto, sans-serif;
  max-width: 833px;
  margin: 0 auto;
  font-size: 15px;
  cursor: pointer;
}

.announce {
  max-width: 800px;
  margin: 0 auto;
  padding-top: 10px;
  background: #e2e27a;
  padding: 8px 5px;
  text-align: center;
}
.btn-metodologia span {
  font-weight: 700;
  padding: 4px 0;
  border-bottom: 1px dotted gray;
  color: gray;
}
.top-results-table {
  max-width:750px;
  width: 100%;
  margin: 0 auto;
}
.re_reported {
  color: #6a6a6a;
    padding: 5px 0;
    font: normal 14px 'Roboto', sans-serif;
    font-style: italic;
    margin-top: -10px;
}

.top-results-table .candidato .bar {
  width: 68%;
  background: #f5f5f6;
}

.top-results-table .candidato .percent {
  height: 40px;
  background: #4c831a;
  transition: width .25s ease-in-out;
}

.top-results-table .candidato .percent.GOP {
  background: var(--darkRed);
}

.top-results-table .candidato .percent.Dem {
  background: var(--darkBlue);
}

.mobile-destacados-states {
  display: none !important;
}

.destacados-desktop-block {
  display: none;
}

.metodologia {
  margin: 0 auto;
  width: 100%;
  max-width: 833px;
  font-family: Roboto,sans-serif;
  font-size: 14px;
  line-height: 19px;
  color: #85858A;
  margin-top: 15px;
  margin-bottom: 20px;
  text-align: left;
  padding: 0 20px;
  height: 0;
  overflow: hidden;
 
  transition: height

}

.metodologia.active {
  height: 300px;
}

a.dotted_link {
color: #85858A;
text-decoration: none;
border-bottom: 1px dotted #85858A;
}

/*LIVEBLOG BUTTON*/

@keyframes blink {
        0% {
              background-color: rgba(255,255,255,1)
        }
        50% {
              background-color: rgba(255,255,255,0.5)
        }
        100% {
              background-color: rgba(255,255,255,1)
        }
    }
    @-webkit-keyframes blink {
        0% {
              background-color: rgba(255,255,255,1)
        }
        50% {
              background-color: rgba(255,255,255,0.5)
        }
        100% {
              background-color: rgba(255,255,255,1)
        }
    }

  .liveblog {
    position: relative;
    width: 100px;
    margin: 10px auto 5px auto;
    color: #fff;
    background: red;
    text-align: center;
    padding: 6px;
    padding-left: 12px;
  }

  .liveblog:before { 
    position: absolute;
    content: '';
    border-radius: 50%;
    background: #fff;
    width: 8px;
    height: 8px;
    top: 10px;
    left: 10px;
    -moz-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    -moz-animation:blink normal 3s infinite ease-in-out;
    /* Firefox */
    -webkit-animation:blink normal 3s infinite ease-in-out;
    /* Webkit */
    -ms-animation:blink normal 3s infinite ease-in-out;
    /* IE */
    animation:blink normal 3s infinite ease-in-out;
    /* Opera */
  }


@media screen and (max-width: 500px) {
  .state-label {
    font-size: 6px !important;
  }
}

@media screen and (max-width: 720px) {
  .tooltip {
    display: none !important;
  }

  .top-results-table .candidato .bar {
    width: 38%;
  }

  .state-label {
    font-size: 9px;
  }

  .states-lateral,
  .states-lateral .active {
    position: relative;
    display: flex !important;
    justify-content: end;
    width: 100%;
  }

  .states-lateral span {
    width: 35px;
    min-width: 25px;
    max-width: 25px;
    margin: 0 2px;
    font-size: 9px;
    padding: 5px 2px;
  }

  .table.county-selected {
    display: none;
  }

  .leyenda-block {
    max-width: 390px;
    display: block;
  }

  .leyenda-item {
    width: 90px;
    margin: 5px 10px;
    display: inline-block;
  }

  .mobile-destacados-states {
    display: block !important;
    max-width: 390px;
  }

  .destacados-desktop-block {
    display: none !important;
  }

  .tabs-bottom-locales .row-table .candidate .name-candidato {
    display: inline-block;
    width: 50px;
  }

  .tabs-bottom-locales .row-table .candidate {
    width: 100%;
    max-width: 340px;
    padding: 15px 10px;
    font-size: 12px;
    display: flex;
    align-items: center;
  }

  .tabs-bottom-locales .row-table .distrito {
    width: 100%;
    max-width: 55px;
    padding: 10px;
    text-align: center;
    font-size: 12px;
  }

  .c_widget_mapa {
    padding-bottom: 55%;
  }

  .leyenda-county-block .leyenda-item .bar {
    width: 21px;
  }

  .leyenda-item.bar-results .bar {
    width: 80px;
  }

  .uvfs-curtain {
    position: absolute !important;
  }
}

.resultados-2016-block {
  width: 100%;
  max-width: 875px;
  margin: 0 auto;
  padding-bottom: 15px;
}

.resultados-2016-block .row-candidato .icon-candidate {
  display: none;
}

.resultados-2016-block.inactive {
  display: none
}

.resultados-2016-block .table-block {
  margin: 0;
  height: 0;
  overflow: hidden;
  border-radius: 5px;
  background: #f4f4f4;
  transition: height .25s ease-in-out;
}

.resultados-2016-block .table-block.active {
  height: 220px;
}

.resultados-2016-block .resultados-table {
  padding: 25px 0;
}

.resultados-2016-block .table-title {
  text-align: center;
  max-width: 220px;
  margin: 0 auto;
  padding: 10px;
  background: #f4f4f4;
  border-radius: 5px 5px 0 0;
  font-size: 14px;
  color: #4c4a4a;
  cursor: pointer;
}

.update-block {
  width: 100%;
  max-width: var(--containerWidth);
  margin: 15px auto;
  padding: 0 15px;
  font-size: 13px;
  color: #6a6a6a;
  text-align: right;
}

.update-block.widget {
  text-align: center;
  opacity: 0.6;
}

.update-block.widget:hover {
  text-align: center;
  opacity: 1;
}


.update-block.local-update {
  max-width: 750px;
  padding: 0;
}

.update-block .time {
  margin: 0 5px;
  background: #bfbfbf;
  color: #fff;
  padding: 3px 5px;
}

.table-results-widget {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  padding: 0 15px;
  background: #252525d6;
  overflow-y: auto;
  z-index: 9;
}

.table-results-widget.inactive {
  display: none;
}

.table-results-widget .table-widget {
  margin-bottom: 15px;
  padding: 10px;
  background: #fff;
}

.table-results-widget .header {
  position: sticky;
  top: 0;
  width: 100%;
  padding: 15px;
  color: #fff;
  font-size: 21px;
  font-weight: 900;
  background: #484848;
  z-index: 9;
}

.table-results-widget .header .close{
  display: block;
  float: right;
}


/*  */

.tables-container {
  margin:0 auto;
  border-bottom:1px dotted lightgray;
  width:100%;
  max-width: 640px;
  text-align: center;
}