.bonus-slider-modal .modal-body {
    background-color: #171717
}

.bonus-slider-modal .modal-footer {
    background-color: #171717;
    border: 1px solid #171717
}

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

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

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

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

.bonus-slider-modal .bonus-form {
    background-color: #202020;
    color: #dad9d9;
    border-top-color: #8c8c8c;
    box-shadow: 0 0 15px rgb(0 0 0 / .2)
}

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

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

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

.bonus-range .bubble::before {
    border-color: #fff0;
    border-top-color: #ff2b8e
}

.bonus-range .bubble::after {
    border-color: #fff0;
    border-top-color: #0e0e0e
}

.standard-form-note.claim-note span,
.standard-form-note.claim-note strong {
    color: #fff
}

.claim-item {
    background-color: #181325;
    color: #e8137d
}

.claim-item .claim-title .expiration-note {
    color: red
}

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

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

.claim-item .claim-button {
    border-color: #e4ff23;
    color: #000;
    background: #00ff23;
    background: -moz-linear-gradient(top, #00ff23 0%, #009d16 100%);
    background: -webkit-linear-gradient(top, #00ff23 0%, #009d16 100%);
    background: linear-gradient(to bottom, #00ff23 0%, #009d16 100%)
}

.claim-item .claim-button:hover,
.claim-item .activation-button:hover,
.claim-item .cancellation-button:hover,
.claim-item .expiration-button:hover {
    background-color: #470a30
}

.contact-us-list li h6 {
    color: #787878;
    color: #fff
}

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

.announcement-outer-container {
    background-color: #221c3e;
    color: #fff
}

.announcement-container>[data-section="announcements"] {
    background-color: #090710
}

.home-progressive-jackpot {
    color: #fff
}

.home-progressive-jackpot .jackpot-border-container {
    text-shadow: 0 2px 22px #ed00ff
}

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

.popular-game-title-container>i {
    border-bottom-color: #451e58;
    border-top-color: #0d0d0d
}

.popular-game-title-container a {
    background-color: #4e3c69;
    color: #fff
}

.info-center-container h2 {
    color: #ff0078
}

.info-center-container h3 {
    border-left-color: #e8137d
}

.info-center-container a {
    color: #ff0078
}

.info-center-container .panel-group .panel-heading {
    background-color: #330a4c
}

.info-center-container .panel-group .panel-heading .glyphicon-question-sign {
    color: #a5a5a5
}

.info-center-container .panel-group .panel-title a {
    color: #fff
}

.info-center-container .panel-default>.panel-heading+.panel-collapse .panel-body {
    background-color: #220d31
}

.about-us-container h5[data-title="safe-and-secure-gaming-environment"] {
    color: #00b4bf
}

.about-us-container h5[data-title="customer-experience"] {
    color: #00bf99
}

.about-us-container h5[data-title="fast-and-secure-payments"] {
    color: #9e5bff
}

.about-us-container h5[data-title="sky-is-not-the-limit"] {
    color: #ff1688
}

.about-us-container .inner-box {
    background-color: #181122;
    border-color: #21182e
}

.about-us-container .game-panel li>p {
    color: #fff
}

.message-detail-title {
    color: #fff;
    border-bottom-color: #d5d5d5
}

.replied-message {
    color: #858585;
    border-bottom-color: #d6d5d5
}

.replied-message[data-creator="true"] .replied-message-content {
    background-color: #1a1629
}

.message-table {
    color: #d5d5d5
}

.message-table-header .buttons-container a {
    color: #d5d5d5
}

.message-table-header .buttons-container a:hover {
    background-color: #870e6c;
    color: #fff
}

.message-table-body .checkbox-column,
.message-table-body .message-column {
    border-top-color: #db1acb
}

.confirmation-message-modal .modal-header {
    background-color: #263366;
    border-bottom-color: #bababa
}

.confirmation-message-modal h4.modal-title {
    color: #fff
}

.confirmation-message-modal .modal-body {
    background-color: #dbdbec
}

.confirmation-message-modal .confirm-btn.blank {
    background: #dcdbed;
    color: gray
}

.confirmation-message-modal .confirm-btn {
    background: gray;
    color: #fff;
    border-color: gray
}

.confirmation-message-modal .confirm-btn:hover {
    background: #dcdbed;
    color: gray
}

.confirmation-message-modal .confirm-btn.blank:hover {
    background: gray;
    color: #fff
}

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

.mobile-app-container .title-container {
    color: #a65fb7
}

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

.mobile-app-container .nav-tabs {
    border-bottom-color: #db1acb
}

.mobile-app-container>.nav-tabs a {
    color: #827ab1
}

.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: #0f0c1a;
    color: #db1acb;
    border-color: #db1acb;
    border-bottom-color: #fff0
}

.mobile-app-container .nav>li>a:hover,
.mobile-app-container .nav>li>a:focus {
    background-color: #460a31;
    color: #fff
}

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

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

.mobile-app-container a {
    color: #ce1ac0
}

.profile-container .section-heading {
    color: #fff
}

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

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

.promotion-side-menu,
.promotion-list {
    background-color: #0c0a17;
    border-color: #0f0c1b
}

.promotion-side-menu>h5 {
    color: #b0aad0
}

.promotion-side-menu>a {
    border-bottom-color: #120f23;
    color: #fff
}

.promotion-side-menu>a[data-active="true"],
.promotion-side-menu>a:hover {
    background-color: #110e20;
    border-left-color: #e8137d
}

.promotion-item {
    background-color: #390a42
}

.promotion-item .promotion-footer {
    color: #fff
}

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

.promotion-item .click-for-get-promo-button:hover {
    background-color: #f6328f
}

.register-done-container {
    color: #d5d5d5
}

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

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

.register-done-container>img {
    background-color: #fff0
}

.register-done-container .btn-deposit {
    background: #fe0178;
    background: linear-gradient(to left, #6b187d 0%, #fe0178 100%)
}

.register-done-container .btn-deposit:hover {
    background: #fe0178;
    background: linear-gradient(to right, #6b187d 0%, #fe0178 100%)
}

.register-done-container .standard-button-group .btn {
    border-color: #fe0178;
    color: #fff
}

.register-done-container .standard-button-group .btn:hover {
    border-color: #363636;
    background: #363636
}

.register-done-container .register-verification-done {
    border-color: #fe0178;
    background: #27051c
}

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

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

.provider-slide {
    background-color: #1d0f2a;
    background-image: linear-gradient(to bottom, #1d0f2a 0%, #07060e 100%);
    border-color: #36254f
}

.provider-slide>i {
    color: #fff
}

.provider-slide>i:hover {
    background-color: rgb(255 255 255 / .05)
}

.game-description-container .game-title {
    color: #fff
}

.game-description-container .game-description {
    color: #fff
}

.progressive-jackpot .jackpot-container {
    color: #302e2e
}

.deposit-container .standard-form-note a {
    color: #fba501
}

.deposit-container .formatted-balance {
    color: #fba501
}

.deposit-container .bank-info {
    background-color: #1b192e
}

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

.withdrawal-container .total-balance {
    color: #db1acb;
    border-bottom: 1px solid #322b4c
}

.withdrawal-container .bank-info {
    background-color: #1b192e
}

[data-container-background="general"] {
    background-color: #0a0813
}

[data-container-background="home"] {
    background-color: #0a0813
}

[data-container-background="slots"] {
    background-color: #0a0813
}

[data-container-background="arcade"] {
    background-color: #0a0813
}

[data-container-background="crash-game"] {
    background-color: #0a0813
}

[data-container-background="casino"] {
    background-color: #050310
}

[data-container-background="race"] {
    background-color: #050310
}

[data-container-background="others"] {
    background-color: #0a0813
}

.free-play {
    color: #d3d3d3
}

.free-play:hover {
    color: #fff
}

.play-now {
    color: #fff;
    background: #ba166e;
    background: linear-gradient(to right, #ba166e 0%, #661181 100%)
}

.play-now:hover {
    color: #fff;
    background: #661181;
    background: linear-gradient(to right, #661181 0%, #ba166e 100%)
}

.games-list-container {
    background-color: rgb(22 18 40 / .74)
}

.games-list-container .filter-section {
    background-color: #470a30;
    background: linear-gradient(to right, #470a30 0%, #470a30 100%)
}

.games-list-container .filter-section input[type="text"] {
    border-color: #6d0a4f;
    background: #100a1a;
    color: #fff
}

.games-list-container .filter-section:after {
    background-color: #cb1776;
    color: #fff
}

.games-list-container .category-filter-link {
    color: #fff
}

.games-list-container .category-filter-link.active,
.games-list-container .category-filter-link:hover {
    background-color: #894bc8
}

.game-list-title {
    background-image: linear-gradient(transparent calc(50% - 1px), #fff 2px, transparent calc(50% + 1px))
}

.game-list-title>div {
    background-color: inherit;
    color: #edeff6
}

.game-list-title {
    background-color: #02071c
}

.provider-outer-container,
.game-list,
.games-list-container .game-info {
    background-color: #0a0813;
    border-color: #322547
}

.game-list .game-item {
    background-color: #1e1a31;
    background-image: linear-gradient(to bottom, #1e1a31 0%, #171429 100%)
}

.game-list .game-name {
    color: #fff
}

.game-list .provider-name {
    color: #fe0178
}

.game-list .link-container {
    background-color: rgb(6 0 15 / .85)
}

.game-list .wrapper-container:hover {
    background: #000
}

.large-game-list-container .section-heading h4 {
    color: #fff
}

.large-game-list-container .large-game-list .play-now {
    background: #c9176b
}

.large-game-list-container .large-game-list .play-now:hover {
    background: #9b0c4f
}

.large-game-list-container .large-game-list .free-play {
    color: #000;
    background: #fff
}

.large-game-list-container .large-game-list .free-play:hover {
    color: #000;
    background: #b7b4b4
}

.large-game-list .link-container {
    background-color: #000000b2
}

.large-game-list .bottom-link-container {
    background-color: #091122
}

.arcade-game-list,
.crash-game-game-list {
    background-color: rgb(3 13 58 / .85)
}

.large-game-list li {
    background: linear-gradient(180deg, #fff0 25%, #de16ff 100%)
}

.large-game-list img {
    background: linear-gradient(180deg, #0a0813 25%, #2c0041 100%)
}

.large-game-list li a.game-info {
    border-color: #c9176b;
    color: #c9176b
}

.large-game-list li a.game-info:hover,
.large-game-list li a.game-info:focus {
    color: #f6328f;
    border-color: #f6328f
}

body,
.site-footer,
.telegram-banner-container {
    background-color: #151128
}

.topbar-container {
    border-bottom-color: #171b34;
    background-color: #141126
}

.topbar-left-section .topbar-item {
    color: #d5d5d5
}

.topbar-left-section .topbar-item+.topbar-item {
    border-left-color: #ccc
}

.topbar-left-section .topbar-item a {
    color: #d5d5d5
}

.topbar-left-section .topbar-item a:hover {
    color: #fff
}

.topbar-left-section .language-selector-container {
    color: #fff
}

.topbar-left-section .language-selector-trigger:after {
    border-color: #fff0;
    border-top-color: #fff
}

.topbar-left-section .language-selector-trigger[data-active="true"]:after {
    border-bottom-color: #fff
}

.topbar-left-section .language-selector {
    background-color: #0b0917
}

.topbar-left-section .language-selector li {
    background-color: #141126
}

.topbar-left-section .language-selector li:hover {
    background-color: #c9176b
}

.site-header {
    background: linear-gradient(to right, #320a4c 0%, #470a30 100%);
    box-shadow: inset 0 2px 1px rgb(255 255 255 / .1)
}

.top-menu>li {
    color: #fff
}

.top-menu>li+li:before {
    background: #580c50
}

.top-menu>li[data-active="true"],
.top-menu>li:hover {
    color: #db1acb
}

.top-menu .game-list-container {
    background-color: rgb(20 17 38 / .98);
    border-bottom-color: #7e00fd
}

.top-menu .games-container>li {
    background: linear-gradient(180deg, #fff0 25%, #de16ff 100%)
}

.top-menu .games-container>li:hover>a {
    background-color: rgb(40 32 88 / .3)
}

.top-menu .games-container>li>a img {
    background: linear-gradient(180deg, #0a0813 25%, #2c0041 100%)
}

.site-content-container {
    background-color: #0a0813
}

.site-contacts {
    background: #332a63;
    background-image: linear-gradient(to bottom, #332a63 0%, #221c40 100%)
}

.site-contacts .contact-list li a {
    background-color: #0a0814;
    color: #fff
}

.site-contacts .contact-list li a i {
    background-color: #20254f
}

.site-info-container {
    background-color: #0e0c1a
}

.site-info-container .section-title {
    color: #d5d5d5
}

.site-info-inner-container {
    color: #74708f
}

.site-info-inner-container .site-links-container {
    border-color: #1b172e
}

.site-info-inner-container .footer-links li a,
.footer-links>li>a {
    color: #74708f
}

.site-info-inner-container .footer-links li a:hover,
.footer-links>li>a:hover {
    color: #fff
}

.site-info-inner-container .support-list li {
    border-color: #2f2a4b
}

.copyright-info-container {
    border-top-color: #060411;
    color: #d5d5d5
}

.copyright-info-container .copyright {
    color: #fff
}

.register-page-link a {
    color: #d51ac5
}

.register-modal .modal-body,
.forgot-password-modal .modal-body {
    background-color: #141125;
    color: #8c856c
}

.login-panel {
    color: #fff
}

.login-panel input[type="text"],
.login-panel input[type="password"] {
    background-color: #0b0b17;
    border-color: #2f2852
}

.login-panel .login-button {
    background: #362f5e
}

.login-panel .login-button:hover {
    background: #221e37
}

.login-panel .register-button {
    background: #db1acb;
    background: linear-gradient(to right, #db1acb 0%, #c9176b 100%)
}

.login-panel .register-button:hover {
    background: #c9176b;
    background: linear-gradient(to right, #c9176b 0%, #db1acb 100%)
}

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

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

.modal-header {
    color: #fff
}

.modal-header .close {
    color: #fff
}

.modal-body {
    background-color: #0e0b16;
    color: #fff
}

.modal-footer {
    background-color: #0e0b16;
    color: #fff;
    border-top: 1px solid #1f1934
}

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

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

.modal-footer .btn-primary {
    color: #fff;
    background: #db1acb;
    background-image: linear-gradient(to right, #db1acb 0%, #470a30 100%)
}

.modal-footer .btn-primary:hover {
    background: #470a30;
    background-image: linear-gradient(to right, #470a30 0%, #db1acb 100%)
}

.popup-modal [data-popup="maintenance"] p span {
    background: #fff;
    color: #c018ae
}

.standard-form-content {
    background: rgb(15 12 27 / .98);
    color: #fff
}

.standard-form-title {
    color: #ff0078
}

.standard-form-sub-title {
    border-left-color: #e8137d
}

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

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

.standard-reporting-control-group>input {
    background-color: #0c0914;
    border-color: #1f1632;
    color: #a7a7a7
}

.standard-form-content .table thead,
.standard-reporting-scroll-container .table thead {
    background-color: #171225;
    border-color: #231b38
}

.standard-form-content .table thead tr th,
.standard-reporting-scroll-container .table thead tr th {
    border-color: #231b38;
    color: #fff
}

.standard-form-content .table tbody,
.standard-reporting-scroll-container .table tbody {
    background-color: #171225
}

.standard-form-content .table tbody td,
.standard-reporting-scroll-container .table tbody td {
    border-color: #231b38;
    color: #aca4c2
}

.table {
    color: #bbb
}

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

.standard-inline-form-group label {
    color: #fff
}

.standard-inline-form-group .form-control,
.standard-form-content .form-control,
.mobile-app-container .mobile-app-select {
    background-color: #0c0914;
    border-color: #1f1632;
    color: #fff
}

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

.standard-inline-form-group .form-control[disabled],
.standard-inline-form-group .form-control[readonly] {
    background-color: #161121
}

.standard-inline-form-group [data-section="asterisk"] {
    color: red
}

.standard-button-group .btn-primary,
.standard-reporting-control-group .btn-primary,
.deposit-container .reveal-bank-account-button {
    background: #db1acb;
    background-image: linear-gradient(to right, #db1acb 0%, #470a30 100%);
    color: #fff
}

.standard-button-group .btn-primary:hover,
.standard-reporting-control-group .btn-primary:hover,
.deposit-container .reveal-bank-account-button:hover {
    background: #470a30;
    background-image: linear-gradient(to right, #470a30 0%, #db1acb 100%)
}

.standard-button-group .btn-primary[disabled] {
    background-color: #403d63b2
}

.expiration-countdown [data-section] {
    background-color: #5f334d;
    color: #fff;
    border-color: #a9a9a9
}

.expiration-countdown [data-value] {
    background-color: #f6f6f6;
    color: #5f334d
}

.copy-input-button-field .copy-input-button {
    color: #fff;
    background: linear-gradient(to right, #ee1da9 0%, #d86548 100%)
}

.copy-input-button-field .copy-input-button:hover {
    color: #fff;
    background: linear-gradient(to right, #d86548 0%, #ee1da9 100%)
}

.standard-profile-bar {
    background-color: rgb(15 12 27 / .98);
    color: #d5d5d5
}

.standard-profile-bar .username-field .username {
    color: #58556a
}

.standard-profile-bar .balance-field .balance {
    color: #fd0178
}

.standard-nav-bar .nav-bar-title {
    color: #db1acb
}

.standard-nav-bar a {
    border-color: #171225;
    background-color: #171225;
    color: #fff
}

.standard-nav-bar a[data-active="true"] {
    background-color: #7f0fbf;
    background-image: linear-gradient(to right, #7f0fbf 0%, #870d63 100%)
}

.standard-nav-bar a:not([data-active="true"]):hover {
    border-color: #ba3bff;
    color: #ba3bff
}

.standard-side-menu {
    background-color: #120e1d;
    color: #fff
}

.standard-side-menu a {
    border-color: #171225;
    background-color: #171225;
    color: #fff
}

.standard-side-menu a[data-active="true"] {
    background-color: #7f0fbf;
    background-image: linear-gradient(to right, #7f0fbf 0%, #870d63 100%)
}

.standard-side-menu a:not([data-active="true"]):hover {
    border-color: #ba3bff;
    color: #ba3bff
}

.user-info {
    color: #fff
}

.user-info .user-main-info {
    background: #201d31;
    box-shadow: 0 4px 4px 0 #00000040
}

.user-info .balance>span,
.user-info .balance>a>span {
    color: #00ffc0
}

.user-info .balance .locked-balance {
    background: #3b384a;
    color: #fff
}

.change-referral-code a,
.referral-box a {
    color: #db1acb
}

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

.user-info .wallet-container>.balance::after {
    border-top-color: #fff
}

.user-info .wallet-container>.balance.open::after {
    border-color: #fff
}

.user-info .vendor-balances-container {
    border-color: #b31bc8;
    background-color: rgb(0 0 0 / .85)
}

.user-info .vendor-balances-container .vendor-balances-header {
    border-color: #b31bc8
}

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

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

.user-info .vendor-balances-container ::-webkit-scrollbar-track {
    background: #fff0
}

.user-info .vendor-balances-container ::-webkit-scrollbar-thumb {
    background: #58585a
}

.site-description,
.site-description h1,
.site-description h2,
.site-description h3,
.site-description p,

.site-description div,
.site-info .site-info-title p,
.site-footer .copyright,
.site-info .site-info-description h4,
.site-info .site-info-description p {
    color: #858484
}
.site-description a{
    color: #b118a9
}


.site-info .site-info-title h3,
.footer-section-title,
.provider-container>legend,
.percentCount {
    color: #d5d5d5
}

.footer-links>li+li>a,
.footer-separator,
.site-info .site-info-title,
.site-info .site-info-description.with-seperator+.with-seperator,
.provider-container {
    border-color: #74708f
}

.footer-info-container .site-info:not(:last-child):after {
    background-color: #74708f
}

.percentCount {
    font-family: inherit
}

.progressbar {
    background: #74708f !important
}

.proggress {
    background: #d5d5d5 !important
}

.download-apk {
    color: #fff
}

.download-apk .h2 span {
    color: #d40082
}

.download-apk-section i {
    color: #d40082
}

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

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

.standard-content-info .standard-content-block {
    background-color: #171225
}

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

.standard-content-info .standard-content-block {
    background-color: #171225
}

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

.profile-summary-table.table tbody {
    background-color: inherit
}

.last-transaction-table.table tbody {
    background-color: #120e1d
}

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

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

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

.standard-reporting-control-group>label {
    color: #bbb
}

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

.unread-announcements-popup {
    border-color: #b31bc8
}

.unread-announcements-popup:before {
    border-bottom-color: #b31bc8
}

.notification-popup-body .notification-footer {
    background-color: #7f0fbf;
    background-image: linear-gradient(to bottom, #7f0fbf 0%, #870d63 100%);
    border-color: #7f0fbf
}

.introjs-bullets ul li a.active,
.introjs-bullets ul li a:hover {
    background-color: #6d65a4
}

.payment-maintenance-container,
.remarks-container {
    background: #1b192e;
    color: #fff
}

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

.remarks-container {
    border-color: #fe0178;
    background: rgb(88 0 42 / .37)
}

.remarks-container i {
    background-color: #fff0;
    border-color: #fe0178;
    color: #fe0178
}

.popover {
    background-color: #171225;
    border-color: #ba3bff;
    color: #fff
}

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

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

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

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

[data-payment-gateway] .destination-account-number-container.destination-account-number-container img,
[data-payment-gateway] .va-account-number.va-account-number img {
    filter: initial
}

[data-payment-gateway] .download-qr-button img {
    filter: invert(1)
}

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

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

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

.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: #fff3;
    color: #fff;
    background-color: #ffffff0f
}

.no-data-container p {
    color: #463758
}

.no-data-container img {
    filter: invert(16%) sepia(32%) saturate(662%) hue-rotate(225deg) brightness(92%) contrast(94%)
}

.modal-body .pending-transaction-summary-container,
.claim-info-modal .alert-container,
.payment-account-creation-remarks {
    border-color: #d80bce;
    color: #fff;
    background-color: #1f1724
}

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

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

.modal-body .pending-transaction-details-container {
    background-color: #1b192e;
    border-color: #23203e;
    color: #fff
}

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

.modal-body .pending-transaction-details-container .pending-transaction-details-item .transaction-icon {
    filter: none
}

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

.modal-standard-header {
    color: #fff
}

.modal-standard-header:after {
    background-image: linear-gradient(90deg, #fff0 0%, rgb(255 255 255 / .9) 46.29%, #fff0 100%)
}

.replied-message:not([data-message-type="announcement"]) .replied-message-content * {
    color: #858585
}

.standard-form-title.with-back-icon span {
    color: #fff
}

.loyalty-top-bar-container {
    background: linear-gradient(82.95deg, #0f0d1a -41.64%, #463e6c 138.36%)
}

.loyalty-top-bar-container .loyalty-point-section>div,
.loyalty-top-bar-container .loyalty-benefit-section>div {
    background-color: #100e20
}

.search-header .search-title img {
    filter: invert(14%) sepia(97%) saturate(7439%) hue-rotate(323deg) brightness(98%) contrast(101%)
}

.standard-remark-notification .remark-notification-content span {
    color: #ff59a7
}

.simple-modal .modal-header {
    background-color: #0e0b16
}

.simple-modal .btn-secondary {
    border: 1px solid #db1acb;
    color: #db1acb
}

.floating-action-button .floating-action-button-item {
    box-shadow: 0 4px 24px 0 #800eac80
}

.table .table {
    color: #bbb
}

.menu-container {
  width: 100%;
  background: #2a124d; /* ungu agak gelap */
  padding: 12px 0;
}

.menu {
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 12px;
  margin: 0;
  padding: 0;
}

.menu li a {
  display: block;
  padding: 10px 18px;
  background: #5e2b97;
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  transition: all 0.3s ease;
}

.menu li a:hover {
  background: #7b3fe4;
  transform: translateY(-2px);
}

.menu li a:active {
  transform: scale(0.96);
}