#stationStatus {
    display:            flex;
    align-items:        center;
    margin:             5px;
    padding:            5px 8px;
    font-family:        'Nunito', sans-serif;
    font-weight:        400;
    font-size:          13px;
    background-color:   #d6d6d6;
    border-top:         1px solid #b0b0b0;
    border-radius:      4px;
    width:              calc(100% - 26px);
}

#statusIndicator {
    font-size:          10px;
    padding-right:      10px;
    padding-left:       5px;
    line-height:        1;
    align-self:         center;
}

#statusText {
    align-self:         center;
    line-height:        1;
}

#liveDataTable {
    margin:             5px;
    width:              calc(100% - 12px);
    margin-bottom:      0;
}

#weatherTable {
    width:              100%;
    border-collapse:    collapse;
    font-family:        'Nunito', sans-serif;
    font-size:          13px;
    background-color:   #d6d6d6;
    border-radius:      4px 4px 0 0;
    overflow:           hidden;
}

#weatherTable th {
    background-color:   #b0b0b0;
    padding:            6px 10px;
    text-align:         center;
    font-weight:        600;
    border:             1px solid #a0a0a0;
}

#weatherTable td {
    padding:            6px 10px;
    text-align:         center;
    border:             1px solid #c8c8c8;
}

#weatherTable td:first-child {
    font-weight:        600;
}

#pollenTable {
    margin:             5px;
    margin-top:         0;
    width:              calc(100% - 12px);
}

#pollenDataTable {
    width:              100%;
    border-collapse:    collapse;
    font-family:        'Nunito', sans-serif;
    font-size:          13px;
    background-color:   #d6d6d6;
    border-radius:      0 0 4px 4px;
    overflow:           hidden;
}

#pollenDataTable th {
    background-color:   #b0b0b0;
    padding:            6px 10px;
    text-align:         center;
    font-weight:        600;
    border:             1px solid #a0a0a0;
}

#pollenDataTable td {
    padding:            6px 10px;
    text-align:         center;
    border:             1px solid #c8c8c8;
}

#pollenDataTable td:first-child {
    font-weight:        600;
}

#forecastSection {
    margin:             5px;
    width:              calc(100% - 12px);
}

#forecastHeader {
    display:            flex;
    align-items:        center;
    justify-content:    space-between;
    padding:            6px 10px;
    background-color:   #b0b0b0;
    border-radius:      4px 4px 0 0;
    font-family:        'Nunito', sans-serif;
    font-size:          13px;
    font-weight:        600;
}

#forecastDaySelect {
    font-family:        'Nunito', sans-serif;
    font-size:          12px;
    padding:            2px 6px;
    border-radius:      4px;
    border:             1px solid #a0a0a0;
    cursor:             pointer;
}

#forecastTable {
    width:              100%;
    border-collapse:    collapse;
    font-family:        'Nunito', sans-serif;
    font-size:          13px;
    background-color:   #d6d6d6;
}

#forecastTable th {
    background-color:   #b0b0b0;
    padding:            6px 10px;
    text-align:         center;
    font-weight:        600;
    border:             1px solid #a0a0a0;
}

#forecastTable td {
    padding:            6px 10px;
    text-align:         center;
    border:             1px solid #c8c8c8;
}

#forecastTable2 {
    width:              100%;
    border-collapse:    collapse;
    font-family:        'Nunito', sans-serif;
    font-size:          13px;
    background-color:   #d6d6d6;
    margin-bottom:      5px;
}

#forecastTable2 th {
    background-color:   #c8c8c8;
    padding:            6px 10px;
    text-align:         center;
    font-weight:        600;
    border:             1px solid #a0a0a0;
}

#forecastTable2 td {
    padding:            6px 10px;
    text-align:         center;
    border:             1px solid #c8c8c8;
}

#omForecastSection {
    margin:             5px;
    width:              calc(100% - 12px);
    margin-top:         5px;
}

#omForecastHeader {
    display:            flex;
    align-items:        center;
    padding:            6px 10px;
    background-color:   #b0b0b0;
    border-radius:      4px 4px 0 0;
    font-family:        'Nunito', sans-serif;
    font-size:          13px;
    font-weight:        600;
}

#omForecastTable {
    width:              100%;
    border-collapse:    collapse;
    font-family:        'Nunito', sans-serif;
    font-size:          13px;
    background-color:   #d6d6d6;
}

#omForecastTable th {
    background-color:   #b0b0b0;
    padding:            6px 10px;
    text-align:         center;
    font-weight:        600;
    border:             1px solid #a0a0a0;
}

#omForecastTable td {
    padding:            6px 10px;
    text-align:         center;
    border:             1px solid #c8c8c8;
}

#omForecastTable2 {
    width:              100%;
    border-collapse:    collapse;
    font-family:        'Nunito', sans-serif;
    font-size:          13px;
    background-color:   #d6d6d6;
    margin-bottom:      5px;
}

#omForecastTable2 th {
    background-color:   #c8c8c8;
    padding:            6px 10px;
    text-align:         center;
    font-weight:        600;
    border:             1px solid #a0a0a0;
}

#omForecastTable2 td {
    padding:            6px 10px;
    text-align:         center;
    border:             1px solid #c8c8c8;
}

#warningsSection {
    margin:             5px;
    width:              calc(100% - 12px);
    margin-top:         5px;
}

#warningsHeader {
    display:            flex;
    align-items:        center;
    padding:            6px 10px;
    background-color:   #b0b0b0;
    border-radius:      4px 4px 0 0;
    font-family:        'Nunito', sans-serif;
    font-size:          13px;
    font-weight:        600;
}

#warningsBody {
    background-color:   #d6d6d6;
    padding:            8px 10px;
    font-family:        'Nunito', sans-serif;
    font-size:          13px;
    border-radius:      0 0 4px 4px;
}

#warningsText {
    margin:             0;
    padding:            0;
}

.warningItem {
    padding:            6px 10px;
    margin-bottom:      6px;
    background-color:   #cacaca;
    border-radius:      4px;
}

.warningItem:last-child {
    margin-bottom:      0;
}