/* Untuk Chrome, Safari, Edge, Opera */
#tahun_terbit::-webkit-outer-spin-button,
#tahun_terbit::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Untuk Firefox */
#tahun_terbit {
    -moz-appearance: textfield;
}

/* Ubah background dropdown agar lebih terang */
.dropdown-menu {
    background-color: #f8f9fa !important;
    /* Warna lebih terang */
    border-radius: 8px;
    /* Membuat sudut membulat */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    /* Tambahkan shadow */
    border: 1px solid #d1d1d1;
}

/* Ubah warna teks agar lebih terbaca */
.dropdown-menu a {
    color: #333 !important;
    /* Warna teks lebih gelap */
    font-weight: 500;
    padding: 10px 15px;
    display: block;
    text-decoration: none;
}

/* Hover efek: latar belakang biru dengan teks putih */
.dropdown-menu a:hover {
    background-color: #007bff !important;
    /* Biru saat hover */
    color: white !important;
}

/* Untuk Divider */
.dropdown-menu .divider {
    height: 1px;
    background-color: #ddd;
    margin: 5px 0;
}


/* Memastikan tabel memiliki lebar penuh */
#bookTable_wrapper {
    width: 100%;
    background-color: white;
    /* Pastikan background putih */
    padding: 15px;
    /* Tambahkan padding agar tidak terlalu rapat */
    border-radius: 8px;
    /* Opsional: Tambahkan border radius untuk tampilan lebih elegan */
}

/* Memastikan tabel tidak melebihi container */
#bookTable {
    width: 100% !important;
}

/* Jika tabel terlalu panjang, tambahkan scroll horizontal */
.table-responsive {
    overflow-x: auto;
    white-space: nowrap;
}