/* =====================================================
   MILDHOKI33 — Fire & Ice Cyber Theme
   Register = Fire Orange / Cyan | Login = Deep Ocean
   ===================================================== */

body {
    color: #888888;
    background-color: #050505;
}

h1,
h4,
h5,
h6 {
    color: #ffffff;
}

h2,
h3 {
    color: #fff;
}

p {
    color: #888888;
}

/* ===== Login Panel ===== */
.login-panel .forgot-password-link {
    color: #00e5ff;
}

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

.login-panel .register-field .register-button {
    color: #00e5ff;
}

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

/* ===== Bonus Slider ===== */
.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: #ff5e00;
    color: #fff;
}

.bonus-slider-modal .activation-button:hover {
    background-color: #ff9d00;
    color: #050505;
}

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

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

.bonus-slider-modal .modal-header {
    border-color: #242424;
    background: #0f0f0f;
}

.bonus-slider-modal .modal-content {
    background-color: #0f0f0f;
    border-color: #1f1f1f;
}

.bonus-slider-modal .modal-body {
    background-color: #0f0f0f;
    border-color: #1f1f1f;
}

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

.bonus-controls-field .bonus-control-button {
    background-color: #222;
    color: #fff;
}

.bonus-controls-field .bonus-amount {
    background-color: #050505;
    color: #00e5ff;
}

.bonus-range .bubble {
    color: #fff;
    border-color: #ff5e00;
    background: #050505;
}

.bonus-range .bubble::before {
    border-color: rgba(255, 94, 0, 0);
    border-top-color: #ff5e00;
}

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

/* ===== Claim ===== */
.claim-item {
    border: 2px solid #ff5e00;
}

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

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

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

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

.bonus-progress .progress {
    background-color: #222;
}

.progress-percentage {
    color: #fff;
}

.progress-percentage i {
    color: #00e5ff;
}

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

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

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

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

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

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

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

/* ===== Contact ===== */
.contact-us-list {
    color: #999;
}

.contact-us-list li+li {
    border-top-color: #1a1a1a;
}

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

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

/* ===== Messaging ===== */
.messaging-side-menu {
    background-color: #0f0f0f;
    color: #fff;
}

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

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

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

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

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

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

.replied-message {
    color: #fff;
}

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

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

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

/* ===== Mobile App Container ===== */
.mobile-app-container {
    color: #fff;
}

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

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

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

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

.nav0tabs>li>a {
    background: #ff5e00;
    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: #ff5e00;
    color: #fff;
    border-color: #ff5e00;
}

.nav-tabs {
    border-bottom-color: #ff5e00;
}

.mobile-app-container .tab-pane p a {
    color: #00e5ff;
}

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

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

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

.mobile-app-container .mobile-app-select {
    background: #0f0f0f;
    border: 1px solid #222;
    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: #ff5e00;
    color: #fff;
}

/* ===== Profile ===== */
.profile-container .username-field {
    color: #888888;
}

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

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

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

/* ===== Promotion ===== */
.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: #0a0a0a;
}

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

.promotion-item {
    background-color: #0f0f0f;
}

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

.promotion-item .click-for-get-promo-button {
    background: linear-gradient(135deg, #ff5e00, #ff007f);
    color: #fff;
}

.promotion-info {
    background-color: #050505;
    border-color: #1a1a1a;
    color: #fff;
}

.promotion-info .close-button {
    background-color: #ff5e00;
    color: #fff;
}

.register-page-reminder {
    color: #888888;
}

/* ===== Register Done ===== */
.register-done-container {
    background-color: #0f0f0f;
    color: #888888;
}

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

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

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

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

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

.register-done-container .btn-deposit:hover {
    background: linear-gradient(to bottom, #ff9d00 0%, #ff5e00 100%);
}

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

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

.register-done-container .register-verification-done {
    border-color: #ff5e00;
    color: #ff9d00;
    background: #121212;
}

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

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

/* ===== Slots ===== */
.slots-title {
    color: #fff;
    background: #0f0f0f;
}

.slots-games-container .category-filter,
.casino-games-container .category-filter {
    background-color: #121212;
}

.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: #ff5e00 !important;
    color: #fff !important;
}

/* ===== Deposit / Withdrawal ===== */
.deposit-container,
.withdrawal-container {
    color: #888888;
}

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

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

.withdrawal-container .total-balance>span {
    color: #00ff66;
}

body:not(.empty-layout) {
    background-color: #050505;
}

/* ===== Header ===== */
.site-header {
    background: #0f0f0f;
}

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

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

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

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

.site-menu ul a {
    color: inherit;
}

.site-menu>ul {
    background-color: #050505;
    color: #fff;
}

.site-menu li>a,
.site-menu summary {
    background: #0f0f0f;
    border-bottom: 1px solid #222;
}

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

.site-menu details details li>a {
    background-color: #0f0f0f;
}

/* ===== Footer ===== */
.site-footer {
    background-color: #050505;
    color: #737373;
}

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

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

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

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

.site-footer .footer-links {
    background-color: #0a0a0a;
    color: #888888;
}

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

.site-footer .site-description {
    background: #0a0a0a;
    color: #888888;
}

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

/* ===== LOGIN vs REGISTER BUTTONS (Fire & Ice) ===== */
.login-links-container a {
    color: #fff;
}

/* REGISTER = Fire Orange (Kanan) */
.login-links-container .register-button {
    background: #ff5e00;
    background: linear-gradient(to bottom, #ff9d00 0%, #ff5e00 100%);
    color: #fff;
    font-weight: 700;
    border: 1px solid #ff5e00;
    box-shadow: 0 4px 14px rgba(255, 94, 0, 0.4);
}

.login-links-container .register-button:hover {
    background: linear-gradient(to bottom, #ff5e00 0%, #ff9d00 100%);
    color: #fff;
}

/* LOGIN = Cyan Ocean (Kiri) */
.login-links-container .login-button {
    background: #00e5ff;
    background: linear-gradient(to bottom, #00e5ff 0%, #0066cc 100%);
    color: #050505;
    font-weight: 700;
    border: 1px solid #00e5ff;
    box-shadow: 0 4px 14px rgba(0, 229, 255, 0.4);
}

.login-links-container .login-button:hover {
    background: linear-gradient(to bottom, #0066cc 0%, #00e5ff 100%);
    color: #fff;
}

/* ===== Main Menu ===== */
.main-menu-container {
    background-color: #0f0f0f;
    color: #fff;
}

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

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

/* ===== Game Modal ===== */
.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: #0c0c0c;
}

/* ===== Game List ===== */
.game-list ul,
.game-list .provider-section {
    background-color: #050505;
}

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

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

.game-list ul>li .game-name {
    background-color: #ff5e00;
    color: #fff;
}

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

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

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

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

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

/* ===== Jackpot ===== */
.home-progressive-jackpot .jackpot-container {
    background-image: linear-gradient(#ff5e00, #050505);
}

.home-progressive-jackpot .jackpot-border-container {
    border-color: #ff5e00;
}

.home-progressive-jackpot .jackpot-currency {
    color: #ff9d00;
}

/* ===== Forms ===== */
.standard-form-container,
.reporting-form-container {
    background: #0f0f0f;
}

.standard-form-container label {
    color: #888888;
}

.standard-form-container .form-control {
    background: #151515;
    border-color: #262626;
    color: #fff;
}

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

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

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

.reporting-nav-bar {
    border-color: #222;
    background-color: transparent;
    color: #fff;
}

.reporting-nav-bar a,
.reporting-nav-bar a:hover {
    background-color: #151515;
    color: #fff;
}

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

.table {
    background-color: #1a1a1a;
    margin-bottom: 0;
    color: #fff;
}

.table th a {
    color: #888888;
}

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

/* ===== STANDARD BUTTON ===== */
.standard-button,
.standard-secondary-button {
    background-color: #ff5e00;
    color: #fff;
    border: none;
}

.standard-button:hover {
    background-color: #ff9d00;
    color: #fff;
}

.standard-secondary-button,
.deposit-container .reveal-bank-account-button {
    background-color: #00e5ff;
    color: #050505;
    border-color: transparent;
}

.standard-secondary-button:hover .deposit-container .reveal-bank-account-button:hover {
    background-color: #0066cc;
    color: #fff;
}

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

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

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

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

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

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

.captcha-input .captcha-container .refresh-captcha-button {
    color: #888;
}

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

.expiration-countdown [data-section] {
    background-color: #333;
    color: #ff5e00;
    border-left-color: #444;
}

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

/* ===== User Info ===== */
.user-info {
    color: #888;
    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: #00ff66;
}

.user-info .refresh-container {
    color: #00e5ff;
}

.user-info .balance-container .locked-balance {
    background: #121212;
    color: #ff9d00;
}

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

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

/* ===== Modal ===== */
.modal-content {
    background-color: #0c0c0c;
    border: #1a1a1a;
    color: #bbb;
}

.modal-header {
    border-color: #1f1f1f;
}

.modal-header .modal-title {
    color: #ff5e00;
}

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

.modal-body p {
    color: #bbb;
}

.modal-footer {
    border-top-color: #1f1f1f;
}

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

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

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

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

.fixed-footer {
    background-color: #0f0f0f;
    color: #fff;
}

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

.play-desktop-version-now {
    background: #00e5ff;
    color: #050505;
}

.play-desktop-version-now:hover {
    background: #0066cc;
    color: #fff;
}

/* ===== Referral ===== */
.referral-box {
    background-color: #151515;
    color: #fff;
}

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

.referral-code-container h4 {
    color: #fff;
}

.referral-box a,
.referral-code-container a,
.change-referral-code a {
    color: #00e5ff;
}

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

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

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

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

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

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

.user-info .dropdown-menu.vendor-balances-container {
    background-color: rgba(5, 5, 5, .92);
}

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

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

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

.alternate-background {
    background: linear-gradient(to right, #0f0f0f 0%, #0f0f0f 100%);
}

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

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

.info-center-content .panel-default,
.info-center-content .panel-default>.panel-heading {
    background-color: #151515;
    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: #0c0c0c;
    color: #fff;
}

/* ===== APK Download ===== */
.download-apk-container {
    color: #fff;
}

.download-apk-section a {
    color: #fff;
    background: #ff5e00;
    background: linear-gradient(to bottom, #ff9d00 0%, #ff5e00 100%);
}

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

.tab-menu-container {
    background-color: #0f0f0f;
}

.tab-menu-container a {
    color: #888;
}

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

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

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

.form-group-link-container a,
.form-group-link {
    color: #888;
}

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

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

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

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

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

.claim-filter-container select.form-control {
    color: #ff5e00;
    background-color: #151515;
    border-color: #444;
}

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

/* ===== User Menu ===== */
.user-menu {
    background-color: #ff5e00;
    background-image: linear-gradient(to bottom, #ff9d00 0%, #ff5e00 100%);
}

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

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

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

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

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

.side-menu-user-info .balance-container {
    background: #121212;
    border: 1px solid #222;
}

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

/* LOGIN di side menu = Cyan */
.side-menu-login-panel a {
    background-color: #00e5ff;
    background-image: linear-gradient(to bottom, #00e5ff 0%, #0066cc 100%);
    color: #050505;
}

/* Submit di side menu = Fire */
.side-menu-login-panel input[type="submit"] {
    background-color: #ff5e00;
    background-image: linear-gradient(to bottom, #ff9d00, #ff5e00);
    color: #fff;
}

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

.standard-content-info .referral-code-container {
    border: 1px dashed #ff5e00;
    background-color: #151515;
    color: #ff5e00;
}

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

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

.announcement-container {
    background-color: rgba(5, 5, 5, .92);
    color: #fff;
}

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

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

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

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

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

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

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

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

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

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

/* ===== Date Picker ===== */
.date-picker-wrapper.single-date .drp_top-bar {
    background-color: #151515;
}

.date-picker-wrapper .drp_top-bar.normal {
    background-color: #151515;
}

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

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

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

.grid-totals {
    background-color: #222;
    color: #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

.daily-reward-container .standard-secondary-button:hover {
    background: #ff5e00;
    color: #fff;
}

.loyalty-info-container {
    background-color: #151515;
}

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

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

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

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

.loyalty-history-list .loyalty-history-item {
    background-color: #151515;
}

.loyalty-container .standard-form-note {
    background-color: #151515;
}

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

.mission-container .mission-item .mission-action-container {
    background-color: #121212;
}

.side-menu-loyalty-container {
    background: #121212;
    border: 1px solid #222;
}

.side-menu-loyalty-container .lp-label {
    background-color: #00e5ff;
}

.side-menu-loyalty-container .loyalty-point {
    color: #00e5ff;
}

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

/* ===== Events ===== */
.event-header-container .event-note .event-information-container .double-xp-label::before {
    background-color: #ff5e00;
}

.event-list-container .event-list .event-item {
    background-color: #ff5e00;
    border-color: #ff9d00;
}

.event-list-container .event-list .event-item::before {
    background-color: #ff9d00;
}

.calendar-container .date-picker-wrapper.date-picker-wrapper .first-date-selected div {
    outline-color: #ff5e00;
}

.calendar-container .date-picker-wrapper.date-picker-wrapper .first-date-selected div.special-event,
.special-event,
.event-legend-container [data-legend="event-available"]::before {
    background-color: #ff5e00;
}

.group-event,
.event-legend-container [data-legend="group-event-available"]::before {
    background-color: #00e5ff;
}

.daily-reward-container {
    background-color: #0f0f0f;
}

.level-progress-info span {
    color: #888888;
}

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

/* ===== Intro JS ===== */
.introjs-tooltiptext.introjs-tooltiptext .subtitle {
    color: #ff5e00;
}

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

.introjs-bullets.introjs-bullets ul li a {
    background-color: #444;
}

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

.introjs-skipbutton.introjs-skipbutton {
    color: #ff5e00;
}

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

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

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

.referral-verification-container input.form-control {
    border-color: #222;
}

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

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

.pending-verification-container p {
    color: #ff5e00;
}

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

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

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

.popular-game-title-container .container-content {
    border: 1px solid #ff5e00;
}

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

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

/* ===== Bank Info / Deposit Summary ===== */
.bank-info {
    background-image: linear-gradient(to bottom, #121212 0%, #121212 100%);
}

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

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

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

.deposit-amount-container input[type="text"] {
    background-color: #0f0f0f;
    border-color: #222;
}

.deposit-summary-container,
.withdrawal-summary-container {
    border: 1px solid #0f0f0f;
}

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

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

.deposit-summary-container .deposit-summary-content,
.withdrawal-summary-container .withdrawal-summary-content {
    background-color: #121212;
}

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

/* ===== Payment / Remarks ===== */
.payment-maintenance-container,
.remarks-container {
    background: #2f1717;
    color: #fff;
}

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

.popover {
    background-color: #151515;
    border-color: #ff5e00;
    color: #fff;
}

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

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

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

/* ===== Game Image ===== */
.game-list ul>li>a img,
.game-list .provider-section .provider-img img,
.game-modal .game-iamge-field img {
    background: linear-gradient(335.7deg, #ff5e00 16.09%, rgba(255, 94, 0, .5) 49.24%, rgba(0, 0, 0, 0) 83.08%);
}

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

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

/* ===== Pending Transactions ===== */
.pending-transactions-container .pending-transactions-item {
    color: #fff;
    background-color: #0f0f0f;
}

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

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

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

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

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

.modal-body .pending-transaction-summary-container,
.claim-info-modal .alert-container {
    border-color: #ff5e00;
    color: #fff;
    background-color: #0f0f0f;
}

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

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

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

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

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

/* ===== OTP ===== */
.otp-popup .otp-popup-content {
    background-color: #151515;
}

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

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

/* ===== Bonus Selection ===== */
.bonus-selection-popup .bonus-selection-popup-content {
    background: #050505;
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-content {
    background: linear-gradient(89.85deg, #0f0f0f .1%, #151515 50.22%, #0f0f0f 99.83%);
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-detail {
    background: rgba(255, 94, 0, 0.1);
}

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

.bonus-selection-list .bonus-selection-card+.remarks-container {
    background: rgba(255, 94, 0, 0.1);
    border-color: #ff5e00;
}

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

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

.referral-glyphicon-container .referral-code-header {
    color: #888;
}

/* ===== Notifications ===== */
.notification-tabs .notification-tab-item {
    background: #0f0f0f;
}

.notification-list .notification-item {
    background: #0a0a0a;
    border-color: #222;
}

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

.notification-list .notification-item .notification-header .notification-label {
    background: #ff5e00;
    color: #fff;
}

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

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

/* ===== Loyalty Info ===== */
.loyalty-info-container .loyalty-info {
    background: linear-gradient(0deg, #0f0f0f 0%, #ff5e00 85.5%, #0f0f0f 99%);
}

.loyalty-info-container .loyalty-experience {
    background: #121212;
}

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

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

/* =====================================================
   PROMOTION LIST — Fire & Ice Theme
   ===================================================== */

.top-tab-container.promotion {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 14px;
    border-bottom: 1px solid #151515;
    background: transparent;
}

.top-tab-container.promotion a {
    flex: 1 1 auto;
    display: inline-block;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    color: #888;
    background: #0f0f0f;
    border: 1px solid #222;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    transition: background 0.2s, color 0.2s;
}

.top-tab-container.promotion a:hover {
    background: #151515;
    color: #fff;
}

.top-tab-container.promotion a[data-active="true"] {
    background: linear-gradient(to bottom, #ff5e00 0%, #151515 100%);
    color: #fff;
    border-color: #ff5e00;
    box-shadow: inset 0 -2px 0 #ff5e00;
    font-weight: 700;
}

.promotion-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.promotion-item.promotion_item {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    background: linear-gradient(180deg, #0f0f0f 0%, #050505 100%);
    border: 1px solid #222;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6);
    transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
}

.promotion-item.promotion_item:hover {
    border-color: #ff5e00;
    box-shadow: 0 8px 26px rgba(255, 94, 0, 0.3);
    transform: translateY(-2px);
}

.promotion-item.promotion_item > img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 244px;
    object-fit: cover;
    border-bottom: 2px solid #ff5e00;
    background: #0f0f0f;
}

.promotion-item.promotion_item .button-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 14px 16px;
    background: linear-gradient(180deg, #0f0f0f 0%, #0a0a0a 100%);
}

.promotion-item.promotion_item .promotion-label {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.promotion-item.promotion_item .promotion-label h2 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
    letter-spacing: 0.3px;
}

.promotion-item.promotion_item .promotion-label h3 {
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    color: #888;
}

.promotion-item.promotion_item .promotion-label h3 span {
    color: #ff5e00;
    font-weight: 700;
}

.promotion-item.promotion_item .click-for-more-info-button {
    display: inline-block;
    align-self: flex-start;
    padding: 9px 16px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #fff;
    background: linear-gradient(180deg, #ff5e00 0%, #ff9d00 100%);
    border: 1px solid #ff5e00;
    border-radius: 999px;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(255, 94, 0, 0.35);
    transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
}

.promotion-item.promotion_item .click-for-more-info-button:hover,
.promotion-item.promotion_item .click-for-more-info-button:focus {
    background: linear-gradient(180deg, #ff9d00 0%, #ff5e00 100%);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(255, 94, 0, 0.5);
    outline: none;
}

.promotion-item.promotion_item .promotion-info {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: none;
    flex-direction: column;
    padding: 18px 16px 20px;
    overflow-y: auto;
    background: rgba(5, 5, 5, 0.98);
    border: 1px solid #ff5e00;
    border-radius: 12px;
    color: #fff;
    font-size: 13px;
    line-height: 1.65;
}

.promotion-item.promotion_item .promotion-info.active,
.promotion-item.promotion_item.promotion_info_open .promotion-info {
    display: flex;
}

.promotion-item.promotion_item .promotion-info .close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    background: linear-gradient(180deg, #ff5e00 0%, #ff9d00 100%);
    border: 1px solid #ff5e00;
    border-radius: 50%;
    cursor: pointer;
}

.promotion-item.promotion_item .promotion-info h1,
.promotion-item.promotion_item .promotion-info h2,
.promotion-item.promotion_item .promotion-info h3,
.promotion-item.promotion_item .promotion-info h4 {
    color: #ff5e00;
    margin: 0 0 8px;
    font-size: 15px;
}

.promotion-item.promotion_item .promotion-info p {
    margin: 0 0 8px;
    color: #ccc;
}

.promotion-item.promotion_item .promotion-info a {
    color: #00e5ff;
    text-decoration: underline;
}

.promotion-item.promotion_item .promotion-info strong,
.promotion-item.promotion_item .promotion-info b {
    color: #ff5e00;
}

@media (min-width: 576px) {
    .promotion-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }
}

@media (min-width: 992px) {
    .promotion-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }
}