.Clickable-Item:hover {
    cursor: pointer;
}

table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    /*border-bottom: 1px solid black;*/
}

tr {
    margin-bottom: 5px;
}

table td {
    border-bottom: 1px solid black;
    border-right: 1px solid gray;
}
table th {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid gray;
}

td:last-child, th:last-child {
    border-right: 1px solid black;
}
td:first-child, th:first-child {
    border-left: 1px solid black;
}

tr:last-child td {
    border-bottom: 1px solid black;
}
tr:nth-child(2n), tr:only-child {
    background-color: rgb(128, 128, 128, .3);
}

table:has(tbody:empty) {
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}
table:has(tbody:empty) th:last-child {
    border-right: 0px solid black;
}
table:has(tbody:empty) th:first-child {
    border-left: 0px solid black;
}

table thead th {
    background-color: white;
    position: sticky;
    top: 0;
}