body {
        color: #858585;
        background-color: #000412
    }

    h1,
    h4,
    h5,
    h6 {
        color: #2e2e2e
    }

    h2,
    h3 {
        color: #fff
    }

    p {
        color: #858585
    }

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

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

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

    .arcade-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: #00eaff;
        color: #fff
    }

    .bonus-slider-modal .activation-button:hover {
        background-color: #4ac9fb;
        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 #00eeff
    }

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

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

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

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

    .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: #00eeff
    }

    .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: #00eeff
    }

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

    .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: #00eeff
    }

    .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: #00eeff
    }

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

    .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: #00eeff
    }

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

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

    .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: #00eeff
    }

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

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

    .promotion-item .click-for-more-info-button {
        background: #c7038c;
        color: #000
    }

    .promotion-item .click-for-more-info-button:hover {
        background: #c7038c
    }

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

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

    .register-page-reminder {
        color: #858585
    }

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

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

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

    .slots-title {
        color: #fff;
    }

    .slots-title {
        text-transform: uppercase;
        color: #fff;
        font-size: 26px;
        margin: 0;
        padding: 10px;
        text-align: center
    }

    .game-list ul {
        background-color: initial
    }

    .slots-games-container .filter-section input[type=text] {
        padding: 5px 10px;
        width: 100%;
        border: 0
    }

    .slots-games-container .category-filter {
        background-color: #0c1740;
        display: flex;
        overflow: auto
    }

    .slots-games-container .category-filter-link {
        font-size: 14px;
        padding: 10px 15px;
        text-align: center;
        color: #fff;
        cursor: pointer;
        white-space: nowrap
    }

    .slots-games-container .category-filter-link.active,
    .slots-games-container .category-filter-link:hover {
        background-color: #de8400
    }

    .slots-games-container .category-filter,
    .casino-games-container .category-filter {
        background-color: #0c1740
    }

    .slots-games-container .category-filter-link,
    .casino-games-container .category-filter-link {
        color: #fff
    }

    .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 {
        background: #00eeff !important;
        color: #fff !important
    }

    .deposit-container,
    .withdrawal-container {
        color: #858585
    }

    .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: #02071c
    }

    .site-header {
        background: #1e274b
    }

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

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

    .site-menu li>a,
    .site-menu summary {
        background: #020f32;
        /* border-bottom: 1px solid #00eeff */
    }

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

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

    .site-footer {
        background-color: #00051a;
        color: #737373
    }

    .site-footer .contact-list>li a {
        background: #040a2a;
        color: #fff
    }

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

    .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: #00eeff;
        background: -moz-linear-gradient(top, #00eeff 0%, #c7038c 100%);
        background: -webkit-linear-gradient(top, #00eeff 0%, #c7038c 100%);
        background: linear-gradient(to bottom, #00eeff 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: #000412
    }

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

    .game-list ul>li>.wrapper-container {
        background-color: #0c1740
    }

    .game-list ul>li .game-name {
        background-color: #00eeff
    }

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

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

    .progressive-jackpot .jackpot-currency {
        color: #03ffd8
    }

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

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

    .standard-form-container .form-control {
        background: #030b29;
        border: 1px solid #7d6428;
        color: #fff
    }

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

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

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

    .standard-form-title {
        color: #fff;
        text-align: center;
        font-size: var(--x-large-font);
        margin-bottom: 15px;
        padding: 10px 0;
        position: relative
    }

    .standard-form-title:not(:first-child) {
        margin-top: 50px
    }

    .standard-form-title:before,
    .standard-form-title:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 15px;
        background-color: inherit
    }

    .standard-form-title:before {
        right: 100%
    }

    .standard-form-title:after {
        left: 100%
    }

    .standard-form-container .row .standard-form-title:before,
    .standard-form-container .row .standard-form-title:after {
        width: 30px
    }

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

    .reporting-nav-bar a,
    .reporting-nav-bar a:hover {
        color: inherit
    }

    .reporting-nav-bar a[data-active="true"] {
        color: #fff;
        background: #00eeff
    }

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

    .table th a {
        color: #838383
    }

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

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

    .standard-button:hover {
        background-color: #00eeff
    }

    .standard-secondary-button,
    .deposit-container .reveal-bank-account-button {
        background-color: #00eeff;
        color: #fff;
        border-color: #1354bb
    }

    .standard-secondary-button:hover .deposit-container .reveal-bank-account-button:hover {
        background-color: #00eeff
    }

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

    .standard-form-note a {
        color: #00f923;
        text-decoration: underline
    }

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

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

    .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: #00eeff;
        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: #00eeff
    }

    .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>a.game-info {
        color: #00eeff;
        border-color: #00eeff
    }

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

    .modal-content {
        background-color: #0c0c0c;
        border: #0c0c0c;
        color: #bbb
    }

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

    .modal-header .modal-title {
        color: #00eeff
    }

    .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: #00eeff
    }

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

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

    .fixed-footer {
        background-color: #1e274b;
        color: #fff
    }

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

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

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

    .referral-box {
        background-color: #e8e8e8;
        color: #24336f
    }

    .referral-box h4 {
        color: #333
    }

    .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: #00eeff
    }

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

    .referral-container .standard-form-title {
        color: #fff;
        background-color: #7d6428;
    }

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

    .referral-container .form-control[readonly] {
        border-color: transparent;
        background-color: #080808;
        color: #7c7c7c;
    }

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

    .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: #00eeff
    }

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

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

    .alternate-background {
        /* background: linear-gradient(to right,#360c63 0%,#001032 100%) */
    }

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

    .info-center-content-title {
        color: #00eeff;
    }

    .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: #00eeff;
        background: linear-gradient(to bottom, #00eeff 0%, #be0085 100%)
    }

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

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

    .tab-menu-container a {
        color: #999
    }

    .tab-menu-container a[data-active="true"] {
        background-color: #bb0084;
        color: #b9bfe1
    }

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

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

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

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

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

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

    .arcade-games-container .category-filter-link.active,
    .arcade-games-container .category-filter-link:hover {
        background-color: #00eeff
    }

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

    .standard-form-note strong {
        color: #00eeff
    }

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

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

    .user-menu {
        background-color: #020040;
        background-image: linear-gradient(to bottom, #020040 0%, #1e274b 100%)
    }

    .main-menu-outer-container>i {
        background: #010022;
        color: #fff
    }

    .main-menu-outer-container>main {
        background-color: #010022
    }

    .side-menu-user-info,
    .side-menu-login-panel {
        background-color: #020f32
    }

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

    .side-menu-user-info .balance-container {
        border: 1px solid #00eeff
    }

    .side-menu-login-panel a {
        background-color: #00eeff;
        background-image: linear-gradient(to bottom, #00eeff 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
    }

    .side-menu-user-info .balance-container .balance span {
        color: #00eeff
    }

    .side-menu-user-info .balance-container .locked-balance span {
        color: #fcea0e
    }

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

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

    .standard-content-info h2 {
        color: #00eeff
    }

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

    .announcement-container {
        background-color: rgba(8, 6, 17, .89);
        color: #fff
    }

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

    .otp-hr {
        border-color: #00eeff
    }

    .request-otp-button,
    .request-otp-button:hover {
        border-color: #00eeff;
        color: #00eeff
    }

    .otp-input.otp-input {
        border-color: #00eeff
    }

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

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

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

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

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

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

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

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

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

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

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

    .deposit-container .deposit-form-group,
    .deposit-amount-container,
    .withdrawal-container .withdrawal-form-group {
        /* background-color: #0e1326; */
        color: #fff
    }

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

    .withdrawal-container .real-withdrawal-amount {
        color: #00eeff
    }

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

    .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: #00eeff;
        color: #fff
    }

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

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

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

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

    .profile-container .mobile-app-note {
        margin-top: 30px
    }

    .profile-container .mobile-info-button {
        border: 1px solid #23527c;
        border-radius: 5px;
        padding: 8px 45px;
        text-decoration: none;
        display: flex;
        justify-content: center
    }

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

    .bank-account-item {
        background-color: #0e1326;
        color: #fff;
        font-size: 15px;
        padding: 15px;
        margin: 20px 0
    }

    .standard-content-info .referral-field label {
        display: block
    }

    .standard-content-info .referral-code-container {
        border: 1px dashed #23527c;
        background-color: #1b2757;
        /* color: #fba501; */
        display: block;
        text-align: center;
        font-size: 24px;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 10px;
        overflow-wrap: break-word;
        width: fit-content;
        max-width: 100%
    }

    .standard-content-info h2 {
        /* color: #fba501; */
        margin: 20px 0;
        font-size: 15px;
        text-transform: uppercase
    }

    .standard-content-info .standard-content-block {
        /* background-color: #0a1849; */
        padding: 10px;
        margin-bottom: 10px
    }

    .standard-content-info .standard-inline-form-group {
        gap: 30px;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        margin: 15px 0
    }

    .standard-content-info .standard-inline-form-group label {
        text-align: right;
        flex-grow: 1;
        margin: 0
    }

    .standard-content-info .standard-inline-form-group [data-section="display"] {
        width: 50%;
        flex-shrink: 0
    }

    .standard-content-info .standard-inline-form-group label,
    .standard-content-info .standard-inline-form-group [data-section="display"],
    .standard-form-container .referral-field label {
        color: #fff;
        text-transform: uppercase;
        font-weight: 100
    }

    .profile-summary-table th {
        text-align: right;
        font-weight: normal
    }

    .profile-summary-table td {
        word-break: break-word
    }

    .profile-summary-table th,
    .profile-summary-table td {
        color: #fff;
        text-transform: uppercase
    }

    .profile-summary-table.table,
    .profile-summary-table.table th,
    .profile-summary-table.table td {
        border: none;
        vertical-align: middle
    }

    .profile-summary-table .warning {
        background-color: #f00;
        color: #fff;
        font-size: smaller;
        text-transform: none;
        padding: 5px;
        display: block
    }

    .profile-summary-table .warning img {
        height: 16px;
        width: auto
    }

    .banking-details-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 5px;
        padding: 5px
    }

    .banking-details-header label {
        color: #fff;
        text-transform: uppercase;
        font-weight: normal
    }

    .banking-details-header a {
        background-color: #808080;
        border-radius: 5px;
        padding: 2px 2px 6px 4px
    }

    .banking-details-header a img {
        height: 20px;
        width: auto
    }

    .bank-info-container {
        display: flex;
        flex-direction: column-reverse
    }

    .bank-info-container .carousel-inner {
        text-align: initial
    }

    .bank-info-container .carousel-indicators {
        position: static;
        width: 100%;
        margin: 10px 0
    }

    .bank-info-container .carousel-indicators li {
        display: inline-block;
        width: 17px;
        height: 4px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        border-radius: 0;
        border: none
    }

    /* .bank-info-container .carousel-indicators .active {
    background-color: #fe9b00
} */

    .bank-info-block {
        background-color: #263366;
        color: #fff;
        margin: 0 5px;
        padding: 15px 10px;
        border-radius: 5px
    }

    .bank-info-block .account-name {
        display: flex;
        justify-content: space-between;
        align-items: center;
        min-height: 25px
    }

    .bank-info-block .account-name img {
        height: 20px;
        width: auto
    }

    .bank-info-block .account-number,
    .bank-info-block hr,
    .bank-info-block .bank-name {
        display: block
    }

    .bank-info-block .account-number {
        font-size: 25px;
        letter-spacing: 5px
    }

    .bank-info-block hr {
        border-top: 1px solid #0a1849;
        border-bottom: 1px solid #344279;
        margin: 10px 0
    }

    .bank-info-block .bank-name {
        text-transform: uppercase;
        font-size: 16px
    }

    .last-transaction-table {
        border: 1px solid #0a1849;
        color: #fff
    }

    .last-transaction-table thead {
        background-color: #0a1849
    }

    .last-transaction-table thead th {
        font-weight: normal
    }

    .last-transaction-table.table thead th,
    .last-transaction-table.table tbody td {
        border: 0
    }

    .last-transaction-table .empty {
        text-align: center
    }

    .last-transaction-table [data-ticket-status] {
        border-radius: 10px;
        padding: 2px 10px;
        margin: 4px 0 0;
        font-weight: normal;
        font-size: 10px;
        color: #fff;
        text-align: center;
        background-color: #808080
    }

    .last-transaction-table [data-ticket-status="REJ"] {
        background-color: #ff3838
    }

    .last-transaction-table [data-ticket-status="APP"] {
        background-color: #56f000
    }

    .last-transaction-table [data-ticket-status="PEN"] {
        background-color: #999
    }

    .last-transaction-table [data-ticket-status="FAI"] {
        background-color: #ffb302
    }

    .referral-container a {
        text-decoration: none
    }

    .referral-container a:hover {
        /* color: #faa301; */
        cursor: pointer
    }

    #referral-qr-code img {
        width: 80%;
        margin: 0 auto 10px
    }

    .referral-code-container {
        border: 1px dashed #23527c;
        padding: 5px;
        margin: 20px auto;
        text-align: center;
        width: 50%;
        text-decoration: none
    }

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

    .copy-input-button i {
        /* padding: 10px; */
        font-size: large;
    }

    .referral-box {
        background-color: #fff;
        padding: 10px;
        text-align: center;
        margin: 15px 0
    }

    .referral-status-box {
        min-height: inherit
    }

    .referral-status-box>span[data-status="New"],
    .referral-status-box>span[data-status="Active"] {
        color: #008000;
        text-transform: uppercase
    }

    .referral-status-box>span[data-status="Suspended"],
    .referral-status-box>span[data-status="Inactive"] {
        color: #f00;
        text-transform: uppercase
    }

    .change-referral-code {
        text-align: right;
        margin-top: 5px
    }