/* Stili di base per la tabella */
.responsive-table {
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
background-color: #fff;
}

/* Stili per le righe */
.responsive-table tr {
border-top: 1px solid #ddd;
background-color: #f8f8f8;
}

/* Stili per le celle */
.responsive-table th,
.responsive-table td {
padding: 0.5rem;
text-align: left;
}

/* Stili per le intestazioni di colonna */
.responsive-table th {
font-weight: bold;
}

/* Media query per rendere la tabella responsive */
@media (max-width: 767px) {
.responsive-table {
width: 100%;
display: block;
}

.responsive-table thead,
.responsive-table tbody,
.responsive-table th,
.responsive-table td,
.responsive-table tr {
display: block;
}

.responsive-table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}

.responsive-table tr {
border: 1px solid #ccc;
}

.responsive-table td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
white-space: normal;
text-align: left;
}

.responsive-table td:before {
position: absolute;
top: 0.5rem;
left: 0.5rem;
width: 45%;
padding-right: 0.5rem;
white-space: nowrap;
font-weight: bold;
}

.responsive-table td:before {
content: attr(data-label);
}
}