/* Logo */
#logo-admin {
    height: 150px; /* Mengatur tinggi logo */
    width: 150px;
}

/* Active Link */

/* Background Home Responsive */
#bg-home {
    background-image: url('../img/background.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: repeat-y;
}

@media (max-width: 768px) {
    #bg-home {
        background-image: url('../img/background.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: repeat-y;
    }
}

@media (min-width: 769px) {
    #bg-home {
        background-image: url('../img/background.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: repeat-y;
    }
}
#logo-home {
    height: 300px; /* Mengatur tinggi logo */
    width: 400px; /* Mengatur lebar logo */
    margin: 0 auto; /* Membuat logo berada di tengah secara horizontal */
    display: block; /* Membuat logo sebagai blok sehingga margin auto efektif */
}

#text-checkin {
    color: white; /* Warna teks putih */
    text-align: center; /* Posisi teks di tengah */
}

.progress-lg {
    height: 30px; /* Sesuaikan ukuran tinggi sesuai kebutuhan */
}

.progress-bar {
    font-size: 1.2rem; /* Sesuaikan ukuran font jika perlu */
    line-height: 30px; /* Pastikan teks berada di tengah secara vertikal */
}

/* Mengatur input text agar berada di tengah */
input[type="text"] {
    font-size: 30px;
    display: block;
    margin: 0 auto; /* Membuat input text berada di tengah secara horizontal */
}


#currentDateTime {
    margin-top: 20px; /* Memberikan jarak atas setelah input text */
    color: white; /* Warna teks putih */
    text-align: center; /* Posisi teks di tengah */
    font-size: 30px; /* Ukuran font */
}