.pool-name {
    width: 100%!important;
    font-size: 13px!important;
    font-weight: 600;
    text-align: center;
    color: #012e30!important;
    position: relative;
    top: 0;
    padding: 5px;
    background: linear-gradient(to bottom,#feda09,#fedc0f)!important;
    border-radius: 5px 2px 18px 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: none
}

.pool-date {
    width: 100%;
    margin-left: 0!important;
    font-size: 11px!important;
    color: #e2e2e2!important;
    font-weight: 600
}

.pool-result {
    font-size: 13px!important;
    width: 100%;
    text-align: center;
    color: #ffe200!important;
    padding-top: 3px;
    letter-spacing: 1px;
    font-weight: 600!important
}

.dib {
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 600
}

.inner-wrap .bank {
    width: 23.9%
}

.app_slogan {
    display: inline-block;
    position: relative;
    overflow: hidden;
    vertical-align: top
}

.flipdown {
    height: 30px;
    width: 100%
}

.flipdown-content {
    height: 16px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 10px;
    color: #ccc;
    text-shadow: 2px 2px 5px #00000096;
    letter-spacing: 0;
    transform-origin: top center;
    transform: perspective(400px) rotateX(0deg);
    transition: transform .3s cubic-bezier(.5,0,.1,1)
}

.flipdown-content:nth-child(2) {
    transform: perspective(400px) rotateX(-90deg)
}

.icon {
    display: flex;
    fill: #fff;
    width: 55px;
    vertical-align: middle;
    background: linear-gradient(176deg,#960300,#710100);
    border-radius: 5px;
    animation: borderPulse 1s infinite ease-out;
    padding: 5px 7px;
    font-size: 9px;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    position: relative;
    top: 17px
}

div.rtp {
    background-image: linear-gradient(124deg, rgb(0 168 255) 0%, rgb(0 168 255) 8%, rgb(0 168 255) 15%, rgb(0 168 255) 23%, rgb(16 100 143) 31%, rgb(0 168 255) 38%, rgb(0 168 255) 46%, rgb(0 168 255) 54%, rgb(0 168 255) 62%, rgb(0 168 255) 69%, rgb(0 168 255) 77%, rgb(0 168 255) 85%, rgb(0 168 255) 100%);
    color: #fff;
    text-shadow: 2px 1px 9px rgb(0 0 0 / 70%);
    background-size: 300% 300%;
    border-radius: 15px 2px 15px 5px !important;
    animation: background-gold 1s infinite;
    box-shadow: inset 0 -2px 0 rgb(255 244 0);
    padding: 12px 26px;
    line-height: 20px;
    text-align: center;
    height: 45px;
    border: none;
}

@keyframes borderPulse {
    0% {
        box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.4), 0px 0px 0px 0px rgb(255, 255, 255);
    }

    100% {
        box-shadow: 0px 0px 0px 3px rgba(255, 117, 117, 0), 0px 0px 0px 10px rgba(255, 0, 0, 0);
    }
}

.text {
    vertical-align: middle;
    color: #efefef;
    margin-top: 3px;
    font-weight: 300;
    letter-spacing: .03em;
    text-shadow: 2px 2px 5px #00000096
}

div.toglin {
    display: none;
    background: #e0dd2e;
    padding: 5px;
    transition: opacity 1s ease , max-height 1s ease
}

.toglin tbody {
    background: #e0dd2e
}

.toglin .game-listt {
    background: #286192;
    margin: 3px 0
}

table.game-buttonn {
    width: 100%;
    color: #fff;
    text-align: center;
    background: #fff;
    margin-bottom: 0
}

tr.gamee td {
    display: block;
    padding: 5px
}

td.game-listt a {
    font-size: 16px;
    text-decoration: none;
    font-family: Century\ Gothic,sans-serif;
    color: #fff
}

span#linkk {
    background: linear-gradient(111.83deg,#e0dd2e 24.54%,#21537e 72.94%);
    font-family: Century\ Gothic,sans-serif;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 24px;
    min-width: 43%;
    text-align: center;
    border-radius: 8px;
    line-height: 35px!important;
    display: block!important;
    height: 40px!important;
    width: 100%;
    color: #fff;
    box-shadow: inset 0 0 9px #44a5f8, inset 0 1px rgb(255 255 255 / 50%);
    margin-bottom: 10px;
    cursor: pointer
}

.shead {
    height: 135px!important
}

.sindex {
    top: 65px!important
}

.slc {
    top: 77px!important;
    display: flex;
    align-items: center;
    justify-content: center
}

.space {
    right: 10px!important
}

.scontent {
    margin: 65px auto!important
}

.modal {
    z-index: 10500
}

.modal-backdrop {
    z-index: 10400
}

.modal-backdrop.in {
    opacity: .9
}

.modal-content {
    background-color: transparent;
    border: none;
    box-shadow: none!important
}

.modal-header {
    border-bottom: none
}

.close {
    font-size: 25px;
    opacity: 1;
    color: #fff
}

.btn-close {
    font-weight: bold;
    font-size: 25px;
    opacity: 1;
    color: #fff;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0
}

.modal-mobile {
    background-color: rgb(0 0 0 / 93%);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: table
}

.modal-mobile.hidden {
    display: none
}

.modal-mobile .modal-container-mobile {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 200px
}

.modal-mobile .body {
    display: inline-block;
    padding: 10px
}

.popup-img {
    width: 100%;
    height: auto
}

.splide__pagination {
    position: absolute;
    z-index: 0;
    bottom: .5em;
    left: 50%;
    transform: translateX(-50%);
    padding: 0
}

body {
    font-family: Maven\ Pro,sans-serif;
    font-size: 14px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    background: #0c0e10
}

div.col-sm-9 span {
    display: none
}

div.social {
    width: 100%;
    background-size: contain;
    margin: auto;
    text-align: center;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    align-items: stretch;
    justify-content: center;
    align-content: center;
    justify-items: stretch
}

#ico {
    width: 100%;
    padding: 8px 0 20px 0;
    color: #fff;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #000926;
    border-radius: 6px;
    box-shadow: inset 0 0 5px #ffde00, 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 1px rgb(255 255 255 / 50%);
    border: 1px solid #ffde00;
    position: relative
}

div.social img {
    width: 25px;
    filter: brightness(6.3) drop-shadow(1px 2px 2px #00000054) contrast(1)
}

div.social p {
    width: 100%;
    display: inline-block;
    font-size: 10px;
    margin: 0;
    position: absolute;
    bottom: 0;
    border-radius: 0 0 6px 6px
}

.outmedsos {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #000;
    padding: 0 10px 0 10px;
    gap: 8px
}

.out1 {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 3fr;
    justify-items: center;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.logoico {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000926;
    border-radius: 6px;
    box-shadow: inset 0 0 5px #ffde00, 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 1px rgb(255 255 255 / 50%);
    border: 1px solid #ffde00;
    margin-top: 10px
}

.logoico img {
    width: 140px;
    filter: drop-shadow(1px 2px 2px #00000054)
}

.infoout {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    padding: 10px 60px 25px 60px;
    background: #000926;
    border-radius: 6px;
    box-shadow: inset 0 0 5px #ffde00, 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 1px rgb(255 255 255 / 50%);
    position: relative;
    border: 1px solid #ffde00
}

.infoout p {
    width: 100%;
    display: inline-block;
    font-size: 13px;
    padding: 3px 0;
    margin: 0;
    color: #fff;
    position: absolute;
    bottom: 0;
    border-radius: 0 0 6px 6px
}

.infoout img {
    width: 80px;
    filter: brightness(6.3) drop-shadow(1px 2px 2px #00000054) contrast(1)
}

#preloader #status em {
    font-size: 9px!important
}

#preloader #status {
    background-image: url(http://stylesheet.site/assets/img/ga/logo.png)!important;
    background-size: 50%;
    animation: fadeinnew 1s linear infinite
}

@keyframes fadeinnew {
    0% {
        background-size: 50%;
    }

    50% {
        background-size: 53%;
    }

    100% {
        background-size: 50%;
    }
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

.downapk.buktijp {
    background: linear-gradient(111.83deg,#ffa331 24.54%,#f63 72.94%)!important;
    box-shadow: inset 0 0 9px #ffdb99
}

.buktijpterbaru object {
    width: 100%;
    height: 100vh
}

.navigation-item .downapk .fa-gift {
    font-size: 25px;
    margin-right: 20px
}

.medsossupport {
    display: flex;
    gap: 10px;
    margin: 20px 0;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.medsossupport .top {
    width: 30%;
    margin-top: 0;
    position: relative
}

.medsossupport .top a {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 10px 30px 10px
}

.medsossupport .fsupport {
    padding-top: 0;
    width: 100%;
    position: absolute;
    bottom: 0
}

.fsupport p {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 3px 0;
    background: linear-gradient(to right,#25aae1,#40e495,#30dd8a,#2bb673);
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    text-shadow: -1px 2px 2px #0000003d;
    border: 3px solid rgba(255,255,255,.45);
    border-radius: 50px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-clip: padding-box
}

.fsupport a p {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 3px 0;
    background: linear-gradient(to right,#25aae1,#40e495,#30dd8a,#2bb673);
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    text-shadow: -1px 2px 2px #0000003d;
    border: 3px solid rgba(255,255,255,.45);
    border-radius: 50px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-clip: padding-box
}

.content .top .image {
    width: 41px
}

.col-md-12 b {
    color: #fff
}

.all-elements .page-content {
    background-color: #000;
    min-height: 800px
}

.all-elements .accordion-content {
    background: transparent
}

#content .content .no-bottom {
    background: #000;
    position: relative
}

.splide__track {
    padding: 2px 0;
    background: #1d6d7d;
    box-shadow: 0 0 1px 1px rgb(0 0 0 / 40%), inset 0 1px rgb(255 255 255 / 30%)
}

.legend .btn.btn-theme {
    background: linear-gradient(to top, #15687d 35%, #1e9fbe 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
    border: .5px solid #35d4fa;
    box-shadow: inset 0 0 5px #35d4fa, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%) !important;
    border-radius: 6px!important
}

.peraturan-button-wrapper .btn-peraturan {
    background-color: #fff !important;
    border: .5px solid #f5b365!important;
    border-radius: 6px!important;
    color: #0d3047!important;
}

.panel-blue #contentdetil .button-green {
    background: linear-gradient(to top, #27ae60 35%, #2ed374 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
    border: .5px solid #2ff282;
    box-shadow: inset 0 0 5px #2ff282, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%);
    border-radius: 6px!important
}

.panel-blue .m-password-submit {
    background: linear-gradient(to top, #ebca1b 35%, #e2f000 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
    border: .5px solid #ffe200;
    box-shadow: inset 0 0 5px #ffd07c, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%) !important;
    border-radius: 6px!important
}

.content .col-md-12 .button-reds {
    background: linear-gradient(to top, #f89e00 35%, #ffc153 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
    border: .5px solid #ffd07c;
    box-shadow: inset 0 0 5px #ffd07c, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%) !important;
    border-radius: 6px!important
}

.content .inner-wrap .button-reds {
    background: linear-gradient(to top, #f89e00 35%, #ffc153 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
    border: .5px solid #ffd07c;
    box-shadow: inset 0 0 5px #ffd07c, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%) !important;
    border-radius: 6px!important
}

.inner-wrap form .button-dark {
    background: linear-gradient(to top, #1e1f1f 35%, #353535 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
    border: .5px solid #646464;
    box-shadow: inset 0 0 5px #646464, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%);
    border-radius: 6px!important
}

.inner-wrap form .button-blue {
    background: linear-gradient(to top, #15687d 35%, #1e9fbe 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
    border: .5px solid #35d4fa;
    box-shadow: inset 0 0 5px #35d4fa, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%);
    border-radius: 6px!important
}

.inner-wrap .panel-blue .button-grey {
    background: transparent;
    border: .5px solid #8eb814;
    box-shadow: none!important;
    border-radius: 6px;
    padding: 8px 25px;
    font-size: 1.5rem;
    text-transform: uppercase
}

.inner-wrap .panel-blue .button-red {
    background: #d9e81a;
    border: .5px solid #ffd900;
    box-shadow: none;
    border-radius: 6px;
    color: #28527e;
    padding: 8px 20px;
    text-transform: uppercase;
    font-size: 1.5rem
}

.inner-wrap .panel-blue {
    background: linear-gradient(45deg,black,transparent);
    border: none
}

.content .game-button .game-list {
    background: #000926;
    border: .5px solid #ffde00;
    box-shadow: inset 0 0 5px #ffde00, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%);
    border-radius: 6px
}

#content .page-header {
    background: #000 !important;
    display: flex
;
    justify-items: center;
    padding: 0px 0 150px 0;
    align-content: center;
    flex-direction: row;
    align-items: center;
    height: 3.6rem;
}

.smartb4 .no-bottom {
    background: #000
}

.button-icons2 .newgame {
    min-height: 31px!important;
    background: transparent;
    color: red;
    font-size: 9px
}

#filterminigame .angka-keluar {
    color: #ffdf00
}

.panel-grey #filtertogel .filter5d font,.panel-grey #filtertogel .filter4d font {
    color: #ff7b45!important
}

.content .no-bottom .inner-wrap .color-grey {
    color: #000
}

.content .no-bottom #banklist .bank-logo {
    padding: 14.5% 0 0 0
}

#filtertogel .filter5d font,#filtertogel .filter4d font {
    color: #f4a531!important
}

.content .no-bottom form .panel-grey #semua {
    width: 18%!important;
    background: #ffdf00!important;
    color: #000!important;
    box-shadow: 1px 2px 5px rgb(0 0 0 / 30%), inset 0 1px rgb(255 255 255 / 80%), inset 2px 0 rgb(255 255 255 / 20%), inset -2px 0 rgb(255 255 255 / 20%), inset 0px -2px rgb(255 255 255 / 10%);
    font-weight: 500;
    text-shadow: -1px 2px 2px #00000036
}

.content .no-bottom form .panel-grey #minigame {
    background: #ffdf00!important;
    color: #000!important;
    box-shadow: 1px 2px 5px rgb(0 0 0 / 30%), inset 0 1px rgb(255 255 255 / 80%), inset 2px 0 rgb(255 255 255 / 20%), inset -2px 0 rgb(255 255 255 / 20%), inset 0px -2px rgb(255 255 255 / 10%);
    font-weight: 500;
    text-shadow: -1px 2px 2px #00000036
}

.content .no-bottom form .panel-grey #togelall {
    background: #ffdf00!important;
    color: #000!important;
    box-shadow: 1px 2px 5px rgb(0 0 0 / 30%), inset 0 1px rgb(255 255 255 / 80%), inset 2px 0 rgb(255 255 255 / 20%), inset -2px 0 rgb(255 255 255 / 20%), inset 0px -2px rgb(255 255 255 / 10%);
    font-weight: 500;
    text-shadow: -1px 2px 2px #00000036
}

.content .no-bottom form .panel-grey #togel {
    background: #ffdf00!important;
    color: #000!important;
    box-shadow: 1px 2px 5px rgb(0 0 0 / 30%), inset 0 1px rgb(255 255 255 / 80%), inset 2px 0 rgb(255 255 255 / 20%), inset -2px 0 rgb(255 255 255 / 20%), inset 0px -2px rgb(255 255 255 / 10%);
    font-weight: 500;
    text-shadow: -1px 2px 2px #00000036
}

.content .no-bottom form .panel-grey #slot {
    background: #ffdf00!important;
    color: #000!important;
    box-shadow: 1px 2px 5px rgb(0 0 0 / 30%), inset 0 1px rgb(255 255 255 / 80%), inset 2px 0 rgb(255 255 255 / 20%), inset -2px 0 rgb(255 255 255 / 20%), inset 0px -2px rgb(255 255 255 / 10%);
    font-weight: 500;
    text-shadow: -1px 2px 2px #00000036
}

#filterslot .slot-wrapper {
    background: #11282a
}

#filterslot .slot-content {
    background: #11282a
}

.content .no-bottom .inner-wrap {
    background: #00000
}

.content .no-bottom .panel-grey {
    background: #000
}

.content .no-bottom .wrapper {
    background: #000
}

.contentrtpl21 .bjrtpbj {
    width: 100%;
    height: 800px
}

.contentrtpl21 {
    display: none;
    background: #636363;
    text-align: center;
    color: #fff
}

.cusrtpslot {
    background: linear-gradient(111.83deg,#2fd676 24.54%,#02a546 72.94%);
    box-shadow: inset 0 0 10px #ffdb99, inset 0 2px #ffffffa3, 5px 8px 10px #0000004a;
    color: #fff;
    text-shadow: -1px 2px 2px #00000036, 0 0 10px white;
    padding: 5px 10px;
    border-radius: 5px;
    margin-left: 5px;
    width: 13%;
    font-weight: 600;
    letter-spacing: 1px
}

@keyframes backgroundAnimation {
    0% {
        background-position: right top;
    }

    50% {
        background-position: left bottom;
    }

    60% {
        background-position: left bottom;
    }

    100% {
        background-position: right top;
    }
}

.content .panel-grey #carigame {
    display: none
}

.grubsearchPasaran {
    width: 100%;
    position: relative;
    padding: 5px 10px;
    background: #ffdf00;
    border-radius: 6px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    box-shadow: inset 0 1px rgb(255 255 255 / 50%)
}

.grubsearchPasaran input {
    width: 100%;
    border: none;
    border-radius: 3px;
    padding: 5px;
    color: #fff;
    letter-spacing: 1px;
    background: #fff;
    box-shadow: none
}

.grubsearchPasaran img {
    width: 28px;
    margin-right: 5px;
    filter: brightness(1) contrast(3)
}

.grubsearchPasaran input::placeholder {
    color: #b3bfc5
}

hr {
    display: none
}

.grubsearchPasaran #searchPasaran {
    width: 100%;
    border-radius: 3px;
    padding: 3px 7px;
    color: #000;
    background: #fff;
    letter-spacing: 1px;
    border: 1px solid #fff;
    box-shadow: none
}

#content .stream-wrapper #containerworldTime #stream {
    top: 58px!important
}

.l21hokinumber {
    margin: 0;
    padding: 3px 0 7px 0;
    background: #1b4a5f;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 17px
}

.l21hokinumber p {
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #bfbfbf
}

.nmrhoki {
    margin: 0;
    padding: 0;
    font-size: 18px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center
}

.nmrhoki5d {
    margin: 0;
    padding: 0;
    font-size: 18px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center
}

.nmrhoki5d span {
    margin: 0 1px;
    text-shadow: 1px 1px 1px #00000070, 0 0 20px #b5c7d15c;
    color: #fff
}

@keyframes rotasiwarna {
    0% {
        filter: hue-rotate(0deg);
    }

    100% {
        filter: hue-rotate(360deg);
    }
}

#lobtoto .testaja b {
    position: relative;
    top: -10px
}

.nmrhoki span {
    margin: 0 1px;
    text-shadow: 1px 1px 1px #00000070, 0 0 20px #b5c7d15c;
    color: #fff
}

#containerworldTime #button-video {
    top: 267px
}

.inner-wrap .button-blue.radiusbr {
    font-weight: bold;
    text-shadow: 1px 1px 1px #00000082;
    border: none!important;
    border-radius: 0 0 7px 0!important
}

.inner-wrap .radiusbl {
    background: linear-gradient(111.83deg,#2fd676 24.54%,#02a546 72.94%);
    box-shadow: inset 0 0 9px #ffdb99, inset 0 1px rgb(255 255 255 / 50%);
    font-weight: bold;
    text-shadow: 1px 1px 1px #00000082
}

.smartb4 .inner-wrap {
    background: #000
}

.note.right {
    display: none
}

.note {
    color: #fff;
    text-transform: capitalize
}

a.promo {
    background: linear-gradient(111.83deg,red 24.54%,#b60202 72.94%);
    font-family: Century\ Gothic,sans-serif;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 24px;
    min-width: 43%;
    text-align: center;
    border-radius: 8px;
    line-height: 35px!important;
    display: block!important;
    height: 40px!important;
    margin-right: 0;
    width: 100%;
    color: #fff;
    box-shadow: inset 0 0 9px #fe5454, inset 0 1px rgb(255 255 255 / 50%);
    margin-bottom: 10px
}

a.note.left {
    font-size: 12px;
    text-align: left;
    width: 100%;
    color: #fff;
    border-radius: 3px
}

.wrapper2 {
    padding: 10px 10px!important
}

.wrapper2 .inner-wrap {
    background: 000000;
    padding: 0 20px 20px 20px
}

.wrapper2 .panel-blue {
    background: #890b0b;
    box-shadow: 1px 2px 5px rgb(0 0 0 / 30%), inset 0 1px rgb(255 255 255 / 80%), inset 2px 0 rgb(255 255 255 / 20%), inset -2px 0 rgb(255 255 255 / 20%), inset 0px -2px rgb(255 255 255 / 10%), inset 0 0 2px #d78f47, inset 0 0 3px #fff6ce;
    border-radius: 6px
}

.inner-wrap select,.panel-blue textarea {
    box-shadow: none
}

.no-bottom {
    background: 000000;
    position: relative
}

.showp {
    color: #fff;
    display: flex;
    float: right;
    position: absolute;
    align-items: center;
    top: 16px;
    right: 12px;
    z-index: 1
}

.showp img {
    width: 15px;
    height: 15px;
    filter: brightness(.8)
}

.showp #hideshow {
    display: none
}

.iconuserlogin {
    position: absolute;
    top: 45px;
    left: 13px;
    background: #3b4148;
    border-radius: 2px 0 0 2px;
    padding: 10px 13px;
    box-shadow: 1px 0 5px #0000003b
}

.iconuserlogin img {
    width: 19.3px;
    filter: brightness(7) contrast(.3)
}

.iconkeylogin {
    position: absolute;
    top: 100px;
    left: 13px;
    background: #3b4148;
    border-radius: 2px 0 0 2px;
    padding: 10px 13px;
    box-shadow: 1px 0 5px #0000003b
}

.iconkeylogin img {
    width: 19.3px;
    filter: brightness(7) contrast(.3)
}

.smartb4 .contactField {
    padding-left: 45px!important;
    padding-right: 45px!important;
    color: #204252!important;
    background: #e9e9e9!important;
    height: 45px!important;
    text-align: left
}

.smartb4 .contactField::placeholder {
    color: #a6a6a6!important
}

.smartb4 input[type="text"],.smartb4 input[type="password"],.smartb4 select,.smartb4 textarea {
    border: 1px solid #fed804;
    box-shadow: inset -1px 1px 4px rgba(0,0,0,.5) , inset 1px 0 3px rgba(67,67,67,.3) , 2px 2px 2px rgba(0,0,0,.3)
}

input[type="text"]:focus {
    box-shadow: inset 0 0 1px #ffde00 , 1px 1px 5px rgba(0,0,0,.5);
    border: 1px solid #ffde00
}

input[type="password"]:focus {
    box-shadow: inset 0 0 1px #ffde00 , 1px 1px 5px rgba(0,0,0,.5);
    border: 1px solid #ffde00
}

.page-sidebar-scroll .buttonlc {
    position: absolute;
    top: 0!important;
    right: 10px;
    width: 100px;
    font-size: 10px!important
}


#content .header-logo {
    width: 170px!important;
    height: 50px!important;
    margin-right: auto!important;
    top: -4px
}

.button-orange {
    background: linear-gradient(111.83deg,#35b2db 24.54%,#21537e 72.94%)!important;
    box-shadow: 1px 3px 5px #00000073, inset 0 1px rgb(255 255 255 / 30%) !important;
    display: flex;
    text-align: center;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    margin: 10px
}

.buttonWrap {
    min-width: 43%;
    display: flex;
    text-align: center;
    border-radius: 8px;
    align-items: center;
    justify-content: center
}
.buttonlc{
    color: #000 !important;
    font-weight: 700px;
}

.buttonlc{
	position: absolute;
	top: 18px;
	right: 20px;
	width: 100px;
	font-size: 10px !important;
}

#content .buttonlc2 {
    font-weight: 700;
    width: 85px !important;
    padding: 5px 2px !important;
    background: #ffe000 !important;
    font-size: 14px;
    display: flex;
    box-shadow: none !important;
    color: #000 !important;
}

.header-logo2 {
    width: 170px!important;
    height: 50px!important;
    margin-top: 13px!important;
    margin-left: 25px!important;
    margin-right: auto!important
}

.smartb2 .header-logo2 {
    width: 170px !important;
    height: auto !important;
    margin-top: 80px !important;
    margin-left: 0 !important;
}

.content .results .jadwalshare {
    padding: 0
}

#slider-hasil {
    padding-top: 10px;
    border-top: 1px solid #376996
}

.slider {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 9px;
    margin-bottom: 9px
}

#content .content .results {
    margin: 0;
    padding: 2px;
    background: #1a89b5
}

.smartb4 input[type="text"], .smartb4 input[type="password"], .smartb4 select, .smartb4 textarea {
    border: 1px solid #0bbeff;
    box-shadow: inset -1px 1px 4px rgba(0, 0, 0, .5), inset 1px 0 3px rgba(67, 67, 67, .3), 2px 2px 2px rgba(0, 0, 0, .3);
}

.results {
    background: linear-gradient(105deg, rgb(22 86 99) 0%, rgba(255, 255, 255, 0) 80%);
    border-radius: 6px;
    position: relative;
    display: grid;
    padding: 25px 5px 5px 5px;
    box-shadow: none;
    border: 1px solid #efba23;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    justify-items: center;
    align-content: center;
    grid-template-columns: 40% 25% 35%
}

#lobtoto .testaja {
    box-shadow: inset 0 0 5px #ffde00, 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 1px rgb(255 255 255 / 50%);
    position: relative;
    background: #000926;
    padding: 0!important;
    overflow: hidden!important;
    border: 1px solid #ffde00
}

#lobtoto .testaja .nama-pasar {
    margin: auto;
    min-height: 0;
    padding: 5px 0;
    box-shadow: inset 0 1px rgb(255 255 255 / 30%);
    background: #ffdf00;
    color: #000;
    text-shadow: -1px 2px 2px #00000036;
    letter-spacing: .03em
}

#lobtoto .testaja .angka-keluar {
    min-height: 0;
    padding: 5px;
    font-size: 25px;
    color: #ffdf00;
    letter-spacing: 2px
}

.panel-grey #bannerimg {
    display: none
}

#filterslot .slot-header-right button {
    padding: 2px 20px;
    border-radius: 5px;
    color: #fff;
    text-shadow: -1px 2px 2px #00000036, 0 0 10px white;
    font-weight: 500;
    background: linear-gradient(111.83deg,#2fd676 24.54%,#02a546 72.94%);
    box-shadow: inset 0 0 10px #ffdb99, inset 0 2px #ffffffa3, 5px 8px 10px #0000004a;
    letter-spacing: 1px
}

#filterslot .slot-content .slot-games {
    box-shadow: inset 0 0 5px #ffde00, 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 1px rgb(255 255 255 / 50%);
    position: relative;
    background: transparent;
    padding: 5px!important;
    overflow: hidden!important;
    border-radius: 7px;
    margin: 0 2px;
    width: 47.6%;
    border: 1px solid #ffde00
}

#filterslot .slot-content .slot-games img {
    border-radius: 0;
    height: 105px
}

#lobmini .button-icons2 {
    box-shadow: inset 0 0 5px #ffde00, 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 1px rgb(255 255 255 / 50%);
    position: relative;
    background: #000926;
    padding: 0 0 30px 0!important;
    overflow: hidden!important;
    border: 1px solid #ffde00
}

#lobmini .button-icons2 .nama-pasar {
    margin: auto;
    min-height: 0;
    padding: 5px 0;
    box-shadow: inset 0 1px rgb(255 255 255 / 30%);
    background: #ffdf00;
    color: #000;
    text-shadow: -1px 2px 2px #00000036;
    letter-spacing: .03em
}

#lobmini .button-icons2 .angka-keluar {
    min-height: 0;
    padding: 5px;
    font-size: 15px
}

.inner-wrap .ha1 {
    width: 100%;
    color: #000;
    margin: 0;
    font-size: 20px;
    border-radius: 7px 7px 0 0;
    font-weight: 500;
    background: #ffdf00;
    box-shadow: inset 0 0 5px #fff , 1px 1px 5px rgba(0,0,0,.5);
    text-shadow: -1px 2px 2px #00000036, 0 0 10px white;
    text-align: center
}

.inner-wrap #banklist {
    padding: 5px 10px;
    margin: 0;
    background: #000926;
    box-shadow: inset 0 0 5px #ffde00, 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 1px rgb(255 255 255 / 50%);
    border-top: none;
    border: 1px solid #ffde00
}

.content .no-bottom .inner-wrap #banklist .bank {
    background: #fdf4cd;
    box-shadow: 1px 2px 5px rgb(0 0 0 / 30%), inset 0 1px rgb(255 255 255 / 80%), inset 2px 0 rgb(255 255 255 / 20%), inset -2px 0 rgb(255 255 255 / 20%), inset 0px -2px rgb(255 255 255 / 10%)
}

.content .results .news-detail {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    width: 100%;
    background: transparent;
    gap: 5px;
    padding: 0
}

.content .results .latest-news {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    background: #f2e9c2;
    height: 200px
}

.content .results .latest-news .gmbnews {
    width: 100%
}

.content .results .latest-news b {
    font-size: 11px;
    color: #000
}

.content .results .latest-news .dates {
    font-size: 9px
}

.content .results h2 img {
    display: none
}

.content .results h2 b {
    font-size: 9px
}

.navigation-item .downapk {
    padding-left: 22px;
    display: flex;
    align-items: center;
    background: linear-gradient(176deg,#960300,#710100)
}

.navigation-item .downapk .fa-android {
    font-size: 25px;
    margin-right: 18px
}

.navigation-item .downapk .unselected-item {
    margin-top: 0
}

.bank {
    vertical-align: middle;
    box-shadow: 1px 1px 5px rgba(0,0,0,.5);
    background: #fff;
    border: none
}

.bank img:first-child {
    margin-top: 0;
    filter: drop-shadow(1px 1px 1px #00000073)
}

.bank img:last-child {
}

#slider {
    display: flex
}

.bubbhost {
    list-style: none;
    position: relative
}

.bubble {
    background: linear-gradient(111.83deg,#cb0d09 24.54%,#6f0603 72.94%);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    transition: all .5s cubic-bezier(.445,.05,.55,.95);
    position: absolute;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0px 0px 10px #c50d09, inset 0 1px rgb(255 255 255 / 50%);
    list-style: none
}

.bubble img {
    width: 100%;
    filter: drop-shadow(1px 2px 3px #000000a1)
}

.bubble>button:focus {
    outline: 0
}

.bubble.menu {
    transform: scale(1.2);
    z-index: 5;
    width: 50px;
    height: 50px;
    animation: tada 1s ease-in-out infinite
}

@keyframes tada {
    0% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    10%, 20% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
}

.bubble.menu.active {
    animation: none
}

.bubble.menu>button {
    border: 0 solid transparent;
    background: transparent;
    width: 100%;
    height: inherit;
    color: #fff;
    font-size: 1.5em;
    vertical-align: text-bottom
}

.bubble.menu.active ~ .bubble:nth-of-type(2) {
    transform: translateX(40px) translateY(-50px)
}

.bubble.menu.active ~ .bubble:nth-of-type(3) {
    transform: translate(75px,0);
    transition-delay: .2s
}

.bubble.menu.active ~ .bubble:nth-of-type(4) {
    transform: translateY(55px) translateX(45px);
    transition-delay: .3s
}

.grupbubb {
    width: 170px;
    height: 100%;
    position: fixed;
    top: 77%;
    z-index: 2;
    padding: 60px 20px
}

#menuButtonbubb {
    animation: all .3s ease;
    text-shadow: 1px 2px 2px #000000a1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

#menuButtonbubb svg {
    width: 45px;
    stroke: #fff;
    background: transparent;
    animation: none;
    position: absolute;
    top: 5px
}

.idn_slide_mobile {
    width: 100%;
    height: 75.5vh
}

.bank-status {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
    align-items: center;
    gap: 5px
}

.bank {
    border-radius: 5px!important;
    padding-bottom: 0!important
}

.bank-status .bank {
    width: 100%;
    display: flex;
    padding: 0;
    .bank {
        background: linear-gradient(#02a546, #2fd676, #2fd676, #02a546), linear-gradient(225deg, rgb(255 255 255 / 43%) 0%, rgb(255 255 255 / 58%) 60%)!important;
        box-shadow: inset 0 0 5px #059e70, 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 1px rgb(255 255 255 / 50%)!important;
        border: 1px solid #20f070 !important;
        border-radius: 30px !important;
        padding-bottom: 30px !important;
    }

    ;justify-content: center;
    align-items: center
}

.bank-status .bank img[src^="/mobile/assets/img/bank/"] {
    width: 55px
}

.promosi-btn-wrapper #btn-promo-more {
    background: linear-gradient(111.83deg,#2fd676 24.54%,#02a546 72.94%);
    box-shadow: inset 0 0 9px #ffdb99, 0px -3px 5px #00000057, inset 0 1px rgb(255 255 255 / 50%);
    font-weight: bold;
    color: #fff!important
}

.promosi-btn-wrapper #btn-promo-play {
    font-weight: bold;
    text-shadow: 1px 1px 1px #00000082;
    border: none!important;
    border-radius: 0 0 7px 0!important;
    box-shadow: inset 0 0 5px #35d4fa, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%)
}

main .main-content {
    color: #000 !important;
    background-color: #000 !important
}

.body-mobile .main-content .title-page {
    color: #fff!important;
    text-align: center
}

.peraturan-light {
    font-size: 1.2rem;
    text-align: left;
    line-height: 24px;
    margin-top: 0;
    color: #fff
}

.peraturan-light strong {
    font-size: 11px;
    line-height: 15px
}

.peraturan-button-wrapper {
    margin: 0
}

.main-content.peraturan-light {
    padding-bottom: 30px;
}

.body-mobile .header-wrapper {
    background: #000000 !important;
    border-bottom: 2px solid #ffed00;
    grid-template-columns: 70% 23%;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding-left: 1rem!important;
    padding-right: 1rem!important
}

.buttn-header-deposit {
    background: linear-gradient(135deg,#e7cd21 -2%,#ffbc00 115%)!important;
    padding: 12px 3px 12px 3px!important;
    border-radius: 10px!important;
    color: #000!important;
    text-align: center;
    max-width: 120px;
    
    position: relative;
    right: 0;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.nmrhoki5dnew span {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #00000070
}

.nmrhoki4dnew span {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #00000070
}

header.header-after-login .header-wrapper img {
    filter: drop-shadow(1px 1px 1px #0000006e);
    width: 150px!important
}

.input-cari-wrapper.show {
    display: none
}

.grubsearchPasaranutama {
    width: 100%;
    position: relative;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    margin: 5px auto;
    background: #013a63;
    border: .5px solid #155583;
    gap: 5px;
    border-radius: 4px
}

.grubsearchPasaranutama svg {
    box-shadow: none;
    animation: none;
    width: 26px;
    height: 26px;
    background: none;
    padding: 0;
    display: block;
    top: 0;
    stroke: white;
    fill: none
}

.grubsearchPasaranutama input {
    width: 100%;
    padding: 5px 10px;
    border-radius: 0 4px 4px 0;
    border: 1px solid transparent;
    outline: none
}

#game-slot .slot-content {
    background: transparent;
    box-sizing: border-box;
    width: 100%;
    justify-items: center;
    grid-gap: 10px!important
}

#game-slot .slot-content img {
    position: relative;
    background: transparent;
    padding: 5px!important;
    overflow: hidden!important;
    margin: 0 2px;
    border: 1px solid #f3e610;
}

.button-lobby-container .button-lobby-wrapper>.button-filter-lobby {
    letter-spacing: .2;
    background: #f3e610!important;
    color: #082d47!important;
    box-shadow: inset 0px -2px #de83098c;
    padding: 10px 5px!important;
    text-transform: uppercase;
    font-weight: 600!important
}

.button-lobby-container .button-lobby-wrapper>.button-filter-lobby.active,.button-lobby-container .button-lobby-wrapper>.button-filter-lobby:hover {
    opacity: 1!important
}

.main-content.peraturan-light {
    background-color: #ffd100 !important;
    color: #fff;
}

.lobby-content-top {
    color: #fff900;
    background: #000000 !important;
    background-size: cover;
    border-bottom: 1px solid #f3e610;
}

.lobby-content-top .mb-lobby-balance .btn-refresh-balance {
    color: #fff;
    border-radius: 6px;
    padding-right: 10px;
    padding-left: 10px
}

.button-lobby-container .button-lobby-wrapper>.button-filter-lobby#rtp_l21 {
    background: linear-gradient(111.83deg,#2fd676 24.54%,#02a546 72.94%);
    border: .5px solid #ffb962;
    box-shadow: inset 0 0 5px #ffca88;
    color: #fff;
    text-shadow: 1px 1px 1px #00000054
}

.bg-grey {
    background-color: transparent!important;
    border: none
}

#bank.bg-grey {
    background-color: transparent!important;
    border: none;
    margin-top: 10px
}

#bank .p-3 {
    padding: 5px!important
}

#bank .capitalizebank-status-item {
    box-shadow: 1px 2px 5px rgb(0 0 0 / 10%), inset 0 1px rgb(255 255 255 / 30%);
    background: #fff;
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px!important
}

#bank .capitalizebank-status-item .pyx-3 {
    padding-top: 0
}

.submit-depo {
    width: 90%;
    position: relative;
    left: 0;
    margin: 10px 20px;
    background: linear-gradient(to top, #197d15 35%, #a4be1e 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
    box-shadow: inset 0 0 5px #3dfa35, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%);
    border-radius: 6px!important
}
#deposit{
    background: #000 !important;
    color:#fff !important;
}
#deposit .btn-depo-submit {
    width: 90%;
    position: relative;
    left: 0;
    margin: 10px 20px;
    background: linear-gradient(to top, #197d15 35%, #a4be1e 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
    box-shadow: inset 0 0 5px #3dfa35, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%);
    border-radius: 6px!important
}

.btn-wd.btn-kirim {
    background: linear-gradient(135deg,#059d19 -2%,#00ae7b 115%);
    box-shadow: inset 0 0 5px #35d4fa, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%);
    border-radius: 6px!important
}

.btn-wd.btn-batal {
    background: linear-gradient(135deg,#3f3f3f -2%,#474747 115%);
    border: .5px solid #646464;
    box-shadow: inset 0 0 5px #646464, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%);
    border-radius: 6px!important
}

.button-history-container .button-history-wrapper>.btn-filter {
    outline: none;
    width: 100%;
    color: #fff;
    border-radius: 4px;
    padding-top: .8rem;
    padding-bottom: .8rem;
    font-size: 1.3rem;
    background: #059d19;
    border: .5px solid #54cd00;
    font-weight: bold;
    letter-spacing: 1px
}

.button-history-container .button-history-wrapper>.btn-filter.active,.button-history-container .button-history-wrapper>.btn-filter:hover {
    opacity: 1
}

.games-btn-container .btn-games-wrapper .btn-game-hs {
    width: 100%;
    white-space: nowrap;
    overflow-x: hidden;
    color: #fff;
    padding: 1.2rem .5rem!important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background: #0b5692!important;
    border-radius: 6px!important;
    font-size: 12px
}

.table-history td,.table-history th {
    border: none!important
}

.content-history {
    margin-top: 3rem;
    padding: 15px;
    background: #082d47;
    border: .5px solid #1b3243;
    border-radius: 6px!important
}

.content-history h3 {
    color: #fff
}

.button-referral {
    width: 100%;
    padding: 15px 26px 15px 26px!important;
    background: #dce62b!important;
    box-shadow: none!important;
    border-radius: 6px!important;
    color: #0b4b70!important;
    font-size: 1.8rem!important
}

.formSubmitButtonErrorsWrap button[value^="DAFTAR"] {
    background: linear-gradient(to top, #f89e00 35%, #ffc153 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
    border: .5px solid #ffd07c;
    box-shadow: inset 0 0 5px #ffd07c, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%) !important;
    border-radius: 6px!important
}

a[href^="/m/list-transaksi/1/old"],a[href^="/m/list-transaksi/1"] {
    background: linear-gradient(to top, #f89e00 35%, #ffc153 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
    border: .5px solid #ffd07c;
    box-shadow: inset 0 0 5px #ffd07c, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%) !important;
    border-radius: 6px!important
}

.hadiah-load div[onclick^="slide\(1\)"],.hadiah-load div[onclick^="slide\(2\)"] {
    background: linear-gradient(to top, #15687d 35%, #1e9fbe 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
    box-shadow: inset 0 0 5px #35d4fa, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%);
    border-radius: 6px!important;
    padding-bottom: 14px!important
}

.news-body .gmbnews {
    width: 50px
}

.header-menu div[onclick^="slide\(1\)"],.header-menu div[onclick^="slide\(2\)"] {
    background-image: linear-gradient(111.83deg,#2fd676 24.54%,#02a546 72.94%);
    box-shadow: inset 0 0 5px #4bc74b, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%);
    border-radius: 6px!important;
    padding-bottom: 14px!important
}

.game-button .game-list {
    padding: 8px 5px;
    text-align: center;
    width: 25%;
    border-radius: 6px!important;
    background: #011d1e;
    border: .5px solid #37ac31;
    box-shadow: inset 0 0 1px #3aff00
}

.main-content .text-hubungi-kami {
    color: #fff
}

.hubungi-kami-warpper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 10px
}

.hubungi-kami-content2 {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 30%;
    justify-content: center;
    gap: 10px
}

.hubungi-kami-content2 a {
    width: 100%
}

.contact-icon-big {
    border-radius: 50%
}

.nav-item.downapk p {
    margin-left: 14px
}

.nav-item.downapk .fab,.nav-item.downapk .fas {
    font-size: 22px
}

.nav-item.downapk .unselected-item {
    margin-top: 0;
    right: 0
}

.apk_download {
    background: linear-gradient(176deg,#960300,#710100);
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: auto
}

.apk_download a {
    padding-left: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 30px
}

.header-memo .active {
    background: linear-gradient(to top, #1e1f1f 35%, #353535 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
    border: .5px solid #646464;
    box-shadow: inset 0 0 5px #646464, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%);
    border-radius: 6px!important;
    font-size: 13px
}

.apk_download.buktijp {
    background: linear-gradient(111.83deg,#ffa331 24.54%,#f63 72.94%)!important;
    box-shadow: inset 0 0 9px #ffdb99
}

.apk_download.buktijp .nav-item.downapk p {
    margin-left: 17px
}

.hidden-overlaybjp {
    display: none!important
}

.collapsed-sidebarbjp {
    width: 0!important
}

.invoice-load {
    padding: 5px;
    background: #012e30
}

.invoice-load input {
    padding: 5px
}

.copier {
    padding: 6px 26px!important;
    color: #fff!important;
    bottom: 0!important;
    font-size: 12px!important;
    background: #3a424e!important;
    box-shadow: inset 0 0 2px #ffc100, 0px 2px 2px #00000057, inset 0 1px rgb(255 255 255 / 60%);
    border-radius: 2px!important
}

.numberDot::placeholder {
    color: #bebebe!important
}

.inner-wrap.p-0 .panel-blue div {
    overflow: auto
}

.qr-bank-img {
    filter: contrast(.5) brightness(1.5)
}

.game-wrapper .game-lobby-content .gamenew-wrapper {
    background: red
}

.game-wrapper .game-lobby-content .gamenew-wrapper>span {
    color: #fff
}

.game-wrapper .game-lobby-content {
    background-color: #091e31!important;
    border: 1px solid #f3e610;
    border-radius: 5px;
    height: 100%;
    padding: 4px
}

.game-wrapper .game-lobby-content .game-title {
    border-radius: 0px 0px 10px 10px;
    padding-bottom: 10px !important;
    color: #000 !important;
    text-align: center;
    white-space: nowrap;
    font-weight: 600!important;
    background: #f3e610 !important;
    box-shadow: inset 0px -2px #de83098c;
    padding: .8rem .8!important;
    font-size: 14px
}

.game-wrapper .game-lobby-content .game-angka .lobby-game-angka-keluar {
    color: #f8fff2!important;
    font-weight: 600;
    font-size: 20px!important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Arial, Helvetica, sans-serif;
}

.mb-sidenav {
    background-color: #000!important
}

a.promo {
    background: linear-gradient(111.83deg,red 24.54%,#b60202 72.94%);
    font-family: Century\ Gothic,sans-serif;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 24px;
    min-width: 43%;
    text-align: center;
    border-radius: 8px;
    line-height: 35px!important;
    display: block!important;
    height: 40px!important;
    margin-right: 0;
    width: 100%;
    color: #fff;
    box-shadow: inset 0 0 9px #fe5454, inset 0 1px rgb(255 255 255 / 50%);
    margin-bottom: 10px
}

.body-mobile .fullcontent .inner-wrap {
    background: #063560
}

.body-mobile .fullcontent .panel-grey {
    background: #02366b
}

.body-mobile .inner-wrap .panel-blue {
    width: 100%!important;
    display: flex!important;
    flex-direction: column;
    padding-top: 30px;
    align-items: center
}

.referral-load {
    background: #000 !important
}

#game-live .lobby-game-angka-keluar {
    font-size: 13px;
}

.detail-referral b {
    color: #fff
}

main .container b {
    color: #fff
}

main .inner-wrap {
    background: #000;
}

.hadiah-load {
    background: #000;
}

.hadiah-load .accordion-content {
    background: #000;
}

.memo-form label {
    color: #fff
}

.sidenav-header .buttonWrap {
    padding-bottom: 12px
}

@media screen and (max-width: 768px) {
    .idn_slide_mobile {
        height:100%
    }
}

@media screen and (max-width: 389px) {
    .idn_slide_mobile {
        height:15vh
    }
}

#content .splide__pagination__page.is-active {
    width: 10px;
    height: 10px;
    filter: contrast(1) brightness(1.2)
}

#content .splide__progress {
    z-index: 1
}

#content .splide__slide {
    display: flex;
    justify-content: center;
    overflow: hidden!important
}

#content .info_promoctz {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    text-align: center;
    font-size: 9px;
    background: linear-gradient(176deg,#ffde01,#f8c319);
    box-shadow: 0px 1px 1px rgb(155 7 5), inset 0 1px rgb(255 255 255 / 30%);
    padding: 2px 10px;
    border-radius: 4px;
    color: #000;
    font-weight: 700;
    border: 1px solid transparent;
    animation: showdratas .5s;
    transition: all .3s ease
}

#content .is-visible .info_promoctz {
    display: block
}

#content .info_promoctz:hover {
    border: 1px solid #ffde01;
    background: transparent;
    color: #ffde01
}

@keyframes showdratas {
    0% {
        top: -25px;
    }

    100% {
        top: 5px;
    }
}

#content .splide__pagination {
    width: 100%;
    background: linear-gradient(to top,black,transparent);
    bottom: 0;
    padding-top: 20px;
    padding-bottom: 5px
}

.ghtombolkembali {
    width: 100px;
    text-align: center;
    position: absolute;
    right: 15px;
    top: 20px;
    background: linear-gradient(135deg,#fbb03b -2%,#e08814 115%)!important;
    box-shadow: 1px 3px 5px #00000073, inset 0 1px rgb(255 255 255 / 30%) !important;
    border-radius: 8px;
    padding: 5px;
    color: #fff;
    font-family: aller;
    font-size: 14px
}

.l21modalpromo {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 9999999999;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    background: #131313db
}

.komponenpromo {
    width: 500px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: 8px 12px 20px #00000082, inset 0 1px rgb(255 255 255 / 30%), 0px 2px 5px #00000075;
    position: relative;
    animation: jujumuncul .3s
}

@keyframes jujumuncul {
    0% {
        transform: scale(0.3);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.komponenpromo h3 {
    width: 100%;
    text-align: center;
    background: #fff;
    padding: 5px 0;
    font-family: system-ui!important;
    font-weight: 900;
    letter-spacing: 1px;
    color: #000;
    text-transform: uppercase;
    margin: 0;
    border-radius: 9px 9px 0 0
}

.bodymodalpromo {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    border-radius: 0 0 9px 9px
}

.bodymodalpromo img {
    width: 100%
}

.posisiahref[data-btnswitch="0"] {
    display: none
}

.btnclaimpromo {
    width: 100%;
    outline: none;
    border: none;
    padding: 5px 20px;
    border-radius: 0 0 9px 9px;
    background: linear-gradient(176deg,#960300,#710100);
    font-size: 18px;
    font-weight: 900;
    color: #fff;
    stroke: black;
    cursor: pointer;
    text-shadow: 0 0 2px black;
    animation: ffdge 1.2s linear infinite;
    transition: all .3s ease
}

.btnclaimpromo:hover {
    background: linear-gradient(176deg,#960300,#710100);
    color: #fff;
    transform: scale(1.03);
    box-shadow: 0px 8px 20px black, inset 0 1px rgb(255 255 255 / 30%), 0px 2px 5px #00000075, 0 0 20px #f8ebe2;
    animation: none
}

@keyframes ffdge {
    0% {
        transform: scale(1);
        box-shadow: 0px 5px 10px black, inset 0 1px rgb(255 255 255 / 30%), 0px 2px 5px #00000075;
    }

    50% {
        transform: scale(1.03);
        filter: brightness(1.5);
        box-shadow: 0px 8px 20px black, inset 0 1px rgb(255 255 255 / 30%), 0px 2px 5px #00000075, 0 0 20px #f8ebe2;
    }

    100% {
        transform: scale(1);
        box-shadow: 0px 5px 10px black, inset 0 1px rgb(255 255 255 / 30%), 0px 2px 5px #00000075;
    }
}

.tutupmodalpromo {
    outline: none;
    border: none;
    padding: 5px 0;
    width: 100%;
    cursor: pointer;
    font-weight: 900;
    color: #000;
    font-size: 17px;
    letter-spacing: 1px;
    border-radius: 0 0 9px 9px;
    transition: all .3s ease
}

.tutupmodalpromo:hover {
    background: #000;
    color: #fff
}

.hrfx {
    width: 20px;
    height: 20px;
    position: absolute;
    top: -25px;
    right: -30px;
    background: #fff;
    padding: 15px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000!important;
    font-weight: bolder!important;
    box-shadow: 8px 12px 20px #00000082, inset 0 1px rgb(255 255 255 / 30%), 0px 2px 5px #00000075;
    cursor: pointer;
    transition: all .3s ease
}

.hrfx:hover {
    background: #000;
    color: #fff!important
}

.ghspin {
    position: fixed;
    bottom: 20%;
    left: 1px;
    width: 90px;
    z-index: 3;
    overflow: initial!important
}

.ghspin a {
    overflow: unset!important
}

.ghrodasping {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    overflow: initial!important
}

.ghrodasping .backroda {
    width: 100%;
    position: absolute;
    filter: drop-shadow(1px 2px 2px #00000042)
}

.ghrodasping .nominalroda {
    width: 75.6%;
    position: absolute;
    top: -34px;
    left: 12.3px;
    animation: putarroda 5s linear infinite
}

@keyframes putarroda {
    0% {
        transform: rotateZ(0deg);
    }

    100% {
        transform: rotateZ(-360deg);
    }
}

.ghrodasping .pinroda {
    width: 50%;
    position: absolute;
    top: -21px;
    left: 24px
}

.ghlogspin {
    width: 90px;
    position: relative;
    z-index: 1;
    left: 0;
    bottom: -27px
}

.ghlink {
    position: relative;
    z-index: 1;
    bottom: -23px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    overflow: initial!important
}

.ghbtnspin {
    width: 90%;
    outline: none;
    border: none;
    border-radius: 9px;
    padding: 3px;
    font-size: 8px;
    letter-spacing: 2px;
    background: linear-gradient(45deg,#fcdb08,#fc8604);
    color: #8e1502;
    font-weight: 800;
    box-shadow: inset 0 1px rgb(255 255 255 / 30%), 1px 2px 2px #00000042;
    cursor: pointer;
    position: relative;
    transition: all .3s ease
}

.ghbtnspin:hover {
    background: linear-gradient(45deg,white,white);
    animation: none
}

#ghclose {
    position: absolute;
    top: -12px;
    right: 0;
    color: #fff;
    font-size: 10px;
    background: #00000078;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2px 3px 2px;
    cursor: pointer;
    z-index: 1;
    transition: all .3s ease
}

#ghclose:hover {
    background: #fff;
    color: #000
}

.ghtextberjalan {
    width: 100%;
    height: 20px;
    overflow: hidden;
    position: relative;
    padding-top: 5px;
    background: #2a2e33;
    display: flex;
    align-items: center
}

.ghgrouprun {
    color: #fff;
    font-size: 11px;
    white-space: nowrap;
    position: absolute;
    animation: marqueespinner 25s linear infinite
}

@keyframes marqueespinner {
    0% {
        left: 100%;
    }

    100% {
        left: -200%;
    }
}

#ghidmember,#ghnominal,#ghluckyspinl21 {
    color: #fcfb60;
    font-weight: 700
}

.inner-wrap .panel-blue .bank-status .bank {
    width: 100%
}

.buttonjoin #slotgacorbutt {
    background: linear-gradient(131deg, #8f7b35, #fcde72, #8f7b35), linear-gradient(225deg, rgb(255 255 255 / 43%) 0%, rgb(255 255 255 / 58%) 60%);
    box-shadow: inset 0 1px #fcde72 , inset 0 0 5px #fcde72;
    background-size: 200% 200%;
    text-shadow: 1px 1px 1px #00000052;
    border: none;
    animation: backgroundAnimation 10s ease infinite
}

.infomobile_atas {
    width: 95%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 5px;
    background: #a20000;
    box-shadow: 0 3px 5px #00000047;
    margin: 10px auto;
    border-radius: 6px;
    gap: 10px
}

.infomobile_atas svg {
    top: 0;
    background: transparent;
    stroke: white;
    fill: none;
    width: 80px;
    padding: 0;
    animation: tada 1s ease-in-out infinite
}

.infomobile_atas p {
    color: #fff;
    font-weight: 400;
    text-align: left;
    font-size: 12px
}

.infomobile_atas p a {
    font-weight: 700
}

.footer .center-text span {
    font-size: 10px
}

.depo-koonfirmasi {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 5px
}

.grp-koonfirmasi {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3px;
    justify-items: stretch;
    align-items: stretch
}

.grp-koonfirmasi .waa {
    width: 100%;
    text-align: center;
    background: linear-gradient(to right,#3efb3b,#000);
    box-shadow: 1px 3px 5px #00000073, inset 0 1px rgb(255 255 255 / 30%);
    padding: 5px;
    border-radius: 0 0 0 6px;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 1px
}

.grp-koonfirmasi .lcc {
    width: 100%;
    text-align: center;
    background: linear-gradient(to left,#ff003b,#000);
    box-shadow: 1px 3px 5px #00000073, inset 0 1px rgb(255 255 255 / 30%);
    padding: 5px;
    border-radius: 0 0 6px 0;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 1px
}

.depo-koonfirmasi span {
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    letter-spacing: .5px;
    color: #e1e1e1
}

#has-pending {
    background-color: transparent!important
}

.nataru21 {
    width: 100px;
    position: fixed;
    bottom: 30%;
    left: 0;
    z-index: 4;
    overflow: initial!important
}

.nataru21 a {
    width: 100%;
    padding: 15px;
    position: relative
}

#naraclose {
    position: absolute;
    top: 3px;
    right: 5px;
    color: #fff;
    font-size: 10px;
    background: #00000078;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2px 3px 2px;
    cursor: pointer;
    z-index: 5;
    transition: all .3s ease
}

.nataru21 img {
    width: 100%
}

.ghbtnataru {
    width: 85%;
    outline: none;
    border: none;
    border-radius: 9px;
    padding: 3px;
    font-size: 9px;
    letter-spacing: 2px;
    background: linear-gradient(45deg,#ed898a,#fb2c2e);
    color: #fff;
    font-weight: 800;
    box-shadow: inset 0 1px rgb(255 255 255 / 30%), 1px 2px 2px #00000042;
    cursor: pointer;
    position: absolute;
    bottom: 8px;
    left: 7px;
    transition: all .3s ease
}

@media screen and (max-width: 768px) {
    .l21modalpromo {
        padding:0 20px
    }

    .komponenpromo {
        width: 80%;
        overflow: initial
    }

    .komponenpromo h3 {
        font-size: 13px
    }

    .komponenpromo .tutupmodalpromo {
        font-size: 13px
    }

    .hrfx {
        top: -35px;
        right: -30px;
        width: 10px;
        height: 10px
    }

    .posisiahref {
        width: 100%;
        display: flex;
        justify-content: center;
        overflow: initial!important
    }
}

.game-wrapper .game-lobby-content .game-lobby-bottom .timer-game {
    color: #d8e600 !important;
    font-weight: 700;
    font-size: 16px !important;
}

.color-grey {
    color: #e6e6e6!important
}

h3.color-grey.ref-my-10 {
    color: #fff
}

.color-grey.margin-bottom-10 {
    color: #fff
}

.games-btn-container.show {
    padding: 10px 5px
}

.bank-status-item-parent {
    background: #fff
}

li {
}

.rules-list {
    font-size: 12px
}

span.py-2.px-1.legends {
    font-size: 13px
}

.lobby-content-top .mb-lobby-balance {
    font-size: 1.3rem
}

.lobby-content-top .mb-lobby-username {
    font-size: 1.6rem
}

.game-button .game-list a {
    font-weight: 500
}

.header-menu {
    background: #002626;
    border: none;
    box-shadow: none
}

.brand-support {
    background: #0a2421
}

.button-lobby-container {
    padding: 6px;
    background: #000000;
    border-radius: 8px
}

.app-container {
    display: none
}

form {
    padding: 8px 0
}

.login-wrapper {
    background: #00000;
    padding: 15px 20px;
    border-radius: 5px
}

.buttonjoin {
}

input#loginBtnHeader {
    text-transform: uppercase;
    background: linear-gradient(to bottom,#ffa800 0%,#ffe808 100%);
    color: #000;
    box-shadow: none;
    font-weight: 700;
    padding: 5px;
    box-shadow: inset 0px 0px 0px 1px rgb(255 247 0), inset 0px 2px 0px 0px rgb(255 225 0), inset 0px 0px 0px 2px rgb(255 249 0), 3px 3px 3px 1px rgb(0 0 0 / 20%)
}

a.buttonWrap.buttong.button-green.contactSubmitButton {
    background: #3db92a;
    box-shadow: none;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Poppins',sans-serif;
    padding: 5px;
    display: flex!important
}

a.buttonWrap.buttons.button-blue.contactSubmitButton {
    background: #0073a9;
    box-shadow: none;
    display: flex!important;
    padding: 5px
}

.slider:nth-child(7) {
    background: #222
}

.keluaran {
    padding: 0 0;
    background: #000;
    margin-top: 15px;
    font-family: 'Poppins',sans-serif
}

.keluaran tr {
    font-size: 12px
}

span.jadwalhari {
    display: block;
    color: #fff;
    font-size: 10px
}

td.pasaran {
    color: #f2ff00
}

.keluaran tr td {
    border-color: #ebdd00
}

.keluaran tr td:first-child {
    border-color: #ebdd00
}

.keluaran a {
    color: #f2ff00
}

.footer {
    border-top: 1px solid #f7ff00!important
}

.sidenav-header {
    background-color: #00000 !important
}

.side-link-container.show {
    background: #000;
}

.mb-sidenav .side-link-container>li {
    border-bottom: 1.5px solid #dddddd12
}

a.buttonWrap.buttonlc2.button-orange {
    background: #ffe700!important;
    color: #000;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
}

.for4d {
    padding: 10px
}

h1 {
    font-size: 2rem!important
}

.content-history .table-history-warapper .table-history .td-detail-link>a,.content-history .table-history-warapper .table-history .td-detail-link>a:active,.content-history .table-history-warapper .table-history .td-detail-link>a:hover {
    color: #f2ff16!important
}

span.click-pagi {
}

.container {
    background: #000;
}

.pagination>li>a,.pagination>li>span {
    color: #222!important
}

.overflow-visible {
    padding: .5rem .3rem
}

.footer-bottom {
    background-color: #000000 !important;
    color: #fffa27 !important;
    border-top: 1px solid #fff000;

}

.news-card {
    background: #013a63!important
}

.buttoncontact {
    display: flex;
    margin-bottom: 10px
}

.buttoncontact a {
    padding: 3px
}

#menu-footer {
    background: #01497c;
    position: fixed;
    bottom: 0;
    height: 65px;
    width: 100%;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    border-top: 1px solid #000a1d;
    z-index: 99;
    box-shadow: 0px -2px 4px #00000054
}

#menu-footer .container {
    max-width: 100%
}

#menu-footer .each-footer-menu {
    text-align: center;
    padding: 5px 0;
    width: 100%;
    max-width: 100%;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .5px;
    color: #b5c7e0!important;
    background: #00000
}

#menu-footer .each-footer-menu:hover {
    background: #00000;
    color: #000
}

#menu-footer .each-footer-menu:active {
    background: #fff;
    color: #000
}

#menu-footer .each-footer-menu:nth-child(4) {
    border-right: 0 solid #000
}

#menu-footer .each-footer-menu.active {
    background: #03152b;
    text-align: center;
    height: 100%;
    color: #3fc1e7
}

.sprite-footer.icon-telegram {
    background: url(https://rupiahslot.com/assets/icons/telegram.svg) center no-repeat;
    background-size: cover
}

.sprite-footer.icon-home {
    background: url(https://rupiahslot.com/assets/icons/whatsapp.svg) center no-repeat;
    background-size: cover
}

.sprite-footer.icon-daftar {
    background: url(https://rupiahslot.com/assets/icons/register.svg) center no-repeat;
    background-size: cover
}

.sprite-footer.icon-promosi {
    background: url(https://rupiahslot.com/assets/icons/gift.svg) center no-repeat;
    background-size: cover
}

.sprite-footer.icon-livechat {
    background: url(https://rupiahslot.com/assets/icons/headphone.svg) center no-repeat;
    background-size: cover
}

.sprite-footer.icon-rtp {
    background: url(https://rupiahslot.com/assets/icons/whatsapp.svg) center no-repeat;
    background-size: cover
}

.sprite-footer.icon-depo {
    background: url(https://rupiahslot.com/assets/icons/money.svg) center no-repeat;
    background-size: cover
}

#menu-footer .each-footer-menu img {
    width: 40px
}

#menu-footer div {
    height: 100%
}

.sprite-footer {
    width: 25px!important;
    height: 25px!important;
    margin: 5px auto
}

.bottom-navbar {
    display: grid!important;
    grid-template-columns: repeat(5,1fr)
}

.page-header-clear {
    height: 63px!important;
}
.peraturan-button-wrapper .btn-peraturan:active, .peraturan-button-wrapper .btn-peraturan:hover{
    opacity: 100 !important;
}
.marquee-child{
    color: #fff !important;
}