table.list
{
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 0 10px #0005;
}

table.list > caption
{
    color: #aaa;
    padding: 10px;
    text-align: left;
}

table.list > thead
{
    background: linear-gradient(90deg, #6487b7, #405b81);
}

table.list > thead > tr > th.order:hover
{
    background: #405b81;
    color: #fff;
}


table.list > thead > tr > th
{
    color: #eee;
    font-weight: normal;
    text-align: left;
    padding: 10px;
}

table.list > thead > tr > th:first-child
{
    border-radius: 4px 0 0 0;
}


table.list > thead > tr > th:last-child
{
    border-radius: 0 4px 0 0;
}

table.list > tbody > tr > td
{
    padding: 10px;
}

table.list > tbody > tr:nth-child(even) > td
{

    background-color: #eee;
}

table.list > tbody > tr.selected > td
{
    background: #83ddc7;
}

table.list > tbody > tr:hover > td
{
    background: #aac8f2;
}

table.list > tbody > tr.selected:hover > td
{
    background: #aaf2d3;
}

table.list > tbody > tr.focused > td
{
    font-weight: bold;
}