/* ====== KHUNG BẢNG 800PX + TRƯỢT NGANG NẾU THIẾU ====== */
.tkb-wrap{
  max-width: 800px;     /* khung cố định 800px */
  margin: 10px auto;    /* canh giữa */
}

.tkb-scroll{
  max-width: 800px;     /* khung cuộn ngang = 800px */
  overflow-x: auto;     /* nếu bảng dài hơn -> trượt */
  -webkit-overflow-scrolling: touch;
  border-radius: 6px;
}

/* ====== TABLE RỘNG 800PX, 5 CỘT CHIA ĐỀU 20% ====== */
.tkb-table{
  width: 800px;         /* bảng cố định 800px */
  min-width: 800px;
  table-layout: fixed;  /* chia đều cột */
  border-collapse: collapse;
  font-family: inherit;
}

/* 5 cột = mỗi cột 20% */
.tkb-table thead th,
.tkb-table tbody td{
  width: 20%;
}


.tkb-table thead th{
  background:#0b74b8;
  color:#fff;
  font-weight:700;
  text-transform:uppercase;
  padding:14px 16px;
  border:1px solid #1b1b1b;
  white-space:nowrap;
}

.tkb-table thead th .dashicons{
  font-size:18px;
  width:18px;
  height:18px;
  vertical-align:middle;
  margin-right:8px;
}

.tkb-table tbody td{
  padding:14px 16px;
  border:1px solid #1b1b1b;
  vertical-align:middle;
  background:#eaf6ff;
}

.tkb-table tbody tr:nth-child(even) td{
  background:#dff1ff;
}

.tkb-table td, .tkb-table th{
  line-height:1.35;
}
.tkb-table td{
  word-break: break-word;
}

.tkb-scroll::-webkit-scrollbar{ height:10px; }
.tkb-scroll::-webkit-scrollbar-thumb{ background: rgba(0,0,0,.25); border-radius: 99px; }
.tkb-scroll::-webkit-scrollbar-track{ background: rgba(0,0,0,.08); }