.user-staff {
    font-size: 90%;
}
.wins, .losses {
    font-size: 1.2rem;
    padding-left: 0.1rem;
    padding-right: 0.2rem;
    font-weight: bold;
}
.draws {
    padding-left: 0.1rem;
    padding-right: 0.2rem;
}

li .score-field {
    font-size: 1.2rem;
}
.truncate {
    flex-grow: 1;
    min-width: 0; 
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.official-badge {
    font-size: 0.6rem;
}
.bg-dark2 {
    background-color:rgb(107, 107, 107) !important;
}
/* district color */
.bg-district    { background-color: rgba(156, 113, 40, 1);   color: #fff; }
.bg-district-2  { background-color: rgba(40, 96, 156, 1);    color: #fff; }
.bg-district-3  { background-color: rgba(36, 128, 92, 1);    color: #fff; }
.bg-district-4  { background-color: rgba(156, 60, 60, 1);    color: #fff; }
.bg-district-5  { background-color: rgba(128, 76, 156, 1);   color: #fff; }
.bg-district-6  { background-color: rgba(156, 96, 40, 1);    color: #fff; }
.bg-district-7  { background-color: rgba(40, 136, 156, 1);   color: #fff; }
.bg-district-8  { background-color: rgba(156, 136, 40, 1);   color: #fff; }
.bg-district-9  { background-color: rgba(96, 96, 96, 1);     color: #fff; }

.bg-light2 {
    --bs-bg-opacity: 1;
    background-color: #dee2e6 !important;
}
.result1 {
    background-color: #f3faf2;
}
.result2 {
    background-color: #fef3f2;
}
.result1 .score1 {
    font-weight: bold;
}
.result2 .score2 {
    font-weight: bold;
}