#stateSelect-bottom-row { justify-content: space-between; flex-wrap: wrap; }
#stateSelect-bottom-row > * { padding: 0.5em 0 !important; }
#state-select { flex: 0 1 auto; }

@media (max-width: 767px) { .cpiToggleControls { text-align: center; } }
@media (min-width: 768px) { .cpiToggleControls { text-align: right; } }

.zingChartCanvas {
    width:  100%;
    height: 600px;
}


.disaster-button { min-width: 120px; }
.drought-button          { border-color: #cc9900 !important; color: #cc9900 !important; background-color: #ffffff !important; }
.flooding-button         { border-color: #0a47cc !important; color: #0a47cc !important; background-color: #ffffff !important; }
.freeze-button           { border-color: #0099cc !important; color: #0099cc !important; background-color: #ffffff !important; }
.severe-storm-button     { border-color: #00ac23 !important; color: #00ac23 !important; background-color: #ffffff !important; }
.tropical-cyclone-button { border-color: #ffd147 !important; color: #ffd147 !important; background-color: #ffffff !important; }
.wildfire-button         { border-color: #ff810a !important; color: #ff810a !important; background-color: #ffffff !important; }
.winter-storm-button     { border-color: #9900cc !important; color: #9900cc !important; background-color: #ffffff !important; }
.all-disasters-button    { border-color: #bc312e !important; color: #bc312e !important; background-color: #ffffff !important; }

.drought-button.selected          { background-color: rgba(204, 153,   0,1) !important; color: #000000 !important; }
.flooding-button.selected         { background-color: rgba( 10,  71, 204,1) !important; color: #ffffff !important; }
.freeze-button.selected           { background-color: rgba( 85, 187, 221,1) !important; color: #000000 !important; }
.severe-storm-button.selected     { background-color: rgba(  0, 172,  35,1) !important; color: #000000 !important; }
.tropical-cyclone-button.selected { background-color: rgba(255, 209,  71,1) !important; color: #000000 !important; }
.wildfire-button.selected         { background-color: rgba(255, 129,  10,1) !important; color: #000000 !important; }
.winter-storm-button.selected     { background-color: rgba(153,   0, 204,1) !important; color: #ffffff !important; }
.all-disasters-button.selected    { background-color: rgba(188,  49,  46,1) !important; color: #ffffff !important; }

#time-series-data-modal .modal-header { padding-bottom: 5px; }
#time-series-data-modal .modal-body { padding-top: 5px; }

#data-summary {
    display:         flex;
    justify-content: space-between;
    margin:          1em auto;
    gap:             1em;
}

#data-table-container {
    overflow: scroll;
    position: relative;
}

#billions-time-series-data { width: 100% !important; }
#billions-time-series-data th,
#billions-time-series-data td { width: 14%; min-width: 100px; }
#billions-time-series-data .year { position: sticky; left: 0; border: 1px solid #c6cace !important; }
#billions-time-series-data tr { background-color: white; }

#billions-time-series-data tbody th { font-weight: normal; color: #444444; }
#billions-time-series-data tbody tr:nth-child(2n+1) th.year,
#billions-time-series-data tr:nth-child(2n+1) td.year { background-color: white; }
#billions-time-series-data tbody tr:nth-child(2n) th.year,
#billions-time-series-data tr:nth-child(2n) td.year { background-color: #f1f3f6; }