/* KTUI datatable locked layout (sticky header / columns / rows) — from @keenthemes/ktui@1.2.7 */
[data-kt-datatable] {
  position: relative;
}

[data-kt-datatable].loading table {
  opacity: 0.6;
}

[data-kt-datatable] .kt-datatable-locked-layout {
  position: relative;
}

[data-kt-datatable]
  .kt-datatable-locked-layout
  [data-kt-datatable-table]
  thead.kt-datatable-locked-header-section {
  /* background-color: color-mix( */
  /*   in srgb, */
  /*   var(--color-muted, rgb(0, 0, 0)) 40%, */
  /*   var(--color-card, var(--color-background, #ffffff)) */
  /* ) !important; */
}

[data-kt-datatable]
  .kt-datatable-locked-layout.kt-datatable-locked-layout-separate
  [data-kt-datatable-table]
  thead
  tr {
  border-bottom-width: 0;
}

[data-kt-datatable]
  .kt-datatable-locked-layout.kt-datatable-locked-layout-separate
  [data-kt-datatable-table]
  thead
  th {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: var(--border);
}

[data-kt-datatable]
  .kt-datatable-locked-layout.kt-datatable-locked-layout-separate
  [data-kt-datatable-table]
  tbody
  tr {
  border-bottom-width: 0;
}

[data-kt-datatable]
  .kt-datatable-locked-layout.kt-datatable-locked-layout-separate
  [data-kt-datatable-table]
  tbody
  td {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: var(--border);
}

[data-kt-datatable]
  .kt-datatable-locked-layout.kt-datatable-locked-layout-separate
  [data-kt-datatable-table]
  tbody
  tr:last-child
  td {
  border-bottom-width: 0;
}

[data-kt-datatable] .kt-datatable-locked-cell {
  overflow: hidden;
  isolation: isolate;
  background-color: var(--color-card, var(--color-background, #ffffff)) !important;
}

[data-kt-datatable] [data-kt-datatable-table] thead th.kt-datatable-locked-cell,
[data-kt-datatable] .kt-datatable-locked-header {
  /* background-color: color-mix( */
  /*   in srgb, */
  /*   var(--color-muted, rgb(0, 0, 0)) 40%, */
  /*   var(--color-card, var(--color-background, #ffffff)) */
  /* ) !important; */
}

[data-kt-datatable] .kt-datatable-locked-left {
  box-shadow: inset -1px 0 0 0 var(--color-border, rgba(0, 0, 0, 0.08));
}

[data-kt-datatable] .kt-datatable-locked-right {
  box-shadow: inset 1px 0 0 0 var(--color-border, rgba(0, 0, 0, 0.08));
}

[data-kt-datatable] [data-kt-datatable-table] tbody tr:hover > .kt-datatable-locked-cell {
  background-color: color-mix(
    in srgb,
    var(--color-muted, rgb(0, 0, 0)) 50%,
    var(--color-card, var(--color-background, #ffffff))
  ) !important;
}

[data-kt-datatable] [data-kt-datatable-table] tbody tr.checked > .kt-datatable-locked-cell {
  background-color: var(--color-muted, rgb(0, 0, 0)) !important;
}