:root {
  --main-theme-color: #ff7a00;
}

/* =========================
   BONUS SLIDER MODAL
========================= */
.bonus-slider-modal .modal-body,
.bonus-slider-modal .modal-footer {
  background-color: #171717;
}

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

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

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

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

.bonus-slider-modal .bonus-form {
  background-color: #202020;
  color: #dad9d9;
  border-top-color: #8c8c8c;
  box-shadow: 0 0 15px 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: #ff7a00;
}

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

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

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

/* =========================
   CLAIM
========================= */
.standard-form-note.claim-note span,
.standard-form-note.claim-note strong {
  color: #fff;
}

.claim-item {
  background-color: #161616;
  color: #fff;
  border: 1px solid #1f1f1f;
}

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

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

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

.claim-item .claim-button {
  border-color: #ffb366;
  color: #fff;
  background: #ff7a00;
  background: -moz-linear-gradient(top, #ff8c1a 0%, #cc6200 100%);
  background: -webkit-linear-gradient(top, #ff8c1a 0%, #cc6200 100%);
  background: linear-gradient(to bottom, #ff8c1a 0%, #cc6200 100%);
}

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

.claim-item .claim-details strong {
  color: #ff8c1a;
}

/* =========================
   CONTACT / ANNOUNCEMENT
========================= */
.contact-us-list li h6 {
  color: #fff;
}

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

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

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

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

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

.home-inner-container {
  background-color: #ffffff00;
}

/* =========================
   POPULAR / INFO CENTER
========================= */
.popular-game-title-container {
  color: #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.about-us-container .inner-box {
  background-color: #191919;
  border-color: #685b44;
}

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

/* =========================
   MESSAGE
========================= */
.message-detail-title {
  color: #fff;
  border-bottom-color: #d5d5d5;
}

.replied-message {
  color: #e0e0e0;
  border-bottom-color: #ff7a00;
}

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

.message-table {
  color: #d5d5d5;
}

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

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

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

/* =========================
   CONFIRMATION MODAL
========================= */
.confirmation-message-modal .modal-header {
  background-color: #263366;
  border-bottom-color: #bababa;
}

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

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

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

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

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

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

/* =========================
   CONFIRMATION MESSAGE MODAL
========================= */
.confirmation-message-modal .confirm-btn:hover {
  background: #dcdbed;
  color: #808080;
}

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

/* =========================
   MOBILE APP
========================= */
.mobile-app-container .logo-container {
  background-color: #252525;
}

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

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

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

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

.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: #111;
  color: #ff7a00;
  border-color: #ff7a00;
  border-bottom-color: transparent;
}

.mobile-app-container .nav > li > a:hover,
.mobile-app-container .nav > li > a:focus {
  background-color: transparent;
  color: #ff7a00;
  border-color: #ff7a00;
}

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

.mobile-app-container .tab-pane .important,
.mobile-app-container a {
  color: #ffb366; /* sebelumnya #ffb366 */
}

.mobile-app-container .tab-pane div[role="tabpanel"] a {
  text-decoration: underline;
}

/* =========================
   PROFILE
========================= */
.profile-container .section-heading {
  color: #fff;
}

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

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

/* =========================
   PROMOTION
========================= */
.promotion-side-menu,
.promotion-list {
  background-color: #0f0f0f;
  border-color: #0f0f0f;
}

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

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

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

.promotion-item {
  background-color: #252525;
}

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

.promotion-item .click-for-get-promo-button {
  background-color: #ff7a00;
  background-image: linear-gradient(to bottom right, #ff7a00, #ff8c1a);
  color: #fff;
}

.promotion-item .click-for-get-promo-button:hover {
  background-color: #ff8c1a;
  background-image: linear-gradient(to bottom right, #ff8c1a, #ff7a00);
}

.promotion-item .modal-header {
  background: #1c1c1c;
  border-bottom: 2px solid #ff8c1a;
}

.promotion-item .modal-body {
  background-color: #111;
  color: #acacac;
}

/* =========================
   REGISTER DONE
========================= */
.register-done-container {
  color: #d5d5d5;
}

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

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

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

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

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

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

.register-done-container .standard-button-group .btn:hover {
  border-color: transparent;
  background-color: #6a6a6a;
  background: linear-gradient(to bottom, #6a6a6a 0%, #484848 100%);
}

.register-done-container .register-verification-done {
  border-color: #ff7a00;
  color: #fff;
  background: #cc6200;
}

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

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

/* =========================
   PROVIDER / GAME DESCRIPTION
========================= */
.provider-slide {
  background-color: #0f0f0f;
}

.provider-slide > i {
  background-color: rgba(255, 255, 255, .1);
  color: #fff;
}

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

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

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

/* =========================
   DEPOSIT / BUTTON
========================= */
.deposit-container .standard-form-note a,
.deposit-container .formatted-balance {
  color: #ffb366; /* dari #ffb366 */
}

.deposit-container .real-deposit-amount,
.deposit-container .deposit-amount input.form-control,
.deposit-container .deposit-amount .currency-suffix {
  color: #ff7a00; /* dari #ff7a00 */
}

.free-play {
  border: 1px solid #fff;
  background: transparent;
}

.free-play:hover {
  background: #fff;
  color: #000;
}

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

.play-now:hover {
  color: #fff;
  background: #ff7a00;
  background: linear-gradient(to right, #ff7a00 0%, #cc6200 100%);
}
/* =========================
   GAMES LIST
========================= */
.games-list-container {
  background-color: transparent;
}

.games-list-container .filter-section {
  background-color: #0f0f0f;
  background: #0f0f0f;
}

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

.games-list-container .filter-section:after {
  background-color: transparent;
  color: #7e7e7e;
  border-left: 1px solid #7e7e7e;
  max-height: 30px;
  margin-top: auto;
  margin-bottom: auto;
}

.games-list-container .category-filter {
  padding: 5px 5px;
}

.games-list-container .category-filter-link {
  color: #fff;
  border-radius: unset;
}

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

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

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

.provider-outer-container,
.game-list,
.games-list-container .game-info,
.popular-game-title-container + .game-list-container {
  background-color: transparent;
  border-color: transparent;
}

.games-list-container .game-list {
  margin-top: 5px;
}

.game-list .game-item {
  background-color: #1f1f1f;
  background-image: none;
}

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

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

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

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

/* =========================
   LARGE GAME LIST
========================= */
.large-game-list-container {
  background: #000000bd;
}

.large-game-list-container .large-game-list-section {
  background: #0a0a0a;
}

.large-game-list li {
  background: linear-gradient(180deg, rgba(0, 0, 0, .15) 40%, #cc6200 100%);
}

.large-game-list img {
  background: linear-gradient(180deg, rgba(0, 0, 0, .15) 25%, #ff7a00 100%);
}

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

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

/* =========================
   GAME TITLE / LARGE GAME LIST
========================= */
.game-title {
  color: #fff;
}

.large-game-list .game-title::after {
  background-color: #ff7a00;
}

.large-game-list-container .large-game-list .play-now {
  background: linear-gradient(90deg, #ff7a00 0%, #ff8c1a 100%);
}

.large-game-list-container .large-game-list .play-now:hover {
  background: linear-gradient(90deg, #cc6200 0%, #cc6200 100%);
}

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

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

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

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

/* =========================
   ARCADE / CRASH GAME
========================= */
.arcade-game-list,
.crash-game-game-list {
  background-color: rgba(3, 13, 58, .85);
}

.game-dispatch .game-info {
  border-color: #ff8c1a;
  color: #ff8c1a;
}

.game-dispatch .game-info:hover,
.game-dispatch .game-info:focus {
  color: #ff7a00;
  border-color: #ff7a00;
}

/* =========================
   BODY / TOPBAR
========================= */
body {
  background-color: #0d0d0d;
}

.topbar-container {
  border-bottom-color: #151515;
  background-color: #2c2c2c;
}

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

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

.topbar-sub-section .topbar-item a,
.topbar-sub-section .topbar-item .live-chat {
  color: #fff;
}

.topbar-sub-section .topbar-item a:hover,
.topbar-sub-section .topbar-item .live-chat:hover {
  color: #ff7a00;
}

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

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

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

.topbar-sub-section .language-selector {
  background-color: #2a2a2a;
}

.topbar-sub-section .language-selector li {
  background-color: #111;
}

.topbar-sub-section .language-selector li:hover {
  background-color: #ff8c1a;
}

/* =========================
   HEADER / TOP MENU
========================= */
.site-header {
  background: #ff7a00;
  box-shadow: none;
}

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

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

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

.top-menu .game-list-container {
  background-color: rgba(0, 0, 0, .92);
  border-bottom-color: #2d2c2c;
}

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

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

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

/* =========================
   SITE CONTENT / CONTACTS / FOOTER
========================= */
.site-content-container {
  background-color: #0d0d0d;
}

.site-contacts {
  background: #ff7a00;
  background-image: none;
}

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

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

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

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

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

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

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

.site-info-inner-container .site-links-container {
  border-color: #27241c;
}

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

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

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

/* =========================
   REGISTER / FORGOT PASSWORD
========================= */
.register-page-reminder {
  color: #fff;
}

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

.register-modal .modal-body,
.forgot-password-modal .modal-body {
  background-color: #111;
  color: #fff;
}

/* =========================
   CONTAINER BACKGROUND
========================= */
[data-container-background="general"],
[data-container-background="home"],
[data-container-background="slots"],
[data-container-background="arcade"],
[data-container-background="crash-game"],
[data-container-background="casino"],
[data-container-background="race"],
[data-container-background="others"],
[data-container-background="promotions"] {
  background-color: #2c2c2c;
}

/* =========================
   LOGIN PANEL
========================= */
.login-panel {
  color: #000000;
}

.login-panel input[type="text"],
.login-panel input[type="password"] {
  background-color: #0b0b0b;
  border-color: #1a1a1a;
}

.login-panel .login-button {
  background: linear-gradient(181deg, #ffb366 0%, #ff7a00 100%) !important;
  border: 1px solid #fff;
  transition: all .3s ease;
}

.login-panel .login-button:hover {
  background: linear-gradient(181deg, #ff7a00 0%, #ffb366 100%) !important;
  border-color: #5f5f5f;
}

.login-panel .register-button {
  background: #ff7a00;
  background: linear-gradient(181deg, #ffb366 0%, #ff7a00 100%);
}

.login-panel .register-button:hover {
  background: #ff7a00;
  background: linear-gradient(181deg, #ff7a00 0%, #ffb366 100%);
}

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

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

/* =========================
   MODAL
========================= */
.modal-header {
  background-color: #ff7a00;
  background-image: linear-gradient(to bottom, #ff8c1a 0%, #ffb366 50%, #000000 100%);
  color: #fff;
}

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

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

.modal-footer {
  background: #0c0c0c;
  border-top: 1px solid #2a2a2a;
}

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

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

.modal-footer .btn-primary {
  color: #fff;
  background: #ff7a00;
  background-image: none;
}

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

/* =========================
   MAINTENANCE NOTICE
========================= */
.emerald-modal [data-emerald="maintenance"] p span {
  background: #ff8c1a;
  color: #fff;
}

/* =========================
   STANDARD FORM
========================= */
.standard-form-content {
  background: #111;
  color: #fff;
}

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

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

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

.standard-form-note span,
.standard-form-note a {
  color: var(--main-theme-color);
}

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

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

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

.standard-form-content .table thead tr th,
.standard-reporting-scroll-container .table thead tr th {
  border-color: #424242;
  color: #fff;
}
.standard-form-content .table tbody,
.standard-reporting-scroll-container .table tbody { background-color:#1a1a1a }

.standard-form-content .table tbody td,
.standard-reporting-scroll-container .table tbody td { border-color:#424242;color:#fff }

.table .table { color:#333 }

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

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

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

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

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

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

.standard-button-group .btn-primary,
.standard-reporting-control-group .btn-primary,
.deposit-container .reveal-bank-account-button { background:#ff7a00;background-image:none;color:#fff }

.standard-button-group .btn-primary:hover,
.standard-reporting-control-group .btn-primary:hover,
.deposit-container .reveal-bank-account-button:hover { background:#fff;color:#ff7a00;background-image:none }

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

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

.standard-profile-bar { background-color:#101010;color:#d5d5d5 }

.standard-profile-bar .username-field .username,
.standard-profile-bar .balance-field .balance { color:#ff7a00 }

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

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

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

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

.standard-side-menu { background-color:#111;color:#ff7a00 }

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

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

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

.user-info { color:#fff }

.user-info .balance>span { color:#ff7a00 }

.referral-section .referral-social-media-container .referral-social-media button { filter:invert(100%) }

.change-referral-code a,
.referral-box a,
.whitelisted-domains-link a { color:#ff7a00 }

.change-referral-code a:hover,
.referral-box a:hover,
.whitelisted-domains-link a:hover { color:#ff8c1a }

.standard-reporting-control-group { color:#fff }

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

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

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

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

.user-info .dropdown-menu.vendor-balances-container { background-color:rgba(0,0,0,.85) }

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

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

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

.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:#696969 }
.site-info .site-info-title h3,
.footer-section-title,
.provider-container > h5,
.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:#696969 }

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

.provider-container > h5 { background:#0d0d0d }

.percentCount { font-family:inherit }

.progressbar { background:#696969 !important }

.proggress { background:#ff7a00 !important }

.download-apk { color:#fff }

.download-apk .h2 > span { color:#ffb366 }

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

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td { color:#f5f5f5 }

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

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

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

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

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

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

.unread-announcements-ff7a00 { border-color:#ff8c1a }

.unread-announcements-ff7a00:before { border-bottom-color:#ff8c1a }

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

.payment-maintenance-container,
.remarks-container { background:#cbcbcb;color:#000 }

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

.remarks-container {
  border-color:#ff7a00;
  background:rgba(31,143,78,.09);
  color:#fff
}

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

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

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

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

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

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

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

[data-payment-gateway] .download-qr-button {
  background-color:#ff7a00;
  background-image:linear-gradient(to bottom right,#ff7a00,#ff8c1a);
  color:#fff
}

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

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

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

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

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

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

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

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

.modal-body .pending-transaction-summary-container,
.claim-info-modal .alert-container,
.payment-account-creation-remarks {
  border-color:#ff7a00;
  color:#fff;
  background-color:rgba(31,143,78,.2)
}

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

.modal-body .pending-transaction-summary-container .pending-transaction-summary-footer a {
  color:#fff;
  background:linear-gradient(180deg,#ff7a00 0%,#ff8c1a 100%)
}

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

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

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

.modal-body .pending-transaction-details-container::-webkit-scrollbar-thumb { background:#4d4f59 }

.bonus-selection-list .bonus-selection-card .bonus-selection-card-detail button {
  background:linear-gradient(90deg,#ff7a00 -.34%,#ff8c1a 99.32%),linear-gradient(0deg,rgba(0,0,0,.12),rgba(0,0,0,.12))
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item .standard-button-group .btn-primary:hover img { filter:none }

.search-header .search-title img { filter:none }

.standard-remark-notification .remark-notification-content span { color:#ff7a00 }
.pending-transaction-section .head span { color:#fff }

.pending-transaction-section .head a,
.pending-transaction-section .head a:hover { color:#ff7a00 }

.transaction-item { background:#212121 }

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

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

.transaction-item .download-qr-btn {
  background:#ff7a00;
  color:#fff
}

.transaction-item .download-qr-btn:hover {
  background:#fff;
  color:#ff7a00
}

.reporting-detail-ff7a00 .reporting-detail-ff7a00-content { background-color:#252525 }

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

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

.pending-transaction-detail-card {
  background-color:#262626;
  border:1px solid #404040
}

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

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

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

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

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

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

.resolved-transaction-ff7a00 .secondary { color:#bdbdbd }

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

.resolved-transaction-ff7a00 .rejected-reason-container {
  background-color:#362121;
  border:1px solid #4e2e2e
}

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

.resolved-transaction-ff7a00 .reporting-detail-content-area {
  background-color:#212121;
  border:0
}

.resolved-transaction-ff7a00 .dashed {
  border-top:1px dashed rgba(255,255,255,.25);
  border-bottom:1px dashed rgba(255,255,255,.25)
}

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

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

.resolved-transaction-ff7a00 .reporting-detail-content-space-betweeen .status-app { filter:none }

.resolved-transaction-ff7a00 .reporting-detail-content-space-betweeen .status-rej { filter:none }

.resolved-transaction-ff7a00 .reporting-detail-content-space-betweeen .status-fail { filter:none }

.resolved-transaction-ff7a00 .wrapped-resolved-transaction { border:1px solid #404040 }

.modal-content:has(.resolved-transaction-ff7a00) {
  background:#252525;
  border-color:#252525
}

.transactions-table.table {
  border:1px solid #1e1e1e;
  background:#1a1a1a
}

.transactions-table.table thead {
  background:#1a1a1a;
  color:#a3a3a3;
  border:1px solid #1e1e1e
}

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

.transactions-table.table tbody {
  background:#1a1a1a;
  color:#a3a3a3
}

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

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