table {
    border-collapse: collapse;
    width: 80%;
    margin-left: 5%;
    margin-top: 1.5rem;
    color: #e0e0e0;
    text-align: center;
    font-family: sans-serif;
}

table, tr, th, td {
    text-align: center;
}
th {
    font-family: "Avenir";
    border-bottom: 1px solid #444;
    padding: 6px 8px;
}
th[rowspan="2"] {
    vertical-align: middle;
}
th[colspan] {
    background-color: #1f1f1f;
    font-weight: 600;
}
th.counts-best-divider, td.counts-best-divider {
    border-left: 8px solid #555;
}
th[colspan].counts-best-divider {
    border-left: 4px dashed #555;
}
td {
    width: auto;
    font-family: "Lucida Sans Unicode";
    padding: 6px 8px;
    border-bottom: 1px solid #333;
    line-height: 2;
}
td.members, th.members {
    width: auto%;
}
td.level span {
    font-weight: bold;
}
td:has(div.run.under-par):has(span.under-par) {
    background: #90ee9010;
}
td:has(div.run.over-par):has(span.over-par) {
    background: rgba(255, 0, 0, 0.05);
    --#ff000010;
}
img.dungeon-icon {
    width: 32px;
    height: 32px;
    object-fit: contain;
    vertical-align: middle;
    border-radius: 4px;
    margin-right: 6px;
}
td.total, td.total-10plus {
    width: 1em;
}
td.dungeon-name {
    text-align: left;
}
img.dungeon-background {
    height: 2rem;
    width: auto;
}
td.best-group-members {
    text-align: left;
}
img.spec-icon {
    width: 1em;
}
span.show-hide {
    font-size: 1.1em;
    border-bottom: 2px dotted;
    padding-bottom: 1px;
    cursor: pointer;

}
div.error {color: red; text-align: center; font-size: 25px; margin-bottom: 20px; }

/* Week rewards */

div.rewards {
    font-size: 30px;
    margin-bottom: 30px;
    border: 1px solid white;
    --display: inline;
    width: fit-content;
    padding: 5px;
}

li.rewards {
    margin-bottom: 5px;
}
label.reward-points {
    color: lightgreen;
}
label.reward-nRuns {
    color: cyan;
}
label.reward-level {
    color: yellow;
}
label.reward-penalty-points {
    color: red;
}

td.uncompleted {
    color: #DC143C;
    width: auto;
    white-space: nowrap;
    background-color: black;
    padding: 10px;
    text-align: left;
}
td.uncompleted.value {
    width: 100%;
}
/*a {
    color: yellow;
}*/
div#total-runs table.uncompleted {
    color: green;
    width: 50%;
}

.interpunct {color: lightgray; }
img.chest {width: 25px; height: 25px; }
.extra-party-members {font-size: 75%; background-color: black; }
.hidden {display: none; }

button#toggle {
    width: 30px; height: 30px; margin-left: 50px; margin-top: 15px; margin-bottom: 10px;
    -padding 15px 25px; font-size: 30px; text-align: center;
    cursor: pointer; outline: none; color: white;
    background-color: white; color: blue;
    border: none; box-shadow: 2px 2px #999;
}
button#toggle:hover {background-color: #gray;}
button#toggle:active {background-color: #gray;
    box-shadow: 3px 3px #777;
    transform: translate(3px, 4px);
}
img.rio-link {
    height: 1.2em;
    width: auto;
}

img.classIcon {height: 20px; width: 20px; }
a {
    text-decoration: none;
    color: inherit;
}
img.wlSpecIcon {height: 15px; width: 15px; }

a.blizzard-leaderboard {color: yellow; }

div#cutoffs {margin-top: 50px; }
label#cutoffs-toggle-label {margin-left: 25px;
    text-decoration-line: underline; text-decoration-style: dotted; }
img.cutoffs-info {height: 25px; width: 25px; }
table.cutoffs {width: 50%; }
label.cutoff-explanation {font-size: 14px; font-style: italic; }

div.selected {
    font-weight: bold;
    border-bottom: 1px solid transparent;
    transform: scale(1.05, 1.05);
    color: lightblue;
}

table.week-records {
    width: 50%;
}
td.week-records-index {
    width: 10%;
}
td.week-records-name {
    width: 50%;
}

img.icon-key {
    height: 30px;
    width: 30px;
}

img.icon-loot {
    height: 30px;
    width: 30px;
}


th.best-ten-yields-chest-True, td.best-ten-yields-chest-True, td.best-ten-yields-chest-True td {
    background: #6c6c6c;
    color: darkblue;
    font-size: larger;
}

/* Copies from Expectation colors, for now */
label.best-ten-points-Full {
    color: #5cc301;
}
label.best-ten-points-Partial {
    color: #fcff00;
}
label.best-ten-points-Penalty {
    color: red;
}

table.run-with-reward, table.run-with-reward tr, table.run-with-reward tr td {
    text-align: left;
    border: none;
    width: 100%;
}

div.epgp {
    margin-top: 30px;
    margin-bottom: 30px;
}
textarea#epgp  {
    height: 500px;
    width: 1500px;
    font-size: 30px;
}

/* Week selection */
div#header {
    text-align: center;
    display: flex;
    gap: 1em;
    margin-left: 5%;
}

div#header > div#week-bounds {
    text-align: center;
    font-size: 20px;
    margin-top: 0.4em;
}


/* Footer */

div#datetime {
    margin-top: 35px;
    color: silver;
    font-family: "Arial";
    font-size: 16px;
    font-style: italic;
}