/* Stili generali */
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    background-color: var(--background-light);
}

div.list-button-bar-top {
    padding-top: 5px;
    padding-bottom: 10px;
}

div.list-button-bar-bottom {
    padding-top: 10px;
}

div.list-button-bar-bottom > input.button {
    font-size: .85em;
    background-color: var(--secondary-color);
    text-align: center;
    padding: 4px 8px;
    color: var(--text-color);
    text-decoration: none;
    line-height: 1.5em;
    white-space: nowrap;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    transition: background-color var(--transition-speed), transform var(--transition-speed), box-shadow var(--transition-speed);
}

div.list-button-bar-bottom > input.button:hover {
    background-color: var(--primary-color);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

table.list-table {
    border-collapse: collapse;
    border: 1px solid var(--border-color);
    background-color: var(--background-light);
}

table.list-tiny {
    font-size: x-small;
    border-collapse: collapse;
}

.list-table tr.list-header {
    background-color: var(--secondary-color);
    color: var(--text-color);
    font-weight: bold;
    text-align: center;
    border-bottom: 3px solid var(--border-color);
}

th.list-table, th.list-table-narrow, .list-table th {
    padding: 8px 16px;
    border-bottom: none;
    background-clip: padding-box;
    /*box-shadow: inset 0 -3px 0 var(--highlight-color);*/
    font-size: 16px;
    text-align: center;
}

.list-table tr.even, .list-tiny tr.even {
    background-color: var(--background-light);
    color: var(--text-color);
}

.list-table tr.odd, .list-tiny tr.odd {
    background-color: var(--background-dark);
    color: var(--text-color);
}

td.list-table, td.list-table-narrow, .list-table td {
    padding: 8px 16px;
    text-wrap-mode: nowrap;
}

td.list-table-narrow, th.list-table-narrow {
    padding-left: 4px;
    padding-right: 4px;
}

tr.last td {
    /*border-bottom: 3px solid var(--highlight-color);*/
}

div.list-paginator-top {
    padding-bottom: 5px;
}

div.list-paginator-bottom {
    padding-top: 15px;
}

.list-paginator li {
    padding: 5px;
    border: 1px solid var(--border-color);
    background-color: var(--secondary-color);
    font-weight: bold;
    color: var(--text-color);
    border-radius: 5px;
}

.list-paginator li a:hover {
    background-color: var(--primary-color);
    color: white;
}

.list-paginator li.current {
    background-color: var(--primary-color);
    border: 1px solid var(--border-color);
    color: white;
}

td.list-filter-pane, div.list-filter-pane {
    background-color: var(--background-dark);
    vertical-align: top;
    border: 1px solid var(--border-color);
    font-size: .9em;
    color: var(--text-color);
    padding-left: 3px;
}

.list-filter-header {
    font-weight: bold;
    border-top: 1px solid var(--border-color);
}

.list-filter {
    font-size: x-small;
    padding-left: 10px;
}

tr.list-filter-selected {
    background-color: var(--highlight-color);
    color: white;
}

span.list-filter-selected {
    font-weight: bold;
}

.list-filter-section {
    font-size: x-small;
    font-weight: bold;
    background-color: var(--secondary-color);
    padding-left: 1px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 0px;
    margin-bottom: 8px;
}

div.list-inline-filter {
    font-size: x-small;
}

span.list-inline-filter-selected {
    font-weight: bold;
}

div.list-list-pane {
    background-color: white;
    vertical-align: top;
    padding-left: 10px;
}