.datatable-panel table.dataTable thead th.sorting,
.datatable-panel table.dataTable thead th.sorting_asc,
.datatable-panel table.dataTable thead th.sorting_desc {
    background-image: none !important;
}

    .datatable-panel table.dataTable thead th.sorting::after {
        content: '';
        width: 15px;
        height: 15px;
        mask-image: url(/assets/images/icons/arrows.svg);
        mask-repeat: no-repeat;
        mask-size: cover;
        -webkit-mask-image: url('/assets/images/icons/arrows.svg');
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: cover;
        background-color: transparent;
        display: inline-block;
        top: 3px;
        left: 4px;
        position: relative;
    }

    .datatable-panel table.dataTable thead th.sorting:hover {
        color: rgb(142, 160, 182);
    }

        .datatable-panel table.dataTable thead th.sorting:hover::after {
            background-color: rgb(142, 160, 182);
        }

    .datatable-panel table.dataTable thead th.sorting_asc::after {
        mask-image: url(/assets/images/icons/arrows_up.svg);
        -webkit-mask-image: url('/assets/images/icons/arrows_up.svg');
        background-color: rgb(82, 100, 122);
    }

    .datatable-panel table.dataTable thead th.sorting_desc::after {
        mask-image: url(/assets/images/icons/arrows_down.svg);
        -webkit-mask-image: url('/assets/images/icons/arrows_down.svg');
        background-color: rgb(82, 100, 122);
    }

.datatable-panel .dataTables_scrollBody thead th:after {
    content: none !important;
}