#graphic .totals {
  display:flex;
  margin: 0 20% 20px;
}

#graphic .totals .number {
  width: 33%;
  text-align:center;
}

#graphic .totals .number p {
  font-family: Graphik,sans-serif;
  margin: 0 0 20px;
  text-align:center;
}

#graphic .totals .number p strong {
  font-family: "Tiempos Text",serif;
  font-size: 2.8em;
  color: #E49C26;
  display: block;
  font-weight: 600;
  margin-bottom: 0.1em;
}

@media screen and (max-width:800px) {
  #graphic .totals {
    margin: 0 5% 10px;
  }
}

@media screen and (max-width:425px) {
  #graphic .totals {
    font-size: 10px;
  }
}

#graphic table {
  text-align: left;
  font-family: "graphik", sans-serif;
  font-size: 12px;
  width: 100%;
}
#graphic table tr th {
  background: #f0f0f0;
  padding:5px;
}
#graphic table tbody tr td {
  border-bottom: 1px solid #f0f0f0;
  padding:5px;
}
#graphic table tbody tr:last-of-type td {
  border-bottom:none;
}
#graphic table tr th, #graphic table tr td {
  width:50%;
}
#graphic table.visitor-log-tbl tr th, #graphic table.visitor-log-tbl tr td {
  width:33%;
}

#graphic .cal-item {
  clear:both;
}
#graphic .has-cal-tbl.has-visitor-log-tbl.cal-tbl-no-results.visitor-log-tbl-no-results {
  display:none;
}
#graphic .has-cal-tbl.cal-tbl-no-results {
  display:none;
}

#graphic .has-cal-tbl.cal-tbl-no-results.has-visitor-log-tbl {
  display:block;
}

#graphic .has-visitor-log-tbl.visitor-log-tbl-no-results {
  display:none;
}

#graphic .has-cal-tbl.has-visitor-log-tbl.visitor-log-tbl-no-results {
  display:block;
}

#graphic .cal-item.visitor-log-tbl-no-results:first-of-type, #graphic .cal-item.cal-tbl-no-results:first-of-type {
  display:block;
}
#graphic .cal-date {
  float:left;
  width:calc(20% - 5px);
  font-family: "graphik", sans-serif;
  font-weight:600;
  border-top:1px solid #f0f0f0;
  text-align:left;
  padding-top:5px;
}
#graphic .cal-list {
  width:80%;
  margin-left:5px;
  float:left;
  border-top:1px solid #f0f0f0;
  padding-top:5px;
}
#graphic .cal-item-0 .cal-date, 
#graphic .cal-item-0 .cal-list {
  border-top:none;
  padding-top:10px;
}
#graphic .cal-list .cal-header {
  text-align:left;
}

.tabs {
  border-bottom: 1px solid #999;
}

#wh-selector {
  text-align: left;
  display: inline-block;
  font-family: "graphik", sans-serif;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  z-index: 3;
  width: 100%;
  margin: 0 auto -4px;
}
#wh-selector .short {
  display: none;
}
#wh-selector li {
  float:left;
  padding:10px;
  border-top:1px solid #999;
  border-right:1px solid #999;
  cursor:pointer;
  border-bottom: 1px solid #999;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  height: 58px;
}
#wh-selector li:first-of-type {
  border-left:1px solid #999;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
}
#wh-selector li:last-of-type {
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
}
#wh-selector li {
  background:#c4c4c4;
  color:#737373;
  width: 20%;
}
#wh-selector li.active {
  background:#e9f0f8;
  color:#222;
  border-bottom:1px solid #e9f0f8;
}
#wh-selector li.loading .spinner {
  background: url(//propublica.s3.amazonaws.com/assets/wh-complex/spinner-transparent.gif) -4px -1px/20px 20px no-repeat;
  width: 14px;
  height: 14px;
  display: block;
  margin: 4px auto -18px;
  position: relative;
}

#mobile-fullname div {
  background: #e9f0f8;
  font-family: "graphik", sans-serif;
  font-weight:600;
  padding:15px 0 0px 0;
  display:none;
  width:100%;
}

@media screen and (max-width:930px) {
  #wh-selector li {
    font-size: 11px;
    line-height: 14px;
  }
}

@media screen and (max-width:730px) {
  #wh-selector li {
    height: inherit;
  }
  #wh-selector .full {
    display: none;
  }
  #wh-selector .short {
    display: inline;
  }
  #mobile-fullname .visible {
    display:block;
  }
}


#agency-calendar {
  overflow:auto;
  clear: both;
  margin-top: 5px;
  position: relative;
  z-index: 1;
}
.cell-redacted {
  background:#000;
  color:#fff;
  padding:2px;
}

#filter-table {
  background: #e9f0f8;
  padding: 14px;
  font-family: 'Tiempos Text', Georgia, serif;
  font-weight: 600;
  font-size: 20px;
}

#filter-table input {
  font-size:20px;
}
#methodology {
  clear:both;
  margin-top:40px;
  padding-top:20px;
  border-top:1px solid #999;
}
#methodology h3 {
  text-align:left;
    margin: 0 20% 20px;
}
@media screen and (max-width:730px) {
  #wh-selector {
    font-size:18px;
  }
  #graphic .cal-date {
    width:100%;
    text-align:left;
    border-top:0;
    background: #f0f0f0;
    padding:5px 0 5px 5px;
  }
  #graphic .cal-date-tbl table {
    width:100%;
    margin-left:0;
  }
  #graphic .cal-list {
    width:100%;
    margin-left:0;
  }
  #filter-table {
    width:100%;
  }
  #graphic .cal-item-0 .cal-list {
    border-top:inherit;
  }
  #wh-selector li:first-of-type {
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
  }
  #wh-selector li:last-of-type {
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
  }
}