/* HVSS Live Resultat - Version 2 */

*{box-sizing:border-box;}

body{
    margin:0;
    padding:8px;
    background:#202020;
    color:#fff;
    font-family:Arial,Helvetica,sans-serif;
}

.kolumner{
    display:flex;
    gap:12px;
    align-items:flex-start;
}

.kolumn{
    flex:1;
}

table.liveResultat{
    border-collapse:collapse;
    width:100%;
    table-layout:auto;
    background:#fff;
    color:#000;
}

.liveResultat th,
.liveResultat td{
    border:1px solid #999;
    padding:4px 6px;
    white-space:nowrap;
    text-align:center;
    font-size:15px;
    font-weight:bold;
}

.liveResultat th{
    background:#000;
    color:#fff;
}

.liveResultat th:first-child,
.liveResultat td:first-child{
    width:42px;
}

.liveResultat th:nth-child(2),
.liveResultat td:nth-child(2){
    text-align:left;
    width:100%;
    min-width:220px;
}

.liveResultat th:nth-child(3),
.liveResultat td:nth-child(3){
    width:55px;
}

.liveResultat th:nth-child(n+4),
.liveResultat td:nth-child(n+4){
    min-width:42px;
}

.grenNr{
    font-size:18px;
    font-weight:bold;
    line-height:1;
}

.grenNamn{
    font-size:10px;
    font-weight:normal;
    margin-top:2px;
}

.klar{
    background:#2ca34a;
    color:#fff;
}

.saknas{
    background:#fff;
    color:#000;
}

.ny{
    color:#ff3030 !important;
    animation:blink 1s steps(2,end) infinite;
}

@keyframes blink{
    50%{opacity:.25;}
}

@media (max-width:1400px){
    .kolumner{
        flex-direction:column;
    }
}
.rad1 {
    background: #f0f0f0;
}

.rad2 {
    background: #dfe8f7;
}