@import url('https://fonts.googleapis.com/css2?family=Anuphan&display=swap');

*{
  font-family: "Anuphan", sans-serif;
  font-size: 13px;
}

th {
  font-weight: bold;
}

td, th {
  padding: 0.35rem 0.5rem;
  vertical-align: middle;
  font-weight: normal;
}

table.dataTable thead th {
  font-weight: bold;
}

.bg-primary th {
  color: white !important;
}

table.dataTable {
  border: 1px solid #dee2e6;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 0.375rem;
  overflow: hidden;
}

table.dataTable thead th {
  border-top: none;
}

table.dataTable tbody tr:last-child td {
  border-bottom: none;
}

.centered {
  text-align: center !important;
  vertical-align: middle !important;
}

.p {
  display: none;
}

/* กำหนดความกว้างสูงสุดและจัดกลางให้ wrapper */
.table-responsive-wrapper {
  max-width: 992px;
  margin: 0 auto;
}

/* [เพิ่มโค้ดชุดนี้ลงไปครับ] แก้ปัญหา Popup แจ้งเตือนไปอยู่หลัง Modal */
.swal2-container {
    z-index: 20000 !important; /* ตั้งให้สูงกว่า 9999 ของ Modal */
}