// th{
//   position: relative;         // เทียบเท่า class "relative"
//   padding: 10px;              // เทียบเท่า class "px-10px py-10px" (อาจเปลี่ยนตามต้องการ)
//   background-color: rgb(96 165 250 / 0.1);  // ตัวอย่างแทน "bg-soft-secondary"
//   color: #2b2b2b;             // ตัวอย่างแทน "text-primary"
//   text-align: center !important;  // เทียบเท่า "!text-center"

//   // หากต้องการดีไซน์อื่น ๆ เพิ่มเติมก็ใส่ในนี้ได้เลย เช่น:
//   font-weight: 600;
//   border-bottom: 1px solid #eee;
// }
.e-headercell,
.e-detailheadercell {
  background-color: rgb(96 165 250 / 0.1) !important;
}

.e-pager .e-currentitem, .e-pager .e-currentitem:hover {
  background: rgb(96 165 250) !important;
  color: #fff;
  opacity: 1 !important;
}


.e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check {
  background-color: rgb(96 165 250) !important;
  border-color: transparent;
  color: #fff;
}

.e-checkbox-wrapper .e-frame, .e-css.e-checkbox-wrapper .e-frame {
  border: 1px solid !important;
  border-radius: 2px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-family: "e-icons";
  height: 18px;
  line-height: 10px;
  padding: 2px 0;
  text-align: center;
  vertical-align: middle;
  width: 1rem !important;
  border-color: #64748b !important;
}

.e-grid td.e-selectionbackground {
  background-color: #aec2ec !important;
}
