.marker {
    width: 10px;
    height: 10px;
    background-color: #0d6efd; /* Warna biru */
    border: 2px solid #ffffff; /* Border putih */
    border-radius: 50%;        /* Membuat jadi bulat sempurna */
    pointer-events: none;      /* Agar pin tidak mengganggu klik berikutnya */
    z-index: 10;
}
.sr-only-hidden {
	position: absolute;
	left: -9999px; /* Memindahkan elemen jauh ke kiri luar layar */
	top: -9999px;  /* Memindahkan elemen jauh ke atas luar layar */
}
#snackbar {
  visibility: hidden;
  width: 90%;
  background-color: #ffff00;
  color: black;
  text-align: center;
  border-radius: 4px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 100px;
  transform: translateX(-50%);
  font-size: 17px;
  transition: visibility 0.5s, opacity 0.5s;
  opacity: 0;
}

#snackbar.show {
  visibility: visible;
  opacity: 1;
}

.turnstile-wrapper {
	transform: scale(0.6); /* Atur nilai sesuai kebutuhan, misal 0.5 - 0.7 */
	transform-origin: 0 0;
	width: 1px;  /* Sesuaikan lebar agar tidak memakan ruang */
	height: 1px;  /* Sesuaikan tinggi */
	overflow: hidden;
}

.turnstile-wrappermobile {
	transform: 0.6; /* Atur nilai sesuai kebutuhan, misal 0.5 - 0.7 */
	transform-origin: 0 0;
	width: 30%;  /* Sesuaikan lebar agar tidak memakan ruang */
	height: auto;  /* Sesuaikan tinggi */
	overflow: hidden;
}
.qr-wrapper {
        display: inline-block;
        padding: 10px;          /* Ruang putih (Quiet Zone) agar tidak mepet */
        border: 2px solid #ddd; /* Garis tepi (Border) */
        border-radius: 8px;     /* Sudut membulat agar terlihat profesional */
        background-color: #fff; /* Pastikan background putih murni */
        box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Bayangan tipis agar menonjol */
    }
.footer-date{
	font-size:12px;

}
.text-red{
	color:#ff282e !important;
	
}

.div_overlay {
	display:none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 9999;
	align-items: center;
	justify-content: center;
}
.div_bantu{
	
	width:150px;
	height:150px;
	position:fixed;
	top :50%;
	left:50%;
	font-size:14px;
	font-weight:bolder;
	color:white;
}
.loadergame {
    border: 5px solid #f3f3f3; /* Warna lingkaran luar */
    border-top: 5px solid #3498db; /* Warna bagian yang berputar (biru) */
    border-radius: 50%;
    width: 150px;
    height: 150px;
	top:50%;
	left:50%;
    
    /* Animasi berputar */
    animation: spin 1s linear infinite;
}