/*
// ARA reds

// light: #E92929
// med: #C12222
// dark: #AA1E1E
*/

body {
  font-family: 'Work Sans', sans-serif;
  background-color: #f7f7f7;
}

#controls-list, #national-filter {
  display: flex;
  padding: 0;
  margin: 0;
}

#national-filter {
  align-items: center;
  display: flex;
}

#controls-list li:first-child {
  border-left: 0;
}

#controls li {
  flex: 1;
  display: block;
  padding: 3px;
  margin: 0;
  
  cursor: pointer;
  text-align: center;
  background-color: #C12222;

  color: white;

  border-left: 2px solid white;
}

#controls-list li {
  width: 40px;
  height: 40px;
}

#national-control, #national-filter {
  display: flex;
}

#national-filter label {
  flex: 1;
}

#national-control {
  flex: 3;
}

#national-filter li {
  width: 80px;
  height: 20px;
}

#controls li:hover {
  background-color: #E92929;
}

#controls li.selected {
  background-color: #AA1E1E;
  font-weight: bold;
}

#results-table {
  width: 100%;
  border-collapse: collapse;
}

#results-table thead {
  background-color: #cacaca;
  text-align: left;
}

#results-body tr.odd-row {
  background-color: #efefef;
}

.righty {
  text-align: right;
}

.fixed {
  font-family: 'Inconsolata', monospace;
  font-size: 90%;
}