/* THE HEADER  ELEMENTS */
h1,
h2 {
  font-size: 20px;
  color: #000000;
}
header {
  background-color: #ffffff;
  border-bottom: 1px solid #0E61A7;
  box-shadow: 0 3px 5px #9d9d9d;
}
@media screen and (min-width: 320px) {
  .languageSelection {
    font-size: 12px;
    height: 18px;
    border: none;
    box-shadow: none;
  }
  .languageSelection > img {
    display: none;
  }
  .bounce-sublevel {
    background-color: #9d9d9d !important;
  }
}
@media screen and (min-width: 480px) {
  .languageSelection {
    background-color: #efefef;
    border-bottom: 3px solid #66615d;
    height: 34px;
  }
  .languageSelection > img {
    display: inline;
  }
}
#eligibleVotersTitle {
  border-top-color: #9d9d9d;
}
#areaStatistics tr {
  background-color: #fafafa;
}
/* END OF THE HEADER  ELEMENTS */
/*/////////////////////////////////////////*/
/* FONT SIZE */
@media screen and (min-width: 992px) {
  tbody {
    font-size: 16px;
  }
  .areaListGroup {
    font-size: 16px;
  }
  .titles {
    font-size: 18px;
  }
  #areas {
    font-size: 18px;
  }
}
/* END OF FONT SIZE */
/*/////////////////////////////////////////*/
/* MAIN BLOCK ELEMENTS */
#wrap {
  background-color: #ffffff;
}
/* Area type and area list */
.cbp-spmenu {
  background-color: #9d9d9d;
}
.cbp-spmenu {
  background-color: #9d9d9d;
}
.cbp-spmenu a {
  color: #ffffff;
}
.cbp-spmenu-vertical a {
  border-bottom-color: #eaeaea;
}
.cbp-spmenu a:hover {
  background: #6a6a6a;
}
.cbp-spmenu h3 {
  color: #f0f0f0;
  font-size: 1.9em;
  background: #848484;
}
.areaType_nav .selected {
  background: #4b4845;
}
.areaListGroup li {
  background-color: #fafafa;
}
.areaListGroup li:hover {
  background-color: #b3b3b3;
}
.areaListGroup li.bounce {
  background-color: #0E61A7 !important;
}
.areaListGroup li.bounce > a {
  color: #ffffff;
}
.areaListGroup a {
  color: #111111;
}
ul.subareaListGroup li {
  background-color: #66615d;
}
ul.subareaListGroup li a {
  color: #ffffff;
}
/* Area list */
/* Contest List  */
.contestListGroup li {
  background-color: #66615d;
}
.contestListGroup li:hover {
  background-color: #373737;
}
.contestListGroup a {
  color: #ffffff;
}
@media screen and (min-width: 320px) {
  #disabled .badge,
  #incumbent .badge,
  #acclaimed .badge {
    background-color: #9d9d9d;
    font-weight: normal;
  }
}
/*  End of the Contest List */
/* Contest Results Elements */
#contests .btn-block:hover,
#contests .btn-block:focus {
  color: #4b4845;
}
.table > thead {
  background-color: #f8f8f8;
  border-bottom: 3px solid #007854;
  color: #111111;
}
.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
}
.singleContestHeader,
.contest-back {
  background-color: #f8f8ff;
  color: #111111;
  border: 1px solid #0E61A7;
  border-bottom-width: 5px;
  box-shadow: 0 0px 0px #0E61A7;
  margin-bottom: 0.05em;
}
tr.winner {
  background-color: #b3ffb3;
}
tbody {
  color: #111111;
}
/* End of the Contest Results Elements */
/* END OF THE MAIN BLOCK ELEMENTS */
/*/////////////////////////////////////////*/
/* THE HIDDEN ELEMENTS */
#updated {
  background-color: #b3ffb3;
  color: #111111;
  border: 1px dotted #66615d;
}
/* END OF THE HIDDEN ELEMENTS */
/*/////////////////////////////////////////*/
/* THE HIGHLITE ELEMENTS */
.contestSelected {
  background-color: #0E61A7 !important;
}
#contestListTitle {
  color: #9d9d9d;
}
#selectedAreaTypeTitle {
  color: #9d9d9d;
}
.btn-info {
  background-color: #9d9d9d;
  border-color: #9d9d9d;
}
.languageSelection a {
  color: #9d9d9d;
}
.languageSelection a:hover,
a:active {
  color: #111111;
}
/* END OF THE HIGHLITE ELEMENTS */
.progress-bar-danger {
  background-color: #595451;
}
.progress-bar-info {
  background-color: #9d9d9d;
}
#loopButton {
  border: 1px solid #515151;
}
#menu_control .btn-primary {
  background-color: #007854;
  color: #ffffff;
}
#menu_control .active {
  background-color: #0E61A7;
  border-color: #161514;
}
.btn-stats {
  background-color: #9d9d9d;
  border-color: #515151;
}

/* Header logo: fill the logo column and line up with the election title block beside it. */
#logo img { display: block; width: 300px; max-width: 100% !important; height: auto; max-height: none; margin: 12px 0 8px !important; }

/* dvslogo.png was not included in the vendor package; avoid a 404 on every page load. */
#footer { background-image: none; }

/* Footer holds the disclaimer and copyright, so let it grow instead of the vendor's fixed 61px sticky footer. */
#wrap { margin-bottom: 0 !important; }
#push { height: 0 !important; }
#footer { position: relative; height: auto !important; min-height: 61px; margin-top: 20px !important; padding: 12px 15px !important; font-size: 13px; overflow: visible; }
#footer p { margin: 0 0 4px; }
#footer .disclaimer { color: #333; }
#footer .copyright, #footer #build { color: #666; font-size: 12px; }

/* Inside the CMS iframe the page must be exactly as tall as its content (the vendor's 100% sticky-footer
   layout would otherwise fill the iframe and leave a gap above the footer). */
html.embedded, html.embedded body { height: auto !important; min-height: 0 !important; }
html.embedded #wrap { height: auto !important; min-height: 0 !important; }