* {
  font-family: century-gothic, sans-serif !important;
}

:root {
  --zepa-blue: #001160;
  --zepa-light-green: #def4a1;
  --zepa-bright-green: #c6f069;
  --zepa-grey: #f8f8f8;
  --zepa-white: #ffffff;
}

.map_container {
  width: 100%;
  height: calc(100vh - 82px);
}

/*
.container-fluid {
    padding: 0px;
}

.header_container {
    background-color: #00146D;
    margin: 0;
    padding: 0;
}

.header_container {
    background-color: black;
}

.header_container a {
    color: white;
    font-weight: 600;
    font-size: 18px;
}
*/

.chart_outline {
  padding: 0px;
  margin-top: 0px;
}

.analysis_section {
  padding: 0px 0px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.modebar {
  display: none !important;
}

label {
  margin-right: 10px;
}

/*         Colors          */

.white_smoke {
  background-color: whitesmoke;
}

.grey {
  background-color: lightGrey;
}

/* Overview map tooltip optimisation:
- Transparent tooltip container to use bootstrap styling
- Add transition time
- Prevent "loading" tooltip / flickering */

#overview-map-tooltip {
  border: none;
  background-color: transparent;
  padding: 0px;
}

.dcc-tooltip-bounding-box {
  transition: 0.23s;
  animation-timing-function: cubic;
}

*[data-dash-is-loading="true"] {
  display: none;
}