/* Form */
/********/
#summary-stats-select {
    display:         flex;
    flex-wrap:       wrap;
    justify-content: space-between;
    gap:             1em;
    align-items:     baseline;
    margin-bottom:   1em;
}

#summary-stats-select > div > label {
    display: inline-block;
    width:   48px;
}
#summary-stats-select > div > select { width: calc(100% - 53px); }

#summary-stats-select > div:not(#year-slider-container) {
    flex: 0 1 auto;
}

#year-slider-container {
    flex: 1 0 auto;
}

@media (max-width: 991px) {
    #summary-stats-select > div {
        width: 100%;
    }
}

@media (max-width: 767px) {
    #button-container {
        width: 100%;
    }
}
/********/
/* Form */

#summary-stats-container { min-height: 350px; margin-bottom: 2em; }
#temporal-comparison-stats { min-height: 320px; }

@media only screen and (max-width: 991px) {
    #state-select { display: block; }
}

@media only screen and (min-width: 768px) {
    .pn-buttons { float: left; }
    .cpiToggleControls { float: right; }
}

@media only screen and (max-width: 767px) {
    .pn-buttons {
        text-align: center;
    }

    .cpiToggleControls {
        text-align: center;
        margin-bottom: 1em;
    }
}

@media only screen and (max-width: 575px) {
    #summary-stats-select label {
        display:    inline-block;
        width:      100px;
        text-align: left;
    }

    #summary-stats-select select { width: 270px; }

    #button-container { display: block; }
}

.summary-stats-table { font-size: 80%; margin-top: 0; }

.summary-stats-table td { white-space: nowrap; }

.summary-stats-table td.disaster-stat { text-align: right; }

.summary-stats-table tr.all-disasters { background-color: #c6cace !important; }
.summary-stats-table tr.all-disasters td { font-weight: bold; }
.summary-stats-table tr.all-disasters td table.popup td { font-weight: normal; }

.summary-stats-table td.disaster {
    text-align:  left;
    white-space: nowrap;
}

/*
 .notstats
 */
.nostats .ind,
.nostats .popup,
.nostats .popup-title,
.nostats .divTableRow:nth-child(2n) {
    color:            #8d9297;
    background-color: #dcdee0;
    border-color:     #c6cace;
}

tr.nostats { background-color: #f1f3f6; }