#records { text-align: center; }

form#recsform { text-align: center; margin: 1em auto; }

form#recsform p { text-align: center; }

form#recsform div { margin-bottom: 0.5em; vertical-align: top; }

ul#stats-menu li { color: #0000ff; cursor: pointer; }

p.menu {
    margin:      0 auto;
    font-size:   0.8em;
    width:       90%;
}

table#temp-maps-table th,
table#temp-maps-table td { padding: 3px; text-align: center; }

table.state {
    font-size: 0.8em;
    width:     100% !important;
    border:    0 !important;
}

table.state tbody { border: 0 !important; }

table.state td.left-state {
    width:  50%;
    border: 0 !important;
}

table.state td.right-state {
    width:  50%;
    border: 0 !important;
}

table.inside {
    width: 100%;
    border: solid 1px #ccc;
}

table.inside tr {
    background-color: #f8f8e8;
}

table.inside tr.highlight {
    background-color: #ffd0d0;
    font-weight:      bold;
}

table.inside tr.alsoran {
    background-color: #d0d0d0;
    border-top-style: solid;
    border-top-color: #a0a0a0;
}

/* Haywood Table *
******************/
table.haywood caption { font-size: 1.25em; font-weight: bold; }

table.haywood tr th { white-space: nowrap; }

table.haywood tr td a { color: #0050d8 !important; }

table.haywood tr.top,
table.haywood tr.tavg-top,
table.haywood tr.tmin-top,
table.haywood tr.tmax-top { background-color: #B1172B !important; color: #ffffff; }

table.haywood tr.top td a,
table.haywood tr.tavg-top td a,
table.haywood tr.tmin-top td a,
table.haywood tr.tmax-top td a { color: #B7D2FF !important; }

table.haywood tr.topclose,
table.haywood tr.tavg-topclose,
table.haywood tr.tmax-topclose,
table.haywood tr.tmin-topclose { background-color: #EE8A62 !important; }

table.haywood tr.topclose td a,
table.haywood tr.tavg-topclose td a,
table.haywood tr.tmax-topclose td a,
table.haywood tr.tmin-topclose td a { color: #00348D !important; }

table.haywood tr.norm,
table.haywood tr.tavg-norm,
table.haywood tr.tmax-norm,
table.haywood tr.tmin-norm { background-color: #dcdee0 !important; }

table.haywood tr.botclose,
table.haywood tr.tavg-botclose,
table.haywood tr.tmax-botclose,
table.haywood tr.tmin-botclose { background-color: #67A9CE !important; }

table.haywood tr.botclose td a,
table.haywood tr.tavg-botclose td a,
table.haywood tr.tmax-botclose td a,
table.haywood tr.tmin-botclose td a { color: #003287 !important; }

table.haywood tr.bot,
table.haywood tr.tavg-bot,
table.haywood tr.tmax-bot,
table.haywood tr.tmin-bot { background-color: #2166AC !important; color: #ffffff; }

table.haywood tr.bot td a,
table.haywood tr.tavg-bot td a,
table.haywood tr.tmax-bot td a,
table.haywood tr.tmin-bot td a { color: #D1E2FF !important; }

table.haywood tr.prcp-top      { background-color: #01645E !important; color: #ffffff; } table.haywood tr.prcp-top td a      { color: #B5D1FF !important; }
table.haywood tr.prcp-topclose { background-color: #5AB4AC !important; }                   table.haywood tr.prcp-topclose td a { color: #00358E !important; }
table.haywood tr.prcp-norm     { background-color: #dcdee0 !important; }
table.haywood tr.prcp-botclose { background-color: #D8B364 !important; }                   table.haywood tr.prcp-botclose a    { color: #0040AE !important; }
table.haywood tr.prcp-bot      { background-color: #8B550A !important; color: #ffffff; } table.haywood tr.prcp-bot a         { color: #CADEFF !important; }

table.haywood td.date-span {
    font-size:   0.8em;
    text-align:  left;
    white-space: nowrap;
}

table.haywood td.rank { white-space: nowrap; }
table.haywood td.value,
table.haywood td.mean,
table.haywood td.anom,
table.haywood td.sigma,
table.haywood td.rank,
table.haywood td.years { text-align: right; }

table.haywood tr.odd  td.date-span { border-left-color: #dcdee0; }
table.haywood tr.even td.date-span { border-left-color: #ffffff; }

table.haywood tr.header { background-color: #cccccc; }
/*****************
 * Haywood Table */

/* Recs Table *
 **************/
table.recs td.date-span {
    font-size:   0.8em;
    text-align:  left;
    white-space: nowrap;
}

table.recs th.period { background-color: #000000 !important; }
table.recs th.maxt   { background-color: #c0504d !important; }
table.recs th.himn   { background-color: #d99694 !important; }
table.recs th.lomx   { background-color: #95b3d7 !important; }
table.recs th.mint   { background-color: #376092 !important; }
table.recs th.prcp   { background-color: #2f8c72 !important; }
table.recs th.snow   { background-color: #bfbfbf !important; }
/**************
 * Recs Table */

p.note { font-style: italic; margin: 0; }

label#tracelabel,
label#asoslabel { font-size:  0.7em; }

p#info {
    text-align:  center;
    font-family: tahoma, sans-serif;
    font-size:   0.8em;
    font-weight: bold;
}

p.msg { text-align: center; color: #e41d3d; font-weight: bold; }

p.coopwban { font-size: 0.8em; font-style: italic; text-align: center; }

.new { color: #e41d3d; }

.total { color: #8d9297; }

.disclaimer {
    font-weight: normal;
    font-size:   0.8em;
    line-height: 1em;
    color:       #8d9297;
}

.data_availability { font-weight: normal; }

a.map { margin: 0 1em; }

.wban { color: #87a5d6; }

table.archivetable {
    font-size: 0.8em;
    margin:    0px auto;
}

table.archivetable td {
    text-align: center;
}

table.ranks tr td.lowest       { background-color: #0099ff !important;  color: #fff; }
table.ranks tr td.bottom-tenth { background-color: #55bbff !important; }
table.ranks tr td.bottom-third { background-color: #aaddff !important; }
table.ranks tr td.normal       { background-color: #ffffff !important; }
table.ranks tr td.top-third    { background-color: #f9c1aa !important; }
table.ranks tr td.top-tenth    { background-color: #f48255 !important; }
table.ranks tr td.highest      { background-color: #ee4400 !important;  color: #fff; }
table.ranks                    { font-size:0.8em; }

/* Superlatives */
/****************/
#superlatives-select {
    display: flex;
    justify-content: space-between;
    column-gap: 15px;
}

#superlatives-select > * {
    display: flex;
    column-gap: 5px;
}

#superlatives-select .btn.btn-primary.selected {
    background-color: #162e51;
}

#superlatives .legend {
    display: flex;
    white-space: nowrap;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    font-style: normal;
}

#superlatives .legend li {
    flex: 1 0 auto;
    text-align: center;
    margin: 0 !important;
    color: #000000;
}

#superlatives .legend li.lowest,
#superlatives .legend li.highest {
    color: #ffffff;
}

@media (min-width: 1200px) {
    #superlatives .legend li {
        font-size: 20px;
        padding:   0.5em 0;
    }
}

@media (max-width: 1199px) {
    #superlatives .legend li {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    #superlatives-select .shortname {
        display: none;
    }
}

@media (max-width: 767px) {
    #superlatives-select button,
    table.superlatives {
        font-size: 0.8em;
    }
    table.superlatives th,
    table.superlatives td {
        padding: 5px;
    }
    #superlatives .longname {
        display: none;
    }
}

@media (max-width: 575px) {
    table.superlatives th.anomaly,
    table.superlatives tr.value td.anomaly,
    table.superlatives tr.anomaly td.value {
        display: none !important;
    }
}

.superlatives .normal { background-color: #f5f5f5 !important; }

.superlatives .tavg .lowest       { background-color: #2166ac; color: #ffffff; }
.superlatives .tavg .bottom-tenth { background-color: #67a9cf; }
.superlatives .tavg .bottom-third { background-color: #d1e5f0; }
.superlatives .tavg .top-third    { background-color: #fddbc7; }
.superlatives .tavg .top-tenth    { background-color: #ef8a62; }
.superlatives .tavg .highest      { background-color: #b2182b; color: #ffffff; }

.superlatives .prcp .lowest       { background-color: #8c540a; color: #ffffff; }
.superlatives .prcp .bottom-tenth { background-color: #d8b365; }
.superlatives .prcp .bottom-third { background-color: #f6e8c3; }
.superlatives .prcp .top-third    { background-color: #c7eae5; }
.superlatives .prcp .top-tenth    { background-color: #5ab4ac; }
.superlatives .prcp .highest      { background-color: #01655e; color: #ffffff; }

.superlatives a { color: #0050d8; }
.superlatives .tavg .highest      a,
.superlatives .tavg .lowest       a { color: #76f3ff !important; }
.superlatives .prcp .lowest       a,
.superlatives .prcp .highest      a { color: #c9ddff !important; }
.superlatives .tavg .top-tenth    a,
.superlatives .tavg .bottom-tenth a,
.superlatives .prcp .top-tenth    a,
.superlatives .prcp .bottom-tenth a { color: #003287 !important; }

.toggle-ties {
    position: sticky;
    top: 5px;
    margin-top: -5px;
}
/****************/
/* Superlatives */