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

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

h2,h3 {
    color: #fff
}

p {
    color: #858585
}

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

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

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

.arcade-title {
    color: #fff
}

.bonus-slider-modal .close {
    background-color: #fff;
    opacity: 1
}

.bonus-slider-modal .modal-title {
    color: #fff
}

.bonus-slider-modal .modal-header .close {
    background-color: #fff;
    color: #000
}

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

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

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

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

.bonus-slider-modal .modal-header {
    border-color: #e5e5e5;
    background: #030a2e
}

.bonus-slider-modal .modal-content {
    background-color: #030a2e;
    border-color: #02071c
}

.bonus-slider-modal .modal-body {
    background-color: #030a2e;
    border-color: #02071c
}

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

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

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

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

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

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

.claim-item {
    border: 2px solid #225a89
}

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

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

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

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

.bonus-progress .progress {
    background-color: #555
}

.progress-percentage {
    color: #fff
}

.progress-percentage i {
    color: #ff00b2
}

.claim-info-modal .modal-content {
    background-color: #0c0c0c
}

.claim-info-modal .close {
    color: #9d9d9d;
    opacity: 1
}

.claim-info-modal .modal-header {
    border-color: #0c0c0c
}

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

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

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

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

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

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

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

.contact-us-list {
    color: #999
}

.contact-us-list li+li {
    border-top-color: #090909
}

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

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

.messaging-side-menu {
    background-color: #0a1749;
    color: #fff
}

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

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

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

.message-table a {
    color: #fff
}

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

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

.replied-message {
    color: #fff
}

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

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

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

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

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

.mobile-app-container .logo-container {
    background-color: #1e274b
}

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

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

.nav0tabs>li>a {
    background: #c7038c;
    color: #fff
}

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

.nav-tabs {
    border-bottom-color: #ff00b2
}

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

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

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

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

.mobile-app-container .mobile-app-select {
    background: #030b29;
    border: 1px solid #071038;
    color: #fff
}

.mobile-app-container .mobile-app-select a {
    color: inherit
}

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

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

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

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

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

.promotion-selection {
    color: #fff
}

.promotion-selection a,.promotion-selection .dropdown-menu>li>a {
    color: #fff
}

.promotion-selection.open>a {
    background-color: #151515
}

.promotion-selection .dropdown-menu {
    background-color: #070707
}

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

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

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

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

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

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

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

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

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

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

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

.slots-title {
    color: #fff;
}

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

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

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

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

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

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

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

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

.slots-games-container .category-filter-link.active,.slots-games-container .category-filter-link:hover,.casino-games-container .category-filter-link.active,.casino-games-container .category-filter-link:hover {
    background: #ff00b2 !important;
    color: #fff !important
}

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

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

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

body:not(.empty-layout) {
    background-color: #02071c
}

.site-header {
    background: #1e274b
}

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

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

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

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

.site-menu ul a {
    color: inherit
}

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

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

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

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

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

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

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

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

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

.site-footer .footer-links {
    background-color: #050c29;
    color: #536c9f
}

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

.site-footer .site-description {
    background: #050c29;
    color: #536c9f
}

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

.login-links-container a {
    color: #fff
}

.login-links-container a[href="/mobile/register"] {
    background: #ff00b2;
    background: -moz-linear-gradient(top,#ff00b2 0%,#c7038c 100%);
    background: -webkit-linear-gradient(top,#ff00b2 0%,#c7038c 100%);
    background: linear-gradient(to bottom,#ff00b2 0%,#c7038c 100%);
    color: #fff
}

.login-links-container a[href="/mobile/login"] {
    background: #a844fb;
    background: -moz-linear-gradient(top,#a844fb 0%,#3ebbf3 100%);
    background: -webkit-linear-gradient(top,#a844fb 0%,#3ebbf3 100%);
    background: linear-gradient(to bottom,#a844fb 0%,#3ebbf3 100%);
    color: #fff
}

.main-menu-container {
    background-color: #02071c;
    color: #fff
}

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

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

.game-modal {
    color: #fff
}

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

.game-modal .modal-header {
    border-color: transparent
}

.game-modal .modal-body {
    background-color: #101010
}

.game-list ul,.game-list .provider-section {
    background-color: #000412
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.table th a {
    color: #838383
}

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

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

.standard-button:hover {
    background-color: #ff00b2
}

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

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

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

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

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

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

.captcha-input .captcha-container .refresh-captcha-button {
    color: #576c9f
}

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

.expiration-countdown [data-section] {
    background-color: #404040;
    color: #ff00b2;
    border-left-color: #6b6b6b
}

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

.user-info {
    color: #6279b3;
    background-color: transparent
}

.user-info .username {
    color: #fff
}

.user-info .username span {
    color: #fff
}

.user-info .wallet-container {
    background-color: transparent
}

.user-info .balance-container .balance {
    color: #54ff00
}

.user-info .refresh-container {
    color: #ff00b2
}

.user-info .balance-container .locked-balance {
    background: #020331;
    color: #fcea0e
}

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

.game-list ul>li>a.game-info {
    color: #ff00b2;
    border-color: #ff00b2
}

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

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

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

.modal-header .modal-title {
    color: #ff00b2
}

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

.modal-body p {
    color: #bbb
}

.modal-footer {
    border-top-color: #2b2b2b
}

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

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

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

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

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

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

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

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

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

.referral-box h4 {
    color: #333
}

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

.referral-box a,.referral-code-container a,.change-referral-code a {
    color: #3950af
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.info-center-content .panel-default,.info-center-content .panel-default>.panel-heading {
    background-color: #1e274b;
    border-color: #242424
}

.info-center-content .panel-default>.panel-heading a {
    color: #fff
}

.info-center-content .panel-default>.panel-heading a:hover,.info-center-content .panel-default>.panel-heading a:focus {
    background-color: transparent
}

.info-center-content .panel-default .panel-collapse {
    background-color: #111;
    color: #fff
}

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

.download-apk-section a {
    color: #fefefe;
    background: #ff00b2;
    background: linear-gradient(to bottom,#ff00b2 0%,#be0085 100%)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.side-menu-login-panel a {
    background-color: #ff00b2;
    background-image: linear-gradient(to bottom,#ff00b2 0%,#c7038c 100%);
    color: #fff
}

.side-menu-login-panel input[type="submit"] {
    background-color: #a844fb;
    background-image: linear-gradient(to bottom,#a844fb,#3ebbf3);
    color: #fff
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.withdrawal-container .real-withdrawal-amount {
    color: #ff00b2
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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