body { font-family: Arial; background:#f5f5f5; padding:2%; }
table { width:100%; border-collapse: collapse; background:white; }
th, td { padding:3px 6px; line-height:1.1;border-bottom:1px solid #ddd; }
#tabel th { text-align: left; }
th { background:#333; color:white; cursor:pointer; }
a { text-decoration:none; margin-right:10px; }
.box { margin-bottom:20px; padding:15px; background:white; }
input, select { padding:8px; margin:5px; }
.sortable {
    position: relative;
}

.sortmenu {
    position: absolute;
    background: white;
    border: 1px solid #ccc;
    padding: 5px;
    z-index: 999;
}
.black{ color:black;}
.sortmenu div {
    padding: 5px 10px;
    cursor: pointer;
}

.sortmenu div:hover {
    background: #eee;
}

.hidden {
    display: none;
}
.printbox {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}
h2{ text-align:center; }