@media (min-width: 768px) {
    .player-photo {
        width: 100px;
        height: 100px;
    }
}

@media screen and (max-width: 767px){
    .player-photo {
        width: 50px;
        height: 50px;
    }

}

.player-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    flex: 0 0 100px;
}

/*.player-photo {*/
/*    display: inline;*/
/*}*/


.player-selection-name {
    display: inline;
    margin-right: 20px;
    white-space: nowrap;
}

.player-sub {
    z-index: 2;
    margin-left: auto;
    margin-right: 10px;
}

.player-shirt-number {
    z-index: 2;
    margin-left: auto;
}

.headshot {
    pointer-events: none;
}

.odd {
    background-color: #f7f7f7;
}