/* v574: nạp sẵn đúng CSS cuối của bảng thường trong <head>.
   Chỉ tác động lên bảng đã được ui-pages xác định là danh sách thường.
   Không đụng .table-responsive/#freezer-example hoặc bảng data-ntt-freeze,
   vì các trang cuộn ngang/giữ cột trái có cơ chế freeze-scope riêng. */
.list-sticky-wrap{
  width:100% !important;
  overflow-x:auto !important;
  overflow-y:visible !important;
  margin:1em auto !important;
}

.list-sticky-wrap .table,
table.list-sticky-table{
  width:max-content !important;
  min-width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  margin-bottom:0 !important;
}

.list-sticky-wrap .table thead > tr > th,
.list-sticky-wrap .table thead > tr > td,
table.list-sticky-table thead > tr > th,
table.list-sticky-table thead > tr > td{
  position:relative !important;
  top:auto !important;
  vertical-align:middle !important;
}

.list-sticky-wrap .table tr.ntt-ds-header-sticky > th,
.list-sticky-wrap .table tr.ntt-ds-header-sticky > td,
table.list-sticky-table tr.ntt-ds-header-sticky > th,
table.list-sticky-table tr.ntt-ds-header-sticky > td{
  z-index:80 !important;
  will-change:transform;
}

.list-sticky-wrap .table thead > tr:first-child > th,
.list-sticky-wrap .table thead > tr:first-child > td,
table.list-sticky-table thead > tr:first-child > th,
table.list-sticky-table thead > tr:first-child > td{
  background:linear-gradient(180deg,#f8fbff,#edf4ff) !important;
  background-color:#edf4ff !important;
  color:#14355d !important;
}

.list-sticky-wrap .table thead > tr:first-child table,
.list-sticky-wrap .table thead > tr:first-child table tr,
.list-sticky-wrap .table thead > tr:first-child table th,
.list-sticky-wrap .table thead > tr:first-child table td,
table.list-sticky-table thead > tr:first-child table,
table.list-sticky-table thead > tr:first-child table tr,
table.list-sticky-table thead > tr:first-child table th,
table.list-sticky-table thead > tr:first-child table td{
  background:linear-gradient(180deg,#f8fbff,#edf4ff) !important;
  background-color:#edf4ff !important;
  color:#14355d !important;
}

.list-sticky-wrap .table th,
.list-sticky-wrap .table td,
table.list-sticky-table th,
table.list-sticky-table td{
  white-space:normal !important;
  vertical-align:middle !important;
}

body[data-site-theme="dark"] .list-sticky-wrap .table thead > tr:first-child > th,
body[data-site-theme="dark"] .list-sticky-wrap .table thead > tr:first-child > td,
body[data-site-theme="dark"] table.list-sticky-table thead > tr:first-child > th,
body[data-site-theme="dark"] table.list-sticky-table thead > tr:first-child > td{
  background:#243447 !important;
  background-color:#243447 !important;
  color:#f5f7fa !important;
  border-color:#3b4d63 !important;
}
