.sc-table table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
.sc-table table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
    padding-left: 35px;
}

.sc-table table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
.sc-table table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before,
.sc-table table.dataTable.dtr-column > tbody > tr > td.control:before,
.sc-table table.dataTable.dtr-column > tbody > tr > th.control:before {
    top: unset;
    height: unset;
    color: unset;
    border: unset;
    border-radius: unset;
    box-shadow: unset;
    box-sizing: unset;
    text-align: unset;
    text-indent: unset;
    line-height: unset;
    background-color: unset;
    left: 15px;
    margin-top: -3px;
    width: 20px;
    position: absolute;
    font-family: "Font Awesome 5 Free"; /* Ensure you're using the correct Font Awesome version */
    content: "\f0da"; /* Unicode for caret-right */
    font-weight: 900; /* For solid style, adjust as necessary */
    display: inline-block;
    font-size: 1.25rem; /* Larger size (adjust as needed) */
}
.sc-table table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
.sc-table table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before,
.sc-table table.dataTable.dtr-column > tbody > tr.parent td.control:before,
.sc-table table.dataTable.dtr-column > tbody > tr.parent th.control:before {
    content: "\f0d7"; /* Unicode for caret-down */
    font-size: 1.25rem; /* Match the size for consistency */
    background-color: unset;
}

table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc {
    color: var(--light);
    font-size: 14px;
    font-style: italic;
    text-transform: uppercase;
    vertical-align: middle;
}

table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > th.sorting_disabled,
table.dataTable thead > tr > td.sorting {
    color: var(--gray);
    font-size: 14px;
    text-transform: uppercase;
    vertical-align: middle;
}


table.dataTable thead > tr > th {
    padding-left: 16px !important;
    padding-right: initial !important;
}


table.dataTable thead .sorting_asc {
    background: url("./images/table/sort_asc.png") no-repeat center left;
}

table.dataTable thead .sorting_desc {
    background: url("./images/table/sort_desc.png") no-repeat center left;
}

table.dataTable thead .sorting {
    background: url("./images/table/sort_both.png") no-repeat center left;
}