div#error {
    color: #dd3846;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 120%;
    gap: 10px;
    width: 100%;
}
div#error span.go-back {
    color: silver;
}
div#error span.unknown-player {
    color: silver;
}

div.header-row {
    display: block;
}

div#header > div {
    //    display: ruby;
}


/* Override of options2.css. */
div.options {
    text-align: center;
    color: lightblue;
    font-size: 1.4em;
        //    gap: 1em;
        //    margin-left: 5%;
    margin-bottom: 1.5em;
    width: 90%;
    margin-left: -5%;
    display: flex;
    flex-direction: column;
    justify-contents: flex-start;
    align-items: center;
    gap: 10px;
    padding: 10px;
    //    background-color: #333;
    //    border: 1px solid #555;
    border-bottom: none;
}
div.option-group {
    gap: 8px;
    margin-right: 0em;
}
div.dropdown-option.current-week {
    border-bottom: 2px solid;
}
/* Tooltip box */
div.option-hint {
    position: relative;
    left: unset;
    margin-left: unset;
    top: unset;
    transform: unset;
    margin-left: 10%;

    color: #4caf50;
    font-size: 0.85em;
    padding: 4px 8px;
    //    border: 1px solid yellow;
    //    border-radius: 40px;
    white-space: nowrap;
    opacity: 0;
    height: 1em;
    pointer-events: none;
    transition: opacity 0.15s ease-in-out;
    z-index: 10;
}
div.option-hint.option-hint-show {
    opacity: 1;
}
/* End of override. */
div.message {
    color: yellow;
}

table.standings {
    width: 35%;
    margin-left: 20%;
}
table.standings thead tr, table.history thead tr {
    height: 3em;
}
table.standings > tr {
    margin: 25px;
    padding: 20px;
}
td.name {
    text-align: left;
    width: auto;
}
td.ep, td.gp, td.priority {
    width: 5em;
    text-align: center;
}
td.former-member {
    color: gray;
    font-style: italic;
}
table.history {
    margin-left: 3%;
}
table.history, table.history td {
    border: none;
}
table.history td {
    padding: 0.4em 0;
}
table.history:not(last) {
    margin-bottom: 2em;
}
table.standings td {
    padding: 0.4em 2.0em;
}
caption.weekly-history {
    margin-bottom: 1em;
}
caption.weekly-history > span.week-annotation {
    font-size: 1.2em;
    color: #46c5ff;
//    text-decoration: underline;
}
caption.weekly-history > span.week-bounds {
    margin-top: 0.5em;
    font-size: 0.9em;
    float: right;
    vertical-align: center;
}
td.week, td.date, td.time {
    text-align: center;
}
table.history tr.day-start, table.history td.date {
    border-top: 0.1em ridge #e0c56e;

}
tr.action-weekly-ep-summary {
    border-top: 2px dotted #e0c56e;
    background-color: #202020;
}
td.no-loot {
    color: white;
    font-style: italic;
}
span.no-records {
    font-size: 20px;
    margin-left: 20%;
    color: white;
    font-style: italic;
    border: 2px solid;
    padding: .5em;
}
td.action-weekly-ep-summary {
    color: #e0c56e;
    font-weight: bold;
    font-size: 1.1em;
    font-weight: bold;
}
td.action-weekly-gp-summary {
    color: white;
    font-weight: bold;
    font-size: 1.1em;
    font-weight: bold;
}
td.action-weekly-gp-summary > span {
    margin-left: 3em;
}

span.ep {
    color: lightgreen;
}
span.massep {
    color: lightgreen;
}
span.gp {
    color: yellow;
}
span.reason {
    color: lightblue;
}
span.player {
}

button.go-standings {
    //    height: 4em;
    padding: 0.3em;
    width: auto;
    font-size: 1em;
    background-color: #007bff;
    color: white;
    border-color: #0056b3;
    border-radius: 20px;
    cursor: pointer;
    box-shadow: 2px 2px 5px 5px  #007bff;
}
a {
    color: unset;
    text-decoration: unset;
}
span.answer a {
    color: #6495ed;
/*    color: #d4af37; */
    text-decoration: revert;
}
div#header > div#week-bounds {
    text-align: center;
    font-size: 20px;
    margin-top: 0.4em;
}