.team-pic {
    width: 100px;
    height: 100px;
    border-radius: 50% !important;
}
.team-pic.small {
    width: 50px;
    height: 50px;
}
.team-pic img {
    box-shadow: 0 0 0.5rem 0.1rem rgba(0, 0, 0, 0.1) !important;
    padding: 0.25rem !important;
    vertical-align: middle !important;
    border-radius: 50% !important;
}
.team-pic.small img {
    padding: 0.15rem !important;
}
.team-pic-selection {
    
}
.team-pic-selection .team-pic-selection-add {
    box-shadow: 0 0 0.5rem 0.1rem rgba(0, 0, 0, 0.1) !important;
    padding: 0.25rem !important;
    vertical-align: middle !important;
    border-radius: 50% !important;
    width: 100px;
    height: 100px;
}
.team-pic-selection .team-pic-selection-item,
.team-pic-selection .team-pic-selection-add {
    display: inline-block;
    cursor: pointer;
    margin: .5rem;
    border-radius: 50%;
}
.team-pic-selection .team-pic-selection-item img {
    background: #fff;
}
.team-pic-selection .team-pic-selection-item.active img,
.team-pic-selection .team-pic-selection-add.active {
    background-color: var(--bs-primary, var(--primary, #e6930f)) !important;
}

.event-team-view .team-pic {
    width: 200px;
    height: 200px;
}

.team-list {
    
}
.team-list tr[data-team-code] {
    cursor: pointer;
}

.team-name-noname {
    opacity: .7;
    font-style: italic;
}
.event-team-view .team-name-noname {
    color: #cc855c;
}
.team-code {
    opacity: .6;
    font-weight: lighter;
    font-style: italic;
}

.fancybox__content .event-team-view {
    padding: 20px 50px;
}
@media (min-width: 992px) {
    .fancybox__content .event-team-view {
        min-width: 740px;
        padding: 0;
    }
}