.axis {
  font-size: smaller;
}

body {
  background: #fcfcfa;
  overflow-x: hidden;
}

.country {
  fill: grey;
}

.plate {
  fill: transparent;
  stroke: green;
}

.map {
  width: 100%;
  height: 50vh;
  border: 1px solid black;
}

.map circle:hover {
  fill: orange;
}

.filter-container {
  width: 23%;
  float: left;
}

.bar-chart, .bar-chart-no-data {
  width: 75%;
  float: right;
}

.footer {
  padding: 1em;
}

.filter {
  margin-bottom: 1em;
}

#title {
  position: absolute;
  left: 5%;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 1em;
}

.bar-chart-no-data {
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  line-height: 10em;
}

.tooltip {
  position: absolute;
  max-width: 400px;
  height: auto;
  padding: 5px;
  background-color: white;
  pointer-events: none;
  font-family: sans-serif;
  font-size: 12px;
  color: black;
}