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

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

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

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

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

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

  .game-list-container .filter-section>select {
    background-color: #0c0c0c;
    color: #676767;
    border: 1px solid #2a2a2a
  }

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

  .game-list .game-item {
    background-color: #06bbbb;
    color: #fff
  }

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

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

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

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

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

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

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

  .game-list-container .filter-section>select {
    background-color: #0c0c0c;
    color: #676767;
    border: 1px solid #2a2a2a
  }

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

  .game-list .game-item {
    background-color: #06bbbb;
    color: #fff
  }

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

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

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

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

  .bonus-slider-modal .activation-button:hover {
    background-color: #db7600;
    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: #033337;
    color: #dad9d9;
    border-top: 2px solid #ff8a00;
    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: #ff9d00
  }

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

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

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

  .claim-item {
    color: #fff;
    background-color: #02241d;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    border: 1px solid #033337
  }

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

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

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

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

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

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

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

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

  .claim-item .expiration-countdown {
    background-color: #121212;
    border: 1px solid #1d1d1d
  }

  .claim-item .expiration-countdown [data-section] {
    color: #c6c6c6;
    background-color: #2d2c2c
  }

  .contact-us-list li {
    color: #888
  }

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

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

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

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

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

  .home-progressive-jackpot .jackpot-border-container {
    border-color: #022c36
  }

  .jackpot-container .jackpot-currency {
    color: #032f32
  }

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

    .home-progressive-jackpot {
      background-image: linear-gradient(#080700, #09aab5, #080700)
    }

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

    .home-progressive-jackpot .inner-container {
      background-image: linear-gradient(#0e7760, #200a1800)
    }

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

  .home-component-item {
    background: #06bbbb
  }

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

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

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

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

  .slots-winner {
    background-color: #290421
  }

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

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

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

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

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

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

  .partners-container {
    color: #fff
  }

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

  .download-apk {
    color: #fff
  }

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

  .download-apk-section i {
    color: #16ffcd
  }

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

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

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

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

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

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

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

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

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

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

  .info-center-container a {
    color: #4fadb6
  }

  .info-center-container .panel-group .panel-heading {
    background-color: #05463b
  }

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

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

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

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

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

  .about-us-container .inner-box-container .inner-box {
    background-color: #252525;
    border: 1px solid #182e29
  }

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

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

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

  .replied-message {
    color: #858585
  }

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

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

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

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

  .mobile-app-container .nav-tabs>li>a {
    color: #fff
  }

  .mobile-app-container .nav-tabs>li.active>a,
  .mobile-app-container .nav-tabs>li.active>a:hover,
  .mobile-app-container .nav-tabs>li.active>a:focus {
    color: #fff;
    border: 1px solid #ff9600;
    border-bottom-color: transparent;
    background-color: #0a0813
  }

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

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

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

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

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

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

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

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

  .promotion-list .promotion-container {
    background-color: #252525
  }

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

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

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

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

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

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

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

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

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

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

  .promotion-share-container .promotion-share-btn img {
    filter: brightness(0%) invert(65%) sepia(96%) saturate(3295%) hue-rotate(10deg) brightness(109%) contrast(97%)
  }

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

  .referral-section .referral-show-qr-container .referral-show-qr-btn {
    background-color: #024b51;
    color: #f8a003
  }

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

  .referral-section .referral-social-media-container .referral-social-media button,
  .referral-section .referral-show-qr-container .referral-show-qr-btn img {
    filter: invert(100%) invert(72%) sepia(34%) saturate(4908%) hue-rotate(1deg) brightness(100%) contrast(98%)
  }

  .referral-box-container .referral-box {
    background-color: #3f603e;
    border-color: #f8a003
  }

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

  .update-verification-note {
    background-color: #16524a
  }

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

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

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

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

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

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

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

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

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

  .register-done-container .register-verification-done {
    border-color: #f7a103;
    background: #f7a1031f
  }

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

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

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

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

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

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

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

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

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

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

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

  .vendor-game-details .carousel>a {
    background-color: rgba(0, 0, 0, .5);
    color: #fff
  }

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

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

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

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

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

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

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

  .game-list-container .filter-section>select {
    background-color: #0c0c0c;
    color: #676767;
    border: 1px solid #2a2a2a
  }

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

  .game-list .game-item {
    background-color: #06bbbb;
    color: #fff
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .free-play:hover {
    background-color: #5f5f5f;
    border-color: #5f5f5f
  }

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

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

  .game-container {
    background-color: #01bf96
  }

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

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

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

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

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

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

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

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

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

  body {
    background-color: #022324
  }

  .navbar {
    background-color: #042923
  }

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

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

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

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

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

  .site-header-navbar {
    background: #054446
  }

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

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

  .site-menu .game-list-container {
    background-color: rgba(4, 41, 38, 0.92);
    border-bottom: 10px solid #054446
  }

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

  .site-menu .games-container>li:hover>a {
    background-color: rgba(255, 255, 255, .1)
  }

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

  .language-selector-container .language-selector {
    background-color: rgba(0, 0, 0, .92)
  }

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

  .site-footer {
    background: #054446
  }

  .site-footer hr {
    border-top: 1px solid #3e939a
  }

  .site-footer-navbar {
    color: #fff;
    border-top: 6px solid #06bbbb;
    background-color: #022421
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .side-menu-user-info .avatar {
    background-color: #000;
    border: 6px solid #181818
  }

  .side-menu-user-info .avatar i {
    color: #2e2e2e
  }

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

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

  .side-menu-user-info .side-menu-balance-field {
    background: #011112;
    border-color: #0d3e42
  }

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

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

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

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

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

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

  .modal-body {
    background-color: #02241d;
    color: #fff
  }

  .modal-footer {
    background-color: #02241d
  }

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

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

  .standard-form .highlight-field {
    color: #4fadb6
  }

  .standard-form label {
    color: #fff
  }

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

  .standard-form input,
  .standard-form select,
  .standard-form textarea,
  .standard-form input[disabled],
  .standard-form input[readonly] {
    background-color: #0c0c0c;
    border: 1px solid #2a2a2a;
    color: #fff
  }

  .form-control:focus {
    border-color: #3e939a;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 148, 0, .6)
  }

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

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

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

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

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

  .standard-reporting-control-group {
    background-color: #02241d
  }

  .standard-reporting-control-group input,
  .standard-reporting-control-group select {
    background-color: #000;
    border: 1px solid #16322e;
    color: #a7a7a7
  }

  .standard-reporting-control-group .btn-primary {
    background: #f8a003;
    background: linear-gradient(to bottom, #f8a003 0%, #ff6c00 100%);
    color: #000
  }

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

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

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

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

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

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

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

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

  .table .table {
    color: #333
  }

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

  .form-group .form-control[disabled],
  .form-group .form-control[readonly] {
    background-color: #393939;
    color: #929292
  }

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

  .standard-form .bank-info {
    background: #005e67;
    background-image: linear-gradient(to bottom, #005e67 0%, #01373c 100%)
  }

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

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

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

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

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

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

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

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

  .standard-nav-bar a {
    color: #2c9da6
  }

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

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

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

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

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

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

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

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

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

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

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

  .standard-inner-container {
    background: #024b51
  }

  .user-info {
    color: #fff
  }

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

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

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

  .user-info button {
    color: #fd7300
  }

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

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

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

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

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

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

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

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

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

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

  .user-info .vendor-balances-container ::-webkit-scrollbar-thumb {
    background: #58585a
  }

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

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

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

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

  .wallet-bar>button {
    color: #9cf5fc
  }

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

  .shortcut-bar a {
    color: #bebebe;
    background-color: #005e67;
    background-image: linear-gradient(to bottom, #005e67 0%, #01373c 100%);
    border: 1px solid #033337
  }

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

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

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

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

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

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

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

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

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

  .bank-info-block {
    background-color: #005e67;
    background: linear-gradient(to bottom, #005e67 0%, #01373c 100%);
    color: #fff
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .notification-tabs .notification-tab-item {
    background: #03383d
  }

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

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

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

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

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

  .how-it-works-container .how-it-works-section {
    background-color: #024b51;
    border-color: #033337
  }

  .how-it-works-container .how-it-works-section .how-it-works-section-title {
    background-color: #033337;
    color: #f8a003
  }

  .referral-features .referral-features-item {
    background-color: #033337
  }

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

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

  .mission-container .mission-item {
    background-color: #09464b
  }

  .mission-container .mission-item .mission-action-container {
    background-color: #005a63
  }

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

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

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

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

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

  .loyalty-daily-reward-modal .modal-body {
    background: #02241d
  }

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

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

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

  .daily-reward-container .double-xp-countdown-container {
    background-color: #27585d
  }

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

  .benefit-container .benefit-list .benefit-card {
    background-color: #024b51
  }

  .introjs-tooltip {
    background: #02363b
  }

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

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

  .introjs-tooltipbuttons {
    border-top-color: #02363b
  }

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

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

  .introjs-nextbutton.introjs-nextbutton {
    background: linear-gradient(to bottom, #f8a003 0%, #ff6c00 100%)
  }

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

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

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

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

  .loyalty-history-list .loyalty-history-item {
    background: #00454a
  }

  .loyalty-container .loyalty-history-filter select {
    background: #00454a;
    border-color: #3e939a
  }

  .loyalty-info-container {
    background: #09373c
  }

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

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

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

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

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

  .popular-slots-game-list .game-item {
    background-color: #05535a
  }

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

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

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

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

  .remarks-container {
    border-color: #f8a003;
    background: #073d3d;
    color: #fff
  }

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

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

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

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

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

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

  .register-modal .payment-method-container {
    background-color: #04494f
  }

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

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

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

  [data-payment-gateway] .download-qr-button {
    background: #f8a003;
    background: linear-gradient(to right, #f8a003 0%, #ff6c00 100%);
    color: #fff
  }

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

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

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

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

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

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

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

  .pending-transactions-container .pending-transactions-item [data-payment-gateway] hr {
    border-top-color: #09373c;
    border-bottom-color: #09373c
  }

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

  .no-data-container img {
    filter: invert(37%) sepia(13%) saturate(6559%) hue-rotate(153deg) brightness(93%) contrast(98%)
  }

  .no-data-container p {
    color: #0bbdcd
  }

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

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

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

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

  .modal-body .pending-transaction-details-container .pending-transaction-details-item {
    border-color: #1a686e
  }

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

  .otp-popup .otp-popup-content {
    background-color: #052628
  }

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

  .bonus-selection-popup .bonus-selection-popup-content {
    background: #16151a
  }

  .loyalty-container .standard-form-note {
    background-color: #005e67
  }

  .bonus-selection-list .bonus-selection-card+.remarks-container {
    border-color: #ff8a00;
    background: #b5620033
  }

  .notification-list .notification-item,
  .notification-list .notification-item[data-message-type="announcement"],
  .replied-message[data-message-type="announcement"] {
    background: #05383d;
    border-color: #14575d
  }

  .notification-list .notification-item[data-seen="false"] {
    background: #09545b;
    border-color: #2ecbd3
  }

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

  .empty-notification-container .empty-notification-image {
    background: #09545b
  }

  .loyalty-info-container .loyalty-info {
    background: linear-gradient(269.97deg, #033d42 -13.85%, #10575d 112.2%)
  }

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

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

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

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

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

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

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

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

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

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

  .loyalty-level-remarks-container {
    background: #fe770133;
    border-color: #fe7701
  }

  .loyalty-level-benefits-container {
    background: #004247
  }

  .loyalty-level-benefits-container .loyalty-level-benefits-list .loyalty-level-benefits-list-item {
    background: #02555c
  }

  .loyalty-container .standard-nav-bar a {
    border-color: #01373c;
    background-image: linear-gradient(to bottom, #005e67, #01373c);
    color: #bebebe
  }

  .loyalty-reward-container .tab-filter .tab {
    color: #bebebe;
    background-color: #054449;
    border-color: #054449
  }

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

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

  .loyalty-reward-container .loyalty-reward-button {
    background-image: linear-gradient(to bottom, #f8a003, #ff6c00)
  }

  .loyalty-reward-container {
    background-color: #032e32
  }

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

  .loyalty-reward-container .lucky-draw-container .item,
  .loyalty-reward-container .other-product-container .item {
    background-color: #044349;
    border-color: #282828
  }

  .loyalty-reward-container .flash-sale-container .item .item-detail-contaner .item-lp .item-lp-detail,
  .loyalty-reward-container .lucky-draw-container .item .item-detail-contaner .item-lp .item-lp-detail,
  .loyalty-reward-container .other-product-container .item .item-detail-contaner .item-lp .item-lp-detail {
    background-color: #fff3
  }

  .loyalty-reward-container .flash-sale-container::-webkit-scrollbar-thumb,
  .loyalty-reward-container .lucky-draw-container::-webkit-scrollbar-thumb,
  .loyalty-reward-container .other-product-container::-webkit-scrollbar-thumb {
    background: #2d4c4e
  }

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

  .loyalty-top-bar-container {
    background: #01484e
  }

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

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

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

  .search-header .search-title img {
    filter: invert(53%) sepia(24%) saturate(6252%) hue-rotate(1deg) brightness(103%) contrast(104%)
  }

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

  .standard-nav-tabs a {
    background: #033337
  }

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

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

  .floating-action-button .floating-action-button-item {
    background: linear-gradient(90deg, #f8a003 0%, #ff6c00 100%);
    border-color: #7b4f1f
  }

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

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

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

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

  .register-modal .modal-header,
  .simple-modal .modal-header {
    background-color: #02241d
  }

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

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

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

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

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

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

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

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

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

  .transaction-item .download-qr-btn {
    background: #f8a003;
    background: linear-gradient(to bottom, #f8a003 0%, #ff6c00 100%);
    color: #000
  }

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

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

  .transaction-item {
    background-color: #204a50
  }

  .reporting-detail-popup .reporting-detail-popup-content {
    background-color: #02241d
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .standard-reporting-control-group .form-control {
    background: #080808;
    color: #fff;
    border-color: #3e939a
  }

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

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

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

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

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

  .resolved-transaction-popup .reporting-detail-content-area {
    background-color: #010f10;
    border: 1px solid #1a686e
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .transactions-table.table {
    border: 1px solid #265861;
    background: #032e32
  }

  .transactions-table.table thead {
    background: #032e32;
    color: #bdbdbd;
    border: 1px solid #265861
  }

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

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

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

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

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

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

  .empty-table-container {
    color: #888
  }

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

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

  .free-spin-report-container {
    background-color: #02241d
  }

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

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

  .free-spin-report-container .standard-secondary-button {
    background: linear-gradient(to bottom, #f8a003 0%, #ff6c00 100%);
    color: #000
  }

  .complaint-container,
  .standard-form-container {
    background: #02241d
  }

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

  .complaint-container .standard-form-content {
    background: #033337;
    color: #dbdbdb
  }

  .complaint-container .complaint-section-container-separator {
    background: #204a50
  }

  .complaint-container .form-control {
    background-color: #0c0c0c;
    border: 1px solid #2a2a2a;
    color: #fff
  }

  .complaint-container .standard-form-title {
    color: #dbdbdb;
    background: #033337
  }

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

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

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

  .complaint-container .standard-form-note {
    background: linear-gradient(83.87deg, #033337 -41.67%, #3e939a 116.05%)
  }

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

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

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

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

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

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

  .complaint-container .complaint-status-box {
    background: #204a50;
    color: #bdbdbd
  }

  .complaint-container .complaint-status-box .status-header {
    background: #204a50;
    color: #dbdbdb;
    border-bottom: 1px solid #838383
  }

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

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

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

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

  .complaint-container .timeline-item .details .reason-container {
    background-color: #032629;
    color: #838383
  }

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

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

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

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

  .complaint-container .upload-section .drop-zone {
    background: #032629;
    border: 1px dashed #204a50
  }

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

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

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

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

  .complaint-container .uploaded-video-file-display {
    background: #033337;
    border: 1px solid #204a50
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .footer-banking-section .bank-list-container {
    background: #02241d;
    border: #272727
  }

  .footer-banking-section .bank-list-container p {
    color: #9f9ea6
  }

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

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