body{font-size:14px;background:#07131f;color:#dbeafe}
#header h1{font-size:24px}
#pagetitle h1,.pagetitle h1{font-size:16px;margin:0}
#pagecontent h1{font-size:30px}
#pagecontent h2{font-size:24px;color:#38bdf8}
#pagecontent h3{font-size:20px;color:#7dd3fc}
#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{}
body>.container.theme-container{
    margin-top:8px;
    margin-bottom:8px;
    max-width:900px;
    background:#0b1726;
    border:1px solid rgba(125,211,252,.18);
    box-shadow:none;
}

a{color:#38bdf8}
a:hover{color:#bae6fd;text-decoration:underline}

#listpasaran a.btn,#listprediksi a.btn{
    position:relative;
    border-width:1px;
    transition:all .3s ease-in-out;
    margin-top:3px;
    background:#10233a;
    color:#e0f2fe;
    border-color:#38bdf8;
    box-shadow:none;
}

#listpasaran a.btn:hover,#listprediksi a.btn:hover{
    background:#10233a !important;
    color:#fff;
    border-color:#7dd3fc;
}

#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;
}

#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;
    background:#0ea5e9;
    color:#fff;
    border:1px solid #7dd3fc;
}

.table tr,.table th,.table td{vertical-align:middle}
.predict{
    padding:10px;
    margin:10px 0 15px;
    background:#0f1f33;
    border:1px solid rgba(125,211,252,.18);
    color:#e0f2fe;
}

@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;
    background:#06101c;
    border:1px solid rgba(125,211,252,.18);
    padding:7px 5px;
}

#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:#e0f2fe;
    text-decoration:none;
    font-weight:600;
    white-space:nowrap
}

#menu.dejavu-menu li:not(:last-child):after{
    content:"|";
    margin:0 3px;
    opacity:.45;
    color:#7dd3fc
}

#menu.dejavu-menu li a:hover{
    color:#38bdf8;
    text-decoration:none
}

#menu.dejavu-menu li.current-menu-item>a,
#menu.dejavu-menu li.current_page_item>a{
    font-weight:800;
    color:#7dd3fc
}

@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(125,211,252,.18);
    background:#06101c;
}

.rs-footer-copy{
    margin:0 0 10px;
    font-size:12px;
    opacity:.95;
    color:#cbd5e1
}

.rs-footer-copy a{
    text-decoration:none;
    font-weight:700;
    color:#38bdf8
}

.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;
}

.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:.5;
    color:#7dd3fc
}

.rs-footer-menu ul.menu a{
    display:inline-block;
    text-decoration:none;
    font-weight:700;
    font-size:12px;
    opacity:.95;
    color:#e0f2fe
}

.rs-footer-menu ul.menu a:hover{
    color:#38bdf8;
    text-decoration:none
}

#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(125,211,252,.22);
    background:#0f1f33;
    text-decoration:none;
    transition:all .2s ease;
    color:#7dd3fc
}

.sf_icon:hover{
    background:#0ea5e9;
    color:#fff;
    border-color:#7dd3fc
}

.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}
}

.daily-prediction-wrap{margin:10px 0;padding:0}

.daily-prediction-box{
    background:#07131f;
    border:1px solid rgba(125,211,252,.22);
    overflow:hidden;
    box-shadow:none;
}

.daily-prediction-box .dp-head{
    padding:10px 12px;
    text-align:center;
    background:linear-gradient(135deg,#082f49,#0e7490);
    border-bottom:1px solid rgba(125,211,252,.22)
}

.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:#bae6fd
}

.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(125,211,252,.14);
    font-size:13px;
    line-height:1.35;
    text-align:center;
    vertical-align:middle
}

.daily-prediction-box .dp-table th{
    background:#0e7490;
    color:#fff;
    font-weight:900;
    white-space:nowrap
}

.daily-prediction-box .dp-table td{
    background:#0b1726;
    color:#e0f2fe;
    font-weight:800
}

.daily-prediction-box .dp-table tr:nth-child(even) td{
    background:#10233a
}

.daily-prediction-box .dp-table td div{
    color:#93c5fd;
    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:#0b1726;
    color:#e0f2fe;
    font-weight:900;
    letter-spacing:.2px
}

.daily-prediction-box .dp-top2d-table tr:nth-child(even) td{
    background:#10233a
}

.daily-prediction-box .dp-foot{
    text-align:center;
    padding:10px;
    background:#06101c;
    border-top:1px solid rgba(125,211,252,.18);
    font-weight:900;
    letter-spacing:.6px;
    text-transform:uppercase;
    color:#bae6fd
}

.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(125,211,252,.22);
    background:#0b1726;
    color:#e0f2fe;
    font-weight:800;
    border-radius:0;
    transition:.2s
}

.daily-prediction-wrap .navigation.pagination a.page-numbers:hover{
    background:#0e7490;
    border-color:#7dd3fc;
    color:#fff;
    text-decoration:none
}

.daily-prediction-wrap .navigation.pagination .page-numbers.current{
    background:#0ea5e9;
    border-color:#7dd3fc;
    color:#fff
}

.daily-prediction-wrap .navigation.pagination .prev,
.daily-prediction-wrap .navigation.pagination .next{
    background:#10233a;
    border:1px solid rgba(125,211,252,.22)
}

.daily-prediction-wrap .navigation.pagination .prev:hover,
.daily-prediction-wrap .navigation.pagination .next:hover{
    background:#0e7490
}

.dp-num{display:inline-block;min-width:.62em;text-align:center;font-weight:900}
.dp-c1{color:#7dd3fc}
.dp-c2{color:#67e8f9}
.dp-c3{color:#38bdf8}
.dp-c4{color:#bae6fd}
.dp-c5{color:#93c5fd}
.dp-c6{color:#60a5fa}
.dp-c7{color:#a5f3fc}
.dp-c8{color:#e0f2fe}

@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
    }
}

#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:#07131f;
    border:1px solid rgba(125,211,252,.22)
}

#listresult .table th,
#listresult .table td{
    padding:7px 6px;
    vertical-align:middle;
    border:1px solid rgba(125,211,252,.14);
    text-align:center;
    color:#e0f2fe;
    font-weight:800;
    font-size:12.5px;
    line-height:1.3;
    white-space:nowrap
}

#listresult .table thead th{
    background:#0e7490;
    color:#fff;
    font-weight:900;
    letter-spacing:.2px;
    border-color:rgba(125,211,252,.22);
    padding:7px 6px
}

#listresult .table .tahun th{
    background:linear-gradient(135deg,#082f49,#0ea5e9);
    color:#fff;
    font-weight:900;
    letter-spacing:.4px;
    text-transform:uppercase;
    padding:11px 8px;
    border-color:rgba(125,211,252,.25)
}

#listresult .table .hari th{
    background:#0369a1;
    color:#fff;
    font-weight:900
}

#listresult .table-striped tbody tr:nth-of-type(odd){
    background:#0b1726
}

#listresult .table-striped tbody tr:nth-of-type(even){
    background:#10233a
}

#listresult .table-hover tbody tr:hover{
    background:inherit!important
}

#listresult .table-dark{
    background-color:transparent;
    color:#e0f2fe
}

#listresult .table-dark td,
#listresult .table-dark th{
    border-color:rgba(125,211,252,.16)
}

#listresult td:empty,
#listresult td.xxx{
    color:transparent!important
}

#listresult td:empty:before,
#listresult td.xxx:before{
    content:"—";
    color:rgba(186,230,253,.35);
    font-weight:900
}

#listresult .table tbody+tbody{
    border-top:2px solid rgba(125,211,252,.22)
}

#listresult a{
    color:#bae6fd;
    text-decoration:none
}

#listresult a:hover{
    color:#38bdf8;
    text-decoration:underline
}

@media (max-width:767px){
    #listresult .table th,
    #listresult .table td{
        padding:6px 5px;
        font-size:12px
    }

    #listresult .table .tahun th{
        padding:10px 7px;
        font-size:12.5px
    }
}

.row1{margin:0}
.column1{float:left;width:50%;padding:2px}
.row1.pasar img{width:100%}
#below-menu{width:100%}
.row1:after{content:"";display:table;clear:both}

@media screen and (max-width:600px){
    .column1{width:100%}
    .row1.pasar img{width:100%;height:50px}
}

.banner-float img{width:728px}
.banner1 img{display:inline-block;width:49%}

.floating-top,
.floating-bottom{
    background:transparent;
    height:auto;
    left:0;
    padding:0;
    position:fixed;
    text-align:center;
    width:100%;
    z-index:1001
}

.floating-top{top:0}
.floating-bottom{bottom:0}
.headerbanner{text-align:center;padding-top:5px}
.headerbanner img{width:49.5%}
.banner-top img{width:728px}

@media only screen and (max-device-width:1000px){
    .floating-top img,
    .floating-bottom img,
    .headerbanner img,
    .banner1 img,
    .banner2 img,
    .banner-float img,
    .banner-top img{width:100%}

    .banner1,.banner2{display:block}
    .banner1 img,.banner2 img{display:block}

    .banner{
        width:100%;
        box-sizing:border-box;
        text-align:center;
    }

    .banner img{
        display:inline-block;
        width:48%;
        box-sizing:border-box;
        margin:5px
    }

    .banner-float{
        position:fixed;
        width:100%;
        text-align:center;
        bottom:1px;
        z-index:9999
    }
}

@media only screen and (max-device-width:550px){
    .banner1 img{display:inline-block;width:100%}
}

.banner1{display:block;text-align:center}
.banner img{display:block;width:100%;margin:0}
.banner-float{width:100%}
.banner-float img{width:100%}

@media screen and (max-width:768px){
    a img,img.responsive-banner{
        height:auto!important;
        max-width:100%!important
    }
}

.wp-caption{
    width:100% !important;
    max-width:100% !important;
    margin:12px 0 16px;
    padding:0;
    background:#0b1726;
    border:1px solid rgba(125,211,252,.22);
    overflow:hidden;
    box-sizing:border-box;
    box-shadow:none;
}

.wp-caption.aligncenter{
    margin-left:auto !important;
    margin-right:auto !important;
}

.wp-caption img{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    margin:0;
}

.wp-caption .wp-caption-text{
    margin:0;
    padding:10px 12px;
    font-size:12.5px;
    line-height:1.45;
    font-weight:800;
    text-align:left;
    color:#dbeafe;
    background:#06101c;
    border-top:1px solid rgba(125,211,252,.14);
    box-sizing:border-box;
}

@media (max-width:767px){
    .wp-caption{
        margin:10px 0 14px;
    }

    .wp-caption .wp-caption-text{
        font-size:12px;
        padding:8px 10px;
        line-height:1.4;
    }
}