.sticky-table-header {
  position: fixed;
  z-index: 1035;
  display: none;
  overflow: hidden;
  box-sizing: border-box;
  background: #fff;
  isolation: isolate;
}

.sticky-table-header.is-visible {
  display: block;
}

.sticky-table-header__viewport {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  isolation: isolate;
}

.sticky-table-header table {
  position: relative;
  z-index: 1;
  margin: 0 !important;
  table-layout: fixed !important;
}

.sticky-table-header .table {
  margin-bottom: 0 !important;
}

.sticky-table-header,
.sticky-table-header * {
  pointer-events: auto;
}

.sticky-table-header thead,
.sticky-table-header thead tr {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 1 !important;
  transform: none !important;
}

.sticky-table-header thead th,
.sticky-table-header thead td {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 1 !important;
  transform: none !important;
  background-clip: padding-box;
}

.sticky-table-header thead .sticky-clone-column {
  position: sticky !important;
  left: 0 !important;
  z-index: 30 !important;
  background-clip: padding-box;
}

body.modal-open .sticky-table-header {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* =========================================================
 * MOBILE FONT SIZE
 * Giữ text size của table gốc và sticky clone giống nhau.
 * ========================================================= */
.table-sticky-header,
.table-sticky-header *,
.sticky-table-header,
.sticky-table-header * {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}