/* Ubah warna kalender */
        .ui-datepicker {
            background-color: #f8f9fa; /* Warna background */
            border: 1px solid #ced4da; /* Warna border */
            border-radius: 8px; /* Border radius */
            padding: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        /* Gaya header (bulan dan tahun) */
        .ui-datepicker-title {
            font-weight: bold;
            font-size: 16px;
            color: #212529;
        }

      /* Ganti tombol navigasi jadi panah atas-bawah */
.ui-datepicker-prev,
.ui-datepicker-next {
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    text-align: center !important;
    line-height: 24px !important;
    font-weight: bold !important;
    color: #007bff !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
    color: #0056b3 !important;
}

.ui-datepicker-prev span,
.ui-datepicker-next span {
    display: none !important;
}

.ui-datepicker-prev::before {
    content: "↑" !important;
    font-size: 14px !important;
}

.ui-datepicker-next::before {
    content: "↓" !important;
    font-size: 14px !important;
}

        /* Warna tanggal */
        .ui-datepicker-calendar td a {
            text-decoration: none;
            color: #007bff;
            font-weight: bold;
        }

        /* Hover tanggal */
        .ui-datepicker-calendar td a:hover {
            background-color: #007bff;
            color: white;

        }

        /* Tanggal hari ini */
        .ui-datepicker-today a {
            background-color: #ffc107;
            color: white;

        }

        /* Tanggal terpilih */
        .ui-state-active {
            background-color: #28a745 !important;
            color: white !important;
           }
           
          .ui-datepicker {
             z-index: 9999 !important;
            } 
            
            
            /* Atur font agar lebih menarik dan tidak terlalu besar */
.ui-datepicker {
    font-size: 13px !important;
    font-family: 'Roboto', sans-serif !important;
}


/* Perkecil font tahun di header month picker */
.ui-datepicker-title {
    font-size: 13px !important; /* atau 13px jika masih terlalu besar */
}