/* lightblue	#66b3e6	rgb(102,179,230)
blue	#0078c8	rgb(0,120,200)
grey	#78777a	rgb(120,119,122)
dark	#1d1d1d	rgb(29,29,29)
darkblue	#0a1633	rgb(10,22,51)
lightgrey #f2f2f2 */

:root {
  font-size: 1em;
  font-family: "PT Sans", sans-serif;
}
html, body {
  background: white;
}
html, body, h1, p {
  margin: 0;
  padding: 0;
}
#container {
  max-width: 610px;
}
.title {
  color: #0a1633;
  font-size: 1.75rem;
  font-weight: bold;
  font-family: "PT Serif", serif;
}
.title:last-child {
  margin-top: 15px;
}
.description {
  color: #78777a;
  font-weight: bold;
  margin-bottom: 15px;
}
#selector {
  margin-bottom: 15px;
  background-color: #0a1633;
  color: white;
  outline: none;
  border-radius: 1rem;
  font-weight: bold;
  padding: 5px 10px;
}
table {
  font-size: .9rem;
}
tbody {
  display: block;
  overflow-y: scroll;
}
thead, tbody tr {
  table-layout: fixed;
  display: table;
}
thead {
  width: calc(100% - 16px);
  color: white;
  font-weight: bold;
}
tr {
  width: 100%;
}
th {
  background-color: #0a1633;
  padding: 5px 10px;
  border-radius: 1rem;
}
th:hover {
  background-color: #0078c8;
}
td {
  padding: 2px 10px;
}
tr:nth-child(even) {
  background-color: #f2f2f2;
}
tr:hover {
  color: white;
  background-color: #0078c8;
}
.AGENCY, #AGENCY {
  text-align: left;
}
.SALARY {
  text-align: center;
  font-weight: bold;
}
.axis {
  pointer-events: none;
}
.axis text {
  fill: #0a1633;
  font-size: .7rem;
}
.axis:last-child text {
  font-weight: bold;
  font-size: .8rem;
}
.axis path {
  display: none;
}
.axis line {
  stroke: #78777a;
  stroke-dasharray: 2 2;
}
.bar {
  fill: #0a1633;
}
.selected {
  fill: #0078c8;
}
.bar:hover {
 fill: #0078c8;
}