/*file: live-match-score.css*/

.enteringScoreMatchPlayerItem,
.enteringScoreEventTypeItem {
    cursor: pointer;
    transition: background-color .16s ease, border-color .16s ease, opacity .16s ease, transform .16s ease;
    -webkit-tap-highlight-color: transparent;
}

    .enteringScoreMatchPlayerItem:not(.opacity-50):active,
    .enteringScoreEventTypeItem:not(.opacity-50):active {
        transform: scale(.99);
    }

.enterMatchScoreSquadActionBtn {
    min-height: 31px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    white-space: nowrap;
}

    .enterMatchScoreSquadActionBtn.opacity-50,
    .enterMatchScoreSquadBtn.opacity-50 {
        cursor: not-allowed !important;
    }

.enteringScoreMatchPlayerItem[data-was-moved-reserves="true"] {
    background-color: #f8f9fa !important;
}

    .enteringScoreMatchPlayerItem[data-was-moved-reserves="true"] .enteringScoreMatchPlayerItemText * {
        color: #6c757d !important;
    }

.match-replacement-popup {
    width: 100%;
}

.match-replacement-candidate-list {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    max-height: 320px;
    overflow-y: auto;
    padding-right: .15rem;
}

.matchReplacementCandidateBtn {
    width: 100%;
    border: 1px solid #f0f0f0;
    border-radius: 12px;
    background-color: #ffffff;
    padding: .35rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    text-align: left;
    cursor: pointer;
    transition: background-color .16s ease, border-color .16s ease, transform .16s ease;
}

    .matchReplacementCandidateBtn:active {
        transform: scale(.99);
    }

    .matchReplacementCandidateBtn img {
        width: 30px;
        height: 30px;
        border-radius: 12px;
        object-fit: cover;
        border: 1px solid #f0f0f0;
    }

    .matchReplacementCandidateBtn span {
        flex: 1;
        font-size: .65rem;
        font-weight: 700;
        color: #424447;
    }

    .matchReplacementCandidateBtn i {
        opacity: 0;
        color: #4caf50;
    }

    .matchReplacementCandidateBtn.selected {
        background-color: #F3FFF6 !important;
        border-color: #4caf50 !important;
    }

        .matchReplacementCandidateBtn.selected span,
        .matchReplacementCandidateBtn.selected i {
            color: #4caf50 !important;
            opacity: 1;
        }