/*
 * ============================================================
 *  DEEP WINE MAGENTA THEME — "Velvet Rouge"
 *
 *  Palette:
 *    Vivid Magenta:   #f03c96
 *    Bright Magenta:  #d42880
 *    Rich Magenta:    #c02878
 *    Deep Magenta:    #9b1560
 *    Dark Wine:       #7a1050
 *    Deeper Wine:     #6b0f45
 *
 *    BG Darkest:      #080112
 *    BG Very Dark:    #0e0218
 *    BG Surface:      #190530
 *    BG Panel:        #1f0835
 *    BG Elevated:     #2a0d40
 *    BG Accent Dark:  #350f48
 *
 *  Gradients:
 *    Primary:         #f03c96 → #9b1560
 *    Luxury:          #f03c96 → #6b0f45
 *    Subtle BG:       #1f0835 → #2a0d40
 * ============================================================
 */

.game-list-container .filter-section {
    background-color: #1f0835
}

.game-list-container .filter-section:after {
    border-left: 1px solid #4a1550
}

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

.game-list-container .filter-section .category-filter .category-filter-link:hover,
.game-list-container .filter-section .category-filter .category-filter-link.active {
    background-color: #0e0218
}

.game-list-container .filter-section .category-filter .category-filter-link.active {
    color: #f03c96
}

.game-list-container .filter-section>input {
    background-color: #0e0218;
    color: #fff
}

.game-list-container .filter-section>select {
    background-color: #080112;
    color: #9980a8;
    border: 1px solid #3d0f3a
}

.game-list-title {
    border-left: 5px solid #f03c96;
    color: #fff
}

.game-list .game-item {
    background-color: #1f0835;
    color: #fff
}

.game-list .game-item .wrapper-container .link-container {
    background-color: rgba(8, 1, 18, .85)
}

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

.bonus-slider-modal .modal-footer {
    background-color: #190530
}

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

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

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

.bonus-slider-modal .close-button:hover {
    background-color: #330e3e
}

.bonus-slider-modal .bonus-form {
    background-color: #1a0530;
    color: #e8d0e0;
    border-top: 2px solid #f03c96;
    box-shadow: 0 0 15px rgba(0, 0, 0, .35)
}

.bonus-controls-field .bonus-control-button {
    background-color: #e4c8d8;
    color: #521040
}

.bonus-controls-field .bonus-amount {
    background-color: #0e0218;
    color: #f03c96
}

.bonus-range .bubble {
    color: #fff;
    border: 2px solid #d42880;
    background: #0e0218
}

.bonus-range .bubble::before {
    border-color: rgba(212, 40, 128, 0);
    border-top-color: #d42880
}

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

.claim-item {
    color: #fff;
    background-color: #190530;
    box-shadow: 0 0 10px rgba(0, 0, 0, .55);
    border: 1px solid #1f0835
}

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

.claim-item-type>div {
    background-color: #1f0835
}

.claim-item-type .expiration-countdown [data-section] {
    background: #12021e
}

.bonus-progress .progress-bar-success {
    background: linear-gradient(to right, #f03c96 0%, #9b1560 100%)
}

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

.claim-item .claim-button,
.claim-item .activation-button,
.claim-item .cancellation-button,
.claim-item .expiration-button {
    background: linear-gradient(to right, #f03c96 0%, #9b1560 100%);
    color: #fff
}

.claim-item .claim-button:hover,
.claim-item .activation-button:hover,
.claim-item .cancellation-button:hover,
.claim-item .expiration-button:hover {
    background: #2a0d40;
    color: #f03c96
}

.claim-item .activation-button:hover a {
    color: #f03c96
}

.claim-item .expiration-countdown {
    background-color: #0e0218;
    border: 1px solid #1f0835
}

.claim-item .expiration-countdown [data-section] {
    color: #c6a8d0;
    background-color: #281040
}

.contact-us-list li {
    color: #9980aa
}

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

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

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

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

.home-progressive-jackpot .jackpot-container {
    background-image: linear-gradient(#c02878, #080112)
}

.home-progressive-jackpot .jackpot-border-container {
    border-color: #7a1050
}

.jackpot-container .jackpot-currency {
    color: #f03c96
}

@media only screen and (min-width:992px) {
    .home-inner-container {
        background-color: #0d0220
    }

    .home-progressive-jackpot {
        background-image: linear-gradient(#0a0115, #1f0835, #0a0115)
    }

    .home-progressive-jackpot .outer-container {
        background-color: #080112
    }

    .home-progressive-jackpot .inner-container {
        background-image: linear-gradient(#180430, #24083800)
    }

    .home-progressive-jackpot .border-container {
        background-color: #0009;
        border: 3px solid #c02878
    }
}

.home-component-item {
    background: #1f0835
}

.home-component-item .h2 {
    color: #fff;
    border-left: 5px solid #f03c96
}

.lottery-result-container {
    color: #fff
}

.lottery-result-container>.h3 {
    border: 2px solid #f03c96
}

.lottery-result-container>.h4 {
    background-color: #f03c96
}

.slots-winner {
    background-color: #1a0828
}

.slots-winner .winner-info {
    color: #b090c0
}

.slots-winner .winner-info h5 {
    color: #fff
}

.slots-winner .winner-info .winner-amount {
    color: #f03c96
}

.slots-providers>a {
    background-color: #1a0828;
    color: #fff
}

.slots-providers .provider-item>section {
    color: #fff
}

.slots-providers .provider-item>section>a {
    background: #f03c96;
    background: linear-gradient(to bottom, #f03c96 0%, #9b1560 100%);
    color: #fff
}

.partners-container {
    color: #fff
}

@media only screen and (max-width:767px) {
    .slots-providers>a {
        background-color: #1a0828
    }
}

.download-apk {
    color: #fff
}

.download-apk .h2>strong {
    color: #f03c96
}

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

.download-apk .btn {
    color: #fff;
    background: #f03c96;
    background: linear-gradient(to right, #f03c96 0%, #9b1560 100%)
}

@media only screen and (max-width:768px) {
    .download-apk .btn {
        color: #fff;
        background: none
    }

    .download-apk-btn-android {
        color: #fff;
        background: #f03c96;
        background: linear-gradient(to right, #f03c96 0%, #9b1560 100%)
    }
}

.new-slots-games-header button {
    color: #fff
}

.popular-slots-header a {
    color: #fff
}

.popular-slots-header button {
    color: #fff
}

.info-center-container {
    color: #bba8c8
}

.info-center-container h2,
.info-center-container h3,
.info-center-container h4,
.info-center-container h5 {
    color: #fff
}

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

.info-center-container h3 {
    border-left: 4px solid #f03c96
}

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

.info-center-container .panel-group .panel-heading {
    background-color: #1f0835
}

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

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

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

.standard-form-container.info-center-container>h2:first-child {
    border-bottom: 7px solid #f03c96;
    background-image: linear-gradient(to bottom, #1f0835 0%, #1f0835 100%)
}

.about-us-container h5[data-title] {
    color: #f03c96
}

.about-us-container .inner-box-container .inner-box {
    background-color: #220a30;
    border: 1px solid #2e1040
}

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

.message-container .message-header a,
.message-container .message-header input {
    color: #9980aa
}

.message-container .message-header a:hover {
    color: #fff
}

.replied-message {
    color: #9978aa
}

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

.mobile-app-container .mobile-info-button {
    background-color: #1a0828
}

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

.mobile-app-container .nav-tabs {
    border-bottom: 1px solid #f03c96
}

.mobile-app-container .nav-tabs>li>a {
    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 {
    color: #fff;
    border: 1px solid #f03c96;
    border-bottom-color: transparent;
    background-color: #0e0218
}

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

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

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

.profile-container .transaction-section>div {
    background: linear-gradient(to bottom, #1f0835 0%, #1f0835 100%);
    border: 1px solid #1a0530
}

.profile-container .transaction-section .wallet {
    background-color: #080112;
    border: 6px solid #f03c96
}

.profile-container .transaction-section div+div>small {
    background-color: #4a1550
}

.promotion-categories a {
    color: #fff;
    background-color: #220a30
}

.promotion-categories a:hover,
.promotion-categories a[data-active="true"] {
    background-color: #f03c96;
    background: linear-gradient(to right, #f03c96 0%, #9b1560 100%)
}

.promotion-list .promotion-container {
    background-color: #220a30
}

.promotion-list .promotion-header {
    color: #fff
}

.promotion-list .promotion-header>h5 {
    background-color: #f03c96
}

.promotion-list .promotion-header>h5:after {
    color: #f03c96;
    border: 17px solid;
    border-right-color: transparent
}

.promotion-list .promotion-wrapper .link-container {
    background-color: rgba(8, 1, 18, .85)
}

.promotion-list .promotion-wrapper .link-container a,
.promotion-info .click-for-get-promo-button {
    background-color: #c02878;
    background-image: linear-gradient(to top, #c02878 0%, #7a1050 100%);
    color: #fff
}

.promotion-list .promotion-wrapper .link-container a:hover,
.promotion-info .click-for-get-promo-button:hover {
    background-color: #c02878;
    background-image: linear-gradient(to top, #7a1050 0%, #c02878 100%)
}

.promotion-list .promotion-wrapper .link-container button {
    background-color: #f03c96;
    background-image: linear-gradient(to bottom, #f03c96 0%, #9b1560 100%);
    color: #fff
}

.promotion-list .promotion-wrapper .link-container button:hover {
    background-color: #f03c96;
    background-image: linear-gradient(to top, #f03c96 0%, #9b1560 100%)
}

.promotion-info .promotion-item-details,
.promotion-info .promotion-content {
    background-color: #1a0530
}

.promotion-share-container .promotion-share-btn {
    border-color: #f03c96;
    color: #f03c96
}

.promotion-share-container .promotion-share-btn img {
    filter: brightness(0%) invert(42%) sepia(90%) saturate(2000%) hue-rotate(298deg) brightness(110%) contrast(95%)
}

.referral-section .referral-code-container {
    border-color: #f03c96
}

.referral-section .referral-show-qr-container .referral-show-qr-btn {
    background-color: #1f0835;
    color: #f03c96
}

.referral-section .referral-code-copy-btn,
.referral-section .referral-show-qr-container,
.referral-box-container .referral-box .referral-box-icon,
.whitelisted-domains-link {
    background: linear-gradient(to bottom, #f03c96 0%, #9b1560 100%)
}

.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(60%) sepia(80%) saturate(1200%) hue-rotate(290deg) brightness(120%) contrast(90%)
}

.referral-box-container .referral-box {
    background-color: #2a0d40;
    border-color: #f03c96
}

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

.update-verification-note {
    background-color: #1e0530
}

.update-verification-note p {
    color: #f03c96
}

.form-footer-note-section .form-footer-note,
.register-modal .register-page-reminder {
    color: #fff
}

.form-footer-note-section .form-footer-note-link a,
.register-modal .register-page-link a {
    color: #f03c96
}

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

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

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

.register-done-container .btn-deposit {
    background: #f03c96;
    background-image: linear-gradient(to bottom, #f03c96 0%, #9b1560 100%)
}

.register-done-container .btn-deposit:hover {
    background: #f03c96;
    background-image: linear-gradient(to top, #f03c96 0%, #9b1560 100%)
}

.register-done-container .standard-button-group .btn:hover {
    background: #f03c96
}

.register-done-container .register-verification-done {
    border-color: #f03c96;
    background: #f03c961f
}

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

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

.game-provider-slider {
    background-color: #0e0218
}

.game-provider-slider>button {
    color: #fff
}

.game-provider-slider>button:hover,
.game-provider-slider .game-providers a:hover {
    background-image: linear-gradient(to bottom, #180430 0%, #280d40 50%, #180430 100%)
}

.game-provider-slider .game-providers a h5 {
    color: #fff
}

.vendor-game-info {
    color: #fff
}

.vendor-game-info a,
.vendor-game-details-info a {
    color: #fff;
    background-color: #f03c96;
    background-image: linear-gradient(to right, #f03c96 0%, #9b1560 100%)
}

.vendor-game-info a:hover {
    background-color: #9b1560;
    background-image: linear-gradient(to right, #9b1560 0%, #f03c96 100%)
}

.vendor-mobile-app {
    background-color: #0e0218
}

.vendor-game-details {
    background-color: #0e0218
}

.vendor-game-details .carousel>a {
    background-color: rgba(8, 1, 18, .6);
    color: #fff
}

.vendor-mobile-app-info,
.vendor-game-details-info {
    color: #fff
}

.popular-games .games-group .game-container .game-player h5 {
    color: #fff
}

.game-list .game-player h5 {
    color: #fff
}

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

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

.deposit-container .balance {
    color: #fff
}

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

.deposit-container .real-deposit-amount {
    color: #f03c96
}

.withdrawal-container .total-balance {
    color: #f03c96
}

.withdrawal-container .total-balance span[data-section="balance"] {
    color: #fff
}

.carousel-indicators li.active,
.carousel-indicators li.slick-active {
    background-color: #f03c96;
    border-color: #f03c96
}

.play-now,
.free-play {
    color: #fff;
    border: 1px solid transparent
}

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

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

.free-play:hover {
    background-color: #3a1048;
    border-color: #3a1048
}

.play-now {
    background: #f03c96;
    background: linear-gradient(to right, #f03c96 0%, #9b1560 100%)
}

.play-now:hover {
    background-color: #f03c96;
    background-image: linear-gradient(to right, #f03c96 0%, #9b1560 100%)
}

.game-container {
    background-color: #1f0835
}

.game-container .game-wrapper .link-container {
    background-color: rgba(8, 1, 18, .85)
}

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

.large-game-list-heading {
    border-left: 4px solid #f03c96;
    color: #fff
}

.large-game-list .game-info-link {
    color: #fff
}

.large-game-list .link-container>h5 {
    color: #fff
}

.layout-modal .forgot-password-link-container a {
    color: #fff
}

.layout-modal .forgot-password-link-container a:hover {
    color: #f03c96
}

.layout-modal .registration-note a {
    color: #f03c96
}

.layout-modal .forgot-password-note {
    color: #8060a0
}

body {
    background-color: #0d0220
}

.navbar {
    background-color: #0e0218
}

.site-topbar main>a {
    color: #fff
}

.site-topbar main>a.register-button {
    background: #f03c96;
    background: linear-gradient(to right, #f03c96 0%, #9b1560 100%);
    color: #fff
}

.site-topbar main>a.register-button:hover {
    background: #f03c96;
    background: linear-gradient(to right, #f03c96 0%, #9b1560 100%);
    color: #fff
}

.site-topbar main>a.login-button {
    background-color: #c02878;
    color: #fff;
    border: transparent
}

.site-topbar main>.site-side-menu-trigger .icon-bar {
    background-color: #fff
}

.site-header-navbar {
    background: #1f0835
}

.site-menu>li>a {
    color: #fff
}

.site-menu>li[data-active="true"],
.site-menu>li[data-active="true"] a,
.site-menu>li>a:hover {
    color: #f03c96
}

.site-menu .game-list-container {
    background-color: rgba(13, 2, 32, .94);
    border-bottom: 10px solid #1f0835
}

.site-menu .games-container>li>a {
    color: #fff
}

.site-menu .games-container>li:hover>a {
    background-color: rgba(240, 60, 150, .12)
}

.language-selector-container {
    color: #fff
}

.language-selector-container .language-selector {
    background-color: rgba(8, 1, 18, .94)
}

.language-selector-container .language-selector li:hover {
    background-color: #9b1560
}

.site-footer {
    background: #1f0835
}

.site-footer hr {
    border-top: 1px solid #7a1050
}

.site-footer-navbar {
    color: #fff;
    border-top: 6px solid #1a0530;
    background-color: #0d0220
}

.site-footer-navbar ul li:hover a,
.site-footer-navbar li[data-active="true"] a {
    color: #f03c96
}

.back-to-top,
.live-chat-link {
    background-color: #c02878
}

.back-to-top:not([hidden]) {
    color: #fff
}

.back-to-top:hover {
    background-color: #c02878;
    color: #fff
}

.live-chat-link:hover {
    background-color: #fff
}

@media only screen and (min-width:1199px) {
    .site-menu>li:not(:nth-last-of-type(-n+2)):not(:first-child):after {
        background: #4a1555
    }
}

@media only screen and (max-width:1199px) {
    .site-header-navbar {
        background-color: #0d0220
    }

    .site-menu>li>a {
        color: #fff
    }
}

.page-description {
    background-color: #0e0218;
    color: #fff
}

.page-description a {
    color: #fff;
    background-color: #f03c96;
    background-image: linear-gradient(to right, #f03c96 0%, #9b1560 100%)
}

.page-description a:hover {
    background-color: #f03c96;
    background-image: linear-gradient(to right, #f03c96 0%, #9b1560 100%)
}

.site-side-menu details[open]>summary>section {
    color: #f03c96
}

.site-side-menu>label {
    background-color: rgba(8, 1, 18, .85)
}

.site-side-menu>ul {
    background-color: #0e0218;
    color: #fff
}

.site-side-menu li>a,
.site-side-menu summary {
    background-color: #0d0220;
    color: #fff
}

.site-side-menu li>a[data-active="true"] {
    background-image: linear-gradient(to right, #9b1560 0%, #180430 100%)
}

.site-side-menu li>a:hover,
.site-side-menu summary:hover {
    color: #fff
}

.site-side-menu li+li,
.site-side-menu details article {
    border-top: 2px solid #180430
}

.side-menu-user-info,
.side-menu-login-panel {
    background-color: #0e0218
}

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

.side-menu-login-panel a.login-button,
.side-menu-login-panel a.register-button {
    background-color: #080112;
    color: #fff;
    border: 1px solid #fff
}

.side-menu-login-panel a.register-button {
    background-color: #f03c96;
    background-image: linear-gradient(to right, #f03c96 0%, #9b1560 100%)
}

.side-menu-user-info .avatar {
    background-color: #080112;
    border: 6px solid #1f0835
}

.side-menu-user-info .avatar i {
    color: #3d1050
}

.side-menu-user-info .profile-menu-user-info .username {
    color: #f03c96
}

.side-menu-user-info .balance>strong {
    color: #fff
}

.side-menu-user-info .side-menu-balance-field {
    background: #0a010e;
    border-color: #3d0f3a
}

.side-menu-user-info .side-menu-balance-field .balance .real-balance span {
    color: #f03c96
}

.side-menu-user-info .side-menu-balance-field .balance .locked-balance {
    background: #12021e
}

.side-menu-user-info .side-menu-balance-field .balance .locked-balance span {
    color: #f03c96
}

.side-menu-user-info .buttons-container .logout-button {
    background-color: #2a0d40;
    color: #fff
}

.modal-header {
    background: #f03c96;
    background: linear-gradient(to bottom, #f03c96 0%, #9b1560 100%);
    color: #fff
}

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

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

.modal-footer {
    background-color: #0d0220
}

.modal-footer .btn-primary {
    background: #f03c96;
    background: linear-gradient(to bottom, #f03c96 0%, #9b1560 100%)
}

.standard-form-container {
    background: #1a0530;
    color: #fff
}

.standard-form .highlight-field {
    color: #e0308e
}

.standard-form label {
    color: #fff
}

.standard-form label[data-asterisk]:after {
    color: #f03c96
}

.standard-form input,
.standard-form select,
.standard-form textarea,
.standard-form input[disabled],
.standard-form input[readonly] {
    background-color: #080112;
    border: 1px solid #3d0f3a;
    color: #fff
}

.form-control:focus {
    border-color: #c02878;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(240, 60, 150, .6)
}

.standard-form-title {
    border-bottom: 1px solid #c02878;
    color: #fff
}

.standard-form-sub-title {
    border-left: 4px solid #e0308e;
    color: #fff
}

.standard-form-note {
    background-color: #2a0d3e;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

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

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

.standard-reporting-control-group {
    background-color: #0d0220
}

.standard-reporting-control-group input,
.standard-reporting-control-group select {
    background-color: #080112;
    border: 1px solid #2e0a3e;
    color: #b090c0
}

.standard-reporting-control-group .btn-primary {
    background: #f03c96;
    background: linear-gradient(to bottom, #f03c96 0%, #9b1560 100%);
    color: #fff
}

.standard-reporting-control-group .btn-primary:hover {
    background: linear-gradient(to top, #f03c96 0%, #9b1560 100%)
}

.standard-form-container .table thead,
.standard-reporting-scroll-container .table thead {
    background-color: #2e0a3e;
    border: 1px solid #2e0a3e
}

.standard-form-container .table thead tr th,
.standard-reporting-scroll-container .table thead tr th {
    border: 1px solid #2e0a3e;
    color: #fff
}

.standard-form-container .table tbody,
.standard-reporting-scroll-container .table tbody {
    color: #9978aa
}

.standard-form-container .table tbody a:hover,
.standard-reporting-scroll-container .table tbody a:hover {
    color: #e0308e
}

.standard-form-container .table tbody td,
.standard-reporting-scroll-container .table tbody td {
    border: 1px solid #2e0a3e;
    color: #d0b8e0
}

.standard-reporting-scroll-container::-webkit-scrollbar-track {
    background: #281040
}

.standard-reporting-scroll-container::-webkit-scrollbar-thumb {
    background-color: #f03c96
}

.table .table {
    color: #333
}

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

.form-group .form-control[disabled],
.form-group .form-control[readonly] {
    background-color: #2e1040;
    color: #9070a8
}

.standard-button-group .btn-primary {
    background: #f03c96;
    background: linear-gradient(to bottom, #f03c96 0%, #9b1560 100%);
    color: #fff
}

.standard-form .bank-info {
    background: #2a0d3e;
    background-image: linear-gradient(to bottom, #2a0d3e 0%, #190530 100%)
}

.standard-form .bank-info hr {
    border-top-color: #c02878
}

.standard-form .copy-bank-account-button {
    color: #f03c96
}

.standard-form .copy-bank-account-button:hover {
    color: #f03c96
}

.standard-form .copy-input-button {
    color: #f03c96
}

.expiration-countdown [data-section] {
    color: #fff;
    border: 1px solid #8060a0
}

.copy-input-button-field .copy-input-button {
    color: #fff;
    background: #f03c96
}

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

.standard-nav-bar:before {
    background-color: #2a0d3e
}

.standard-nav-bar a {
    color: #c02878
}

.standard-nav-bar a:hover,
.standard-nav-bar a[data-active="true"] {
    color: #fff
}

.standard-nav-bar a:hover:after,
.standard-nav-bar a[data-active="true"]:after {
    background-color: #f03c96
}

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

.standard-side-menu>h4 {
    border-bottom: 1px solid #c02878
}

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

.standard-side-menu a[data-active="true"] {
    background-color: #220838;
    background-image: linear-gradient(to left, #220838 0%, #1f0835 100%)
}

.standard-side-menu a:hover {
    color: #f03c96
}

.last-transaction-model span[data-section="REJ"],
.last-transaction-model span[data-section="CAN"],
.last-transaction-model span[data-section="FAIL"] {
    color: #f00
}

.last-transaction-model span[data-section="APP"] {
    color: #008000
}

.last-transaction-model span[data-section="PEN"],
.last-transaction-model span[data-section="NEW"],
.last-transaction-model span[data-section="PRO"],
.last-transaction-model span[data-section="PRO1"],
.last-transaction-model span[data-section="APP1"],
.last-transaction-model span[data-section="remark"] {
    color: #00f
}

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

.standard-inner-container {
    background: #1f0835
}

.user-info {
    color: #fff
}

.user-info>a {
    background-color: #190530
}

.user-info>a:hover {
    color: #fff
}

.user-info>a[data-link='deposit'],
.user-info>a[data-link='download'],
.user-info>a[data-link='inbox'],
.user-info>a[data-link='redemption-store'],
.user-info>a[data-link='announcement'] {
    border-left: 1px solid #ffffff33
}

.user-info button {
    color: #d42880
}

.user-info button:hover {
    color: #fff
}

.user-info .wallet-container .balance>a {
    color: #f03c96
}

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

.user-info .wallet-container .balance>a .locked-balance i {
    color: #fff
}

.user-info .wallet-container .balance>a:after {
    border-top: solid 4px #fff;
    border-left: solid 4px transparent;
    border-right: solid 4px transparent
}

.user-info .wallet-container .balance.open>a:after {
    border-bottom: solid 4px #fff
}

.user-info .wallet-container .balance .locked-balance span {
    color: #f03c96
}

.user-info .vendor-balances-container {
    border: 3px solid #f03c96;
    background-color: rgba(8, 1, 18, .9)
}

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

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

.user-info .vendor-balances-container ::-webkit-scrollbar-thumb {
    background: #4a1555
}

.user-info-loyalty-xp .username-container .loyalty-xp-progress {
    background: #ffffff33
}

.wallet-bar {
    border-bottom: 1px solid #c02878
}

.wallet-bar .balance-field main {
    color: #f03c96
}

.wallet-bar .balance-field main .locked-balance i {
    color: #fff
}

.wallet-bar>button {
    color: #f03c96
}

.wallet-bar>button:hover {
    color: #fff
}

.shortcut-bar a {
    color: #d0b8e0;
    background-color: #2a0d3e;
    background-image: linear-gradient(to bottom, #2a0d3e 0%, #190530 100%);
    border: 1px solid #1a0530
}

.shortcut-bar a:hover {
    color: #fff
}

.game-list-container .filter-section .category-filter .category-filter-link.active {
    color: #f03c96
}

.game-list-title {
    border-left: 5px solid #f03c96;
    color: #fff
}

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

.standard-content-info .standard-content-block {
    background-color: #1f0835;
    background: linear-gradient(to bottom, #1f0835 0%, #1f0835 100%);
    border-color: transparent;
    color: #fff
}

.profile-summary-table.table,
.profile-summary-table.table>tbody>tr>th,
.profile-summary-table.table>tbody>tr>td {
    color: #fff
}

.standard-content-info .standard-inline-form-group [data-section="display"] .warning {
    background-color: #f00;
    color: #fff
}

.bank-info-container .carousel-indicators li {
    background-color: #fff
}

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

.bank-info-block {
    background-color: #2a0d3e;
    background: linear-gradient(to bottom, #2a0d3e 0%, #190530 100%);
    color: #fff
}

.bank-info-block hr {
    border-top-color: #fff;
    border-bottom-color: #4a1555
}

.bank-info h2,
.bank-info h4 {
    color: #fff
}

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

.deposit-amount-container .real-deposit-amount:before {
    color: #fff
}

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

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

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

@media only screen and (max-width:1200px) {
    .date-picker-wrapper.single-date .drp_top-bar {
        background-image: linear-gradient(to bottom, #f03c96 0%, #9b1560 100%)
    }

    .date-picker-wrapper .drp_top-bar.normal {
        background: #f03c96;
        background-image: linear-gradient(to bottom, #f03c96 0%, #9b1560 100%)
    }

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

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

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

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

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

[data-payment-gateway="qris"] .qris-qr-code-container a {
    background: linear-gradient(to bottom, #f03c96 0%, #9b1560 100%)
}

.notification-tabs .notification-tab-item {
    background: #1f0835
}

.notification-tabs .notification-tab-item[data-active="true"] {
    background: #f03c96;
    background-image: linear-gradient(to bottom, #f03c96 0%, #9b1560 100%)
}

.notification-list .notification-item[data-seen="false"] {
    background-color: #2a0d3e
}

.top-tab-container a {
    background-color: #220a30
}

.top-tab-container a[data-active="true"],
.top-tab-container a:hover {
    background: linear-gradient(to right, #f03c96 0%, #9b1560 100%)
}

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

.how-it-works-container .how-it-works-section {
    background-color: #1f0835;
    border-color: #1a0530
}

.how-it-works-container .how-it-works-section .how-it-works-section-title {
    background-color: #1a0530;
    color: #f03c96
}

.referral-features .referral-features-item {
    background-color: #1a0530
}

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

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

.mission-container .mission-item {
    background-color: #1e0835
}

.mission-container .mission-item .mission-action-container {
    background-color: #260a40
}

.mission-container .mission-item[data-status="claimable"] .mission-action-container .action-button {
    background: linear-gradient(to bottom, #f03c96 0%, #9b1560 100%)
}

.mission-container .mission-item[data-status="claimable"] .mission-action-container .action-button:hover {
    background: linear-gradient(to bottom, #9b1560 0%, #f03c96 100%)
}

.mission-container .mission-item[data-status="completed"] .mission-info .mission-progress-container .progress {
    background-color: #2cbc00
}

.mission-container .mission-item .mission-action-container .action-button {
    transition: none;
    background-color: #4dcb00;
    color: #fff
}

.mission-container .mission-item .mission-action-container .action-button:hover {
    background: linear-gradient(to bottom, #2cbc00 0%, #47be00 100%)
}

.loyalty-daily-reward-modal .modal-body {
    background: #0d0220
}

.daily-reward-container .reward-title h1 {
    font-weight: bold
}

.daily-reward-container .standard-secondary-button {
    background: linear-gradient(to bottom, #f03c96 0%, #9b1560 100%)
}

.daily-reward-container .standard-secondary-button:hover {
    background: linear-gradient(to bottom, #9b1560 0%, #f03c96 100%)
}

.daily-reward-container .double-xp-countdown-container {
    background-color: #2a0d3e
}

.standard-section-title,
.benefit-container h2,
.how-it-works-container .how-it-works-section .how-it-works-section-title,
.level-progress-info span,
.benefit-container .benefit-list .benefit-card p {
    color: #fff
}

.benefit-container .benefit-list .benefit-card {
    background-color: #1f0835
}

.introjs-tooltip {
    background: #190530
}

.introjs-arrow.introjs-arrow.top {
    border-bottom-color: #190530
}

.introjs-arrow.introjs-arrow.right {
    border-left-color: #190530
}

.introjs-tooltipbuttons {
    border-top-color: #190530
}

.introjs-tooltip-title.introjs-tooltip-title {
    color: #fff
}

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

.introjs-nextbutton.introjs-nextbutton {
    background: linear-gradient(to bottom, #f03c96 0%, #9b1560 100%)
}

.introjs-nextbutton.introjs-nextbutton:hover {
    color: #fff;
    background: linear-gradient(to right, #9b1560 0%, #f03c96 100%)
}

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

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

.loyalty-container .standard-inner-container {
    background: none
}

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

.loyalty-container .loyalty-history-filter select {
    background: #1e0835;
    border-color: #c02878
}

.loyalty-info-container {
    background: #190530
}

.loyalty-info-container .user-balance {
    background: #0d0220
}

.loyalty-info-container .loyalty-info .loyalty-point-section .loyalty-point-detail .loyalty-point-info {
    background: #0d0220
}

.loyalty-info-container .loyalty-experience {
    background: #0d0220
}

.user-balance .balance>a>span {
    color: #f03c96
}

.standard-form-title .btn-primary {
    border: 1px solid #d42880;
    color: #d42880
}

.popular-slots-game-list .game-item {
    background-color: #1e0835
}

.menu-preview-container .game-list-container ul>li.footer-row a {
    background: #f03c96
}

.main-menu-container .game-list ul>li.footer-row a {
    background-color: #f03c96
}

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

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

.remarks-container {
    border-color: #f03c96;
    background: #1a0530;
    color: #fff
}

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

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

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

.deposit-summary-container .deposit-summary-header .summary-transfer-amount,
.withdrawal-summary-container .withdrawal-summary-header .summary-transfer-amount {
    color: #f03c96
}

.deposit-summary-container .deposit-summary-content,
.withdrawal-summary-container .withdrawal-summary-content {
    background-color: #1a0530
}

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

.register-modal .payment-method-container {
    background-color: #1e0835
}

.popover {
    background-color: #1f0835;
    border-color: #1f0835;
    color: #fff
}

.popover.top .arrow {
    border-top-color: #1f0835
}

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

[data-payment-gateway] .download-qr-button {
    background: #f03c96;
    background: linear-gradient(to right, #f03c96 0%, #9b1560 100%);
    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 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: #190530
}

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

.pending-transactions-container .pending-transactions-item [data-payment-gateway] span {
    color: #fff
}

.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 [data-payment-gateway] hr {
    border-top-color: #190530;
    border-bottom-color: #190530
}

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

.no-data-container img {
    filter: invert(37%) sepia(80%) saturate(1200%) hue-rotate(290deg) brightness(110%) contrast(95%)
}

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

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

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

.modal-body .pending-transaction-summary-container .pending-transaction-summary-footer a {
    color: #fff;
    background: linear-gradient(to bottom, #f03c96 0%, #9b1560 100%)
}

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

.modal-body .pending-transaction-details-container .pending-transaction-details-item {
    border-color: #3d0f50
}

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

.otp-popup .otp-popup-content {
    background-color: #0d0220
}

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

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

.loyalty-container .standard-form-note {
    background-color: #2a0d3e
}

.bonus-selection-list .bonus-selection-card+.remarks-container {
    border-color: #f03c96;
    background: #9b155033
}

.notification-list .notification-item,
.notification-list .notification-item[data-message-type="announcement"],
.replied-message[data-message-type="announcement"] {
    background: #190530;
    border-color: #3d0f50
}

.notification-list .notification-item[data-seen="false"] {
    background: #240838;
    border-color: #c02878
}

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

.empty-notification-container .empty-notification-image {
    background: #240838
}

.loyalty-info-container .loyalty-info {
    background: linear-gradient(269.97deg, #1f0835 -13.85%, #2a0d40 112.2%)
}

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

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

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

.loyalty-level-benefits-section {
    background: #190530;
    border-color: #ffffff1a
}

.loyalty-level-container .loyalty-level-item .loyalty-level-badge-container {
    background: #1f0835;
    box-shadow: 0 2px 4px 0 #00000026
}

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

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

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

.loyalty-level-container .loyalty-level-item .loyalty-level-progress-container .loyalty-level-progress-point,
.loyalty-level-container .loyalty-level-item .loyalty-level-progress-container .loyalty-level-progress-bar {
    background: #0d0220;
    border-color: #0d0220
}

.loyalty-level-container .loyalty-level-item .loyalty-level-progress-container[data-is-level-reached="true"] .loyalty-level-progress-point {
    border-color: #0d0220
}

.loyalty-level-remarks-container {
    background: #d4288033;
    border-color: #d42880
}

.loyalty-level-benefits-container {
    background: #1f0835
}

.loyalty-level-benefits-container .loyalty-level-benefits-list .loyalty-level-benefits-list-item {
    background: #2a0d40
}

.loyalty-container .standard-nav-bar a {
    border-color: #190530;
    background-image: linear-gradient(to bottom, #2a0d3e, #190530);
    color: #d0b8e0
}

.loyalty-reward-container .tab-filter .tab {
    color: #d0b8e0;
    background-color: #1e0835;
    border-color: #1e0835
}

.loyalty-reward-container .tab-filter input:checked+.tab {
    background-color: #f03c96;
    border-color: #f03c96;
    color: #fff
}

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

.loyalty-reward-container .loyalty-reward-button {
    background-image: linear-gradient(to bottom, #f03c96, #9b1560)
}

.loyalty-reward-container {
    background-color: #190530
}

.loyalty-reward-container .flash-sale-container .item {
    background-color: #1e0835;
    border-color: #1e0835
}

.loyalty-reward-container .lucky-draw-container .item,
.loyalty-reward-container .other-product-container .item {
    background-color: #1e0835;
    border-color: #281040
}

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

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

.loyalty-reward-container .flash-sale-container .item .item-detail-contaner .item-lp .item-lp-detail .real-lp {
    color: #b0a0c0
}

.loyalty-top-bar-container {
    background: #1f0835
}

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

.loyalty-top-bar-container .loyalty-experience-section .loyalty-experience-item .loyalty-experience-bar .loyalty-experience-progress {
    background-color: #060010
}

.loyalty-tab-mobile-container {
    color: #d0b8e0
}

.search-header .search-title img {
    filter: invert(42%) sepia(90%) saturate(2000%) hue-rotate(298deg) brightness(110%) contrast(95%)
}

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

.standard-nav-tabs a {
    background: #1a0530
}

.standard-nav-tabs a[data-active="true"] {
    background: linear-gradient(to right, #f03c96, #9b1560)
}

.notification-list .notification-item .notification-play-button {
    background: #c02878
}

.floating-action-button .floating-action-button-item {
    background: linear-gradient(90deg, #f03c96 0%, #9b1560 100%);
    border-color: #7a1050
}

.bonus-selection-container,
.bonus-selection-list .bonus-selection-card.selected {
    background: #220838;
    border-color: #d42880
}

.bonus-selection-list .bonus-selection-card.selected .bonus-selection-card-footer {
    background: #220838
}

.bonus-selection-list .bonus-selection-card.selected .bonus-selection-card-content .bonus-selected {
    background: #d42880
}

.site-side-menu>ul>li .telegram-bot-link {
    background-color: #0e0218
}

.register-modal .modal-header,
.simple-modal .modal-header {
    background-color: #0d0220
}

.login-modal .register-button {
    color: #e0308e
}

.payment-account-list .payment-account-item:hover {
    background-color: #240838
}

.standard-outline-button.standard-outline-button {
    border-color: #f03c96
}

.standard-remarks-container .standard-remarks-content-container p span {
    color: #f03c96
}

.transaction-item .download-qr-btn:hover {
    background: linear-gradient(180deg, #8b1a58 0%, #d970a8 100%);
    color: #fff
}

.pending-transaction-section .head a {
    color: #f03c96
}

.pending-transaction-section .head a:hover {
    color: #0d3d9e
}

.transaction-item .info-section .details .secondary {
    color: #c0a8d8
}

.transaction-report-group-container .transaction-report-group-title {
    color: #ececec
}

.transaction-item .download-qr-btn {
    background: #f03c96;
    background: linear-gradient(to bottom, #f03c96 0%, #9b1560 100%);
    color: #fff
}

.transaction-item .info-section .details .primary {
    color: #ececec
}

.pending-transaction-section .head span {
    color: #fff
}

.transaction-item {
    background-color: #2a0d40
}

.reporting-detail-popup .reporting-detail-popup-content {
    background-color: #0d0220
}

.pending-transaction-detail-container .primary {
    color: #fff
}

.pending-transaction-detail-container .secondary {
    color: #c0a8d8
}

.pending-transaction-detail-card {
    background-color: #2a0d40;
    border: 1px solid transparent
}

.pending-transaction-detail-card .secondary-section {
    background-color: #190530
}

.pending-transaction-detail-card .pending-transaction-detail-qr-code-container {
    background-color: #190530
}

.pending-transaction-remarks {
    color: #fff
}

.pending-transaction-info-section .icon.chevron-icon {
    filter: invert(1)
}

.pending-transaction-info-section .icon.copy-icon {
    filter: invert(1)
}

.reporting-detail-overlay {
    background-color: #1f0835;
    color: #fff
}

.reporting-detail-overlay .reporting-detail-header .close-reporting-detail-button img {
    filter: invert(1)
}

.drawer-container.displayed .drawer-content div label input[type='radio']:checked:before {
    border-color: #f03c96
}

.drawer-container.displayed .drawer-content div label input[type=radio]:checked:after {
    background-color: #f03c96
}

.standard-reporting-control-group .form-control {
    background: #080112;
    color: #fff;
    border-color: #c02878
}

.resolved-transaction-popup .primary {
    color: #fff
}

.resolved-transaction-popup .secondary {
    color: #c0a8d8
}

.resolved-transaction-popup .amount {
    color: #fff
}

.resolved-transaction-popup .rejected-reason-container {
    background-color: #362128;
    border: 1px solid #4e2e3a
}

.resolved-transaction-popup .rejected-reason-container .rejected-content {
    color: #ff8181
}

.resolved-transaction-popup .reporting-detail-content-area {
    background-color: #060010;
    border: 1px solid #3d0f50
}

.resolved-transaction-popup .dashed {
    border-top: 1px dashed #c02878;
    border-bottom: 1px dashed #c02878
}

.resolved-transaction-popup .header-icon:not(.status-rej):not(.status-fail) {
    filter: invert(0)
}

.resolved-transaction-popup .copy-btn {
    filter: invert(0)
}

.resolved-transaction-popup .reporting-detail-content-space-betweeen .status-app {
    filter: brightness(0) saturate(100%) invert(85%) sepia(9%) saturate(2459%) hue-rotate(68deg) brightness(102%) contrast(88%)
}

.resolved-transaction-popup .reporting-detail-content-space-betweeen .status-rej {
    filter: brightness(0) saturate(100%) invert(76%) sepia(54%) saturate(2439%) hue-rotate(305deg) brightness(95%) contrast(144%)
}

.resolved-transaction-popup .reporting-detail-content-space-betweeen .status-fail {
    filter: brightness(0) saturate(100%) invert(76%) sepia(54%) saturate(2439%) hue-rotate(305deg) brightness(95%) contrast(144%)
}

.resolved-transaction-popup .wrapped-resolved-transaction {
    border: 1px solid #3d0f50
}

.modal-content:has(.resolved-transaction-popup) {
    background: #0d0220;
    border-color: #0d0220
}

.pending-transaction-detail-container .link,
.pending-transaction-detail-container .link a {
    color: #d42880
}

.bet-report-detail-container .info-section-header {
    border-bottom: 1px solid #3d0f50
}

.bet-report-detail-container .pending-transaction-detail-card {
    background: #190530
}

.bet-report-detail-inner-card {
    background: #2a0d40
}

.bet-report-detail-inner-card.pending-transaction-info-section .info-section-body:not(:first-child) {
    border-top-color: #3d0f50
}

.transactions-table.table {
    border: 1px solid #2a0d40;
    background: #190530
}

.transactions-table.table thead {
    background: #190530;
    color: #c0a8d8;
    border: 1px solid #2a0d40
}

.transactions-table.table thead tr th {
    color: #c0a8d8
}

.transactions-table.table tbody {
    background: #190530;
    color: #fff
}

.transactions-table.table thead>tr>th {
    border: 0
}

.transactions-table.table tbody tr td {
    color: #fff
}

.transactions-table.table tbody tr:nth-child(odd) td {
    background-color: #190530
}

.transactions-table.table tbody tr:nth-child(even) td {
    background-color: #2a0d40
}

.empty-table-container {
    color: #9070a8
}

.standard-inner-container[data-route="history-transaction"],
.standard-inner-container[data-route="pending-transactions"],
.standard-inner-container[data-route="consolidate-statement"] {
    background: #190530
}

.transaction-report-group-container .transaction-report-group-details .transaction-item:not(:first-child) {
    border-top-color: #2a0d40
}

.free-spin-report-container {
    background-color: #0d0220
}

.free-spin-report-container .free-spin-report-title {
    color: #fff
}

.free-spin-report-container .free-spin-report-item-details {
    color: #c0a8d8
}

.free-spin-report-container .standard-secondary-button {
    background: linear-gradient(to bottom, #f03c96 0%, #9b1560 100%);
    color: #fff
}

.complaint-container,
.standard-form-container {
    background: #0d0220
}

.complaint-container.standard-form-container label {
    text-transform: none
}

.complaint-container .standard-form-content {
    background: #1a0530;
    color: #e8d0e8
}

.complaint-container .complaint-section-container-separator {
    background: #2a0d40
}

.complaint-container .form-control {
    background-color: #080112;
    border: 1px solid #3d0f3a;
    color: #fff
}

.complaint-container .standard-form-title {
    color: #e8d0e8;
    background: #1a0530
}

.complaint-container .standard-form-link-header {
    box-shadow: inset 0 -2px 0 0 #c02878
}

.complaint-container .standard-form-link-header a {
    color: #806090
}

.complaint-container .standard-form-link-header a[data-active="true"] {
    border-bottom: 2px solid #d42880;
    color: #fff
}

.complaint-container .standard-form-note {
    background: linear-gradient(83.87deg, #1a0530 -41.67%, #c02878 116.05%)
}

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

.complaint-container .complaint-section-header {
    border-bottom: 1px solid #c02878
}

.complaint-container .steps-container .procedure-steps div {
    background: #2a0d40
}

.complaint-container .upload-box {
    border: 1px dashed #f03c96
}

.complaint-container .upload-box .plus {
    color: #f03c96
}

.complaint-container .preview-item img {
    border: 1px solid #2e1040
}

.complaint-container .complaint-status-box {
    background: #2a0d40;
    color: #d0b8e0
}

.complaint-container .complaint-status-box .status-header {
    background: #2a0d40;
    color: #e8d0e8;
    border-bottom: 1px solid #6a4080
}

.complaint-container .case-number {
    color: #e0308e
}

.complaint-container .case-number .label {
    color: #fff
}

.complaint-container .copy-case-number-button img {
    filter: invert(0)
}

.complaint-container .timeline-item {
    border-left: 2px solid #ffffff4d
}

.complaint-container .timeline-item .details .reason-container {
    background-color: #0d0220;
    color: #9070a8
}

.complaint-container .btn-appeal {
    border: 1px solid #e0308e;
    color: #e0308e
}

.complaint-container .auto-close-note {
    border-top: 1px solid #6a4080
}

.complaint-container .appeal-form-title {
    color: #fff
}

.complaint-container .appeal-form-desc {
    color: #b090c0
}

.complaint-container .upload-section .drop-zone {
    background: #0d0220;
    border: 1px dashed #2a0d40
}

.complaint-container .upload-section .drop-zone strong {
    color: #d4c0e0
}

.complaint-container .upload-section .drop-zone p {
    color: #9878b0
}

.complaint-container .upload-section .button-zone .upload-video-button {
    background: #2a0d40;
    color: #fff
}

.complaint-container .upload-section img {
    filter: invert(1)
}

.complaint-container .uploaded-video-file-display {
    background: #1a0530;
    border: 1px solid #2a0d40
}

.complaint-container .uploaded-video-file-display .icon-container {
    background: #fff
}

.complaint-container .uploaded-video-file-display .icon-container img {
    filter: invert(0)
}

.complaint-container .uploaded-video-file-display .file-info {
    color: #fff
}

.complaint-container .uploaded-video-file-display .file-info .file-size {
    color: #b090c0
}

.complaint-container .uploaded-video-file-display .remove-file-button img {
    filter: invert(0)
}

@media only screen and (min-width:992px) {
    .complaint-container .complaint-link-container-separator {
        box-shadow: inset 0 -2px 0 0 #c02878
    }

    .complaint-container .upload-section .button-zone {
        background: #1a0530
    }
}

.footer-description-section h4 {
    color: #fff
}

.footer-description-section .site-description {
    color: #d8c0e8
}

.footer-sitemap-section h4 {
    color: #fff
}

.footer-sitemap-section .footer-links>li>a {
    color: #d8c0e8
}

.footer-sitemap-section .footer-links>li>a:hover {
    color: #f03c96
}

.footer-sitemap-section .contact-list {
    background: transparent
}

.footer-sitemap-section .contact-list>li a {
    color: #d8c0e8
}

.footer-sitemap-section .contact-list>li a:hover {
    color: #f03c96
}

.footer-sitemap-section .contact-list>li a i {
    background: #d42880
}

.footer-sitemap-section .contact-list>li a i img {
    filter: invert(1)
}

.footer-sitemap-section .contact-list>li .contact-qr-button img {
    filter: invert(0)
}

.footer-sitemap-section .social-media-list>li>a {
    color: #d8c0e8
}

.footer-sitemap-section .social-media-list>li>a:hover {
    color: #f03c96
}

.footer-sitemap-section .social-media-list>li a i {
    background: #d42880
}

.footer-banking-section .bank-list-container {
    background: #0d0220;
    border: #2e1040
}

.footer-banking-section .bank-list-container p {
    color: #9978aa
}

.footer-copyright-section .copyright {
    color: #fff
}

.footer-copyright-section div>img:nth-of-type(1) {
    filter: invert(0)
}