body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

.EBcontainer-full {
    width: 100%;
    height: auto;
    background-color: #fff; /* #fff */
    border: 0px;
}

.EB_BG {
    background-color: #007858 !important;
    padding: 0px;
    margin: 0px;
}

.EB-Header {
    background-color: #00343a !important;
    display: block;
    height: 24px;
}

table.tableEB {
    width: 100%;
    border-collapse: collapse;
    /*    margin-top: 20px;*/
    font-size: 12px; /* เล็กลง */
    border: 1px solid #ddd;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

    table.tableEB th, table.tableEB td {
        padding: 10px; /* เล็กลง */
        text-align: left;
        border-bottom: 1px solid #ddd;
    }

    table.tableEB th {
        background-color: #007858;
        color: white;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 0.5px;
        text-align: center;
        font-size: 10px;
    }

    table.tableEB td {
        background-color: #f9f9f9;
        transition: background-color 0.3s ease;
    }

        table.tableEB td.EBcenter {
            text-align: center;
        }

    table.tableEB tr:hover td {
        background-color: #CBEAD1;
    }
/*Button*/
.container-buttons {
    display: flex;
    justify-content: flex-start; /* ชิดซ้าย หรือใช้ center เพื่อชิดกลาง */
    gap: 10px; /* ช่องว่างระหว่างปุ่ม ลดหรือเพิ่มตามต้องการ */
}

    .container-buttons .btn-full {
        margin: 0; /* ลบ margin เก่าที่อาจมี */
        padding: 10px 15px;
        white-space: nowrap; /* กันข้อความตัดบรรทัด */
    }

.btnEB {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 0px; /* เพิ่มระยะห่างภายในปุ่ม */
    font-size: 16px; /* ขนาดฟอนต์ */
    border-radius: 5px; /* มุมโค้ง */
    transition: background-color 0.3s ease, transform 0.2s ease; /* เพิ่มเอฟเฟกต์ */
    background-color: #007bff;
    color: white;
    width: 80%; /* ปุ่มที่มีความกว้างเต็ม */
}

    .btnEB:hover {
        filter: brightness(0.85); /* ค่าน้อยลง = เข้มขึ้น */
        transform: scale(1.05); /* ขยายขนาดปุ่มเมื่อ hover */
        color: white;
    }

.btn-full {
    color: white;
    border: none;
    padding: 10px 10px;
    font-size: 15px;
    cursor: pointer;
    border-radius: 6px;
    font-weight: 600;
    box-shadow: 0 4px 8px rgba(36, 113, 163, 0.4);
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    margin-bottom: 25px;
    display: inline-block;
}

    .btn-full:hover {
        filter: brightness(0.85); /* ค่าน้อยลง = เข้มขึ้น */
        transform: scale(1.05); /* ขยายขนาดปุ่มเมื่อ hover */
        color: white;
    }

.btnSearch {
    background-color: #007bff;
}

.btnNew {
    background-color: #9575CD;
}

.btnExport {
    background-color: #43A047;
}

.btnUpload {
    background-color: #FB8C00;
}

.btn-temp {
    background-color: #5D3FD3;
}

.btn-temp {
    background-color: #5D3FD3;
}

.custom-fileupload {
    border: 2px dotted #888;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    transition: border-color 0.3s ease;
}

    .custom-fileupload:focus {
        outline: none;
        border-color: #2471a3;
        box-shadow: 0 0 6px rgba(36, 113, 163, 0.5);
    }

.form-control {
    border-radius: 8px !important;
    height: 35px;
}
.form-controlEB {
    border-radius: 8px !important;
    height: 35px;
    font-size: 14px;
    border: 0.8px solid #ccc !important; /* หนาบางพอดี */
    width: 200px !important;
    box-sizing: border-box;
    outline: none !important; /* ปิด default outline */
    padding-left:12px !important;
}

    /* ตอนกด (focus) เส้นขอบต้องไม่ใหญ่ */
    .form-controlEB:focus {
        border: 0.8px solid #888 !important; /* คงความบางเท่าเดิม */
        box-shadow: none !important; /* ปิดเงา (ไม่ให้หนา/ใหญ่) */
    }

.js-select2 + .select2-container .select2-selection--single {
    border-radius: 8px !important; /* ปรับมุมโค้ง */
    height: 38px !important; /* ปรับความสูง */
    line-height: 38px !important; /* ให้ข้อความตรงกลางแนวตั้ง */
    background-color: #fff; /* ตัวอย่างปรับพื้นหลัง */
    border: 1px solid #ccc; /* ตัวอย่างปรับเส้นขอบ */
    font-size: 14px;
}

.fa {
    margin-right: 8px; /* เพิ่มระยะห่างระหว่างไอคอนและข้อความ */
}

@media (max-width: 768px) {
    table.tableEB th, table.tableEB td {
        font-size: 10px;
        padding: 8px;
    }
}