@keyframes slide-in{
    0%{
        top:-100%
    }
    100%{
        top:50%
    }
}
.link-container{
    display:flex;
    justify-content:center;
    font-size:var(--x-large-font);
    padding:0;
    width:100%
}
.link-container a{
    width:50%;
    text-align:center;
    padding:15px 20px;
    text-transform:uppercase;
    color:#fff;
    text-decoration:none
}
.register-button{
    background-image:linear-gradient(rgb(104,2,2),rgb(203,0,0));
    background-color:initial
}
.login-button{
    background-image:linear-gradient(rgb(0,12,153),rgb(7,71,102));
    background-color:initial
}
*{
    font-family:sans-serif;
    box-sizing:border-box
}
p{
    margin:0
}
a:hover{
    text-decoration:none;
    color:#fff
}
.container{
    width:100%;
    margin-left:auto;
    margin-right:auto
}
.adv{
    justify-content:center;
    display:flex;
    flex-wrap:wrap
}
img{
    vertical-align:middle;
    border-style:none
}
.title{
    display:flex;
    justify-content:center
}
.title-text{
    color:#fff;
    font-size:2.5rem
}
.container.footer.text-center {
    padding-top: 2px;
    color: white;
}
.slot{
    display:block
}
.slot .slot-sidebar{
    padding-right:10px;
    padding-left:0;
    margin-top:-15px;
    background-color:#000;
    float:none!important;
    width:100%!important;
    flex:none!important;
    max-width:100%!important;
    padding-right:0!important
}
.btn-provider:hover{
    background-color:#644c1c
}
.slot-sidebar-nav{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:nowrap;
    padding-left:0;
    margin-bottom:0;
    list-style:none
}
.slot-sidebar-nav>li{
    border-bottom:1px solid #0092b1;
    width:100%;
    position:relative;
    display:block;
    border-bottom:none;
    padding:6px;
    background:linear-gradient(to bottom,#f5cc00 0%,#ffd400 46%,#fff702 100%)
}
.slot-sidebar-nav>li>a{
    color:#fff;
    font-size:13px;
    padding:7px 10px;
    display:block;
    background-color:#000
}
.btn-provider{
    text-align:center;
    display:block
}
.enter{
    display:none
}
.btn-provider span{
    position:unset
}
.active{
    background-color:#0092b1
}
.slot .content{
    float:none;
    width:100%;
    padding:10px;
    flex:0 0 100%;
    max-width:100%;
    background-color:#1d1d1d;
    border-radius:4px
}
.wrapper{
    width:100%;
    padding:0;
    overflow:hidden;
    position:relative;
    z-index:0
}
.card{
    float:left;
    width:25%;
    background:0 0;
    border:none;
    text-align:center;
    position:relative
}
.card-content{
    margin:5px;
    color:#fff;
    font-size:12px;
    border:none;
    overflow:hidden;
    position:relative
}
.percent{
    height:18px;
    display:flex;
    overflow:hidden;
    line-height:0;
    font-size:.75rem;
    background-color:#e9ecef;
    position:relative;
    z-index:1;
    border-radius:18px;
    margin:4px auto
}
.percent p{
    z-index:15;
    position:absolute;
    text-align:center;
    width:100%;
    font-size:14px;
    font-weight:700;
    transform:translateY(8px);
    color:#000
}
.percent-bar{
    background-image:linear-gradient( 45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.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;
    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
}
.green{
    background-color:#28a745
}
.red{
    background-color:#dc3545
}
.hover-btn{
    position:absolute;
    opacity:0;
    background-color:rgba(0,0,0,.9);
    transition:all .1s ease-in-out;
    z-index:10;
    width:100%;
    height:86%;
    border-radius:4px
}
.maintenance{
    position:absolute;
    background-color:rgba(0,0,0,.5);
    z-index:10;
    width:100%;
    height:100%;
    color:#fff;
    text-align:center;
    margin:-6px
}
.maintenance p{
    position:relative;
    top:40%;
    font-size:13px
}
.play-btn{
    font-size:15px;
    text-decoration:none;
    text-align:center;
    align-items:center;
    margin-top:42%;
    padding:8px;
    display:block;
    margin-left:30px;
    margin-right:30px;
    margin:42% 30px;
    background-image:linear-gradient(to bottom,#fdf571 0%,#d6b75f 100%);
    border-radius:4px;
    transition:all .3s ease
}
.play-btn:hover{
    color:#000;
    background-image:linear-gradient( to bottom,rgb(235,235,235) 0%,rgb(255,255,255) 100% )
}
.img-zoom{
    transition:all .45s ease-in-out;
    border-radius:4px
}
.ygg-img{
    border:5px solid #2f2f2f
}
.hover-btn:hover{
    opacity:100%
}
.hover-btn:hover~.img-zoom{
    position:relative
}
.short{
    display:none
}
.next-btn{
    background:linear-gradient(to bottom,#242424 0%,#515151 46%,#242424 100%);
    width:15%
}
.mySlides{
    display:none
}
.next-btn{
    background-color:#292a2b;
    border:none;
    color:#fff
}
@media(min-width:576px){
    .container{
        max-width:540px
    }
}
@media(min-width:768px){
    .container{
        max-width:720px
    }
}
@media(min-width:992px){
    .container{
        max-width:1560px
    }
}
@media(min-width:1200px){
    .container{
        max-width:1140px
    }
}
@media(max-width:992px){
    .slot-sidebar-nav{
        flex-wrap:nowrap
    }
    .slot-sidebar{
        float:none!important;
        width:100%!important;
        flex:none!important;
        max-width:100%!important;
        padding-right:0!important
    }
    .content{
        float:none!important;
        width:100%!important;
        flex:none!important;
        max-width:100%!important
    }
    .card{
        width:33.3%!important
    }
    .hover-btn{
        display:none
    }
    .hover-btn:hover~.img-zoom{
        transform:scale(1);
        position:relative
    }
    .btn-provider{
        text-align:center;
        display:block
    }
    .enter{
        display:block
    }
    .btn-provider span{
        position:unset
    }
    .btn-provider i{
        margin:0
    }
    .slot-sidebar-nav li{
        border-bottom:none
    }
    .slot-sidebar-nav li a p{
        font-size:13px
    }
    .slot-sidebar-nav li a img{
        height:37.5px!important
    }
    .maintenance p{
        font-size:5px
    }
}
html{
    font-family:-apple-system,system-ui,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
a,body,center,div,em,kolongramen,h1,h2,h3,h4,h5,h6,header,html,iframe,img,li,menu,nav,ol,p,span,table,tbody,td,tfoot,th,thead,tr,ul{
    font-family:-apple-system,system-ui,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif;
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline
}
a,a:active,a:focus{
    outline:0;
    text-decoration:none
}
a{
    color:#fff
}
*{
    padding:0;
    margin:0;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
h1,h2,h3,h4,h5,h6{
    margin-top:0;
    margin-bottom:.5rem
}
p{
    margin:0 0 10px
}
p{
    margin-top:0;
    margin-bottom:1rem
}
.clear{
    clear:both
}
.konten-bola{
    text-align:center
}
.align-middle{
    vertical-align:middle
}
body.rtpslot{
    background:  url("background.jpg");
}
.container{
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto
}
.marquee-text{
    height:auto;
    display:block;
    line-height:30px;
    overflow:hidden;
    position:relative
}
.marquee-text div{
    height:auto;
    line-height:22px;
    font-size:13px;
    white-space:nowrap;
    color:#fff;
    z-index:1;
    font-weight:600;
    font-family:-apple-system,system-ui,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif;
    animation:marquee 20s linear infinite;
    margin-top:3px
}
.marquee-text:hover div{
    animation-play-state:paused
}
.marquee-style{
    color:#000;
    padding:5px 0;
    border-radius:4px
}
@keyframes marquee{
    0%{
        transform:translateX(100%)
    }
    100%{
        transform:translateX(-100%)
    }
}
.btn{
    display:inline-block;
    padding:6px 12px;
    touch-action:manipulation;
    cursor:pointer;
    user-select:none;
    background-image:none;
    border:1px solid transparent;
    border-radius:5px;
    font:250 22px BebasNeue;
    width:100%;
    color:#fff;
    text-shadow:0 0 3px #000;
    letter-spacing:1px
}
.login-judi{
    background:linear-gradient(to bottom,#fdbf02 0,#774200 100%);
    transition:all .4s
}
.login-judi:hover{
    opacity:.7
}
.daftar-judi{
    background:linear-gradient(to bottom,#774200 0,#fdbf02 100%);
    animation:blinking .5s infinite;
    transition:all .4s
}
@keyframes blinking{
    0%{
        border:5px solid #fff
    }
    100%{
        border:5px solid #fdbf02
    }
}
.bola-casino{
    animation-name:blinker;
    animation-duration:1s;
    animation-timing-function:linear;
    animation-iteration-count:infinite
}
.anim{
    animation:blinkings 1s infinite
}
@keyframes blinkings{
    0%{
        border:2px solid #fff
    }
    100%{
        border:2px solid #fdbf02
    }
}
@media(min-width:768px){
    .container{
        max-width:720px
    }
}
@media(min-width:992px){
    .container{
        max-width:960px
    }
}
.row{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right:-15px;
    margin-left:-15px
}
.p-0{
    padding:0
}
.col-md-12,.col-md-4,.col-md-6,.col-md-8,.col-xs-6{
    position:relative;
    width:100%;
    padding-right:15px;
    padding-left:15px
}
.col-xs-6{
    float:left;
    width:50%
}
@media(min-width:768px){
    .col-md-4{
        -ms-flex:0 0 33.333333%;
        flex:0 0 33.333333%;
        max-width:33.333333%
    }
    .col-md-6{
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .col-md-8{
        -ms-flex:0 0 66.666667%;
        flex:0 0 66.666667%;
        max-width:66.666667%
    }
    .col-md-12{
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        width:100%
    }
    .order-first{
        -ms-flex-order:-1;
        order:-1
    }
    .logomobi{
        display:none
    }
    .logform{
        padding-top:2rem
    }
    .nopadding{
        padding:0
    }
}
@media(max-width:768px){
    .logo{
        display:none
    }
    .navbar{
        position:fixed
    }
    .border-bt{
        border-bottom:1px solid #fdbf02;
        border-top:1px solid #fdbf02;
        padding:5px 15px
    }
}
.pt-1,.py-1{
    padding-top:.25rem
}
.pb-1,.py-1{
    padding-bottom:.25rem
}
.pt-2,.py-2{
    padding-top:.5rem
}
.pb-2,.py-2{
    padding-bottom:.5rem
}
.mt-2,.my-2{
    margin-top:.5rem
}
.my-2{
    margin-top:.5rem
}
.mb-2{
    margin-bottom:1rem
}
.mb-4{
    margin-bottom:4rem
}
.bartender,.my-3{
    margin-top:.75rem
}
.mb-3,.my-3{
    margin-bottom:.75rem
}
.mt-4{
    margin-top:1.1rem
}
.mt-5,.my-5{
    margin-top:2rem
}
.mb-5,.my-5{
    margin-bottom:2rem
}
.pb-5{
    padding-bottom:1.25rem
}
.mx-5{
    margin-left:.75rem;
    margin-right:.75rem
}
.pt-3{
    padding-top:1rem
}
.pt-5{
    padding-top:2rem
}
.navbar{
    background-color:#000;
    right:0;
    left:0;
    z-index:1030;
    width:100%;
    float:left;
    padding:5px
}
.bg-blue{
    background-color:#020202
}
.bottom{
    float:left;
    width:100%
}
.konten{
    color:#fff;
    padding:20px 30px;
    border-radius:5px;
    font-family:-apple-system,system-ui,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif;
    box-shadow:0 0 10px 6px #f9f303
}
.konten h1{
    font-size:1.5em
}
.konten h2{
    font-size:1.3em
}
.konten h3{
    font-size:1.1em
}
.konten p{
    font-size:1em
}
.konten a{
    color:#fdbf02
}
.list{
    margin-bottom:1rem
}
.kolongramen{
    text-decoration:none;
    color:#fff
}
.kolongramen a{
    color:#fdbf02
}
.slide{
    width:100%;
    border-radius:4px;
    box-shadow:0 0 3px 0 #1a1a1a
}
.lc-atribut{
    border:2px solid #f7a303;
    border-radius:4px;
    box-shadow:0 0 5px 0 #f7a303
}
ul{
    color:#fff;
    text-align:left
}
.faq-label{
    display:flex;
    font-size:1.5em;
    justify-content:space-between;
    padding:1em;
    margin:12px 0 0;
    background:#0095ff
}
.faq-answer{
    padding:1em;
    font-size:1.19em;
    color:#fff;
    text-align:justify;
    background:#212121;
    transition:all .35s
}
.qiuonline{
    text-align:center;
    font-size:1.5em;
    justify-content:space-between;
    padding:1em;
    margin:12px 0 0;
    background:#fdbf02
}
.list{
    margin-bottom:1rem
}
.silau{
    border-radius:10px;
    box-shadow:0 0 10px 2px #965800;
    animation:blinking .3s infinite;
    transition:all .1s
}
.silau:hover{
    opacity:1
}
.tengah{
    width:40%;
    margin:auto
}
.table-dark{
    color:#fff;
    background-color:#343a40
}
.table-dark td,.table-dark th,.table-dark thead th{
    text-transform:uppercase;
    border-color:#454d55;
    text-align:center;
    font-family:-apple-system,system-ui,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif;
    vertical-align:middle
}
.table-dark.table-bordered{
    border:0
}
.table-dark.table-striped tbody tr:nth-of-type(odd){
    background-color:rgba(255,255,255,.05)
}
.table-dark.table-hover tbody tr:hover{
    color:#fff;
    background-color:rgba(255,255,255,.075)
}
.table-responsive{
    width:100%;
    padding:0;
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch
}
.table-responsive a{
    text-decoration:none
}
.table-responsive a:hover{
    text-decoration:none
}
.table-dark td{
    vertical-align:middle
}
.d-none{
    display:none
}
@media(min-width:576px){
    .d-sm-table-cell{
        display:table-cell
    }
}
.button{
    display:inline;
    align-items:center;
    background:#000;
    width:100%;
    border-radius:5px;
    height:38px;
    cursor:pointer;
    padding:5px 20px;
    max-width:128px;
    color:rgb(255 255 255);
    font-weight:700;
    font-family:-apple-system,system-ui,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif;
    text-transform:uppercase;
    text-decoration:none;
    transition:background .3s,transform .3s,box-shadow .3s;
    will-change:transform;
    min-width:80px;
    border:0 solid rgb(255 255 255);
    line-height:12px;
    animation:blinking .5s infinite;
    transition:all .4s
}
.button:hover{
    color:#e7b10c;
    font-weight:700;
    text-decoration:none;
    background:rgb(255 255 255);
    cursor:pointer;
    box-shadow:0 4px 17px rgba(0,0,0,.2);
    transform:translate3d(0,-2px,0);
    border:2px solid #e7b10c
}
.button:active{
    box-shadow:0 1px 1px 0 rgba(0,0,0,.1);
    transform:translate3d(0,1px,0)
}
a{
    background-color:transparent
}
a:active,a:hover{
    outline:0
}
h1{
    margin:.67em 0;
    font-size:2em
}
img{
    border:0
}
table{
    border-spacing:0;
    border-collapse:collapse
}
td,th{
    padding:0
}
@media print{
    *,:after,:before{
        color:#000;
        text-shadow:none;
        background:0 0;
        -webkit-box-shadow:none;
        box-shadow:none
    }
    a,a:visited{
        text-decoration:underline
    }
    a[href]:after{
        content:" (" attr(href) ")"
    }
    thead{
        display:table-header-group
    }
    img,tr{
        page-break-inside:avoid
    }
    img{
        max-width:100%
    }
    h2,h3,p{
        orphans:3;
        widows:3
    }
    h2,h3{
        page-break-after:avoid
    }
    .table{
        border-collapse:collapse
    }
    .table td,.table th{
        background-color:#fff
    }
    .table-bordered td,.table-bordered th{
        border:1px solid #ddd
    }
}
.table{
    width:100%;
    max-width:100%
}
.table>tbody>tr>td,.table>thead>tr>th{
    padding:18px 0;
    line-height:1.42857143;
    vertical-align:top;
    border-top:1px solid #ddd
}
.table>thead>tr>th{
    vertical-align:bottom;
    border-bottom:2px solid #ddd
}
.table>thead:first-child>tr:first-child>th{
    border-top:0
}
.table-bordered{
    border:1px solid #ddd
}
.table-bordered>tbody>tr>td,.table-bordered>thead>tr>th{
    border:1px solid #333;
    vertical-align:middle
}
.table-bordered>thead>tr>th{
    border-bottom-width:2px
}
.table-striped>tbody>tr:nth-of-type(odd){
    background-color:#fdbf02
}
.table-hover>tbody>tr:hover{
    background-color:#fdbf02
}
@media screen and (max-width:767px){
    .table-responsive{
        width:100%;
        margin-bottom:15px;
        overflow-y:hidden;
        -ms-overflow-style:-ms-autohiding-scrollbar;
        border:1px solid #333
    }
    .table-responsive>.table{
        margin-bottom:0
    }
    .table-responsive>.table>tbody>tr>td,.table-responsive>.table>thead>tr>th{
        white-space:nowrap
    }
    .table-responsive>.table-bordered{
        border:0
    }
    .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{
        border-left:0
    }
    .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{
        border-right:0
    }
    .table-responsive>.table-bordered>tbody>tr:last-child>td{
        border-bottom:0
    }
}
.table-head{
    text-align:center;
    background:linear-gradient(to right,#fdbf02,#fdbf02)
}
.list{
    margin-bottom:1rem
}
.text-center{
    text-align:center
}
p#breadcrumbs{
    color:#fff;
    text-align:center
}
.konten ul li{
    list-style-type:square
}
.konten li{
    margin:5px 30px 10px;
    text-align:justify;
    color:#fff
}
table.Toto togel td,table.Toto togel th{
    border:3px solid #fff;
    font-family:-apple-system,system-ui,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif
}
table.Toto togel tbody td{
    font-size:15px;
    color:#fff;
    padding:5px;
    font-family:-apple-system,system-ui,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif
}
table.Toto togel thead{
    background:#fdbf02;
    font-family:-apple-system,system-ui,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif
}
table.Toto togel thead th{
    font-size:17px;
    color:#fff;
    text-align:center;
    font-family:-apple-system,system-ui,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif
}
.betting-list-card__list-item-1{
    border-bottom:4px solid #f6a841
}
@media only screen and (min-width:1200px){
    .betting-list-card__title{
        width:70%
    }
    .betting-list-card__title{
        order:2;
        padding-left:18px;
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between
    }
    .text-white{
        color:#fff
    }
}
@media only screen and (min-width:998px){
    .img-zoom{
        height:148px
    }
}
@media only screen and (max-width:998px){
    .img-zoom{
        height:128px
    }
}
@media only screen and (max-width:768px){
    .img-zoom{
        height:98px
    }
}
@media only screen and (max-width:568px){
    .img-zoom{
        height:78px
    }
    .m-80{
        width:80%
    }
}
@media only screen and (max-width:480px){
    .img-zoom{
        height:68px
    }
}
#menutb td{
    background:#1a1a1a
}
#menutb td:hover{
    background:#141414;
    border-radius:10px
}
a:hover>.play-btn{
    text-decoration:none;
    color:#000
}
.toplist__label{
    color:#1f2426;
    font-weight:700;
    font-style:normal;
    font-stretch:normal;
    line-height:1.58;
    color:#1f2426;
    font-size:28px;
    margin-top:14px
}
.content.marq{
    background-color:transparent
}
.content.marq-header{
    background-color:#000
}
.content.bgrtp{
    background-color:#000
}
h3.gacor{
    padding-top:1px;
    color:#000;
    border-bottom:1px dotted #f3c314;
    border-radius:4px;
    background-image:linear-gradient(to bottom,#fdf571 0%,#d6b75f 100%)
}
.table>tbody>tr>td,.table>thead>tr>th{
    padding:2px 0;
    line-height:1.42857143;
    vertical-align:top
}
.table-bordered>tbody>tr>td,.table-bordered>thead>tr>th{
    border:none;
    vertical-align:middle
}
.m-hide{
    display:none
}
.search{
    border:1px solid grey;
    border-radius:5px;
    height:25px;
    width:100%;
    padding:2px 23px 2px 30px;
    outline:0;
    background-color:#f5f5f5
}
.search-icon{
    position:absolute;
    top:6px;
    left:8px;
    width:14px
}
.clear-icon{
    position:absolute;
    top:7px;
    right:8px;
    width:12px;
    cursor:pointer;
    visibility:hidden
}
.search:hover,.search:focus{
    border:1px solid #009688;
    background-color:#fff
}
.app-footer{
    background:#1a1a1a;
    padding:1rem;
    margin-bottom:1rem;
    border-radius:4px
}
.app-footer section{
    padding-top:1rem;
    padding-bottom:1rem;
    border-top:1px solid hsla(0,0%,100%,.1);
    border-bottom:1px solid hsla(0,0%,100%,.1)
}
.app-footer__partners h5{
    color:#f79236;
    text-align:center;
    margin-bottom:1rem
}
.app-footer__partners ul{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(2rem,1fr))
}
.app-footer__partners li:hover{
    background-image:linear-gradient(to bottom,#fdf571 0%,#d6b75f 100%);
    border-radius:1rem
}
ul{
    list-style-type:none
}
.app-footer__partners ul li{
    flex-grow:1;
    min-width:15%;
    align-items:center
}
.app-footer__partners ul li a{
    padding:.5rem;
    font-size:.75rem;
    white-space:nowrap;
    color:hsla(0,0%,100%,.6);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center
}
.app-footer__partners ul li a:hover{
    color:#000
}
@media screen and (max-width:600px){
    h3.gacor{
        font-size:22px
    }
}
.box-logo{
    padding:1rem;
    border:1px solid #1a1a1a;
    border-radius:4px;
background-color:#1a1a1a;
}
.box-logoo{
    padding:1rem;
    border:1px solid #1a1a1a;
    border-radius:4px;
background-color:#transparent;
}

#jamgacor {
    position: relative;
    z-index: 100;
  }
  #xpola {
    position: relative;
    z-index: 99;
    min-height: 90px;
  }
  .d-block {
    display: block !important;
  }
  .bg-dark {
    background-color: #1a1a1a !important;
  }
  .rounded {
    border-radius: 0.25rem !important;
  }
  .rounded-pill {
    border-radius: 50rem !important;
  }
  .p-1 {
    padding: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mb-0,
  .my-0 {
    margin-bottom: 0 !important;
  }
  .text-danger {
    color: #dc3545 !important;
  }
  .text-success {
    color: #28a745 !important;
  }

  #bPola {
    z-index: 100;
  }

  .hidden {
    display: none;
  }

  .px-2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .f-1 {
    font-size: 14px;
  }
  .p-2 {
    padding-top: 20px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
  }

  #xpola:before {
    content: "POLA";
    position: relative;
    display: block;
    /* vertical-align: -50%; */
    margin: -18px 0px 4px -4px;
    padding: 4px;
    left: 0px;
    width: 100%;
    background: #c57dfb;
    border-radius: 40px;
    box-shadow: 0px 1px 0px #9d1ffb;
    font-size: 14px;
    transform: scale(0.7);
    color: black;
    font-weight: 600;
	
  }