

table {
    width: 100%;
}

tr {
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.4);
    transition: background-color 0.35s ease;
}

tr.delivered {
    background-color: rgb(209, 255, 163);
    opacity: 0.3;
}

tr.merged {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0.1;
    text-decoration: line-through;
}

tr:hover {
    background-color: rgba(255, 255, 255, 1);
}

th, td {
    text-align: left;
    padding: 8px;
    border-radius: 4px;
}

td.center {
    text-align: center;
    border-radius: 4px;
}

td.muted {
    opacity: 0.5;
}

td.action {
    width: 40px;
    text-align: center;
    border-radius: 4px;
}

td.action:hover {
    background-color: rgba(0, 179, 222, 0.1);
}

td.check a {
    color: #2ea400;
}

td.info a {
    color: #949494;
}

td.delete a {
    color: #910f0f;
}