html {
    font-size: 12px;
}

nav {
    font-weight: bold;
}

div#funktioner {
    display: inline-flex;
    align-items: center;
}

/* Style the buttons */
div#funktioner p {
    margin: 0 10px;
}

/* Style the table rows */
tr:nth-child(even) {
    background-color: #f2f2f2;
}

.idag {
    background-color: #cacaca;
}
.gammal {
    background-color: #eeeeee;
}

tr:hover {
    background-color: #ddd;
}

/* Style the table column width */
thead th.nr {
    width: 1%
}

thead th.namn {
    width: 30%;
}

thead th.datum {
    width: 20%;
}

thead th.meddelande {
    width: 50%;
}

thead th.antal {
    width: 1%;
}

thead th.repo {
    width: 25%;
}

/* Style first td in table */
td:first-child {
    text-align: center;
    font-weight: bold;
}