#match-spots #match-spots-list-container .match-spots-list-no-data {
    font-style: italic;
}

#match-spots #match-spots-list-container .selected-row {
    background-color: var(--table-selected-row-color);
}

#match-spots #match-spots-list-header .offeror-super-header {
}

#match-spots #match-spots-list-header .requester-super-header {
}

#match-spots #match-spots-list-header .request-supper-header {
}

#match-spots #match-spots-list-header .problems-super-header {
}

#match-spots #match-spots-list-container td.center {
    text-align: center;
}

#match-spots-details #match-spots-details-content .problem-row {
    vertical-align: top;
}

#match-spots-details-problems {
    min-width: 90%;
}

#match-spots-details-problems-container .message-attribution {
    font-size: 75%;
    float: right;
}

#match-spots .border-left {
    border-left: 1px solid var(--matches-column-border-color);
}

#match-spots #match-spots-list-container .parking_spots-container {
    display: flex;
    gap: 1em;
}

#match-spots #match-spots-list-container .parking_spots-container .column {
    flex: 1;
    white-space: nowrap;
}

#match-spots #match-spots-list-container .parking_spots-container .full-width {
    flex: 1 1 100%;
}

#match-spots #match-spots-list-container .parking_spots-container .hidden {
    display: none;
}

#match-spots-details .nowrap {
    white-space: nowrap;
}

#match-spots-details .row {
    display: flex;
}

#match-spots-details .row fieldset.empty-placeholder {
    visibility: hidden;
}

#match-spots-details .row fieldset {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin: 6px;
}

#match-spots-details .row fieldset table {
    max-width: fit-content;
}

#match-spots-details .row fieldset button {
    max-width: max-content;
}

#match-spots-details #match-spots-details-buttons {
    flex-direction: row;
}

#match-spots-details #match-spots-details-buttons button {
    margin-top: 2ex;
}

#match-spots-details > fieldset {
    max-width: max-content;
}

#match-spots-details #match-spots-details-problems caption {
    margin-bottom: 1em;
}

#match-spots #match-spots-refresh-button {
    float: right;
    position: absolute;
    right: 1em;
    top: 3.5em;
}

#match-spots #match-spots-tabs .search-center {
    margin-top: 1em;
}

#match-spots-details #match-spots-details-problem-message {
    width: 100%;
    height: 3em;
}

#match-spots-details .go-to-user-button {
    margin-top: 1em;
}

#match-spots-details-problem-report label {
    color: var(--text-color);
}

#match-spots-details-problem-report .error:not(:empty) {
    margin-top: 1em;
}

#match-spots-details-problems .match-spots-details-no-problems {
    font-style: italic;
}

#match-spots-details #match-spots-details-license-required,
#match-spots-details #match-spots-details-make_model-required,
#match-spots-details #match-spots-details-color-required {
    color: var(--required-color);
    font-style: italic;
}

#match-spots-details input#match-spots-details-license:required:placeholder-shown,
#match-spots-details input#match-spots-details-make_model:required:placeholder-shown,
#match-spots-details input#match-spots-details-color:required:placeholder-shown {
    border-color: var(--required-color);
}
