/* visas lapas stils */
body{
    font-family: Arial; /* fonts teksta lapai */
    margin:20px; /* atstarpe no malas */
    color: black; /* fonta krasa */
}

/* krustojuma izvele */
.selector{
    margin-bottom:10px; /* atstarpe zem select */
}

/* tabulas atstarpe */
.timeline{
    margin-top:10px;
}

/* galvena signalplana tabula */
.signal-table{
    border-collapse: collapse; /* apvieno tabulas robezas */
    width: 100%; /* aiznem visu platumu */
}

/* tabulas sunas un galvene */
.signal-table th,
.signal-table td{
    border: 1px solid #444; /* sunu robezas biezums un krasa */
    padding: 2px; /* iekseja atstarpe */
    text-align: center; /* teksta centresana */
    color: black; /* melna krasa */
}

/* tabulas virsraksts ar krustojuma nos */
.table-title{
    background: #3399FF; /* zils fons */
    font-size: 18px; /* lielaks fonts */
    padding: 6px;
}

/* otra galvenes rinda (sekundes) */
.signal-table thead tr:nth-child(2) th{
    background: #66B2FF; /* gaisi zila krasa */
}

/* virziena koda kolonna */
.label{
    width:80px;
    background: #99CCFF; /* fons virziena nosaukumam */
}

/* pec noklusejuma sunas ir sarkanas */
.cell{
    width:8px; /* saura josla */
    height:20px;
    background:red; /* noklusejums ir sarkans */
}

.green{ background: limegreen; } /* zalam sunam fona krasa ir gaisi zala */
.yellow{ background: yellow; } /* dzeltenam sunam fona krasa ir dzeltena */
.amber{ background: linear-gradient(90deg, white 50%, yellow 50%); } /* pus balta un pus dzeltena suna */
.flash{ background: linear-gradient(90deg, white 50%, limegreen 50%); } /* pus zala un pus balta suna */