/* Hide scrollbar for Chrome, Safari and Opera */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.hide-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Fix browser autofill background on dark theme */
input.autofill-dark:-webkit-autofill,
input.autofill-dark:-webkit-autofill:hover, 
input.autofill-dark:-webkit-autofill:focus, 
input.autofill-dark:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #1b2028 inset !important;
    -webkit-text-fill-color: #f1f5f9 !important;
    transition: background-color 5000s ease-in-out 0s;
}

.flatpickr-center-screen { position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; z-index: 99999 !important; }
.flatpickr-backdrop { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.5); z-index: 99998; }

@media print { body * { visibility: hidden; } #panel_laporan, #panel_laporan * { visibility: visible; } #panel_laporan { position: absolute; left: 0; top: 0; width: 100%; margin: 0; padding: 20px; } .no-print { display: none !important; } .print-only { display: block !important; } .print-no-border { border: none !important; box-shadow: none !important; padding: 10px 0 !important; } .print-text-black { color: #000 !important; } }

/* Hide Chrome, Safari, Edge, Opera number spin buttons */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Hide Firefox number spin buttons */
input[type=number] {
    -moz-appearance: textfield;
}