body {
 /* font-family: 'Athiti', sans-serif; */
  font-family: 'Sarabun', 'Athiti', sans-serif;
  font-size: 18px;
  margin: 0;
  padding: 0;
  height: 100%;
}

.form-control {
    font-size: 18px;      /* ขนาดฟอนต์ */
    height: 60px;         /* ความสูงรวม */
    padding: 10px 12px;   /* ช่องว่างรอบข้อความ */
    line-height: 1.4;     /* ช่วยจัดแนวข้อความให้อยู่ตรงกลาง */
    min-width: 180px;     /* กำหนดความกว้างขั้นต่ำ ถ้าต้องการ */
    box-sizing: border-box; /* รวม padding และ border ในขนาด */
  }

/* สำหรับปุ่มทั้งหมด */
.btn {
  font-size: 1rem; /* ขนาดเริ่มต้น */
}

/* สำหรับปุ่มขนาดใหญ่ (lg) */
.btn-lg {
  font-size: 1.25rem;
}

/* สำหรับปุ่มขนาดมาตรฐาน (md) */
.btn-md {
  font-size: 1rem;
}

/* สำหรับปุ่มขนาดเล็ก (sm) */
.btn-sm {
  font-size: 0.875rem;
}

/* ระยะห่างระหว่างแท็บ */
#custom-tabs-one-tab.nav-tabs .nav-item { margin-right: .5rem; }
#custom-tabs-one-tab.nav-tabs .nav-item:last-child { margin-right: 0; }

/* เพิ่มพื้นที่คลิกภายในแท็บ (ถ้าอยากให้ใหญ่ขึ้น) */
#custom-tabs-one-tab .nav-link { padding: .5rem 1rem; }

/* ระยะห่างระหว่างชื่อกับ badge */
#custom-tabs-one-tab .badge { margin-left: .35rem; }

#custom-tabs-one-tab .nav-item:first-child { margin-left: .5rem; }  /* ปรับค่าได้ */
#custom-tabs-one-tab.nav-tabs .nav-link {
  color: #effdff;              /* สีข้อความปกติ */
}
.card.card-tabs .card-header {
  background: #a634fc;         /* ปรับได้ตามใจ */
  border-bottom: 0;
}
#custom-tabs-one-tab.nav-tabs .nav-link.active {
  color: #0e0e0ef9 !important;      /* สีข้อความแท็บที่เลือก */
  background-color: #ffffff !important; /* สีพื้นหลังแท็บที่เลือก */
  border-color: transparent !important; /* ตัดเส้นขอบล่างเดิม */
}