body{font-size:14px;color:#111}
#header h1{font-size:24px}
#pagetitle h1,.pagetitle h1{font-size:16px;margin:0}
#pagecontent h1{font-size:30px}
#pagecontent h2{font-size:24px}
#pagecontent h3{font-size:20px}
#pagecontent h4{font-size:18px}
#pagecontent h5{font-size:16px}
#pagecontent h1,#pagecontent h2,#pagecontent h3,#pagecontent h4,#pagecontent h5{font-weight:700}
img{max-width:100%;height:auto}
body.hasftop{/*margin-top:75px*/}
body.hasfbot{/*margin-bottom:105px*/}
body>.container.theme-container{margin-top:5px;margin-bottom:5px;max-width:900px}

#listpasaran a.btn,#listprediksi a.btn{
  position:relative;
  border-width:1px;
  transition:all .3s ease-in-out;
  margin-top:3px;

  background:#fff;
  border-color:#dc2626;
  color:#111;
}
#listpasaran a.btn:hover,#listprediksi a.btn:hover{
  background:#dc2626;
  border-color:#dc2626;
  color:#fff;
}
#listpasaran a.btn:after,#listprediksi a.btn:after{
  content:"\203A";
  font-size:28px;
  position:absolute;
  right:10px;
  top:-6px;
  transition:all .3s ease-in-out;

  color:#dc2626;
}
#listpasaran a.btn:hover:after,#listprediksi a.btn:hover:after{color:#fff}

#footer p{margin:0;font-size:12px}
.numball{display:inline-block;width:28px;height:28px;line-height:28px;border-radius:14px;font-size:18px;text-align:center;font-weight:700;margin:0 1.5px}

.numball{
  color:#fff;
  background:linear-gradient(to bottom,#f87171,#991b1b);
}

.table tr,.table th,.table td{vertical-align:middle}

.predict{
  padding:10px;
  margin:10px 0 15px;
  background:rgba(255,255,255,.85);
  border:1px solid rgba(0,0,0,.12);
  color:#111;
}

.dejavu-menu a{margin:0}
@media (max-width:767px){
  .numball{font-size:14px;width:20px;height:20px;line-height:20px;border-radius:10px}
}

#menu.dejavu-menu{text-align:center;line-height:1.5}
#menu.dejavu-menu li{list-style:none;display:inline-block;margin:0;padding:0;position:relative}
#menu.dejavu-menu li a{display:inline-block;color:inherit;text-decoration:none;font-weight:600;white-space:nowrap}
#menu.dejavu-menu li:not(:last-child):after{content:"|";margin:0 3px;opacity:.65;color:rgba(255,255,255,.85)}
#menu.dejavu-menu li a:hover{text-decoration:underline}
#menu.dejavu-menu li.current-menu-item>a,#menu.dejavu-menu li.current_page_item>a{font-weight:800}
@media (max-width:767px){
  #menu.dejavu-menu li a{padding:1px 4px;font-size:12px}
  #menu.dejavu-menu li:not(:last-child):after{margin:0 2px}
}

.rs-footer{
  padding:18px 12px;
  text-align:center;
  border-top:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.78);
  color:#111;
}
.rs-footer-copy{margin:0 0 10px;font-size:12px;opacity:.9}
.rs-footer-copy a{text-decoration:none;font-weight:700;color:#dc2626}
.rs-footer-copy a:hover{text-decoration:underline}
.rs-footer-menu{margin:0 0 12px}
.rs-footer-menu ul.menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.rs-footer-menu ul.menu li{margin:0;padding:0;display:inline-flex;align-items:center}
.rs-footer-menu ul.menu li:not(:last-child):after{content:"|";margin:0 6px;opacity:.6;color:rgba(0,0,0,.6)}
.rs-footer-menu ul.menu a{
  display:inline-block;
  padding:2px 6px;
  text-decoration:none;
  font-weight:700;
  font-size:12px;
  opacity:.95;
  color:#111;
}
.rs-footer-menu ul.menu a:hover{text-decoration:underline;color:#dc2626}

#sf{display:flex;justify-content:center}
#sf>div{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.sf_icon{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.12);
  background:rgba(255,255,255,.75);
  text-decoration:none;
  transition:all .2s ease;
  color:#111;
}
.sf_icon:hover{border-color:rgba(220,38,38,.55);color:#dc2626}
.sf_svg{width:18px;height:18px;display:block;fill:currentColor;opacity:.95}
@media (max-width:767px){
  .rs-footer{padding:14px 10px}
  .sf_icon{width:32px;height:32px;border-radius:9px}
  .sf_svg{width:17px;height:17px}
}

#listresult{
  padding-left:0!important;
  padding-right:0!important;
  margin-bottom:12px!important;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch
}
#listresult .table{
  width:100%;
  margin:0;
  border-collapse:collapse;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(0,0,0,.10)
}
#listresult .table thead th,#listresult .table thead td{
  background:#111; 
  color:#fff;
  font-weight:900;
  letter-spacing:.2px;
  border-color:rgba(255,255,255,.18);
  font-size:12.5px;
  white-space:nowrap;
  padding:13px 6px
}
#listresult .table td,#listresult .table th{
  padding:7px 6px;
  vertical-align:middle;
  border-color:rgba(0,0,0,.08);
  text-align:center;
  color:#111;
  font-weight:700;
  font-size:12.5px;
  line-height:1.3;
  white-space:nowrap
}
#listresult .table-striped tbody tr:nth-of-type(odd){background:rgba(0,0,0,.02)}
#listresult .table-striped tbody tr:nth-of-type(even){background:rgb(0 0 0 / 6%)}
#listresult .table-hover tbody tr:hover{background:rgb(0 0 0 / 9%)}
#listresult .table-dark{background-color:transparent;color:#111}
#listresult .table-dark td,#listresult .table-dark th,#listresult .table-dark thead th{border-color:rgba(0,0,0,.10)}
#listresult a{color:inherit;text-decoration:none}
#listresult a:hover{text-decoration:underline;color:#dc2626}
@media(max-width:767px){
  #listresult .table{font-size:12px}
  #listresult .table td,#listresult .table th{padding:6px 5px;font-size:12px}
}

.daily-prediction-wrap{margin:10px 0;padding:0}
.daily-prediction-box{
  background:rgba(255,255,255,.88);
  border:1px solid rgba(0,0,0,.10);
  overflow:hidden
}
.daily-prediction-box .dp-head{
  padding:10px 12px;
  text-align:center;
  background:#000; 
  border-bottom:1px solid rgba(0,0,0,.08)
}
.daily-prediction-box .dp-title{
  margin:0;
  font-size:15px;
  font-weight:900;
  letter-spacing:.4px;
  text-transform:uppercase;
  color:#fff;
}
.daily-prediction-box .dp-badge{
  display:inline;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  font-size:inherit;
  font-weight:inherit;
  letter-spacing:inherit
}
.daily-prediction-box .dp-sub{margin-top:5px;font-size:12px;font-weight:700;color:#fff;}
.daily-prediction-box .dp-table,.daily-prediction-box .dp-top2d-table{width:100%;border-collapse:collapse;border-radius:0}
.daily-prediction-box .dp-table th,.daily-prediction-box .dp-table td,.daily-prediction-box .dp-top2d-table td{
  padding:8px 8px;
  border:1px solid rgba(0,0,0,.08);
  font-size:13px;
  line-height:1.35;
  text-align:center;
  vertical-align:middle
}
.daily-prediction-box .dp-table th{
  background:#111; 
  color:#fff;
  font-weight:900;
  white-space:nowrap
}
.daily-prediction-box .dp-table td{
  background:rgba(0,0,0,.02);
  color:#111;
  font-weight:800
}
.daily-prediction-box .dp-table tr:nth-child(even) td{background:rgba(0,0,0,.04)}
.daily-prediction-box .dp-table td div{color:rgba(0,0,0,.62);font-weight:700;font-size:12px;text-align:center}
.daily-prediction-box .dp-top2d-table{margin:6px 0 0}
.daily-prediction-box .dp-top2d-table td{
  background:rgba(0,0,0,.02);
  font-weight:900;
  letter-spacing:.2px;
  color:#111
}
.daily-prediction-box .dp-top2d-table tr:nth-child(even) td{background:rgba(0,0,0,.04)}
.daily-prediction-box .dp-foot{
  text-align:center;
  padding:10px;
  background:rgba(255,255,255,.78);
  border-top:1px solid rgba(0,0,0,.08);
  font-weight:900;
  letter-spacing:.6px;
  text-transform:uppercase;
  color:rgba(0,0,0,.78)
}

.daily-prediction-wrap .navigation.pagination{margin-top:12px!important;width:100%}
.daily-prediction-wrap .navigation.pagination .nav-links{
  display:flex;
  justify-content:center!important;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  padding:0;
  margin:0 auto;
  text-align:center;
  width:100%
}
.daily-prediction-wrap .navigation.pagination .page-numbers{
  display:inline-block;
  padding:7px 10px;
  border:1px solid rgba(0,0,0,.12);
  background:rgba(255,255,255,.78);
  color:#111;
  font-weight:800;
  border-radius:0;
  transition:.2s
}
.daily-prediction-wrap .navigation.pagination a.page-numbers:hover{
  background:rgba(220,38,38,.08);
  border-color:rgba(220,38,38,.30);
  text-decoration:none;
  color:#dc2626
}
.daily-prediction-wrap .navigation.pagination .page-numbers.current{
  background:rgba(220,38,38,.14);
  border-color:rgba(220,38,38,.35);
  color:#111
}
.daily-prediction-wrap .navigation.pagination .prev,.daily-prediction-wrap .navigation.pagination .next{
  background:rgba(255,255,255,.78);
  border:1px solid rgba(0,0,0,.12)
}
.daily-prediction-wrap .navigation.pagination .prev:hover,.daily-prediction-wrap .navigation.pagination .next:hover{
  background:rgba(220,38,38,.08)
}

.dp-num{display:inline-block;min-width:.62em;text-align:center;font-weight:900}

.dp-c1{color:#dc2626}
.dp-c2{color:#991b1b}
.dp-c3{color:#ef4444}
.dp-c4{color:#b91c1c}
.dp-c5{color:#7f1d1d}
.dp-c6{color:#f87171}
.dp-c7{color:#9f1239}
.dp-c8{color:#e11d48}

@media(max-width:767px){
  .daily-prediction-box .dp-head{padding:9px 10px}
  .daily-prediction-box .dp-title{font-size:14px}
  .daily-prediction-box .dp-table th,.daily-prediction-box .dp-table td,.daily-prediction-box .dp-top2d-table td{padding:7px 6px;font-size:12.5px}
}