:root {
    --btn-gradient-bottom-1: linear-gradient(to bottom, #c1930d, #000000);
    --btn-gradient-bottom-2: linear-gradient(to bottom, #ffdd1e, #474747);
    --header-bg: linear-gradient(to bottom, #1e1e1e, #000000);
    --border-box: #acacac;
    --user-info-bg: #1a1a1a;
    --root-bg: #1e1e1e;
    --dp-color: #c1930d;
}

body {
    color: #858585;
    /* background-image: url('/assets/background.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; */
}

h1,
h4,
h5,
h6 {
    color: #fff
}

h2,
h3 {
    color: #fff
}

p {
    color: #fff
}

.login-panel .forgot-password-link {
    color: #ff00b2
}

.login-panel .register-field {
    color: #fff
}

.login-panel .register-field .register-button {
    color: #889bc7
}

.arcade-title,
.crash-game-title {
    color: #fff
}

.bonus-slider-modal .close {
    background-color: #fff;
    opacity: 1
}

.bonus-slider-modal .modal-title {
    color: #fff
}

.bonus-slider-modal .modal-header .close {
    background-color: #fff;
    color: #000
}

.bonus-slider-modal .activation-button {
    background-color: #ff00b2;
    color: #fff
}

.bonus-slider-modal .activation-button:hover {
    background-color: #a34afb;
    color: #fff
}

.bonus-slider-modal .close-button {
    background-color: #454545
}

.bonus-slider-modal .close-button:hover {
    background-color: #3e3e3e
}

.bonus-slider-modal .modal-header {
    border-color: #e5e5e5;
    background: #030a2e
}

.bonus-slider-modal .modal-content {
    background-color: #030a2e;
    border-color: #02071c
}

.bonus-slider-modal .modal-body {
    background-color: #030a2e;
    border-color: #02071c
}

.bonus-slider-modal .bonus-form {
    background-color: #0a1849;
    color: #dad9d9;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    border-top: 2px solid #ff00b2
}

.bonus-controls-field .bonus-control-button {
    background-color: #e4e4e4;
    color: #525252
}

.bonus-controls-field .bonus-amount {
    background-color: #0e0e0e;
    color: #ff00b2
}

.bonus-range .bubble {
    color: #fff;
    border-color: #ff00b2;
    background: #0e0e0e
}

.bonus-range .bubble::before {
    border-color: rgba(233, 154, 1, 0);
    border-top-color: #ff00b2
}

.bonus-range .bubble::after {
    border-color: rgba(14, 14, 14, 0);
    border-top-color: #0e0e0e
}

.claim-item {
    border: 2px solid #225a89
}

.claim-item .claim-title {
    color: #cecece
}

.claim-item .claim-title .expiration-note {
    color: #f00
}

.claim-item .claim-details {
    color: #cecece
}

.bonus-progress {
    background-color: #d5d5d5;
    background: linear-gradient(to bottom, #d5d5d5 0%, #f5f5f5 47%, #d5d5d5 100%);
    box-shadow: 1px 1px 1px rgba(68, 68, 68, .6)
}

.bonus-progress .progress {
    background-color: #555
}

.progress-percentage {
    color: #fff
}

.progress-percentage i {
    color: #ff00b2
}

.claim-info-modal .modal-content {
    background-color: #0c0c0c
}

.claim-info-modal .close {
    color: #9d9d9d;
    opacity: 1
}

.claim-info-modal .modal-header {
    border-color: #0c0c0c
}

.claim-info-modal h4 {
    color: #ff00b2
}

.claim-item .claim-button,
.claim-item .activation-button,
.claim-item .cancellation-button,
.claim-item .expiration-button,
.claim-item .info-button {
    color: #fff;
    background: #ff00b2
}

.claim-item .claim-button {
    color: #fff;
    background: #aaa
}

.claim-item .claim-button:hover,
.claim-item .activation-button:hover,
.claim-item .cancellation-button:hover,
.claim-item .expiration-button:hover {
    color: #fff;
    background: #ff00b2
}

.claim-item .claim-button:hover {
    border-color: #c7038c;
    color: #fff;
    background: #c7038c
}

.claim-item .info-button {
    color: #fff;
    background: #777
}

.claim-item .info-button:hover {
    background-color: #777
}

.contact-us-list {
    color: #999
}

.contact-us-list li+li {
    border-top-color: #090909
}

.contact-us-list li h6 {
    color: #ff00b2
}

.contact-us-list li a {
    color: #ff00b2
}

.messaging-side-menu {
    background-color: #0a1749;
    color: #fff
}

.messaging-side-menu a[data-count]:not([data-count="0"]):after {
    background-color: #f00;
    color: #fff
}

.no-message-container {
    color: #fff
}

.message-table .logo-column,
.message-table .message-column {
    border-bottom-color: #363636
}

.message-table a {
    color: #fff
}

.message-table a .message {
    color: #fff
}

.message-subject {
    color: #fff;
    border-bottom-color: #363636
}

.replied-message {
    color: #fff
}

.replied-message .message-owner-info {
    color: #9c9c9c
}

.delete-message-button-group {
    border-top-color: #363636
}

.delete-message-button {
    color: #818181
}

.mobile-app-container {
    color: #fff
}

.mobile-app-container>h3 {
    color: #c7038c
}

.mobile-app-container .logo-container {
    background-color: #1e274b
}

.mobile-app-container .link-container a:hover {
    background-color: #ddd
}

.nav-tabs>li>a {
    background: #1e274b;
    color: #fff
}

.nav0tabs>li>a {
    background: #c7038c;
    color: #fff
}

.mobile-app-container .nav-tabs>li.active>a,
.mobile-app-container .nav-tabs>li.active>a:hover,
.mobile-app-container .nav-tabs>li.active>a:focus {
    background-color: #c7038c;
    color: #fff;
    border-color: #c7038c
}

/* .nav-tabs {
    border-bottom-color: #ff00b2
} */

.mobile-app-container .tab-pane p a {
    color: #1e274b
}

.mobile-app-container .tab-pane .note {
    color: #ff00b2
}

.mobile-app-container .tab-pane .important {
    color: #c7038c
}

.mobile-app-container .tab-pane h3 {
    color: #858585
}

.mobile-app-container .mobile-app-select {
    background: #030b29;
    border: 1px solid #071038;
    color: #fff
}

.mobile-app-container .mobile-app-select a {
    color: inherit
}

.mobile-app-container .mobile-app-select .active a,
.mobile-app-container .mobile-app-select a:hover {
    background-color: #ff00b2
}

.profile-container .username-field {
    color: #858585
}

.profile-container .mobile-info-button {
    border-color: #c7038c;
    color: #c7038c
}

.profile-container .mobile-info-button:hover {
    background-color: #c7038c;
    color: #fff
}

.bank-account-item {
    background-color: #0e1326;
    color: #fff
}

.promotion-selection {
    color: #fff
}

.promotion-selection a,
.promotion-selection .dropdown-menu>li>a {
    color: #fff
}

.promotion-selection.open>a {
    background-color: #151515
}

.promotion-selection .dropdown-menu {
    background-color: #070707
}

.promotion-selection .dropdown-menu>li+li {
    border-top-color: #070707
}

.promotion-item {
    background-color: #0f0f0f;
    font-family: 'Poppins-Light';
}

.promotion-item img {
    border-color: #0f0f0f
}

.promotion-item .click-for-get-promo-button {
    background: #ff00b2;
    color: #fff
}

.promotion-info {
    background-color: #050505;
    border-color: #0c0c0c;
    color: #fff
}

.promotion-info .close-button {
    background-color: #6b0000;
    color: #050505
}

.register-page-reminder {
    color: #ffffff;
    text-align: center;
}


.register-done-container {
    background-color: #fff;
    color: #858585
}

.register-done-container h2 {
    color: #fff
}

.register-done-container h2 span {
    color: #ff00b2
}

.register-done-container h3 span {
    color: #fff
}

.register-done-container a {
    background-color: #29355d;
    color: #fff
}

.register-done-container .btn-deposit {
    background: #a844fb;
    background: linear-gradient(to top, #a844fb 0%, #3ebbf3 100%);
    color: #fff
}

.register-done-container .btn-deposit:hover {
    background: linear-gradient(to bottom, #3ebbf3 0%, #a844fb 100%)
}

.register-done-container .buttons-container-register-done .btn {
    background: linear-gradient(to bottom, #ff00b2 0%, #ff00b2 100%);
    color: #fff;
    border-color: #ff00b2
}

.register-done-container .buttons-container-register-done .btn:hover {
    background: linear-gradient(to bottom, #a844fb 0%, #3ebbf3 100%);
    border-color: transparent
}

.register-done-container .register-verification-done {
    border-color: #ff00b2;
    color: #ff9200;
    background: #263f95
}

.register-done-container .register-verification-done .info {
    color: #ff00b2;
    border-color: #ff00b2
}

.register-done-container .register-verification-done a {
    color: #ff00b2
}

.slots-title {
    color: #fff;
    background: #02071b
}

.slots-games-container .category-filter,
.casino-games-container .category-filter {
    background-color: rgb(0, 0, 0, 0.6)
}

.slots-games-container .category-filter-link,
.casino-games-container .category-filter-link {
    color: #730000;
    font-weight: bold;
    font-size: 12px;
}

.slots-games-container .category-filter-link.active,
.slots-games-container .category-filter-link:hover,
.casino-games-container .category-filter-link.active,
.casino-games-container .category-filter-link:hover {}

.deposit-container,
.withdrawal-container {
    color: #ffffff;
}

.deposit-container.standard-form-container label,
.withdrawal-container.standard-form-container label {
    color: #fff
}

.deposit-container .bank-info,
.withdrawal-container .bank-info {
    background-color: #0e1326;
    color: #fff
}

.withdrawal-container .total-balance>span {
    color: #0f0
}

/* body:not(.empty-layout) {
    background-color: #000;
} */

.site-header {
    background-image: var(--header-bg);
    /* background-size: cover;
    background-position: center;
    background-repeat: no-repeat; */
}

.site-menu-trigger [data-icon=menu] {
    background-color: #fff
}

.site-menu-trigger [data-icon=menu]:before,
.site-menu-trigger [data-icon=menu]:after {
    background-color: inherit
}

.site-menu-trigger-input:checked~.site-menu-trigger [data-icon=menu] {
    background-color: transparent
}

.site-menu-trigger-input:checked~.site-menu-trigger [data-icon=menu]:before,
.site-menu-trigger-input:checked~.site-menu-trigger [data-icon=menu]:after {
    background-color: #fff
}

.site-menu ul a {
    color: inherit
}

.site-menu>ul {
    padding: 10px;
    /* background-image: linear-gradient(to bottom, #000000, #20679f); */
    color: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.site-menu li>a,
.site-menu summary {
    background: transparent;
}

.site-menu details details summary,
.site-menu details li>a {
    background-color: #0a0928
}

.site-menu details details li>a {
    background-color: #040d20
}

.site-footer {
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

.site-footer .contact-list>li a {
    background: #040a2a;
    color: #fff;
    border: 2px solid #1E90FF;
}

.site-footer .contact-list>li a i {
    background: #ff00b2
}

.site-footer .bank-list [data-online='true']:before {
    background-color: #0f0
}

.site-footer .bank-list [data-online='false']:before {
    background-color: #e52517
}

.site-footer .footer-links {
    background-color: #050c29;
    color: #536c9f
}

.site-footer .footer-links>li:not(:nth-child(5n+5)):not(:first-child) {
    border-color: #536c80
}

.site-footer .site-description {
    background: #050c29;
    color: #536c9f
}

.site-footer .site-description h1 {
    color: #fff
}

.login-links-container a {
    color: #fff
}

.login-links-container a[href="/mobile/register"] {
    background: #ff00b2;
    background: -moz-linear-gradient(top, #ff00b2 0%, #c7038c 100%);
    background: -webkit-linear-gradient(top, #ff00b2 0%, #c7038c 100%);
    background: linear-gradient(to bottom, #ff00b2 0%, #c7038c 100%);
    color: #fff
}

.login-links-container a[href="/mobile/login"] {
    background: #a844fb;
    background: -moz-linear-gradient(top, #a844fb 0%, #3ebbf3 100%);
    background: -webkit-linear-gradient(top, #a844fb 0%, #3ebbf3 100%);
    background: linear-gradient(to bottom, #a844fb 0%, #3ebbf3 100%);
    color: #fff
}

.main-menu-container {
    background-color: #02071c;
    color: #fff
}

.main-menu-container>li>a {
    color: inherit
}

.main-menu-container>[data-active="true"]>a {
    background-color: #151515;
    border-color: transparent
}

.game-modal {
    color: #fff
}

.game-modal .modal-content .close {
    opacity: 1;
    color: #fff
}

.game-modal .modal-header {
    border-color: transparent
}

.game-modal .modal-body {
    background-color: #101010
}

.game-list ul,
.game-list .provider-section {
    background-color: rgb(0, 0, 0, 0.6)
}

.game-list ul>li {
    color: #e4ff23
}

.game-list ul>li>.wrapper-container {
    /* background-color: #2C5F2D; */
    /* background-image: linear-gradient(to bottom, #1E90FF, #000000); */
    /* background-size: contain; */
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    /* border-top-left-radius: 15px; */
    /* border-top-right-radius: 15px; */
    width: 100%;
    /* min-height: 200px; */
}


.game-list ul>li .game-name {
    /* background-image: url('/assets/MENU---SLOT---PRAGMATIC_0004_Rectangle-12-copy-2.png'); */
    /* background-size: cover; */
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    color: #ffffff;
    font-size: 14px;
    border-bottom-left-radius: 15px;
    /* Atur sesuai dengan kebutuhan */
    border-bottom-right-radius: 15px;
    /* Atur sesuai dengan kebutuhan */
    font-weight: 600;
    /* margin-top: -10px; */
    line-height: inherit;
    text-wrap: auto;
    font-size: 11px;
}

.play-now,
.free-play {
    border-color: transparent
}

.free-play {
    color: #fff;
    background: #6b6b6b;
    background: linear-gradient(to bottom, #6b6b6b 0%, #404040 100%)
}

.free-play:hover {
    background: #404040;
    background: linear-gradient(to bottom, #404040 0%, #6b6b6b 100%)
}

.play-now {
    background: #c7038c;
    color: #fff
}

.play-now:hover {
    background: #c7038c
}

.home-progressive-jackpot .jackpot-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 2;
    font-family: 'Open24DisplaySt';
    font-size: 28px;
    letter-spacing: 5px;
    background-image: linear-gradient(var(--dp-color), #000);
    border-radius: 70px;
    padding: 10px;
}

/* .home-progressive-jackpot .jackpot-container {
    background-image: url('/assets/jackpot.gif');
    background-size: cover; 
background-position: center;
font-family: 'Open24DisplaySt';
background-repeat: no-repeat;
width: 100%;
height: auto;
padding: 30px;
}

*/
.home-progressive-jackpot .jackpot-border-container {
    border-color: #523607
}

.home-progressive-jackpot .jackpot-currency {
    color: var(--dp-color)
}

.standard-form-container,
.reporting-form-container {
    background: #02071c
}

.standard-form-container label {
    color: #536c9f
}

.standard-form-container .form-control {
    background: #ffffff;
    border-color: #000000;
    color: #000000;
    border-radius: 5px;
    font-size: 16px;
    height: 100%;
}

.required-form-group>label:after {
    color: #f00
}

.reporting-form-container .reporting-control-group {
    color: #fff
}

.standard-form-title {
    color: #fff;
    font-weight: bold;
    font-family: 'Poppins-Thin', sans-serif;
}

.reporting-nav-bar {
    border-color: #2d3d8c;
    background-color: transparent;
    color: #428bca
}

.reporting-nav-bar a,
.reporting-nav-bar a:hover {
    color: #fff;
    background: var(--btn-gradient-bottom-1);
}

.reporting-nav-bar a[data-active="true"] {
    color: #000;
    background: var(--btn-gradient-bottom-2);
    filter: grayscale(10%);
}


.table {
    background-color: #b9bfe1;
    margin-bottom: 0;
    color: #030a2e
}

.table th a {
    color: #838383
}

.standard-password-field>i {
    color: #999
}

.standard-button {
    background-color: #a844fb;
    color: #fff;
    border: #1354bb
}

.standard-button:hover {
    background-color: #ff00b2
}

.deposit-container .reveal-bank-account-button {
    background-color: #ffffff;
    color: #000000;
    border-color: #ffffff
}

/* .standard-secondary-button:hover .deposit-container .reveal-bank-account-button:hover {
    background-color: #ff00b2
} */

.standard-form-note {
    background-color: #0a1849;
    color: #fff
}

.standard-form-note span {
    color: #ff00b2
}

.standard-form-note strong {
    color: #ff00b2
}

.standard-form-note a {
    color: #ff00b2
}

.deposit-container .copy-bank-account-button,
.withdrawal-container .copy-bank-account-button,
.copy-input-button-field .copy-input-button {
    color: #fff
}

.deposit-container .copy-bank-account-button:hover,
.withdrawal-container .copy-bank-account-button:hover,
.copy-input-button-field .copy-input-button:hover {
    color: #fff
}

.captcha-input .captcha-container .refresh-captcha-button {
    color: #576c9f
}

.standard-required-message,
.field-validation-error {
    color: #f00
}

.expiration-countdown [data-section] {
    background-color: #404040;
    color: #ff00b2;
    border-left-color: #6b6b6b
}

.expiration-countdown [data-section="title"] {
    background-color: #555;
    color: #fff
}

.user-info {
    color: #6279b3;
    background-color: transparent
}

.user-info .username {
    color: #fff
}

.user-info .username span {
    color: #fff
}

.user-info .wallet-container {
    background-color: transparent
}

.user-info .balance-container .balance {
    color: #54ff00
}

.user-info .refresh-container {
    color: #ff00b2
}

.user-info .balance-container .locked-balance {
    background: #020331;
    color: #fcea0e
}

.game-list .provider-section .provider-img,
.game-list .provider-section,
.game-list ul.provider-section>li,
.game-list .provider-info h5,
.game-list .provider-info p {
    color: #bbb
}

.game-list ul>li {
    color: #fff
}

.modal-content {
    background-color: #0c0c0c;
    /* border-color: red; */
    border: 1px solid var(--border-box);
    color: #bbb
}

.modal-header {
    border-color: #171717
}

.modal-header .modal-title {
    color: #ff00b2
}

.modal-header .close {
    opacity: 1;
    color: #fff
}

.modal-body p {
    color: #bbb
}

.modal-footer {
    border-top-color: #2b2b2b
}

.modal-footer .btn-secondary {
    background: none;
    color: #838383
}

.modal-footer .btn-secondary:hover {
    color: #ff00b2
}

.modal-footer .btn-primary {
    color: #fff;
    background: #ff00b2
}

.modal-footer .btn-primary:hover {
    background: #a34afb
}

.fixed-footer {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    margin: 0;
    /* Hapus margin */
    padding: 0;
    /* Hapus padding */
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    /* Pastikan berada di bawah */
    z-index: 1000;
    margin-bottom: -19px;
}



.fixed-footer a[data-active="true"] {
    color: #ff00b2
}

.play-desktop-version-now {
    background: #c7038c;
    color: #fff
}

.play-desktop-version-now:hover {
    background: #c7038c
}

.referral-box-container .referral-box {
    background-color: #1b2757;
    border-bottom: 1px solid #ff00b2
}

.referral-box-container .referral-box span {
    color: #ff00b2
}

.referral-box-container .referral-box h4 {
    color: #fff
}

.referral-box-container .referral-box .referral-box-icon {
    background: #ff00b2
}

.referral-code-container h4 {
    color: #333
}

.referral-box a,
.referral-code-container a,
.change-referral-code a {
    color: #3950af
}

.referral-box a:hover,
.referral-code-container a:hover,
.change-referral-code a:hover {
    color: #ff00b2
}

.referral-code-container {
    border: 1px dashed #315581
}

.referral-container .standard-form-title {
    color: #fff;
    background-color: #1e274b
}

.referral-container .standard-form-note {
    color: #fff
}

.referral-container .form-control[readonly] {
    border-color: transparent;
    background-color: #eee;
    color: #838383
}

.referral-section .referral-code-container {
    border: 1px dashed #ff00b2
}

.referral-section .referral-code-copy-btn {
    background: #ff00b2
}

.referral-section .referral-code-copy-btn img {
    filter: invert(0)
}

.referral-section .referral-code-copy-btn span {
    color: #fff
}

.referral-section .referral-show-qr-container {
    border: 1px solid #ff00b2;
    color: #ff00b2
}

.referral-section .referral-show-qr-container .referral-show-qr-btn {
    color: #ff00b2
}

.referral-section .referral-social-media-container .referral-social-media button,
.referral-section .referral-show-qr-container .referral-show-qr-btn img {
    filter: invert(100%) invert(16%) sepia(80%) saturate(4810%) hue-rotate(310deg) brightness(104%) contrast(114%)
}

.user-info .vendor-balances-container {
    border: 3px solid #ff00b2
}

.user-info .dropdown-menu.vendor-balances-container {
    background-color: rgba(0, 0, 0, .85)
}

.user-info .vendor-balances-container .vendor-balances-header,
.user-info .vendor-balances-container strong {
    color: #ff00b2
}

.user-info .vendor-balances-container .vendor-balances-header {
    border-bottom: 2px solid #ff00b2
}

.user-info .vendor-balances-container .vendor-balance-item {
    color: #fff
}

.alternate-background {
    background: #000;
}

.info-center-content .standard-side-menu a:hover,
.info-center-content .standard-side-menu a[data-active="true"] {
    color: #ff00b2;
    background-color: #1e274b;
    border-radius: initial
}

.info-center-content-title {
    color: #ff00b2
}

.info-center-content .panel-default,
.info-center-content .panel-default>.panel-heading {
    background-color: #1e274b;
    border-color: #242424
}

.info-center-content .panel-default>.panel-heading a {
    color: #fff
}

.info-center-content .panel-default>.panel-heading a:hover,
.info-center-content .panel-default>.panel-heading a:focus {
    background-color: transparent
}

.info-center-content .panel-default .panel-collapse {
    background-color: #111;
    color: #fff
}

.download-apk-container {
    color: #fff
}

.download-apk-section a {
    color: #fefefe;
    background: #ff00b2;
    background: linear-gradient(to bottom, #ff00b2 0%, #be0085 100%)
}

.download-apk-guide {
    color: #fff
}

.tab-menu-container {
    background-color: #02071c
}

.tab-menu-container a {
    color: #fff;
    background: linear-gradient(to bottom,#808080, #000000);
}

.tab-menu-container a[data-active="true"] {
    background: var(--btn-gradient-bottom-1);
    color: #b9bfe1
}

.tab-menu-container a:not(:last-child) {
    border-right: 1px solid #02071c
}

.balance-info-container>a {
    color: #fff
}

.form-group-link-container a,
.form-group-link {
    color: #8e8e8e
}

.balance-info-container .total-balance>span {
    color: #ff00b2
}

.bank-info h1,
.bank-info h2,
.bank-info h5,
.bank-info [data-bank-info="details"] span {
    color: #fff
}

.arcade-games-container .category-filter,
.crash-game-games-container .category-filter {
    background-color: #0c1740
}

.arcade-games-container .category-filter-link.active,
.arcade-games-container .category-filter-link:hover,
.crash-game-games-container .category-filter-link.active,
.crash-game-games-container .category-filter-link:hover {
    background-color: #ff00b2
}

.standard-form-container .claim-filter-container label {
    color: #fff
}

.claim-filter-container select.form-control {
    color: #ff00b2;
    background-color: #0a1849;
    border-color: #fff
}

.modal-body,
.modal-header {
    background-color: #0c0c0c
}

.user-menu {
    background-color: #b80181;
    background-image: linear-gradient(to bottom, #b80181 0%, #5c0041 100%)
}

.user-menu-item+.user-menu-item {
    border-left: 1px groove #ffffff33
}


.main-menu-outer-container {
    /* background-image: url('/assets/bg.png'); */
    /* background-size: cover; */
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    background-color: rgba(0, 0, 0, 0.6);
    /* border: 1px solid #1E90FF; */
}

.side-menu-user-info,
.side-menu-login-panel {
    background-color: var(--user-info-bg)
}

.side-menu-login-panel input[type="text"],
.side-menu-login-panel input[type="password"] {
    border: 1px solid #ff00b2;
    color: #fff
}

.side-menu-user-info .balance-container {
    background: #00061d;
    border: 1px solid #181834
}

.side-menu-user-info .balance-container .locked-balance {
    background-color: #232942
}

.side-menu-login-panel a {
    background-color: #ff00b2;
    background-image: linear-gradient(to bottom, #ff00b2 0%, #c7038c 100%);
    color: #fff
}

.side-menu-login-panel input[type="submit"] {
    background-color: #a844fb;
    background-image: linear-gradient(to bottom, #a844fb, #3ebbf3);
    color: #fff
}

.bank-info-container .carousel-indicators .active {
    background-color: #ff00b2
}

.standard-content-info .referral-code-container {
    border: 1px dashed #23527c;
    background-color: #1b2757;
    color: #ff00b2
}

.standard-content-info h2 {
    color: #ff00b2
}

.standard-content-info table {
    border: 1px solid #0a1849;
    color: #fff;
    background: transparent
}

.announcement-container {
    background-color: black;
    color: #fff
}

.banking-details-header label {
    color: #fff
}

.otp-hr {
    border-color: #ff00b2
}

.request-otp-button,
.request-otp-button:hover,
.contact-verification-link,
.contact-verification-link:hover {
    border-color: #ff00b2;
    color: #ff00b2
}

.otp-input.otp-input {
    border-color: #ff00b2
}

.home-game-list-container .container-title span {
    color: #fff;
    background-color: #ff00b2
}

.home-game-list-container .container-title span:after {
    background-color: #ff00b2
}

.home-game-list-container .container-content {
    border: 1px solid #ff00b2
}

.home-game-list-container .container-content i {
    color: #fff
}

.home-game-list-container .container-content .game-list .game-item .game-name {
    color: #ff00b2
}

.standard-form-container .offline-container,
.standard-form-container .offline-container h4 {
    color: #fff
}

.date-picker-wrapper.single-date .drp_top-bar {
    background-color: #1e274b
}

.date-picker-wrapper .drp_top-bar.normal {
    background-color: #1e274b
}

.date-picker-wrapper .first-date-selected,
.date-picker-wrapper .last-date-selected {
    background-color: #ff00b2 !important
}

.date-picker-wrapper .month-wrapper table .day.real-today.checked,
.date-picker-wrapper .month-wrapper table .day.real-today.hovering {
    background-color: #ff00b2
}

.date-picker-wrapper .month-wrapper table .day.checked {
    background-color: #fad4f8
}

.grid-totals {
    background-color: #9fa9e9;
    color: #000
}

.payment-method-selection input[type="radio"]:checked+label {
    background-color: #ff00b2;
    background-image: linear-gradient(to bottom, #ff00b2 0%, #be0085 100%)
}

.withdrawal-container .real-withdrawal-amount,
.withdrawal-container .withdrawal-amount input.form-control,
.withdrawal-container .withdrawal-amount .currency-suffix {
    color: #ff00b2
}

.play-now:before {
    filter: invert(0)
}

.play-desktop-version-now img {
    filter: invert(1)
}

[data-payment-gateway] {
    background-color: #222
}

[data-payment-gateway="va"] h5 span {
    background-color: #222
}

[data-payment-gateway="qris"] .qris-qr-code-container a {
    background: #ff00b2;
    color: #fff
}

.top-tab-container a[data-active="true"] {
    color: #b9bfe1
}

.download-apk-notification .download-btn {
    background: #ff00b2;
    background: linear-gradient(to bottom, #ff00b2 0%, #be0085 100%);
    color: #fff
}

.standard-section-title:before {
    background-color: #ff00b2
}

.loyalty-container .loyalty-menu a[data-active="true"] {
    background-color: #ff00b2;
    color: #fff;
    border-color: #ff00b2
}

.mission-container .mission-item[data-status="claimable"] .mission-action-container .action-button {
    background-color: #ff00b2;
    background-image: linear-gradient(to bottom, #ff00b2 0%, #be0085 100%);
    color: #fff
}

.daily-reward-container .standard-secondary-button:hover {
    background: #ff00b2
}

.loyalty-info-container {
    background-color: #1e274b
}

.loyalty-daily-reward-modal .modal-content {
    background-color: #0c0c0c
}

.loyalty-daily-reward-modal .modal-content .daily-reward-container {
    background-color: #0c0c0c
}

.loyalty-available-rank-up-modal .modal-body {
    background-color: #202020
}

.daily-reward-container .standard-secondary-button {
    background-color: #ff00b2;
    border-color: #ff00b2
}

.loyalty-history-list .loyalty-history-item {
    background-color: #1e274b
}

.loyalty-container .standard-form-note {
    background-color: #0a1849
}

.mission-container .mission-item {
    background-color: #292c36
}

.mission-container .mission-item .mission-action-container {
    background-color: #191b21
}

.side-menu-loyalty-container {
    background: #00061d;
    border: 1px solid #181834
}

.side-menu-loyalty-container .lp-label {
    background-color: #ff9100
}

.side-menu-loyalty-container .loyalty-point {
    color: #ff9100
}

.side-menu-loyalty-container .xp-label {
    background-color: #676767
}

.daily-reward-container {
    background-color: #030a2e
}

.level-progress-info span {
    color: #858585
}

.benefit-container .benefit-list .benefit-card p {
    color: #858585
}

.introjs-tooltiptext.introjs-tooltiptext .subtitle {
    color: #ff00b2
}

.introjs-nextbutton.introjs-nextbutton {
    background-image: linear-gradient(to bottom, #ff00b2, #be0085);
    color: #fff
}

.introjs-bullets.introjs-bullets ul li a {
    background-color: #83005c
}

.introjs-bullets.introjs-bullets ul li a.active {
    background-color: #ff00b2
}

.introjs-skipbutton.introjs-skipbutton {
    color: #ff00b2
}

.how-it-works-container .how-it-works-section .how-it-works-section-title {
    color: #ff00b2
}

.referral-features .referral-features-item .feature-icon>div {
    background: linear-gradient(to bottom, #ff00b2 0%, #be0085 100%)
}

.referral-features .referral-features-item .feature-info p {
    color: #ff00b2
}

.referral-verification-container input.form-control {
    border-color: #0f1d57
}

.simple-form-note,
.referral-verification-container .standard-form-note,
.standard-form-note.with-icon>div:last-child p {
    color: #ff00b2
}

.pending-verification-container .icon-container {
    background-color: #ff00b2
}

.pending-verification-container p {
    color: #ff00b2
}

.referral-verification-container [data-is-contact-verified="false"] .profile-link {
    background: linear-gradient(to bottom, #ff00b2 0%, #be0085 100%);
    color: #fff
}

.popular-game-title-container .container-title span {
    color: #fff;
    background-color: #ff00b2
}

.popular-game-title-container .container-title span:after {
    background-color: #ff00b2
}

.popular-game-title-container .container-content {
    /* border: 1px solid #000000;
    background-color: rgb(0, 0, 0,0.6); */
}

.popular-game-title-container .container-content i {
    color: #fff
}

.popular-game-title-container .container-content .game-list .game-item .game-name {
    color: #ff00b2
}

.bank-info {
    background-image: linear-gradient(to bottom, #1e233d 0%, #1e233d 100%)
}

.bank-info hr {
    border-top: 1px solid #273153;
    border-bottom: 1px solid #273153
}

.deposit-amount-container .real-deposit-amount,
.deposit-amount-container .deposit-amount .currency-suffix,
.deposit-amount-container .deposit-amount input.form-control {
    /* color: #ff00b2 */
}

.deposit-amount-container .deposit-amount .currency-label,
.withdrawal-container .withdrawal-amount .currency-label {
    color: #838383
}

/* .deposit-amount-container input[type="text"] {
    background-color: #101427;
    border-color: #071038
} */

.deposit-summary-container,
.withdrawal-summary-container {
    border: 1px solid #101427
}

.deposit-summary-container .deposit-summary-header,
.withdrawal-summary-container .withdrawal-summary-header {
    background-color: #101427;
    color: #fff
}

.deposit-summary-container .deposit-summary-header .summary-transfer-amount,
.withdrawal-summary-container .withdrawal-summary-header .summary-transfer-amount {
    /* color: #ff00b2 */
}

.deposit-summary-container .deposit-summary-content,
.withdrawal-summary-container .withdrawal-summary-content {
    background-color: #0c101e
}

.deposit-summary-container .deposit-summary-content .deposit-summary-footer,
.withdrawal-summary-container .withdrawal-summary-content .withdrawal-summary-footer {
    color: #fff;
    border-top: 1px solid #273153
}

.payment-maintenance-container,
.remarks-container {
    background: #fff0d8;
    color: #333
}

.payment-maintenance-container i,
.remarks-container i {
    background-color: #f00;
    color: #fff;
    border-color: #fff
}

.remarks-container {
    border-color: #f41111;
    background: #2f1717;
    color: #fff
}

.remarks-container i {
    background-color: transparent;
    border-color: #f41111;
    color: #f41111
}

.popover {
    background-color: #0a1849;
    border-color: #ff00b2;
    color: #fff
}

.popover.top .arrow {
    border-top-color: #ff00b2
}

.popover.top .arrow:after {
    border-top-color: #0a1849
}

[data-payment-gateway] .download-qr-button {
    background: #ff00b2;
    color: #fff
}

.game-list ul>li>a img,
.game-list .provider-section .provider-img img,
.game-modal .game-iamge-field img {
    background: linear-gradient(335.7deg, #9d056f 16.09%, rgba(104, 72, 154, .5) 49.24%, rgba(0, 0, 0, 0) 83.08%)
}

.bank-info .bank-account-number-container img,
.bank-info .download-qr-code-button img {
    filter: invert(1)
}

[data-payment-gateway] .destination-account-number-container img,
[data-payment-gateway] .va-account-number img,
[data-payment-gateway] .download-qr-button img {
    filter: invert(1)
}

.pending-transactions-container .pending-transactions-item {
    color: #fff;
    background-color: #101427
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] {
    background-color: #181d33;
    color: #fff
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] hr {
    border-top: 1px solid #273153
}

.pending-transactions-container.pending-transactions-container [data-payment-gateway] .destination-account-number-container img {
    filter: invert(1)
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] .destination-account-bank-info>div>img {
    filter: initial
}

.pending-transactions-container .pending-transactions-item .pending-transaction-remarks-container {
    border-color: #ffffff33;
    color: #fff;
    background-color: #ffffff0f
}

.modal-body .pending-transaction-summary-container,
.claim-info-modal .alert-container {
    border-color: #f41168;
    color: #fff;
    background-color: #25142c
}

.modal-body .pending-transaction-summary-container .pending-transaction-summary-footer {
    border-top-color: #ffffff14
}

.modal-body .pending-transaction-summary-container .pending-transaction-summary-footer a {
    color: #fff;
    background-color: #c9176b
}

.modal-body .pending-transaction-details-container {
    color: #fff;
    background-color: #101322;
    border-color: #222843
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item {
    background-color: #181d33;
    border-color: #181d33
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item hr {
    border-color: #34314e
}

.otp-popup .otp-popup-content {
    background-color: #181834
}

.otp-fake-inputs div.filled,
.otp-fake-inputs div.focused {
    border-color: #f41168
}

.otp-popup .otp-popup-content .resend-button {
    color: #ff00b2
}

.bonus-selection-popup .bonus-selection-popup-content {
    background: #000
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-content {
    background: linear-gradient(89.85deg, #15192d .1%, #2d3353 50.22%, #15192d 99.83%)
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-detail {
    background: #2b2e3666
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-footer .end-date {
    color: #f00
}

.bonus-selection-list .bonus-selection-card+.remarks-container {
    background: #ff00f517;
    border-color: #ff00f5
}

.update-verification-note-container .update-verification-note {
    background: #0a1849;
    color: #fff
}

.update-verification-note-container .update-verification-note span {
    color: #f00
}

.referral-glyphicon-container .referral-code-header {
    color: #536c9f
}

.notification-tabs .notification-tab-item {
    background: #02071c
}

.notification-title {
    color: #fff;
}

.notification-list .notification-item {
    background: #000000;
    text-align: center;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 8px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    border: 1px solid #fff;
    color: #fff;
}

.notification-list .notification-item[data-seen="false"] {
    background: var(--btn-gradient-bottom-1);
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 8px;
    color: #FEFDA7;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    border: none;
}

.notification-list .notification-item .notification-header .notification-label {
    background: #ff00b2
}

.notification-list .notification-item .notification-title-container .notification-title-content h3 {
    color: #fff
}

.notification-list .notification-item .notification-content p {
    color: #999
}

.loyalty-info-container .loyalty-experience {
    background: #021633
}

.loyalty-info-container .user-info .balance-container .balance>a>span,
.loyalty-info .locked-balance .locked-balance-value span {
    color: #6eff00
}

.loyalty-experience .experience-point-section .loyalty-experience-progress,
.loyalty-experience .loyalty-point-section .loyalty-point-info-lp {
    background-color: #35455c
}

.loyalty-level-container .loyalty-level-item .loyalty-level-badge-container {
    background: #091a33
}

.loyalty-level-container .loyalty-level-item[data-selected="true"] .loyalty-level-badge-container {
    background: #122f58
}

.loyalty-level-container .loyalty-level-item[data-selected="false"] .loyalty-level-title-container .loyalty-level {
    background: #ffffff4d;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.loyalty-level-container .loyalty-level-item[data-selected="false"] .loyalty-level-title-container span {
    color: #ffffff4d
}

.loyalty-level-container .loyalty-level-item .loyalty-level-progress-container .loyalty-level-progress-point {
    background: #191d2a;
    border-color: #191d2a
}

.loyalty-level-container .loyalty-level-item .loyalty-level-progress-container[data-is-level-reached="true"] .loyalty-level-progress-point {
    background: #53ab01;
    border-color: #191d2a
}

.loyalty-level-container .loyalty-level-item .loyalty-level-progress-container .loyalty-level-progress-bar {
    background: #191d2a
}

.loyalty-level-container .loyalty-level-item .loyalty-level-progress-container .loyalty-level-progress-bar .level-progress {
    background: #53ab01
}

.loyalty-level-remarks-container {
    background: #ff00b233;
    border-color: #ff00b2
}

.loyalty-level-benefits-container {
    background: #0a1e3c
}

.loyalty-level-benefits-container .loyalty-level-benefits-title h3 {
    color: #fff
}

.loyalty-level-benefits-container .loyalty-level-benefits-list .loyalty-level-benefits-list-item {
    background: #122f58;
    box-shadow: 0 4px 4px 0 #00000040
}

.loyalty-level-benefits-container .loyalty-level-benefits-list .loyalty-level-benefits-list-item .benefits-info span {
    color: #fff
}

.loyalty-level-benefits-container .loyalty-level-benefits-list .loyalty-level-benefits-list-item .benefits-info p {
    color: #a8a8a8
}

.loyalty-level-benefits-container .loyalty-level-benefits-list .loyalty-level-benefits-list-item>img {
    filter: invert(1)
}

.loyalty-benefit-modal-body span {
    color: #fff
}

.loyalty-benefit-modal-body p {
    color: #dbdbdb
}

.benefits-icon-container {
    background: #5c5c5c
}

.loyalty-top-bar-container {
    background: linear-gradient(82.95deg, #020f23 -41.64%, #1c4075 138.36%)
}

.loyalty-menu-container .loyalty-menu-item img {
    background: #920067;
    border: 1px solid #bb0084
}

.loyalty-container .loyalty-menu a {
    background-color: #920067;
    border-color: #bb0084
}

.loyalty-reward-container {
    border-color: transparent;
    background-color: #000412
}

.loyalty-reward-container .category-title::before {
    background-color: #ff00b2
}

.loyalty-reward-container .loyalty-reward-button {
    background-image: linear-gradient(to bottom, #ff00b2, #ff00b2);
    color: #fff
}

.loyalty-reward-container .tab-filter .tab {
    background-color: #151c39
}

.loyalty-reward-container .tab-filter .tab.active {
    background-color: #ff00b2
}

.loyalty-reward-container .flash-sale-container::-webkit-scrollbar-thumb,
.loyalty-reward-container .lucky-draw-container::-webkit-scrollbar-thumb,
.loyalty-reward-container .other-product-container::-webkit-scrollbar-thumb {
    background: #263367
}

.loyalty-reward-container .flash-sale-container .item,
.loyalty-reward-container .lucky-draw-container .item,
.loyalty-reward-container .other-product-container .item {
    background-color: #0d132e;
    border-color: #0d132e
}

.loyalty-reward-container .flash-sale-container .item .item-detail-contaner .item-lp .item-lp-detail,
.loyalty-reward-container .lucky-draw-container .item .item-detail-contaner .item-lp .item-lp-detail,
.loyalty-reward-container .other-product-container .item .item-detail-contaner .item-lp .item-lp-detail {
    background-color: #ffffff33
}

.whitelisted-domains-link {
    background: #ff00b2
}

.search-header .search-title img {
    filter: invert(15%) sepia(83%) saturate(6753%) hue-rotate(313deg) brightness(109%) contrast(108%)
}

.site-menu .image-group {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    max-width: 150%;
    gap: 5px;
}

.site-menu .image-group a {
    display: block;
    /* width: 100%; */
    /* height: 100%; */
    overflow: hidden;
}

.image-group a img {
    height: 75px;
    width: auto;
}

.site-menu .image-group a img {
    /* width: 100%; */
    /* height: 100%; */
    /* object-fit: cover; */
    /* width: auto; */
    object-fit: cover;
    padding: 0 5px;
    /* background-image: linear-gradient(to bottom, #20679f, #000000); */
    filter: grayscale(10);
    /* border-radius: 10px; */
}

.site-menu li {
    list-style: none;
    width: 100%;
    margin-top: 10px;
    /* display: inline-block; */
    /* border-bottom: 1px solid #1E90FF; */
    text-align: center;
    vertical-align: top;
    /* border-bottom :2px solid #6c0000; */
}

.menu-list li a {
    font-size: 13px;
    font-family: 'Poppins-SemiBold', sans-serif;
}

.menu-icon {
    width: 18px;
    /* height: 18px; */
    margin-right: 8px;
    font-size: 1.2em;
    color: goldenrod;
}

.laporan-form-container {
    width: 90%;
    max-width: 600px;
    margin: 30px auto;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
}

.laporan-form-container h2 {
    text-align: center;
    font-size: 24px;
    color: #333;
    margin-bottom: 20px;
}

.required-form-group input {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.form-group {
    margin-bottom: 10px;
}

.form-group label {
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 8px;
    display: block;
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
    box-sizing: border-box;
    margin-top: 5px;
    font-family: 'Poppins-SemiBold', sans-serif;
    color: #000;
}

.form-group select {
    appearance: none;
}

.form-group textarea {
    resize: vertical;
}

#captchaImage {
    margin-top: 10px;
    margin-bottom: 10px;
}

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

    100% {
        transform: rotate(360deg);
    }
}

.rotate {
    animation: rotate 1s linear;
}

.grecaptcha-badge {
    display: none !important;
  }