/* Đảm bảo container chứa bảng và phần tìm kiếm có chiều rộng 100% */
.schedule-container {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
}

/* Đảm bảo phần tìm kiếm nhanh và bảng có cùng chiều rộng */
.schedule-filters,
.schedule-table {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
}

/* Căn chỉnh lề và padding cho phần tìm kiếm nhanh */
.schedule-filters {
    display: flex;
    flex-wrap: nowrap; /* Không xuống dòng */
    gap: 10px;
    margin-bottom: 20px;
    overflow-x: auto; /* Thanh trượt ngang nếu cần */
    padding-bottom: 10px;
}

/* Đảm bảo các ô input trong phần tìm kiếm nhanh có chiều rộng phù hợp */
.schedule-filters .filter-input {
    flex: 1 1 auto; /* Tự động co giãn */
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    min-width: 150px; /* Chiều rộng tối thiểu */
    width: 100%;
    max-width: 100%;
}

/* Đảm bảo bảng có chiều rộng 100% và không bị ghi đè */
.schedule-table {
    width: 100% !important;
    overflow-x: auto; /* Thanh trượt ngang nếu cần */
    display: block;
    white-space: nowrap; /* Ngăn chặn xuống dòng */
    border-collapse: collapse;
    margin: 0;
}

/* Đặt màu nền và màu chữ cho hàng đầu tiên của bảng */
.schedule-table thead th {
    background-color: #b0740c63; /* Màu nền theo yêu cầu */
    color: #000000; /* Màu chữ đen */
    font-weight: bold;
    padding: 12px;
    text-align: left;
}

/* Đảm bảo các ô trong bảng không bị xuống dòng */
.schedule-table th,
.schedule-table td {
    white-space: nowrap; /* Ngăn chặn xuống dòng */
    padding: 12px;
    text-align: left;
    border: 1px solid #ddd;
}

/* Căn giữa nội dung trong cột STT */
.schedule-table th:nth-child(1),
.schedule-table td:nth-child(1) {
    text-align: center;
    vertical-align: middle;
}

/* Điều chỉnh giao diện cho điện thoại */
@media (max-width: 600px) {
    .schedule-filters {
        flex-direction: row; /* Giữ nguyên hướng ngang */
        flex-wrap: nowrap; /* Không xuống dòng */
    }

    .filter-input {
        min-width: 150px; /* Chiều rộng tối thiểu */
    }

    .schedule-table {
        font-size: 14px; /* Giảm kích thước font để phù hợp với màn hình nhỏ */
    }

    .schedule-table th,
    .schedule-table td {
        padding: 8px;
    }
}
.schedule-table tbody tr:hover {
    background-color: #f5f5f5;
}