.percent{height:20px;display:flex;overflow:hidden;line-height:0;font-size:.75rem;background-color:#e9ecef;position:relative;z-index:1}.percent p{z-index:15;position:absolute;text-align:center;width:100%;font-size:12px!important;font-weight:700!important;transform:translateY(10px);color:#000}.percent-bar{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease;-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite;z-index:10}.yellow{background-color:#ffc107!important}.green{background-color:#28a745!important}.red{background-color:#dc3545!important}.jamgacor {
   
	background-image: linear-gradient(#363636, #363636);
	font-family: "Poppins", sans-serif !important;
	color: #fff;
	padding: 3px;
	padding-top: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	
}

.jamgacor h5 {
	font-size: 1.3em;
   
}
.progress {
	height: fit-content;
}

.pola {
	background-image: linear-gradient(#fff, #fff);
	font-family: "Poppins", sans-serif !important;
	padding: 3px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	
}

.jam {
	
	padding: 8px;
	color: #000000;
	font-weight: bold;
}

.jam h5 {
	font-size: 1.3em;
	font-weight: bold;
}
.jamBg {
	background-image: ;
	transition: width 0.6s ease;
	-webkit-animation: progress-bar-stripes 1s linear infinite;
	animation: progress-bar-stripes 1s linear infinite;
	background-size: 1rem 1rem;
}
@media (max-width: 992px) {
	.jamgacor > h5 {
		font-size: 1em;
	}
	.pola > p {
		font-size: 0.8em;
	}
}

@media (max-width: 576px) {
	.pola > p {
		font-size: 0.75em !important;
	}
}