/* ======= Tăng chiều rộng cho ô input tìm kiếm của bảng QLRoleChinhDinh*/
#roleChinhDinhTable_filter input[type="search"] {
    width: 300px !important; /* Đặt chiều rộng bạn muốn, ví dụ 300px */
    /* Hoặc bạn có thể thử với % nếu muốn nó co giãn theo container, ví dụ: width: 50% !important; */
    /* display: inline-block; */ /* Đảm bảo nó không chiếm toàn bộ dòng nếu không cần thiết */
    /* margin-left: 0.5em; */ /* Thêm một chút lề trái nếu cần */
}


/* ======== Thay đổi kích thước các nút nhấn trên các dòng dụng cụ an toàn*/
.btn-table-action {
    padding: 0.4rem 0.6rem; /* Giảm padding trên dưới và trái phải */
    font-size: 0.9rem; /* Giảm kích thước font chữ (và cả icon nếu nó kế thừa) */
    line-height: 1.2; /* Điều chỉnh chiều cao dòng nếu cần */
    /* margin-bottom: 2px; */ /* Thêm một chút margin dưới nếu các nút quá sát nhau khi bảng hẹp */
}

/*====== Các nút Thêm Mới, Cập Nhật Thí Nghiệm đưa sát xuống lề dưới*/
#actionButtonsContainer {
    display: flex;
    align-items: flex-end; /* Căn các nút xuống sát lề dưới của container này */
    gap: 0.5rem;
}

/*====== Bảng danh sách dụng Role */
#roleChinhDinhTable {
    /* Bạn có thể chọn kiểu viền, độ dày và màu sắc mong muốn */
    border-top: 2px solid #dee2e6; /* Đây là màu viền mặc định của Bootstrap cho bảng */
    border-bottom: 2px solid #dee2e6; /* Đây là màu viền mặc định của Bootstrap cho bảng */
    /* Hoặc một màu khác rõ hơn nếu bạn muốn, ví dụ: */
    /* border-top: 2px solid #6c757d; */ /* Màu xám đậm hơn */
}