.x01PlayerControlBlur {
    opacity: 40%;
}

.playerNameRow {
    height: 10%;
    font-size: 6vh;
}

.firstThrow {
    text-align: right;
    padding: 0;
}

.legs {
    font-size: 3.5vh;
    padding-left: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.legsLabel {
    border-style: solid;
    border-color: gray;
    padding-left: 0.5rem;
    padding-right: .5rem;
    border-radius: 10px;
    border-width: thin;
    background: darkgoldenrod;
}

.playerName {
    display: flex;
    justify-content: center;
    align-items: center;
}

.playerNameActive {
    color: coral;
}

.playerScrollableScoreDiv {
    overflow-y: scroll;
}

.playerScrollableScoreDiv::-webkit-scrollbar {
    display: none;
}

.finishWay {
    height: 5%;
    font-size: 3vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.infoRow {
    display: none;
    height: 5%;
    font-size: 2.5vh;
}

.hidePlayerControl {
    display: none;
}

.playerScrollableScoreDiv {
    height: 60%;
}

.x01playerGridColumn {
    height: 100%;
}

.scoreInputRow {
    height: 25%;
}

.playerGridFontSize {
    font-size: 5vh;
}

.playerGridFontSizeWithKeyboard {
    font-size: 3.5vh;
}

.throwedDartsLabel {
    border-left: solid 1px;
    border-right: solid 1px;
    border-bottom: solid 1px;
    border-color: whitesmoke;
    /* font-size: 6vh; */
    padding-left: 0;
    padding-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.throwedDartsLabelFirst {
    border-top: solid 1px;
}

.scoreToGoLabel {
    /* font-size: 6vh; */
    border-left: solid 1px;
    border-right: solid 1px;
    border-bottom: solid 1px;
    border-color: whitesmoke;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.scoreToGoLabelFirst {
    border-top: solid 1px;
}

.playerScoreRow {
    height: 25%;
    border-left: solid 1px;
    border-right: solid 1px;
    border-bottom: solid 1px;
    border-color: whitesmoke;
}

.playerScore {
    display: flex;
    font-size: 12vh;
    padding-left: 0;
    padding-right: 0;
    justify-content: center;
    align-items: center;
}

.playerScoreFontSizeWithKeyboard {
    font-size: 7vh;
}

.scoreInputDisabled {
    background-color: gray;
    opacity: .5;
    border-top: solid 1px;
}

.playerScoreInputBox:focus {
    background-color: rgba(135, 206, 235, 0.5);
    opacity: 1;
}

.playerScoreInputBox {
    border-bottom: solid 1px;
    border-color: whitesmoke;
    /* font-size: 6vh; */
    padding-left: 0;
    padding-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.playerScoreActive {
    border-style: solid;
    border-color: coral;
    border-width: thick;
}

.x01PlayerControlSmall {
    font-size: 1rem;
    height: 2.3rem;
    background-color: rgba(127, 255, 212, 0.8);
    color: black;
    border-radius: 10px;
    padding: 0 .1rem;
    margin: .2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.x01PlayerControlSmallActive {
    font-weight: bold;
    border-color: coral;
    border-style: solid;
    border-width: medium;

}