html, body { max-width: 100%; } body { overflow-x: hidden; overflow-y: scroll; } #date-slider { width: 100%; } #date-filter .slider-box { width: 90%; margin: auto; } #date-filter .slider.slider-horizontal { width: 100%; } #date-filter .slider-rangeHighlight.odd { background: #0000CC; } #date-filter .slider-rangeHighlight.even { background: #8888FF; } #date-filter .slider-track-low, #date-filter .slider-track-high { background: #CCCCCC; z-index: 1; } #date-filter .slider-handle { z-index: 2; } #brewery-filter .form-check label { cursor: pointer; } #brewery-filter label img { width: 50px; } .tab-pane[role="tabpanel"] { min-height: 500px; } #chart-tooltip { position: absolute; background: rgba(255, 255, 200, 0.75); border: solid 1px black; padding: 0.5em; font-size: 0.7em; pointer-events: none; z-index: 3000; } #chart-tooltip ul { margin: 0; padding: 0; } #chart-tooltip ul ul { padding: 0 0 0 1em; } #chart-tooltip li { list-style: none; } #chart-tooltip dl { display: grid; width: 100%; grid-column-gap: 1em; grid-template-columns: 1fr min-content; margin: 0; padding: 0 0.5em 0 0; } #chart-tooltip dt, #chart-tooltip dd { margin: 0; white-space: nowrap; } #chart-tooltip dd { text-align: right; }