@charset "utf-8";
body {  
font-family: 'Sarabun', sans-serif;
font-size: 16px;
}   
p {
line-height: 2rem;
margin-top:0px;
}
h1, .h1 {
line-height: 2rem;
margin-top:0px;
}
h2, .h2 {
line-height: 2rem;
margin-top:0px;
}
h3, .h3 {
line-height: 2rem;
margin-top:0px;
}
h4, .h4 {
line-height: 2rem;
margin-top:0px;
}
h5, .h5 {
line-height: 2rem;
margin-top:0px;
}
h6, .h6 {
line-height: 2rem;
margin-top:0px;
}   
.doubleUnderline {
border-bottom: 3px double;
}
/* Important part */
.edit{
width:100%;
min-height:35px;
line-height:35px;
border:1px solid #bad2e3;
border-radius:4px;
padding:0 8px;
background:#fff;
transition:all .2s ease;
}
.edit:hover{
border-color:#86b7fe;
}
.edit:focus{
outline:none;
border-color:#0d6efd;
background:#fff8dc;
box-shadow:0 0 0 .2rem rgba(13,110,253,.15);
}
.editMode{
border-color:#0d6efd !important;
background:#fff8dc;
}
.fixTableHead { 
max-height: 700px;
overflow-y: auto;
} 
.fixTableHead thead th { 
position: sticky; 
top: 0; 
border: 0.1px solid #D0D0D0;
border-collapse: collapse; 
} 
.fixTableHead tfoot th { 
border: 0.1px solid #D0D0D0;
border-collapse: collapse; 
} 
.fixed-size {
width: 350px;
height: 460px;
object-fit: cover;
}	
.invalid-tooltip {
top: auto;
bottom: 100%; /* Moves tooltip to the top */
margin-bottom: 5px; /* Adds space between input and tooltip */
/* Optional: Centering tweak if needed */
left: 50%;
transform: translateX(-50%);
}	
.sticky-header{
position:sticky;
top:60px !important;
background:#D3E0ED;
box-shadow:0 2px 5px rgba(0,0,0,.08);
z-index:1020;
}
.chart {
width: 100%; 
min-height: 650px;
}
.news-scroll-container .news-item {
transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
cursor: pointer; /* เปลี่ยนรูปเมาส์เป็นมือ */
}
/* สีพื้นหลังตอน Hover (เลือกปรับโค้ดสีได้ตามใจชอบ) */
.news-scroll-container .news-item:hover {
background-color: #f0fdf4 !important; /* ตัวอย่าง: สีเขียวอ่อนๆ ละมุนตา */
/* background-color: #f8f9fa !important; */ /* ตัวอย่าง: สีเทาอ่อนแบบ Bootstrap */
/* แถม: ใส่เอฟเฟกต์ยกการ์ดขึ้นเล็กน้อยให้ดูมีมิติ (ถ้าไม่ชอบลบออกได้ครับ) */
transform: translateY(-2px); 
}