* {
  box-sizing: border-box;
}
svg text {
  cursor: default;
}
html,
body {
  margin: 0px;
  padding: 0px;
  font-size: 15px;
  font-family: Arial, sans-serif;
  line-height: 1.6em;
  background-color: #FFFFFF;
}
#wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#header {
  /* border-bottom: 1px @color-muted1 solid; */
}
#header .search {
  position: relative;
}
#header .search input {
  width: 100%;
  font-family: inherit;
  font-size: 1.4em;
  padding: 0.4em 0em 0.4em 2em;
  line-height: inherit;
}
#header .search input::placeholder {
  color: #000;
}
#header .search input:hover::placeholder {
  color: #BBBBBB;
}
#header .search .icon {
  font-size: 1.4em;
  position: absolute;
  top: 0em;
  left: 0em;
  z-index: 100;
  height: 100%;
  width: 2em;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1em 1em;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAADK0lEQVR4AezZvUtDVxiA8cclsau4l4JpQgdNTAja1L1acesQdJGWkP4N/RxLhYhi1OyK/gWlJSjSVgnWou3amip2qEpSEBo/SHg7dXk5hCT3npMI9/fs77lHr+deEwKBQCAQCAQCPYuRZ4tDqtR44YUaVQ7YIk+UATfJKn8hbbqhQJwBNMQCFaTDTphnoKQ5Q7rslBQDYZgiLaSHWqwzTJ9F+RXx0AUR+miGfxCP1cnQJx/wiPhQg/fpg5k2l/8HRbLEGSFEiBHiZNnkss0W3sWxqPnmockOU5jBNLs0zTcSERx6g98QQ98y1sHWv0cMnRPGmSKC7l+W6dTHNBB0aziSNpz7f5OgG0luDc+FSRwY4sxw+RG6FeUOUVVwYMFw8yToRcpwjs1hXQVRLdOrHKI6xrKE4eTxooyoxrFqFX3uj+FFDP1cWMEq/e/KDl7tqYnXWBRDVFN4lUFUEazJq6V+xw9VNTWHNVtqqSJ+2FZTN7DmUC2VxQ+LamoZa/QvO44fkmrqJdbU1FIj+GFUTb3Hmhe1VAg/hNXU59e+geZrv4UeXvsfcRVrDqwco0tq6pG7B9kmfiipqSWsyVs4sYf4092rRBRRTePVe4gqhkU3arFdvNpXE6+wqoA+s9/Gi3fQn3AUsCqOqL7z9fVQmMCyE0T1Eb36BFH9gHXziKpBkl6keUJUszhwiqhuidKtGPfOfv5KihaiuiNFN9KGy2+SwJF1BN0juS7u/ScE3dc4M8wFYqhMrIOD8xAx9DMhHIpQRww12SPT5qm7TwsxVONNHMvQQDBXZZtFkowSJswoSZYo6XcetfEPcW6WBuJ7X+JQhjrisbr+dJQvcCjCOeKhX3iLLNLPLYRZo4X0UJNvCAMgOj7HqSQVpMt+Isn/pP9bgDmOkQ77UX2VJMY+w7lxVrhG2nRFgQm0rxBjn9IXEXJsUOaSe55p8kCVI0r/tT/nVhADUQgECUcB/jn3Sl1KAH97HmVi0c96yfn5BAqXsIXx5Sd8TMLiJ0xhvM9NGMJ48RO2Sej8hCaMdW5CCWPyEwY6wCSUYDryvkkoQTXQfaP+/35ERERExA2x406Cgbh/1wAAAABJRU5ErkJggg==");
}
#header .search .dropdown-items {
  position: absolute;
  background-color: #FFF;
  z-index: 10;
  width: 100%;
  border: #BBBBBB 1px solid;
}
#header .search .dropdown-items:empty {
  display: none;
}
#header .search .dropdown-items .dropdown-item {
  padding: 0.2em 0.5em 0.2em 2em;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 0.5em center;
  background-size: 1em 1em;
}
#header .search .dropdown-items .dropdown-item:hover {
  background-color: #EEE;
}
#header .search .dropdown-items .dropdown-item.item-done {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABCJJREFUeNrsnNFxGjEQhiXGBaQE0oFvJu+BtzxyHYArMBUYKrDTQHAH4dFvJu+ZMR2EEighEgiPsA84Cek/abU7w+Cxfdzw/6fdT3vSCcHBwcHBUWpIlsA/vv36MVNv39Xrz9+7lxkbgBf/wfrVSr1qZcSWDYgv/li9LRr+tDYmbNiAeOLfqrdX9fpy4l/0CBgqE9ZsQHjxtej/zohvx0SZ8MwGhBVfX/m3Doc9KROmbEAYA3TOH3scqkfB9FRxZgP8iMc11qYubNmAcMTjGo3FmQ24jnh8TJjaxZkNCEM8rjE/zJzZgHDE41yclQkTNiAs8bhG1WO5G4lnjDofj4A4xMMpKAHiORcrJf5Q/8Ap6LjoIsTfdUw5BWGJ5+RkjEeAEI8g8XXUPBP+TDwPoNM1tqdlweLDiYcx9Jh43kCneyeepugVKH7fFF1EHBFP8SOga+LhEbDP+SjiaXVjXhZ09WvcvO+SeIo1AEw8F2/EF2UAmHiWSvza5YAecfHRxDNxPUgSFh9NPJXLksQSRgCaeDY+B0qiV3+SxFOEASkTD3kDwMRzssFWZA3ogHimIT5IEhEfTTxfXXfCUB8BC4FtsG1DfaAkcPVnQzzkDAATz9x3JyRJA3IkHjI1wFpElRXxkBgBORMPlRHwO1fiyX4EAJeNRyGerA0AE4/eRvSEOJHMRPwBsOhGI54gBoR4Qogn8UBWLqvvVCEvLukoxsdZ57M4swk5M+LZiP1drS3SgJ6DGOOGKb/+3asRKnfiqdHitx4BLXKw0xNCEiQeLf6yi/omWwjRNgd/2oTMxHOlAZ45+KqmFWXi8TFACzHw+WI+xZk68TgVYZODB56feyjOfUfiWQjcRrlhCnOc3pkcfG0B3LWLzVWdGvFMuiCeVilICTYyYsD6KmDi0bS2SmWWL4E5uHENDZh4IA02LwNMDtZ3mPoRz7e0h39pxHPJgDdQDj7cYdJGPwrwowFSixsrB6MWsiJvJx4Mr0WiIcE3t9ERvEUCmwcQiTpl8d9rABgDUZEc8VwqwkgcLJJ42swDRsB2QDTUdd0ol0wNMD1xjWubTMX32iiXVCvCmpShbgWGJJ7Kd69WUgZYRuRUnKvUicfZAGPCvZmxMvF0YUAGxfnqjXLJG2BM0PVAt6n7TDwdzIRNfq0MaTDxoEdAYsU5S+IJZoAxYSZwTxz8KP4wR+IJaoDVvkD19LMnnuAGWMUZtZRkjlgQnJUBwJlzNg22KBR0gZB2eVnsF2TFIp6pIBjBN2hEKM7RN8qRMiBwcSZFPDADAhZnUsQDNcCY0Bf+Sw7JEQ/cAIuQ9Mx5VDrxdGKAZUTbp5oksWw8KwxtiaoaIy9d1RuRyLJxciOgRXEmTzxJGHCmOHe2Ua44A6zirOuCNuNnieJzcHBwcJQd/wUYAHPz8/HhYpaZAAAAAElFTkSuQmCC");
}
#header .search .dropdown-items .dropdown-item.item-pending {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA19JREFUeNrsmu1x2kAQhoHJ74w6iKgguALLHYQKHFVgu4EY0oChApwKoAOTCkw6kDtgUkHuJquxAgjupF0Fe553RsMPJO17++x9cMegh/6rBqQAAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAG9aH0Jv/P0tTd1H5q5056utu9YfvxebLgwf8VGIj6IjHyPxkbTx0Q8I9NV93LhrdOJWH3DurkcXfGvQ4FAfvhDmzsOjgQef7NJHquGjf4LwIqDBh0DcucArxUpbBjT4kI+xVs90Pr64j4cGPnz8vM7H4Ei1PTVIfk8MLt07JkpV/9yg0aWPZ3lHWx+ThkXQkxw+1fno15BeKvXamSN/1yL5CyUfedMhyfnwVX+r5GO8OzL0D3T3pwMTi2rQgEZn4kNTV87HusGws1T0sBUfm7oh6EE5+V4LmbyinjFYuCwik58Y+Egkx/tzgHT5zKDhSUwXFh+pgY80cj64NShGr6zqo9oDrg2XzTcR994b+rg38hyr638ASHfLDAMmMp6GLDlTQx+pxAgZ+xNDH1k5LJc9wDL51eXYSWMd+MiUvKr4GHQY8DJwvrBWouRVpSDPbTPu8p3ECBa7oQDY2zd5DzGiAZxLw1868PFyToXQJYCfAfesO/CxVvKqB0AODywhbEMaLnskhaGPInB7ei2ezZJfHthU54C5YcBVxCHND0MfQe8WrytDH/O9SVi2azdG1T+NuH9mVH1beXeopkY+NtWt8d1VUG4QcBpzTivVZ+EjjzkqFc9TCx+1y1AZHzUb78+HZ7EPyfnBVLkIVg18eO+PykWwOfo7QLpHrpT8xu9xz06UIEzlXU195EoQDp7KDWqC+huvGq5IthKsNURJ3LjhWOyfGbdJ/g6EvKEPn8OruiPRwZGgfil2IVVYBDbYd9mh5l9CZOgYRkyK5aQ/1PpnRqUohxGLhHIOuTh2FNoPNSD76H6f/FPvdc/eG/klM7vlsq3qI+v93cr93Hvd2Sx9rGPPfVv48LkY7fgo5Jf2qqs/qqGWYjcUAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAG9bfwQYAKzaIUHkylvlAAAAAElFTkSuQmCC");
}
#header .search .dropdown-items .dropdown-item.item-null {
  cursor: default;
  color: #AAA;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAt9JREFUeNrsnWtuwkAMhOOejN6ElHNRchN6tKYSSBTxSLK2x/aO/0QICdnzAdmsvfYw0Gg0Wh37Ph53jG25fSg7uJ8v5/l6Kij+6RLbXvNzRVn8W+Gnr8NhLCT+rfDjHNsUBsAD8ctAeCC+KgQxFD89hBfiq0EQY/HTQlggvgoEcRA/HYQV4jdDECfx00DYIH4TBHEUPzyEBvE3QxBn8cNCUBB/EwQBiB8OgqL4qyEISPwwEAzEXwVBgOLDIRiKvxiCgMWHQXAQfxEECSC+OwRH8d9CkCDiu0EAiP8SggQS3xwCUPynEOTOwd18OQdYGapDCCD+1T7n2H6uL/4lZC5vTAGc3GsmdQKJP92K/+oeEMnhsZD445pVUHoIGWKQ7AFk912qBJLVZ6kWULYvjFT6SWf8ta7NB4QNMOv9aktGLFygmRcLW3PCYQK+PrhlXS63VEVEgTBkFb8JACHoPK1rVMb1DKF5q0SrNrRHCCo7tprV0T1BUNsuF02vOoGgmqsQbe+KQ1BPFImFl0UhmKRKxcrbYhDM8tRi6XURCKaVGmLtfXII5mUy4hFFUgguhWLiFU0yCG5VeuIZVRIIrnWq4h1dcAjuRcKCiDIoBEiZvKCiDQYBdkbhY6BBjX9Bvf0F8SbMZWify1A+iHEros+tCG7GAQFwOxoIgAkZIACmJIEAmJQHAmBZChAAC7OAAFiaCATA4lxgcS7L09sh8IAGGAKPKIEh8JAeGAKPqYIh8KA2GAJbFYAhsFkH2Ge2qwH7zoZN4BjYsgwci1QWP0NMbFvpb2/bVo7VxL/ENg74lpzj0raVf98Uti7WF39aswryhsDm3UAIbF8PhMABDkAIHGGywlFtCBziM3CMlQUEmzFWihA4yK0FQCMEjjLUALARAod5agJYCYHjbC0ALITAgc6WAN5A4EhzDwBPIKQX/wUEFfFVAdxBKCP+Awhq4ls5uhuKWuXYaDRal/YrwACZdsJZOkxYjwAAAABJRU5ErkJggg==");
}
#header .search .keyboard {
  position: absolute;
  background-color: #FFF;
  z-index: 10;
  width: 100%;
  border: #AAA 1px solid;
  display: none;
}
#header .search .keyboard.active {
  display: block;
}
#header .search .keyboard .key {
  display: inline-block;
  width: 2em;
  height: 2em;
  border: 1px solid #BBBBBB;
  text-align: center;
  padding-top: 0.05em;
  margin: 0.2em;
  opacity: 0.2;
  cursor: default;
}
#header .search .keyboard .key.active {
  cursor: pointer;
  opacity: 1;
}
#header .tabs {
  width: 100%;
  padding: 0.2em 0em;
  margin-bottom: 0.2em;
}
#header .tabs .tab {
  display: inline-block;
  cursor: default;
  font-weight: 400;
  color: #BBBBBB;
  padding: 0.2em 1em 0.3em 1em;
}
#header .tabs .tab.active {
  cursor: pointer;
  color: #000;
}
#header .hover-tab {
  border-bottom: 3px #0052a3 solid;
  color: #0052a3;
}
body[data-tab='1'] #header .tab:nth-child(1) {
  border-bottom: 3px #0052a3 solid;
  color: #0052a3;
}
body[data-tab='2'] #header .tab:nth-child(2) {
  border-bottom: 3px #0052a3 solid;
  color: #0052a3;
}
body[data-tab='3'] #header .tab:nth-child(3) {
  border-bottom: 3px #0052a3 solid;
  color: #0052a3;
}
body[data-tab='4'] #header .tab:nth-child(4) {
  border-bottom: 3px #0052a3 solid;
  color: #0052a3;
}
#footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  font-size: 0.85em;
  transform: translateX(0);
}
#footer > .source {
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: 1.6em;
  overflow: hidden;
  background-color: #FFF;
  padding-left: 1em;
  color: #BBBBBB;
}
#footer > .timer {
  height: 0.2em;
  width: 100%;
  background-color: #0052a3;
}
#footer > .timer.animating {
  transition: width linear 0.95s;
}
#footer > .ticker {
  position: relative;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 1.6em;
  overflow: hidden;
}
@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
#footer > .ticker > .ticker-wrap {
  position: absolute;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  height: 100%;
  padding-left: 100%;
  box-sizing: content-box;
}
#footer > .ticker > .ticker-wrap > .ticker-inline {
  display: inline-block;
  height: 100%;
  white-space: nowrap;
  padding-right: 100%;
  box-sizing: content-box;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: ticker;
  animation-name: ticker;
  -webkit-animation-duration: 30s;
  animation-duration: 30s;
}
#footer > .ticker > .ticker-wrap > .ticker-inline > .ticker-item {
  cursor: pointer;
  display: inline-block;
  padding: 0 1.5em;
}
#footer > .ticker > .ticker-wrap > .ticker-inline > .ticker-item:hover {
  text-decoration: underline;
}
#footer > .ticker > .ticker-wrap > .ticker-inline > .ticker-item strong,
#footer > .ticker > .ticker-wrap > .ticker-inline > .ticker-item span {
  margin-left: 0.8em;
}
#slider {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  /* Large screens */
  /* Small screens */
}
@media only screen and (min-width: 650px) {
  #slider .map-placeholder {
    position: absolute;
    height: 100%;
    width: 35%;
    left: 0;
    top: 0;
  }
  #slider .map-placeholder > div {
    /* Add padding to all children */
    position: absolute;
    top: 1em;
    right: 1em;
    bottom: 1em;
    left: 0.2em;
  }
  body[data-tab='1'] #slider .map-placeholder {
    width: 100%;
  }
  #slider .slider-clip {
    position: absolute;
    width: 65%;
    height: 100%;
    left: 35%;
    overflow: hidden;
    will-change: left;
    transition: left 0.5s;
  }
  body[data-tab='1'] #slider .slider-clip {
    left: 100%;
  }
  #slider .slider-clip .mover {
    position: absolute;
    height: 100%;
    width: 300%;
    transform: translateX(0%);
    transition: transform 0.5s;
    will-change: transform;
  }
  #slider .slider-clip .mover .panel {
    position: absolute;
    width: 33.3%;
    height: 100%;
    top: 0;
  }
  #slider .slider-clip .mover .panel > div {
    /* Add padding to all children */
    position: absolute;
    top: 1em;
    right: 1em;
    bottom: 1em;
    left: 1em;
  }
  #slider .slider-clip .mover .panel:nth-child(1) {
    left: 0%;
  }
  #slider .slider-clip .mover .panel:nth-child(2) {
    left: 33.3%;
  }
  #slider .slider-clip .mover .panel:nth-child(3) {
    left: 66.6%;
  }
  body[data-tab='2'] #slider .slider-clip .mover {
    transform: translateX(0%);
  }
  body[data-tab='3'] #slider .slider-clip .mover {
    transform: translateX(-33.3%);
  }
  body[data-tab='4'] #slider .slider-clip .mover {
    transform: translateX(-66.6%);
  }
}
@media only screen and (max-width: 650px) {
  #slider .map-placeholder {
    position: absolute;
    height: 100%;
    width: 100%;
    left: -100%;
    top: 0;
  }
  #slider .map-placeholder > div {
    /* Add padding to all children */
    position: absolute;
    top: 1em;
    right: 1em;
    bottom: 1em;
    left: 0.2em;
  }
  body[data-tab='1'] #slider .map-placeholder {
    left: 0%;
  }
  #slider .slider-clip {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0%;
    overflow: hidden;
    will-change: left;
    transition: left 0.5s;
  }
  body[data-tab='1'] #slider .slider-clip {
    left: 100%;
  }
  #slider .slider-clip .mover {
    position: absolute;
    height: 100%;
    width: 300%;
    transform: translateX(0%);
    transition: transform 0.5s;
  }
  #slider .slider-clip .mover .panel {
    position: absolute;
    width: 33.3%;
    height: 100%;
    top: 0;
  }
  #slider .slider-clip .mover .panel > div {
    /* Add padding to all children */
    position: absolute;
    top: 1em;
    right: 1em;
    bottom: 1em;
    left: 1em;
  }
  #slider .slider-clip .mover .panel:nth-child(1) {
    left: 0%;
  }
  #slider .slider-clip .mover .panel:nth-child(2) {
    left: 33.3%;
  }
  #slider .slider-clip .mover .panel:nth-child(3) {
    left: 66.6%;
  }
  body[data-tab='2'] #slider .slider-clip .mover {
    transform: translateX(0%);
  }
  body[data-tab='3'] #slider .slider-clip .mover {
    transform: translateX(-33.3%);
  }
  body[data-tab='4'] #slider .slider-clip .mover {
    transform: translateX(-66.6%);
  }
}
#panel-map svg {
  width: 100%;
  height: 100%;
  /* Soft border */
  border-radius: 1em;
  overflow: hidden;
}
#panel-map svg > g.groups {
  will-change: transform;
}
#panel-map svg > g.groups g {
  fill: #CCC;
  stroke: #CCC;
  cursor: pointer;
}
#panel-map > .legend {
  position: absolute;
  bottom: 0px;
  transform: translateY(200px);
  left: 0px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.3);
}
body[data-tab="1"] #panel-map > .legend {
  transform: translateY(0px);
}
#panel-map > .legend .turnout-bar .bar {
  position: relative;
  height: 1.2em;
  width: 100%;
  background-color: #dae5eb;
  margin-bottom: 0.2em;
}
#panel-map > .legend .turnout-bar .bar .bar-item {
  height: 1.2em;
  background-color: #a0a0a0;
  width: 0%;
  transition: width 0.5s;
  border-right: 2px solid #FFF;
}
#panel-map > .legend .turnout-bar .bar .bar-limit {
  position: absolute;
  top: -0.2em;
  height: 1.6em;
  width: 30%;
  border-right: 2px solid #000;
}
#panel-map > .legend .turnout-bar .bar .bar-text {
  position: absolute;
  left: 0%;
  top: -0.2em;
  font-size: 0.75em;
  padding-left: 0.2em;
  font-weight: bold;
  transition: left 0.5s;
}
#panel-map > .legend .turnout-bar .turnout-bar-label {
  position: relative;
  width: 60%;
  text-align: center;
}
#panel-map > .legend .results-bar .bar {
  position: relative;
  height: 1.2em;
  width: 100%;
  background-color: #d10a10;
}
#panel-map > .legend .results-bar .bar .bar-item {
  height: 1.2em;
  background-color: #0052a3;
  width: 0%;
  transition: width 0.5s;
  border-right: 2px solid #FFF;
}
#panel-map > .legend .results-bar .bar .bar-item-rest {
  position: absolute;
  top: 0px;
  left: 0%;
  height: 1.2em;
  background-color: #a0a0a0;
  width: 0%;
  transition: width 0.5s;
  border-right: 2px solid #FFF;
}
#panel-map > .legend .results-bar .bar .bar-text {
  position: absolute;
  color: #FFF;
  top: -0.2em;
  font-size: 0.75em;
  font-weight: bold;
}
#panel-map > .legend .results-bar .bar .bar-text.bar-text-left {
  left: 0.5em;
}
#panel-map > .legend .results-bar .bar .bar-text.bar-text-right {
  right: 0.5em;
  text-align: right;
}
#panel-map > .legend .results-bar .label-bar {
  position: relative;
  font-weight: bold;
}
#panel-map > .legend .results-bar .label-bar .label-left {
  color: #0052a3;
}
#panel-map > .legend .results-bar .label-bar .label-right {
  position: absolute;
  right: 0px;
  top: 0px;
  color: #d10a10;
}
#panel-map > .legend.pending {
  /* Set pending state */
}
#panel-map > .legend.pending .bar {
  background-color: #dae5eb !important;
}
#panel-map.small-height {
  visibility: hidden;
}
#panel-pie svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
#panel-pie svg g.pie g.label {
  fill: #FFF;
  text-anchor: middle;
}
#panel-pie svg g.pie g.total {
  text-anchor: middle;
}
#panel-pie svg g.pie g.total text:first-child {
  font-weight: bold;
}
#panel-pie svg g.pie path {
  stroke: #FFF;
  stroke-width: 2px;
}
#panel-pie.pending svg g.pie > * {
  opacity: 0;
}
#panel-pie.pending svg g.pie > .total {
  opacity: 1;
}
#panel-pie .info {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
#panel-pie .info .bar {
  position: relative;
  height: 1.2em;
  width: 100%;
  background-color: #dae5eb;
  margin-bottom: 0.2em;
}
#panel-pie .info .bar .bar-item {
  height: 1.2em;
  background-color: #a0a0a0;
  width: 0%;
  transition: width 0.5s;
  border-right: 2px solid #FFF;
}
#panel-pie .info .bar .bar-limit {
  position: absolute;
  top: -0.2em;
  height: 1.6em;
  width: 30%;
  border-right: 2px solid #000;
}
#panel-pie .info .bar .bar-text {
  position: absolute;
  left: 0%;
  top: -0.2em;
  font-size: 0.75em;
  padding-left: 0.2em;
  font-weight: bold;
  transition: left 0.5s;
}
#panel-pie .info .turnout-bar-label {
  position: relative;
  width: 60%;
  text-align: center;
}
#tooltip {
  position: absolute;
  pointer-events: none;
  display: none;
  z-index: 105;
}
#tooltip > .content {
  position: relative;
  padding: 0.25em 1.15em;
  background-color: #FFF;
  text-align: center;
  cursor: default;
  font-size: 0.9em;
  border: 1px solid #BBBBBB;
  opacity: 0.9;
}
#tooltip > .content:empty {
  display: none;
}
#fonts {
  position: absolute;
  pointer-events: none;
}
#fonts > div.text-test {
  font-size: 20px;
  position: absolute;
  display: inline-block;
  opacity: 0;
  z-index: -100;
}
/* The turnout bar template */
.turnout-bar .bar {
  position: relative;
  height: 1.2em;
  width: 100%;
  background-color: #dae5eb;
  margin-bottom: 0.2em;
}
.turnout-bar .bar .bar-item {
  height: 1.2em;
  background-color: #a0a0a0;
  width: 0%;
  transition: width 0.5s;
  border-right: 2px solid #FFF;
}
.turnout-bar .bar .bar-limit {
  position: absolute;
  top: -0.2em;
  height: 1.6em;
  width: 30%;
  border-right: 2px solid #000;
}
.turnout-bar .bar .bar-text {
  position: absolute;
  left: 0%;
  top: -0.2em;
  font-size: 0.75em;
  padding-left: 0.2em;
  font-weight: bold;
  transition: left 0.5s;
}
.turnout-bar .turnout-bar-label {
  position: relative;
  width: 60%;
  text-align: center;
}