/* Fix for Chrome font weight */
@font-face {
  font-family: "Segoe UI";
  font-weight: "normal";
  src: local('Segoe UI');
}

html {
  height: 100%;
}
body {
  min-height: 100%;
  background:#ededed url('/img/bg-body.gif') repeat-x;
}
h3 {
  margin-top: 1em;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 400;
}

.navbar-dark {
  background-image: url('/img/headerarea-bg.gif');
}

#mainContainer {
  overflow: hidden;
  background: #fff;
  width: 100%;
  margin-top: 30px;
  padding: 0 15px 0 15px;
  border-top: 1px solid #E5E5E4;
  border-left: 1px solid #E5E5E4;
  border-right: 1px solid #E5E5E4;
  border-radius: 20px;
  border-bottom: 1px solid #E5E5E4;
}

.btn-primary {
  background-color: #2a6aa6;
  border: none;
}
.btn-primary:hover {
  background-color: #1F4F7C;
}

.dark-cell {
  background-color: #2a6aa6;
  color: white;
}

.counted-bg {
  background-color: #dd5d0a;
}
.uncounted-bg {
  background-color: lightgrey;
}

/* Normal */
td.tableRoundedLeft, td.tableRoundedRight {
  background-clip: padding-box;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  padding-left: 0;
  padding-right: 0;
}
td.tableRoundedLeft {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-left: 5px solid transparent;
}
td.tableRoundedRight {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-right: 5px solid transparent;
}
/* Small */
td.tableRoundedLeft-sm, td.tableRoundedRight-sm {
  background-clip: padding-box;
  border-top: 2.5px solid transparent;
  border-bottom: 2.5px solid transparent;
  padding-left: 0;
  padding-right: 0;
}
td.tableRoundedLeft-sm {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-left: 2.5px solid transparent;
}
td.tableRoundedRight-sm {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: 2.5px solid transparent;
}

.caption {
  color: #727272;
  font-size: 0.9em;
}
.count-progress {
  font-size: 4em;
}
.count-meta {
  background-color: #F4F4F2;
  padding: 15px;
}
.count-meta-bottom {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid rgb(190, 190, 187);;
}
tfoot::before {
  content: "";
}
tfoot {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

.homeDistrictChart {
  height: 100px;
}
.homeHeading, .homeColumns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.homeHeading {
  background-color: #2a6aa6;
}
.homeHeading h1,
.homeHeading .h1 {
  margin-top: 1rem;
  margin-bottom: 0;
}
.homeHeadingLeft {
  background-color: #2a6aa6;
  color: white;
  padding: 0 30px 0 30px;
}
.homeHeadingCentre {
  background-color: #ddd;
}
.homeHeadingRight {
  background-color: #ccc;
}
.homeColumnLeft {
  padding-top: 1em;
  padding-left: 1em;
}
.homeColumnRight {
  padding: 1em;
  background-color: #efefef;
}
.homeColumnLeft h2,
.homeColumnRight h2 {
  padding-bottom: 5px;
  border-bottom: 1px solid rgb(92, 92, 82);
}
.homeTopHalf {
  margin-top:10px;
}
#houseOfAssemblyChart {
  height: 450px;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
#houseOfAssemblyChartXs {
  height: 300px;
  width: 100%;
}
.homeSecondHeading {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid rgb(92, 92, 82);
}
#districts h3 {
  border-top: 1px solid rgb(92, 92, 82);
  padding-top: 15px;
  margin-top: 9px;
  margin-bottom: 15px;
}
.homeVotesBlock {
  margin: 15px 0;
  background-color: rgba(0, 0, 0, 0.05);
}
.homeVotesCounted {
  font-size: 1.5em;
  line-height: 1.1em;
}

.electorsEnrolledNumber {
  color:black;
  font-size: 2rem;
}

#polling_booths_counted,
#polling_booths_total {
  font-size: 4rem;
}
.homeOf {
  font-size: 2rem;
  padding: 0 0.5rem;
}
.homePbrCounts {
  border-bottom: 1px solid rgb(92, 92, 82);
}
.homePbrTotal {
  font-size: 1.25rem;
  text-transform: uppercase;
}
#boothCountChart {
  height: 300px;
  width: 100%;
}

/* Footer */

.footer {
  padding-top: 1em;
  padding-bottom: 1em;
  font-size: 0.9rem;
}
.footer a {
  margin-right: 0.5rem;
  white-space: nowrap;
}
.footer a:last-child {
  margin-right: 0;
}

/* PACE */
.pace,
#refreshIndicator {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #29d;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

/* Refresh indicator */

.refresh-progress {
  background: #3A72A6;
  position: absolute;
  z-index: 2000;
  top: 75px;
  right: 100%;
  width: 100%;
  height: 4px;
}
/* xs */
@media (max-width: 575.98px) {
  .refresh-progress {
    top: 60px;
  }
}
/* lg */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .refresh-progress {
    top: 80px;
  }
}

.paused {
  color: #856404;
  background-color: #fff3cd;
}

.paused .unpaused-text {
  display: none;
}
.paused-text {
  display: none;
}
.paused .paused-text {
  display: block;
}

/* District results */
#districtSelect,
#pbrButton > a {
  width: 100%;
  max-width: 400px;
}
@media (max-width: 767.98px) {
  #electorsEnrolled {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  #districtSelect {
    max-width: 100%;
  }
  #pbrButton > a {
    max-width: 90%;
  }
}

/* Chris H 20180326 */
.table td, .table th {
	padding: .25rem;
}