#cd-timeline {
    margin-top: 1em;
}

.chart-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1170px;
  margin: 3em auto 0 auto;
  height: 300px;
}

    .chart-container.app {
        height: 100vh;
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    .chart-container.mappage {
        height: 800px;
        width: 100%;
        max-width: 1170px;
        max-height: 800px;
        margin-bottom: 3em;
		overflow: hidden;
    }

.infowindow {
    line-height: 1.35;
    overflow: hidden;
    white-space: nowrap;
}

.chart-marker {
    cursor: pointer;
}

.mapboxgl-popup-anchor-bottom {
    margin-top: -32px;
    margin-left: 8px;
}
.mapboxgl-popup-anchor-top {
    margin-left: 8px;
    margin-top: 5px;
}
.mapboxgl-popup-anchor-left {
    margin-left: 24px;
}