#scoreboard_new_event_type_form, #scoreboard_new_event_form, .edit-participant {
    width: 30em;
}

#scoreboard_new_event_type_form > input, #scoreboard_new_event_type_form > textarea, #scoreboard_new_event_type_form > button {
    display: block;
    width: 100%;
}

#scoreboard_new_event_form > input, #scoreboard_new_event_form > select, #scoreboard_new_event_form > button {
    display: block;
    width: 100%;
}

#scoreboard_new_event_type_form > textarea {
    height: 10em;
}

.scoreboard-hidden {
    display: none;
}

#scoreboard-event-types-list > li > span > .scoreboard-delete-event-type {
    display: none;
}

#scoreboard-event-types-list > li > span:hover > .scoreboard-delete-event-type {
    display: inline;
}

.edit-participant > input, .edit-participant > textarea {
    display: block;
    width: 95%;
}

.edit-participant > input.phone {
    display: inline-block;
    width: calc(100% - 3em - 2em);
    margin-right: 0.5em;
}

.edit-participant > input.classification {
    display: inline-block;
    width: 3em;
}

.edit-participant {
    position: relative;
}

.edit-participant > .delete {
    position: absolute;
    right: 0;
    top: 0;
    font-size: x-large;
    user-select: none;
}

.delete {
    cursor: pointer;
}

li > span > .delete {
    font-size: larger;
    background: none;
    border: none;
}

li > span > .show-on-hover {
    display: none;
}

li > span:hover > .show-on-hover {
    display: inline;
}

.removed {
    text-decoration: line-through;
}

.series-totals > li > .bullseyes, .series-detailed > li > span > .score, .series-detailed > li > span > .bullseyes {
    width: 2em;
}

.series-totals > li > .score {
    width: 3em;
}

.editing-results {
    border: 1px solid black;
}

.editing-results .classification {
    width: 3em;
}

.event-result table {
    border-collapse: collapse;
    font-family: 'Segoe UI', Arial, sans-serif;
}

.event-result table .center {
    text-align: center;
}

.event-result table td, .event-result table th {
    border: 1px solid black;
    padding: 0.2em;
}

.event-result table td.score:has(+.bei) {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}

.event-result table td.score {
    text-align: right;
}

.event-result table td.bullseyes {
    padding-left: 0;
    margin-left: 0;
    border-left: none;
    text-align: left;
}

.event-result table td.bei {
    padding-left: 0;
    margin-left: 0;
    padding-right: 0;
    margin-right: 0;
    border-left: none;
    border-right: none;
    text-align: center;
}

.event-result td.bei:after {
    content: 'x';
}

.event-result td.not-available {
    position: relative;
    background-image: linear-gradient(to bottom right,  transparent calc(50% - 1px), gray, transparent calc(50% + 1px));
}

.results-updated:after {
    content: '*';
}