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

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

.bonus-slider-modal .activation-button {
    background-color: #262626;
    color: #f5f5f5;
}

.bonus-slider-modal .activation-button:hover {
    background-color: #333333;
    color: #ffffff;
}

.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 rgba(0, 0, 0, .2);
}

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

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

.bonus-range .bubble {
    color: #ffffff;
    border-color: #555555;
    background: #0e0e0e;
}

.bonus-range .bubble::before {
    border-color: transparent;
    border-top-color: #555555;
}

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

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

.claim-item {
    background-color: #141414;
    color: #e0e0e0;
}

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

.claim-info-modal h4 {
    color: #ffffff;
}

.claim-item .claim-button,
.claim-item .activation-button,
.claim-item .cancellation-button,
.claim-item .expiration-button {
    background-color: #262626;
    color: #f5f5f5;
    border: 1px solid #3a3a3a;
}

.claim-item .claim-button {
    border-color: #dcdcdc;
    color: #121213;
    background: #f0f0f0;
    background: linear-gradient(to bottom, #f0f0f0 0%, #c2c2c2 100%);
}

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

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

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

.announcement-outer-container {
    background-color: #141414;
    color: #ffffff;
}

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

.home-progressive-jackpot {
    color: #ffffff;
}

.home-progressive-jackpot .jackpot-border-container {
    text-shadow: 0 2px 22px rgba(0, 0, 0, .7);
}

.popular-game-title-container {
    color: #ffffff;
}

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

.popular-game-title-container a {
    background-color: #262626;
    color: #ffffff;
}

.info-center-container h2 {
    color: #f0f0f0;
}

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

.info-center-container a {
    color: #dcdcdc;
}

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

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

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

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

.about-us-container h5[data-title="safe-and-secure-gaming-environment"],
.about-us-container h5[data-title="customer-experience"],
.about-us-container h5[data-title="fast-and-secure-payments"],
.about-us-container h5[data-title="sky-is-not-the-limit"] {
    color: #e0e0e0;
}

.about-us-container .inner-box {
    background-color: #141414;
    border-color: #1f1f1f;
}

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

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

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

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

.message-table {
    color: #d5d5d5;
}

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

.message-table-header .buttons-container a:hover {
    background-color: #333333;
    color: #ffffff;
}

.message-table-body .checkbox-column,
.message-table-body .message-column {
    border-top-color: #3a3a3a;
}

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

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

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

.confirmation-message-modal .confirm-btn.blank {
    background: #e0e0e0;
    color: #808080;
}

.confirmation-message-modal .confirm-btn {
    background: #808080;
    color: #ffffff;
    border-color: #808080;
}

.confirmation-message-modal .confirm-btn:hover {
    background: #e0e0e0;
    color: #808080;
}

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

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

.mobile-app-container .title-container {
    color: #e0e0e0;
}

.mobile-app-container .link-container a:hover {
    background-color: #4b0015;
}

.mobile-app-container .nav-tabs {
    border-bottom-color: #3a3a3a;
}

.mobile-app-container>.nav-tabs a {
    color: #b0b0b0;
}

.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: #141414;
    color: #ffffff;
    border-color: #3a3a3a;
    border-bottom-color: transparent;
}

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

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

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

.mobile-app-container a {
    color: #d0d0d0;
}

.profile-container .section-heading {
    color: #ffffff;
}

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

.profile-container .mobile-info-button:hover {
    background-color: #333333;
    color: #ffffff;
}

.promotion-side-menu,
.promotion-list {
    background-color: #121213;
    border-color: #1f1f1f;
}

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

.promotion-side-menu>a {
    border-bottom-color: #1f1f1f;
    color: #ffffff;
}

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

.promotion-item {
    background-color: #1f1f1f;
}

.promotion-item .promotion-footer {
    color: #ffffff;
}

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

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

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

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

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

.register-done-container>img {
    background-color: transparent;
}

.register-done-container .btn-deposit {
    background: linear-gradient(to left, #2a2a2a 0%, #444444 100%);
    color: #ffffff;
}

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

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

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

.register-done-container .register-verification-done {
    border-color: #dcdcdc;
    background: #1a1a1a;
}

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

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

.provider-slide {
    background-color: #1b1b1b;
    background-image: linear-gradient(to bottom, #1b1b1b 0%, #070707 100%);
    border-color: #2a2a2a;
}

.provider-slide>i {
    color: #ffffff;
}

.provider-slide>i:hover {
    background-color: rgba(255, 255, 255, .05);
}

.game-description-container .game-title {
    color: #ffffff;
}

.game-description-container .game-description {
    color: #ffffff;
}

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

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

.deposit-container .formatted-balance {
    color: #f0b90b;
}

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

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

.withdrawal-container .total-balance {
    color: #e0e0e0;
    border-bottom: 1px solid #2f2f2f;
}

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

[data-container-background="general"],
[data-container-background="home"],
[data-container-background="slots"],
[data-container-background="arcade"],
[data-container-background="crash-game"],
[data-container-background="others"] {
    background-color: #121213;
}

[data-container-background="casino"],
[data-container-background="race"] {
    background-color: #121213;
}

.free-play {
    color: #d3d3d3;
}

.free-play:hover {
    color: #ffffff;
}

.play-now {
    color: #ffffff;
    background: linear-gradient(to right, #262626 0%, #333333 100%);
}

.play-now:hover {
    color: #ffffff;
    background: linear-gradient(to right, #333333 0%, #262626 100%);
}

.games-list-container {
    background-color: rgba(20, 20, 20, .9);
}

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

.games-list-container .filter-section input[type=text] {
    border-color: #2f2f2f;
    background: #101010;
    color: #ffffff;
}

.games-list-container .filter-section:after {
    background-color: #333333;
    color: #ffffff;
}

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

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

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

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

.game-list-title {
    background-color: #121213;
}

.provider-outer-container,
.game-list,
.games-list-container .game-info {
    background-color: #121213;
    border-color: #2a2a2a;
}

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

.game-list .game-name {
    color: #ffffff;
}

.game-list .provider-name {
    color: #d5d5d5;
}

.game-list .link-container {
    background-color: rgba(0, 0, 0, .85);
}

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

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

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

.large-game-list-container .large-game-list .play-now:hover {
    background: #333333;
}

.large-game-list-container .large-game-list .free-play {
    color: #000000;
    background: #ffffff;
}

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

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

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

.arcade-game-list,
.crash-game-game-list {
    background-color: rgba(10, 10, 10, .9);
}

.large-game-list li {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, #3a3a3a 100%);
}

.large-game-list img {
    background: linear-gradient(180deg, #121213 25%, #262626 100%);
}

.large-game-list li a.game-info {
    border-color: #3a3a3a;
    color: #dcdcdc;
}

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

body {
    background-color: #121213;
}

.topbar-container {
    border-bottom-color: #121213;
    background-color: #121213;
}

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

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

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

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

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

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

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

.topbar-left-section .language-selector {
    background-color: #121213;
}

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

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

.site-header {
    background: linear-gradient(to right, #121213 0%, #141414 100%);
    box-shadow: inset 0 2px 1px rgba(255, 255, 255, .05);
}

.top-menu>li {
    color: #ffffff;
}

.top-menu>li+li:before {
    background: #2a2a2a;
}

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

.top-menu .game-list-container {
    background-color: rgba(18, 18, 18, .98);
    border-bottom-color: #333333;
}

.top-menu .games-container>li {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, #3a3a3a 100%);
}

.top-menu .games-container>li:hover>a {
    background-color: rgba(40, 40, 40, .3);
}

.top-menu .games-container>li>a img {
    background: linear-gradient(180deg, #121213 25%, #262626 100%);
}

.site-content-container {
    background-color: #121213;
}

.site-contacts {
    background: #141414;
    background-image: linear-gradient(to bottom, #111111 0%, #2e2e2e 100%);
}

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

.site-contacts .contact-list li a i {
    background-color: #262626;
}

.site-info-container {
    background-color: #121213;
}

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

.site-info-inner-container {
    color: #9a9a9a;
}

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

.site-info-inner-container .footer-links li a,
.footer-links>li>a {
    color: #9a9a9a;
}

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

.site-info-inner-container .support-list li {
    border-color: #333333;
}

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

.copyright-info-container .copyright {
    color: #ffffff;
}

.register-page-link a {
    color: #d5d5d5;
}

.register-modal .modal-body,
.forgot-password-modal .modal-body {
    background-color: #141414;
    color: #b0b0b0;
}

/* LOGIN PANEL – NUANSA ABU-ABU */
.login-panel {
    color: #f5f5f5;
}

.login-panel input[type=text],
.login-panel input[type=password] {
    background-color: #121213;
    border: 1px solid #2f2f2f;
    color: #f5f5f5;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}

.login-panel input[type=text]::placeholder,
.login-panel input[type=password]::placeholder {
    color: #7a7a7a;
}

.login-panel .login-button {
    background: #262626;
    border: 1px solid #3a3a3a;
    color: #ffffff;
    font-weight: 600;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

.login-panel .login-button:hover {
    background: #333333;
    border-color: #4a4a4a;
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.8);
}

.login-panel .register-button {
    background: linear-gradient(135deg, #2a2a2a 0%, #3a3a3a 50%, #2a2a2a 100%);
    border: 1px solid #4a4a4a;
    color: #ffffff;
    font-weight: 700;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.7);
}

.login-panel .register-button:hover {
    background: linear-gradient(135deg, #3a3a3a 0%, #2a2a2a 50%, #3a3a3a 100%);
    border-color: #5a5a5a;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
}

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

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

.modal-header {
    color: #ffffff;
}

.modal-header .close {
    color: #ffffff;
}

.modal-body {
    background-color: #121213;
    color: #ffffff;
}

.modal-footer {
    background-color: #121213;
    color: #ffffff;
    border-top: 1px solid #1f1f1f;
}

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

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

.modal-footer .btn-primary {
    color: #ffffff;
    background: linear-gradient(to right, #262626 0%, #333333 100%);
}

.modal-footer .btn-primary:hover {
    background: linear-gradient(to right, #333333 0%, #262626 100%);
}

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

.standard-form-content {
    background: rgba(18, 18, 19, .98);
    color: #ffffff;
}

.standard-form-title {
    color: #f0f0f0;
}

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

.standard-form-note {
    color: #ffffff;
}

.standard-form-note a {
    color: #dcdcdc;
}

.standard-reporting-control-group>input {
    background-color: #141414;
    border-color: #2a2a2a;
    color: #a7a7a7;
}

.standard-form-content .table thead,
.standard-reporting-scroll-container .table thead {
    background-color: #141414;
    border-color: #2a2a2a;
}

.standard-form-content .table thead tr th,
.standard-reporting-scroll-container .table thead tr th {
    border-color: #2a2a2a;
    color: #ffffff;
}

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

.standard-form-content .table tbody td,
.standard-reporting-scroll-container .table tbody td {
    border-color: #2a2a2a;
    color: #d0d0d0;
}

.table {
    color: #bbbbbb;
}

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

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

.standard-inline-form-group .form-control,
.standard-form-content .form-control,
.mobile-app-container .mobile-app-select {
    background-color: #141414;
    border-color: #2a2a2a;
    color: #ffffff;
}

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

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

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

.standard-button-group .btn-primary,
.standard-reporting-control-group .btn-primary,
.deposit-container .reveal-bank-account-button {
    background: linear-gradient(to right, #262626 0%, #333333 100%);
    color: #ffffff;
}

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

.standard-button-group .btn-primary[disabled] {
    background-color: rgba(64, 64, 64, .7);
}

.expiration-countdown [data-section] {
    background-color: #3a3a3a;
    color: #ffffff;
    border-color: #a9a9a9;
}

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

.copy-input-button-field .copy-input-button {
    color: #ffffff;
    background: linear-gradient(to right, #444444 0%, #666666 100%);
}

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

.standard-profile-bar {
    background-color: rgba(18, 18, 19, .98);
    color: #d5d5d5;
}

.standard-profile-bar .username-field .username {
    color: #a0a0a0;
}

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

.standard-nav-bar .nav-bar-title {
    color: #e0e0e0;
}

.standard-nav-bar a {
    border-color: #141414;
    background-color: #141414;
    color: #ffffff;
}

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

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

.standard-side-menu {
    background-color: #121213;
    color: #ffffff;
}

.standard-side-menu a {
    border-color: #141414;
    background-color: #141414;
    color: #ffffff;
}

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

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

.user-info {
    color: #ffffff;
}

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

.user-info .balance>span,
.user-info .balance>a>span {
    color: #f0b90b;
}

.user-info .balance .locked-balance {
    background: #3b3b3b;
    color: #ffffff;
}

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

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

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

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

.user-info .vendor-balances-container {
    border-color: #3a3a3a;
    background-color: rgba(0, 0, 0, .85);
}

.user-info .vendor-balances-container .vendor-balances-header {
    border-color: #3a3a3a;
}

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

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

.user-info .vendor-balances-container ::-webkit-scrollbar-track {
    background: transparent;
}

.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 a,
.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: #676767;
}

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

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

.percentCount {
    font-family: inherit;
}

.progressbar {
    background: #747474 !important;
}

.proggress {
    background: #d5d5d5 !important;
}

.download-apk {
    color: #ffffff;
}

.download-apk .h2 span {
    color: #f0f0f0;
}

.download-apk-section i {
    color: #f0f0f0;
}

.standard-form-note strong {
    color: #f0f0f0;
}

.standard-form-note span {
    color: #f0f0f0;
}

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

.standard-content-info h2 {
    color: #f0f0f0;
}

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

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

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

.last-transaction-table.table tbody {
    background-color: #121213;
}

.otp-hr {
    border-color: #f0f0f0;
}

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

.otp-input {
    border-color: #f0f0f0;
}

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

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

.unread-announcements-popup {
    border-color: #3a3a3a;
}

.unread-announcements-popup:before {
    border-bottom-color: #3a3a3a;
}

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

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

.payment-maintenance-container,
.remarks-container {
    background: #1b1b1b;
    color: #ffffff;
}

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

.remarks-container {
    border-color: #dcdcdc;
    background: rgba(80, 80, 80, .37);
}

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

.popover {
    background-color: #141414;
    border-color: #3a3a3a;
    color: #ffffff;
}

.popover.top .arrow {
    border-top-color: #3a3a3a;
}

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

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

.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: #ffffff;
    background-color: #141414;
}

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

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

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

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

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

.no-data-container p {
    color: #666666;
}

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

.modal-body .pending-transaction-summary-container,
.claim-info-modal .alert-container,
.payment-account-creation-remarks {
    border-color: #3a3a3a;
    color: #ffffff;
    background-color: #1f1f1f;
}

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

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

.modal-body .pending-transaction-details-container {
    background-color: #1b1b1b;
    border-color: #232323;
    color: #ffffff;
}

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

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

.modal-standard-header {
    color: #ffffff;
}

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

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

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

.loyalty-top-bar-container {
    background: linear-gradient(82.95deg, #121213 -41.64%, #2a2a2a 138.36%);
}

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

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

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

.simple-modal .modal-header {
    background-color: #121213;
}

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

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

.table .table {
    color: #bbbbbb;
}


/* =========================================================
   MACANCUAN THEME OVERRIDE — Red + Maroon
   (Append override to convert the current grey theme)
   Palette:
   - Red:    #ff2b3d
   - Maroon: #4b0015
   ========================================================= */

:root{
  --mc-red:#ff2b3d;
  --mc-red2:#ff4a5a;
  --mc-maroon:#4b0015;
  --mc-maroon2:#2a000c;
  --mc-bg:#09060a;
  --mc-surface:#12070d;
  --mc-surface2:#1b0a12;
  --mc-line:rgba(255,43,61,.22);
  --mc-glow:rgba(255,43,61,.22);
  --mc-text:#f3f0f2;
  --mc-muted:#c7b9c0;
}

/* Base */
body{
  background-color: var(--mc-bg) !important;
  background-image:
    radial-gradient(900px 600px at 15% 0%, rgba(75,0,21,.35), transparent 55%),
    radial-gradient(900px 600px at 85% 10%, rgba(255,43,61,.18), transparent 55%);
  color: var(--mc-text) !important;
}

a{ color: var(--mc-red) !important; }
a:hover{ color: var(--mc-red2) !important; }

/* Topbar + header + content */
.topbar-container,
.site-content-container,
.site-info-container,
[data-container-background="general"],
[data-container-background="home"],
[data-container-background="slots"],
[data-container-background="arcade"],
[data-container-background="crash-game"],
[data-container-background="others"],
[data-container-background="casino"],
[data-container-background="race"]{
  background-color: var(--mc-bg) !important;
}

.site-header{
  background: linear-gradient(90deg, var(--mc-maroon) 0%, var(--mc-maroon2) 100%) !important;
  border-bottom: 1px solid var(--mc-line) !important;
  box-shadow: 0 12px 35px rgba(0,0,0,.45) !important;
}

.top-menu>li{ color: #fff !important; }
.top-menu>li[data-active="true"],
.top-menu>li:hover{ color: var(--mc-red) !important; }

.top-menu>li+li:before{
  background: rgba(255,43,61,.18) !important;
}

/* Panels / cards */
.standard-form-content,
.announcement-outer-container,
.claim-item,
.about-us-container .inner-box,
.promotion-side-menu,
.promotion-list,
.promotion-item,
.standard-content-info .standard-content-block,
.pending-transactions-container .pending-transactions-item,
.popover,
.games-list-container,
.provider-outer-container,
.game-list,
.games-list-container .game-info,
.large-game-list .bottom-link-container,
.modal-body,
.modal-footer,
.simple-modal .modal-header{
  background-color: var(--mc-surface) !important;
  border-color: rgba(255,43,61,.12) !important;
  color: var(--mc-text) !important;
}

.modal-header{
  background: linear-gradient(90deg, var(--mc-maroon2), var(--mc-maroon)) !important;
  border-bottom: 1px solid var(--mc-line) !important;
  color: #fff !important;
}

/* Inputs */
.standard-inline-form-group .form-control,
.standard-form-content .form-control,
.mobile-app-container .mobile-app-select,
.login-panel input[type=text],
.login-panel input[type=password],
.games-list-container .filter-section input[type=text]{
  background-color: rgba(18,7,13,.85) !important;
  border-color: rgba(255,43,61,.18) !important;
  color: #fff !important;
}

input:focus, textarea:focus, select:focus,
.form-control:focus{
  border-color: rgba(255,43,61,.55) !important;
  box-shadow: 0 0 0 .18rem var(--mc-glow) !important;
  outline: none !important;
}

/* Primary buttons */
.btn-primary,
.standard-button-group .btn-primary,
.standard-reporting-control-group .btn-primary,
.deposit-container .reveal-bank-account-button,
.modal-footer .btn-primary,
.login-panel .register-button{
  background: linear-gradient(135deg, var(--mc-red) 0%, var(--mc-maroon) 100%) !important;
  border: 1px solid rgba(255,43,61,.55) !important;
  color: #fff !important;
}

.btn-primary:hover,
.standard-button-group .btn-primary:hover,
.standard-reporting-control-group .btn-primary:hover,
.deposit-container .reveal-bank-account-button:hover,
.modal-footer .btn-primary:hover,
.login-panel .register-button:hover{
  background: linear-gradient(135deg, var(--mc-maroon) 0%, var(--mc-red) 100%) !important;
  filter: brightness(1.05);
}

/* Secondary buttons */
.login-panel .login-button,
.claim-item .claim-button,
.claim-item .activation-button,
.claim-item .cancellation-button,
.claim-item .expiration-button,
.popular-game-title-container a,
.promotion-item .click-for-get-promo-button,
.play-now{
  background: rgba(18,7,13,.85) !important;
  border: 1px solid rgba(255,43,61,.18) !important;
  color: #fff !important;
}

.login-panel .login-button:hover,
.claim-item .claim-button:hover,
.claim-item .activation-button:hover,
.claim-item .cancellation-button:hover,
.claim-item .expiration-button:hover,
.popular-game-title-container a:hover,
.promotion-item .click-for-get-promo-button:hover,
.play-now:hover{
  background: rgba(75,0,21,.65) !important;
  border-color: rgba(255,43,61,.35) !important;
}

/* Nav buttons (standard-nav-bar / side-menu) */
.standard-nav-bar a,
.standard-side-menu a{
  border-color: rgba(255,43,61,.12) !important;
  background-color: rgba(18,7,13,.75) !important;
  color: #fff !important;
}

.standard-nav-bar a[data-active="true"],
.standard-side-menu a[data-active="true"]{
  background: linear-gradient(135deg, var(--mc-red) 0%, var(--mc-maroon) 100%) !important;
}

.standard-nav-bar a:not([data-active="true"]):hover,
.standard-side-menu a:not([data-active="true"]):hover{
  border-color: rgba(255,43,61,.35) !important;
  color: #fff !important;
}

/* Accents (was gold) */
.deposit-container .standard-form-note a,
.deposit-container .formatted-balance,
.deposit-container .real-deposit-amount,
.deposit-container .deposit-amount input.form-control,
.deposit-container .deposit-amount .currency-suffix,
.user-info .balance>span,
.user-info .balance>a>span{
  color: var(--mc-red) !important;
}

.progressbar{ background: rgba(255,43,61,.18) !important; }
.proggress{ background: var(--mc-red) !important; }

/* Dividers */
hr,
.footer-separator,
.site-info-inner-container .site-links-container,
.footer-links>li+li>a,
.footer-section-title,
.provider-container,
.table thead tr th,
.standard-form-content .table thead tr th{
  border-color: rgba(255,43,61,.16) !important;
}

/* Muted text */
.site-info-inner-container,
.footer-links>li>a,
.site-info-container .section-title,
.topbar-left-section .topbar-item,
.topbar-left-section .topbar-item a,
.register-page-link a{
  color: var(--mc-muted) !important;
}

/* Error stays red (already) but ensure visibility */
.standard-required-message,
.field-validation-error,
.mobile-app-container .tab-pane .note{
  color: #ff3b3b !important;
}