.column.short {
    flex-basis: 10%;
    text-align: end;
}

.column.long {
    flex-basis: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color:#ae6800;
}

#grupos .detail-row {
    margin-left: 2em;
    background: white;
    border-left: 1px solid #f1e9c3;
    padding-bottom:.7em;
    font-style:italic;   
    opacity:.7;
    font-size:.9em;
}

#grupos .detail-row:nth-of-type(1) {
    margin-top:.7em;
}

details{
	padding:.32em;    
}

.detail-row .long{
    font-weight: normal;
}

.result-win {
    color: #00ac00;
}

.result-lost {
    color: #a10909;
}

#grupos {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}