.button-clear { position: absolute; top: 96px; z-index: 1; right: 41vw; } .button-help { position: absolute; top: 0px; z-index: 1; right: 0vw; margin: 4.2rem; margin-right: 10px; /* เพิ่มใหม่ 12/16*/ } table.ti-custom-table-one th { text-align: center; vertical-align: middle; width: 10%; height: 40px; border: 1px solid black; } table.ti-custom-table-one td { text-align: center; vertical-align: middle; width: 10%; height: 40px; border: 1px solid black; } table.ti-custom-table thead { text-align: center; vertical-align: middle; width: 30%; height: 40px; border: 1px solid white; background-color: #569BF5; } table.ti-custom-table th { text-align: center; vertical-align: middle; width: 30%; height: 40px; border: 1px solid white; background-color: #569BF5; color: white; text-transform: none; /* ป้องกันไม่ให้ข้อความเป็นตัวใหญ่ */ font-weight: bold; /* กำหนดให้ฟอนต์เป็นปกติ */ } table.ti-custom-table tbody { text-align: center; vertical-align: middle; height: 40px; border: 1px solid white; } table.ti-custom-table td { text-align: center; vertical-align: middle; width: 20%; height: 70px; } a.custom-link { padding: 10px 40px; /* ปรับ padding ให้เพิ่มขนาด */ } /* สไตล์ของแถบเมนู */ .nav-tabs { display: flex; width: 100%; cursor: pointer; margin-bottom: 10px; height: 20%; } .nav-item { list-style: none; margin-right: 10px; /* ช่องว่างระหว่างเมนู */ } .nav-link { text-decoration: none; padding: 10px 20px; display: inline-block; font-size: large; border-width: 2px 2px 0px 2px; border-style: solid; border-color: #ccc; border-radius: 5px 5px 0px 0px; } .nav-link:hover { background-color: #f0f0f0; /* เปลี่ยนสีเมื่อ hover */ } .nav-link.active { color: #ffffff; /* สีตัวอักษรในสถานะ active */ font-size: large; border-bottom: 3.5px solid rgb(var(--color-primary)); /* เส้นใต้ */ background-color: rgb(var(--color-primary)); border-width: 2px 2px 0px 2px; border-style: solid; border-color: rgb(var(--color-primary)); border-radius: 5px 5px 0px 0px; } .tab-content { margin-top: 20px; } .tab-pane.active { display: block; } .nav-item-text { list-style: none; margin-right: 10px; /* ช่องว่างระหว่างเมนู */ } .nav-link-text { text-decoration: none; display: inline-block; font-size: large; color: #569bf5; border-bottom: 2px solid #569bf5; line-height: 0.8; } .ti-pagination .page-link.active { background-color: #569bf5; color: white; border-radius: 50%; padding: 8px 12px; } .box-body{ padding: 0rem; } .page{ min-height: 0vh; } .ti-modal { overflow: hidden; } .header-title-type { width: 100%; min-height: 50px; /* ใช้ min-height เพื่อให้มีความยืดหยุ่น */ // margin-top: 50px; // margin-bottom: 16px; justify-content: space-between; /* จัดเรียงองค์ประกอบภายใน */ align-items: center; /* จัดกลางแนวตั้ง */ padding-top: 50px; padding-bottom: 1rem; }