.bg-quickcount{background: url('../images/bg_quickcount.jpg') top center no-repeat; width:100%; height:auto; min-height:200px; overflow:hidden;}
h2.title-qc{font-size:32px; line-height:40px; margin:0;color:#ededed;font-family:'Haas_Black', Arial, sans-serif;}
p.update{font-size:12px; line-height:14px; color:#bcbcbc; margin:0;}
.container-qc{max-width:1100px; height:auto; overflow:hidden; padding:16px 0; gap:8px; display:flex; flex-direction:row; margin:0 auto;}
.box-qc{width:33.33%; height:auto; background:#191919; padding:16px; border-radius:10px; border:1px solid #303030; box-shadow:1px 1px 12px rgba(0,0,0,0.5);}
.box-qc h3.title{font-size:18px; line-height:24px; margin:0 0 8px 0; text-align:center; color:#bcbcbc;font-family:'Haas_Black', Arial, sans-serif;}
.box-qc h4.title{font-size:11px; line-height:13px; margin:0; text-align:center; color:#bcbcbc;font-family:'Haas_Black', Arial, sans-serif;}
.logo-sumber{padding:4px; border-radius:4px; display:flex; justify-content:center; align-items:center; background:#fff; margin-bottom:8px;height:40px;}
.logo-sumber img{width:auto; height:32px; object-fit:fill;}
.box-qc .inside-qc{display:flex; flex-direction:row; gap:8px;}
.box-qc .inside-qc .box-calon{width:100%; height:auto; position:relative; padding:4px; border:1px solid #454545; border-radius:6px; overflow:hidden; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.box-qc .inside-qc .box-calon .fotos{ width:50px; height:50px; border:1px solid #ccc; overflow:hidden; background:#fff; border-radius:4px;}
.box-qc .inside-qc .box-calon .fotos img{width:auto; height:50px;}
.box-qc .inside-qc .box-calon h5.title{font-size:12px; margin:8px 0 0 0; font-weight:500;padding:0; line-height:12px; /*background:rgba(255,255,255,0.3);*/ font-family:'Haas_Medium', Arial, sans-serif; text-align:center;}
.box-qc .inside-qc .box-calon .persen{width:100%; height:auto; background:transparent; position:relative;}
.box-qc .inside-qc .box-calon .persen .isi{ width:auto; height:auto; text-align:center; padding:0; display:flex; justify-content:center; align-items:center; color:#fff; font-size:18px; line-height:20px; font-weight:600;font-family:'Haas_Black', Arial, sans-serif; margin:8px 0 0 0;}
.box-qc .inside-qc .box-calon .persen .isi span{text-shadow:1px 1px 2px rgba(0,0,0,0.5); text-align:center;}
.box-qc .inside-qc .box-calon .persen .isi.hasil_01{/*background:#00C58C; box-shadow:1px 1px 5px rgba(0,0,0,0.2);*/}
.box-qc .inside-qc .box-calon .persen .isi.hasil_02{/*background:#00C58C; box-shadow:1px 1px 5px rgba(0,0,0,0.2);*/}
.box-qc .inside-qc .box-calon .persen .isi.hasil_03{/*background:#00C58C; box-shadow:1px 1px 5px rgba(0,0,0,0.2);*/}

p.disc{font-size:11px; line-height:14px; color:#bcbcbc;}
p.total{font-size:12px; line-height:14px; color:#f8f8f8; text-align:right;}
.bg-quickcount .box-pasangan{padding:16px;border:1px solid #303030; background:#191919; box-shadow:1px 1px 12px rgba(0,0,0,0.2); min-height:inherit; margin:16px auto;}
.bg-quickcount .box-pasangan .box-paslon .items{display:flex; flex-direction:row; position:relative;}
.bg-quickcount .box-pasangan .box-paslon .items{width:33.33%;}
.bg-quickcount .box-pasangan .box-paslon .items h4{text-align:left; padding:0; margin-top:10px;}
.bg-quickcount .box-pasangan .box-paslon .items p.persen{text-align:left; font-size:30px; line-height:30px;}
.bg-quickcount .box-pasangan .box-paslon .items .text-paslon{position:relative; padding-left:16px;}
.bg-quickcount .box-pasangan .box-paslon .items .nomor{position:absolute; top:16px; right:16px; font-size:90px; color:rgba(255,255,255,0.1);}
.bg-quickcount .box-pasangan .box-paslon .items .img {width:80px; background:#fff;}
.bg-quickcount .box-pasangan .box-paslon .items .img img{width:80px;}
.bg-quickcount .box-pasangan .box-paslon .items .box-foto{width:auto;}
.bg-quickcount .box-pasangan .logo-sumber {padding: 4px;border-radius: 4px;display: flex;justify-content:flex-start;align-items: center;background: #fff;margin-bottom:16px;height: 40px;position:relative;overflow:hidden;}
.bg-quickcount .box-pasangan .logo-sumber p.total{width:auto; height:32px; text-align:right; position:absolute; top:4px; bottom:4px; right:0;  display:flex; justify-content:flex-end; align-items:center; color:#545454; font-size:14px;padding:0 8px; border-left:2px solid #545454;}
.bg-quickcount .box-pasangan .logo-sumber h4{font-size:18px; line-height:20px; margin:0; color:#202020;}
.bg-quickcount .box-pasangan .logo-sumber img {width: auto;height: 32px;object-fit: fill;}

@media only screen and (min-width:600px) {	
  .bg-quickcount{background-size:cover;}
  }