table.dataTable thead tr>.dtfc-fixed-left,
table.dataTable thead tr>.dtfc-fixed-right,
table.dataTable tfoot tr>.dtfc-fixed-left,
table.dataTable tfoot tr>.dtfc-fixed-right {
    top: 0;
    bottom: 0;
    z-index: 3;
}

table.dataTable tbody tr>.dtfc-fixed-left, table.dataTable tbody tr>.dtfc-fixed-right {
    z-index: 1;
    background-color: white;
}

.DarkMode table.dataTable tbody tr>.dtfc-fixed-left,
.DarkMode table.dataTable tbody tr>.dtfc-fixed-right {
    z-index: 1;
    background-color: rgb(20, 19, 19)
}

.DarkMode table.dataTable tbody tr.active>.dtfc-fixed-left,
.DarkMode table.dataTable tbody tr.active>.dtfc-fixed-right {
    background: #4c4c4c;
}

.LightMode table.dataTable tbody tr.active>.dtfc-fixed-left,
.LightMode table.dataTable tbody tr.active>.dtfc-fixed-right {
    background: #dbdbdb;
}

div.dtfc-left-top-blocker,
div.dtfc-right-top-blocker {
    background-color: white
}

html.dark table.dataTable thead tr>.dtfc-fixed-left,
html.dark table.dataTable thead tr>.dtfc-fixed-right,
html.dark table.dataTable tfoot tr>.dtfc-fixed-left,
html.dark table.dataTable tfoot tr>.dtfc-fixed-right {
    background-color: var(--dt-html-background)
}

html.dark table.dataTable tbody tr>.dtfc-fixed-left,
html.dark table.dataTable tbody tr>.dtfc-fixed-right {
    background-color: var(--dt-html-background)
}

html.dark div.dtfc-left-top-blocker,
html.dark div.dtfc-right-top-blocker {
    background-color: var(--dt-html-background)
}

/* Đổ bóng cho cột cố định bên trái */
table.dataTable thead tr > .dtfc-fixed-left,
table.dataTable tbody tr > .dtfc-fixed-left,
table.dataTable tfoot tr > .dtfc-fixed-left {
    box-shadow: 2px 0 8px -4px rgba(0,0,0,0.12);
}

/* Đổ bóng cho cột cố định bên phải */
table.dataTable thead tr > .dtfc-fixed-right,
table.dataTable tbody tr > .dtfc-fixed-right,
table.dataTable tfoot tr > .dtfc-fixed-right {
    box-shadow: -2px 0 8px -4px rgba(0,0,0,7%);
}