.table-responsive {
    overflow: auto;
    /* width: 100%; */
    /* max-width: 100%; */
}

table:not([style*="box-sizing"], .table-condensed) {
    border: 1px solid var(--border);
    min-width: 100%;
    border-spacing: 0;
    width: 100%;
    border-radius: var(--radius);
    /* overflow: hidden; */
    border-collapse: collapse;
}

table:not([style*="box-sizing"], .table-condensed) thead th {
    background: var(--white);
    color: var(--dark);
    /* font-weight: 500; */
    padding: 10px 15px;
    text-transform: uppercase;
    border-bottom: 1px solid var(--border);
    text-align: left;
    border: 1px solid var(--border);
}

table:not([style*="box-sizing"], .table-condensed) thead th.dt-checkboxes-cell {
    width: 1% !important;
}

table:not([style*="box-sizing"], .table-condensed) tbody tr {
    position: relative;
    cursor: pointer;
    background: var(--white);
}


table.datatable tbody tr:hover > td:after {
    content: '';
    position: absolute;
    display: block;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: var(--primary);
    opacity: 0.05;
}

table:not([style*="box-sizing"], .table-condensed) tbody tr td:after {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.09;
    z-index: 0;
    pointer-events: none;
}


table:not([style*="box-sizing"], .table-condensed) tbody tr td,
table:not([style*="box-sizing"], .table-condensed) tfoot tr td,
table:not([style*="box-sizing"], .table-condensed) tbody tr th {
    position: relative;
    padding: 10px 15px;
    /* word-break: break-word; */
    vertical-align: middle;
    border: 1px solid var(--border);
    text-overflow: ellipsis;
    /* overflow: hidden; */
}

table.datatable tr :is(td, th) {
    /* z-index: 0; */
}

table:not([style*="box-sizing"], .table-condensed) tbody tr th {
    background: var(--light);
}


table.datatable tbody tr td > a:not(.btn) {
    display: inline-block;
    border: 1px solid;
    padding: 3px 10px;
    border-radius: var(--radius);
}
table tbody tr td > a:has(span):not(.ms-btn, [style*="box-sizing"]) {
    color: var(--muted) !important;
}

table:not([style*="box-sizing"], .table-condensed) tbody tr td .table-buttons {
    display: flex;
    gap: 5px;
    justify-content: flex-end;
}

table:not([style*="box-sizing"], .table-condensed) tbody tr td.title-cut {
    overflow: hidden;
}

table:not([style*="box-sizing"], .table-condensed) tbody tr td.title-cut > *{
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
}

table:not([style*="box-sizing"], .table-condensed) tbody tr td .table-buttons > a {
    /* flex: 1; */
}

/* [START] MODAL */
.bootbox-body > table {
    width: auto;
    margin: -16px -15px;
    overflow-wrap: anywhere;
    border: none;
}
/* [END] MODAL */

/* [START] TABELLA CALENDARIO ====== */
table.table-condensed {
    font-size: var(--font-label);
    border-spacing: 0;
}

table.table-condensed thead th {
    padding: 8px;
    font-size: var(--font-body) !important;
}
table.table-condensed td {
    padding: 8px;
    font-size: var(--font-body) !important;
}