body{ 
    background-color: #2F2F2F;
    color: #FFF !important;
}

#sidebarPanel {
    background: #2F2F2F !important;
}
.row.border{
    background-color: #000;
    border: none !important;
}

.bg-default,.bg-white{
    background-color: #000 !important;
}

.appHeader.scrolled.bg-primary.is-active {
    background-color: #000 !important;
}

.appHeader .right .dropdown-menu {
    background: #363636 !important;
}

.appBottomMenu{
    background-color: #560C57 !important;
    border-top: none !important;
}

.appBottomMenu .item.active i.bi, .appBottomMenu .item.active i.icon, .appBottomMenu .item.active ion-icon, .appBottomMenu .item.active strong {
    color: #FECB17 !important;
    font-weight: 500;
}

.appBottomMenu .item i.bi, .appBottomMenu .item i.icon, .appBottomMenu .item ion-icon , .appBottomMenu .item strong {
    color: #FFF !important;
}

.appFooter {
    background: #000000 !important;
    border-top: #2F2F2F 1px solid;
}

.appHeader .left .headerButton, .appHeader .right .headerButton {
    color: #560C57;
}

.col.bordered.rounded-25px.box-shadow-4.bg-white.p-3{
    background-color: #ffffff !important;
}
#shown_credit_amount, #hidden_credit_amount {
    color:#ffffff !important;
}

.password-form .item .form-control, .profile-form .item .form-control {
    border: 1px solid #FFFFFF !important;
    background: #FFFFFF !important;
    color: #560C57 !important;
}

.profile-form .font-strong, .password-form .font-strong{
    color:#FFF3F3 !important;
}

#bank_form.password-form .item .form-control {
    border: 1px solid #E1E1E1 !important;
    background: #F7F5F4  !important;
}

#bank_form.password-form .font-strong {
    color: #000000 !important;
}


.splide:not(.is-overflow) .splide__pagination {
    display: inline-flex;
}

.bank-carousel-single .splide__pagination li button.splide__pagination__page.is-active {
    background: #560C57 !important;
    opacity: 1;
}


.bank-carousel-single .splide__pagination li button.splide__pagination__page {
    background: #560C57 !important;
    opacity: 0.5;
}

.referral.form-control {
    background: #2F0B1E !important;
    color: #FFFFFF !important;
    border: 1px dashed #DCA7FE !important;
}

.promotion_available .card .card-footer.bg-primary {
    background: #560C57 !important;
    color:#ffffff;
}

.promotion_available .card .card-footer.bg-dark {
    background: #2F2F2F !important;
    color:#ffffff;
}

.splide__arrow--prev.custom-splide-prev path, .splide__arrow--next.custom-splide-next path{
    fill:#ffffff !important;
}

.promotion-category{
    background-color: #000000  !important;
}

.card.text-white.bg-primary.page-card {
    background: #560C57  !important;
}

.card-body.pb-1{
    background-color: #161616  !important;
}

.text-primary.bg-white.rounded-3.ps-1.mt-1.mb-1{
    background-color: #2F0B1E !important;
    color: #FFFFFF !important;
}

.list-group.list-group-horizontal a{
    color: #FECB17 !important;
}

a {
    color: #560C57;
}

a:hover, a:active, a:focus , .btn-text-primary:hover,.btn-text-primary:focus,.btn-text-primary:active {
    color: #2F0B1E !important;
}

.btn-text-primary {
    color: #560C57 !important;
  }

.badge-primary,
a.badge-primary {
  background: #560C57 !important;
}

.bg-primary {
    background: #560C57 !important;
    color: #FFF;
}

.form-group.boxed .form-control.form-select,
 #start_date, #end_date {
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: #560C57 !important;
}

.form-group.boxed .form-control.form-select.promotion_sort_by {
    background-color: #560C57 !important;
    border-color: #560C57 !important;
    color: #FFFFFF !important;
}

#deposit_bonus , #deposit_amount, #deposit_total_amount, #withdrawal_amount, #withdrawal_bank  {
    background: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: #560C57 !important;
}

#bank_selected_holder_name.form-control.square,
#bank_selected_account_no.form-control.square,
#bank_selected_bsb.form-control.square,
#bank_selected_bsb_account_no.form-control.square {
    background: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: #560C57 !important;
}

.amount_btn{
    background: #D2D2D2 !important;
    border-color: #D2D2D2 !important;
    color: #161616 !important;
}

.form-group.boxed .form-control{
    background: #FFFFFF !important;
    border-color: #C8C8C8 !important;
    color: #000000 !important;
}

.btn.btn-sm.btn-dark.btn_restore_wallet {
    color: #ffffff !important;
    background-color: #333333 !important;
}
.btn.btn-sm.btn-dark.btn_restore_wallet:active,
.btn.btn-sm.btn-dark.btn_restore_wallet:focus,
.btn.btn-sm.btn-dark.btn_restore_wallet:hover {
    color: #ffffff !important;
    background-color: #000000 !important;
}
.section.full .section-title {
    color: #ffffff ;
}

.table thead th {
    color: #FFFFFF !important;
    background-color: #560C57;
}

.btn-check:checked + .btn-outline-default {
    background: #f9c3f9 !important;
    border-color: #560C57 !important;
}

.appHeader.scrolled.bg-primary .headerButton {
    color: #FFFFFF;
}
  
.appHeader.scrolled.bg-primary.is-active .headerButton {
    color: #FFFFFF !important;
}

.appHeader .right .dropdown-menu a.active, .appHeader .right .dropdown-menu a:hover, .appHeader .right .dropdown-menu a:focus {
    color: #DDA7FF !important;
}

.offcanvas.offcanvas-start .offcanvas-body .container .bg-dark {
    background: #560C57 !important;
}
.offcanvas.offcanvas-start .offcanvas-body .container .bg-dark .badge.badge-primary {
    color: #560C57 !important;
    background: #FFFFFF !important;
}

.offcanvas.offcanvas-start .offcanvas-body .container .in.text-uppercase.font-strong {
    color: #FFFFFF;
}

.text-primary, a.text-primary {
    color: #DDA7FF !important;
}

.btn-primary.btn_filter_games,
.btn-primary.btn_filter_games:hover,
.btn-primary.btn_filter_games:focus,
.btn-primary.btn_filter_games:active {
    background: #2F0B1E !important;
    border-color: #2F0B1E !important;
    color: #FFFFFF!important;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5) !important;
}

.button.goTop, .social-button .social {
    background: #560C57;
    color: #FFF !important;
}

.button.goTop:hover, .button.goTop:active {
    background: #2F0B1E !important;
    color: #FFFFFF !important;
}

.social-button .social:hover, .social-button .social:active {
    background: #2F0B1E !important;
    color: #FFFFFF !important;
}


.appHeader .pageTitle .btn {
    color: #FFFFFF;
}
.appHeader .pageTitle .btn:active,
.appHeader .pageTitle .btn:hover,
.appHeader .pageTitle .btn:focus {
    color: #DDA7FF !important;
}

.appHeader .pageTitle .btn.active {
    color: #FFFFFF !important;
    background: #560C57 !important;
}

h2 {
  color: #FFFFFF;
}

.btn-primary {
    background: #560C57 !important;
    border-color: #560C57 !important;
    color: #ffffff !important;
}

.form-group.basic .form-control:focus,
.form-group.basic .custom-select:focus {
  border-bottom-color: #560C57;
  box-shadow: inset 0 -1px 0 0 #560C57;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active
, .btn-primary.active ,.btn-outline-primary:active{
    background: #2F0B1E !important;
    border-color: #2F0B1E !important;
    color: white !important;
}

.form-wizard-section .button-item.active strong {
    background: #560C57;
    color: #fff;
}

.profile-menu a.active {
    color: #560C57;
}

#page_accordion > .accordion-item > .accordion-header > button:before {   
    color: #DDA7FF !important;
}

.promotion_available .btn-dark {
    background: #2F2F2F !important;
    border-color: #2F2F2F !important;
    color: #ffffff !important;
}
.promotion_available .btn-dark:hover,
.promotion_available .btn-dark:active,
.promotion_available .btn-dark:focus {
    background: #2B2424 !important;
    border-color: #2B2424 !important;
    color: #ffffff !important;
}

.wallet-menu a.active {
    color: #560C57 !important;
}

.btn-check:checked + .btn-outline-primary {
    background: #560C57 !important;
    border-color: #560C57 !important;
}

.appHeader.scrolled.bg-primary {
    background: #000 !important;
    border-bottom: 0 !important;
}

.form-check-input:checked ~ .form-check-label:after {
    background-color: #560C57;
    border-color: #560C57 !important;
  }

.card .card-footer {
    background: #363636;
    color:#ffffff;
}

.btn_filter_promotion {
    background-color: #000000;
    border: 1px solid #000000 !important;
    color: #ffffff;
}

.btn_filter_promotion:active {
    background-color: #560C57;
    border: 1px solid #560C57;
}

h5{
    color:#ffffff;
}

#faq_accordion,#page_accordion {
    background: #000000 !important;
}

#faq_accordion .accordion-item ,#page_accordion .accordion-item {
    border: 1px solid #2F0B1E !important;
    background: #2F0B1E !important;
    color: #ffffff;
}

  #faq_accordion > .accordion-item > .accordion-header > button:before {
    color: #DDA7FF !important;
  }

  .accordion .accordion-header .accordion-button {
    color: #ffffff;
  }

  #faq_accordion .accordion-item .accordion-body:before,
  #page_accordion .accordion-item .accordion-body:before {
    color: #ffffff;
}

  #faq_accordion .accordion-item .accordion-body ,
  #page_accordion .accordion-item .accordion-body {
    color: #ffffff;
  }

  .about-content.text-black ,  .about-content.text-black h3,
  p.text-dark.text-uppercase.font-strong {
    color: #ffffff !important;
}

.profile-menu a, .wallet-menu a {
    color: #fff !important;
}

.profile-menu a.active , .wallet-menu a.active{
    color: #DDA7FF !important;
}

.profile-menu a.profile:before {
    content: url('/images/menu/profile-purple.png');
  }
  .profile-menu a.profile.active:before {
    content: url('/images/menu/profile-purple_active.png');
  }
  .profile-menu a.password:before {
    content: url('/images/menu/password-purple.png');
  }
  .profile-menu a.password.active:before {
    content: url('/images/menu/password-purple_active.png');
  }
  .profile-menu a.bank:before {
    content: url('/images/menu/bank-purple.png');
  }
  .profile-menu a.bank.active:before {
    content: url('/images/menu/bank-purple_active.png');
  }
  .profile-menu a.referral:before {
    content: url('/images/menu/referral-purple.png');
  }
  .profile-menu a.referral.active:before {
    content: url('/images/menu/referral-purple_active.png');
  }
  .profile-menu a.rank:before {
    content: url('/images/menu/rank-purple.png');
  }
  .profile-menu a.rank.active:before {
    content: url('/images/menu/rank-purple_active.png');
  }

  .wallet-menu a.deposit:before {
    content: url('/images/menu/deposit-purple.svg');
  }
  .wallet-menu a.deposit.active:before {
    content: url('/images/menu/deposit-purple_active.svg');
  }
  .wallet-menu a.withdraw:before {
    content: url('/images/menu/withdraw-purple.svg');
  }
  .wallet-menu a.withdraw.active:before {
    content: url('/images/menu/withdraw-purple_active.svg');
  }
  .wallet-menu a.bonus:before {
    content: url('/images/menu/bonus-purple.svg');
  }
  .wallet-menu a.bonus.active:before {
    content: url('/images/menu/bonus-purple_active.svg');
  }
  .wallet-menu a.history:before {
    content: url('/images/menu/history-purple.svg');
  }
  .wallet-menu a.history.active:before {
    content: url('/images/menu/history-purple_active.svg');
  }

.btn-primary.btn_filter_games.style-1:before {
    content: url("https://d2ufkwifus9mbv.cloudfront.net/images/general/menu/slot.png");
}
.btn-primary.btn_filter_games.style-2:before {
    content: url("https://d2ufkwifus9mbv.cloudfront.net/images/general/menu/sport.png");
}
.btn-primary.btn_filter_games.style-3:before {
    content: url("https://d2ufkwifus9mbv.cloudfront.net/images/general/menu/esports.png");
}
.btn-primary.btn_filter_games.style-4:before {
    content: url("https://d2ufkwifus9mbv.cloudfront.net/images/general/menu/live.png");
}
.btn-primary.btn_filter_games.style-5:before {
    content: url("https://d2ufkwifus9mbv.cloudfront.net/images/general/menu/lottery.png");
}
.btn-primary.btn_filter_games.style-6:before {
    content: url("https://d2ufkwifus9mbv.cloudfront.net/images/general/menu/fishing.png");
}
.btn-primary.btn_filter_games.style-7:before {
    content: url("https://d2ufkwifus9mbv.cloudfront.net/images/general/menu/cockflight.png");
}

.col-12.rounded-25px.bg-dark.px-3.py-3,
.p-2.bg-dark.mb-5 {
    background: #560C57 !important;
}

button.btn.btn-icon.text-primary {
    background: black;
}

a.btn.btn-primary.btn-lg.btn-block.rounded-0.text-uppercase,
a.btn.btn-warning.btn-block.rounded-0.text-uppercase {
    background: #2F0B1E !important;
    border-color: #2F0B1E !important;
    color: #ffffff !important;
}
a.btn.btn-primary.btn-lg.btn-block.rounded-0.text-uppercase:active,
a.btn.btn-primary.btn-lg.btn-block.rounded-0.text-uppercase:hover,
a.btn.btn-primary.btn-lg.btn-block.rounded-0.text-uppercase:focus,
a.btn.btn-warning.btn-block.rounded-0.text-uppercase:active,
a.btn.btn-warning.btn-block.rounded-0.text-uppercase:hover,
a.btn.btn-warning.btn-block.rounded-0.text-uppercase:focus {
    background: #1C0511 !important;
    border-color: #1C0511 !important;
}

a.btn.btn-primary.btn-block.rounded-0.text-uppercase,
a.btn.btn-warning.btn-lg.btn-block.rounded-0.text-uppercase {
    background: #560C57 !important;
    border-color: #560C57 !important;
    color: #ffffff !important;
}
a.btn.btn-primary.btn-block.rounded-0.text-uppercase:active,
a.btn.btn-primary.btn-block.rounded-0.text-uppercase:hover,
a.btn.btn-primary.btn-block.rounded-0.text-uppercase:focus,
a.btn.btn-warning.btn-lg.btn-block.rounded-0.text-uppercase:active,
a.btn.btn-warning.btn-lg.btn-block.rounded-0.text-uppercase:hover,
a.btn.btn-warning.btn-lg.btn-block.rounded-0.text-uppercase:focus {
    background: #430744 !important;
    border-color: #430744 !important;
}
a.btn.btn-secondary.btn-block.rounded-0.text-uppercase {
    background: #130112 !important;
    border-color: #130112 !important;
    color: #ffffff !important;
}
a.btn.btn-secondary.btn-block.rounded-0.text-uppercase:active,
a.btn.btn-secondary.btn-block.rounded-0.text-uppercase:hover,
a.btn.btn-secondary.btn-block.rounded-0.text-uppercase:focus {
    background: #000000 !important;
    border-color: #000000 !important;
}

.page-card .card-body p{
    color: #ffffff !important;
}

.col-12.rounded-25px.bg-dark.px-3.py-3 h5
, p.referral{
    color: #FFFFFF !important;
}

.referral font.text-primary{
    color: #C60024 !important;
}

.promotion_available .btn-primary {
    background-color: #560C57  !important;
    border: #560C57  !important;
    color: #ffffff !important;
}
.promotion_available .btn-primary:active,
.promotion_available .btn-primary:hover,
.promotion_available .btn-primary:focus {
    background-color:#2F0B1E  !important;
    border: #2F0B1E  !important;
}

.btn-primary.disabled, .btn-primary:disabled{
    border-color: #2F0B1E!important;
    background: #2F0B1E!important;
}


.col.bordered.rounded-3.py-3.about-content.text-black .text-center.text-primary {
    color: #DDA7FF !important;
}
.col.bordered.rounded-bottom-25px.bg-default.py-3.about-content.text-black {
    background: #161616 !important;
}
marquee {
    color: #FFF !important;
}
.col.bordered.rounded-25px.box-shadow-4.bg-default.p-3 {
    background: #2F0B1E !important;
    color: #FFFFFF !important;
}
.register-form a.text-dark {
    color: #FFF !important;
}
.password-form .item p,
.profile-form .item p {
    background: #FFFFFF !important;
    color: #560C57 !important;
    padding: 0.64rem 0.65rem 0.64rem 1.25rem !important;
}
.password-form .item .icon-box,
.profile-form .item .icon-box {
    height: 42px !important;
    width: 42px !important;
    max-height: 42px !important;
    min-width: 42px !important;
}
.form-group.basic .form-control,
.form-group.basic .custom-select {
    height: 42px !important;
}
.bootbox-body {
    color: #000 !important;
}
.p-2.bg-dark.mb-3 {
    background: #2F0B1E !important;
}
.bonus-hr {
    border: 2px dashed #2F0B1E !important;
}
.container-fluid.bg-white.border-0 {
    background: #161616 !important;
}
form div.section.pt-3.pb-5,
form div.section.pt-1.pb-5,
div.section.full div.section.pt-2.pb-2,
div.section.full div.container.pt-3.pb-5,
div.section.full div.container-md.py-4,
div.col.bordered.rounded-3.bg-default.py-3 {
    background: #161616 !important;
}

.card .card-footer {
    border:none !important;
}

.promotion-modal .modal-header.bg-primary {
    background: #560C57 !important;
}
.promotion-modal .table,
.promotion-modal .table tr,
.promotion-modal .table-bordered td {
    border-color: #000000 !important;
}

.promotion-modal .divider {
    background: #000000 !important;
}

.page-options .btn.btn-outline-primary {
    border-color: #560C57 !important;
    color: #560C57 !important;
}
.page-options .btn.btn-outline-primary:active,
.page-options .btn.btn-outline-primary:focus,
.page-options .btn.btn-outline-primary:hover {
    background: #560C57 !important;
    color: #FFFFFF !important;
}

#deposit_form .btn-check:checked + .btn.btn-outline-primary {
    border-color: #560C57 !important;
    background: #560C57 !important;
    color: #FFFFFF !important;
}

#deposit_form .btn-check + .btn.btn-outline-primary {
    border-color: #560C57 !important;
    color: #560C57 !important;
    background: #FFFFFF !important;
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus {
    color: #ffffff !important;
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
    color: #FFFFFF !important;
}

.bordered.rounded-3.bg-default.p-1 {
    background: #EAEAEA !important;
}


.lottery .detail_title {
    color: #000 !important;
}
.lottery-category {
    background: #161616 !important;
}
.lottery-category a.active img.imaged {
    border: 5px solid #560C57 !important;
}
/*************
    Magnum
**************/
.lottery.magnum .header {
    background-color: #FEC10F !important;
}
.lottery.magnum .header img {
    border: 8px solid #000000 !important;
}
.lottery.magnum .header h1 {
    color: #000 !important;
}

/*************
    Good
**************/
.lottery.good .prize-title {
    background-color: #0B0D80 !important;
    color: #FFFFFF !important;
}

.games_modal .modal-body label,
.games_modal .modal-body p {
    color: #000;
}



.dialogbox.dialogbox-transparent .btn-inline .btn.bootbox-accept .fa {
    color: #FFF !important;
}

.dialogbox.dialogbox-transparent .checkin_div p.text-primary.special_text,
.dialogbox.dialogbox-transparent .checkin_div font.text-primary.special_text {
    color: #C60024 !important;
}


.checkIn {
    background: rgba(255, 255, 255, 0.5) !important;
}
.checkIn .close-btn {
    color: #FFFFFF !important;
}

.history-card {
    background: #2F0B1E !important;
}


.pagination .page-item span {
    background: #560C57 !important;
}

.pagination.pagination-secondary .page-item.active .page-link {
    background: #560C57 !important;
}

.page-options .btn-group .btn.btn-outline-primary:hover {
    background: #560C57 !important;
    color: #FFFFFF !important;
}
.page-options .btn-group .btn.btn-outline-primary:hover:not(:last-child):after,
.page-options .btn-group .btn.btn-primary:not(:last-child):after {
    border-top: 40px solid #560C57 !important;
}
.page-options .btn-group .btn.btn-primary:hover:not(:last-child):after {
    border-top: 40px solid #2F0B1E !important;
}
.page-options .btn-group .btn.btn-outline-primary:hover:not(:first-child):before,
.page-options .btn-group .btn.btn-primary:not(:first-child):before {
    border-bottom: 40px solid #560C57 !important;
}
.page-options .btn-group .btn.btn-primary:hover:not(:first-child):before {
    border-bottom: 40px solid #2F0B1E !important;
}

.news_available a,
.promotion_available a {
    color: #FFFFFF !important;
}

.text-dark,
a.text-dark {
    color: #FECB17 !important;
}

.login-form h2,
.login-form .form-check .form-check-label,
.login-form a.text-muted {
    color: #FFFFFF !important;
}

.login-form a.text-muted:hover,
.login-form a.text-muted:focus,
.login-form a.text-muted:active {
    color: #DDA7FF !important;
}

.register-form h3 {
    color: #FFFFFF;
}
.register-form .input-info.text-info {
    color: #FECB17 !important;
}
.register-form a {
    color: #FECB17;
}
.register-form a:hover,
.register-form a:active,
.register-form a:focus {
    color: #F99052 !important;
}

.modal-content.rounded-25px {
    background: #560C57 !important;
}

.modal-content.rounded-25px h3.text-center.text-primary.mb-1,
.modal-content.rounded-25px .form-label.text-primary.font-strong {
    color: #FFFFFF !important;
}

.modal-content.rounded-25px .btn.btn-primary {
    background: #2F0B1E !important;
    border-color: #2F0B1E !important;
}
.modal-content.rounded-25px .btn.btn-primary:hover,
.modal-content.rounded-25px .btn.btn-primary:active,
.modal-content.rounded-25px .btn.btn-primary:focus {
    background: #1C0511 !important;
    border-color: #1C0511 !important;
}

.bonus-claim .btn:hover {
    color: #DDA7FF !important;
}

.appFooter .text-primary.font-strong {
    color: #FECB17 !important;
}

.download_qr {
    background:
            linear-gradient(to right, white 4px, transparent 4px) 0 0,
            linear-gradient(to right, white 4px, transparent 4px) 0 100%,
            linear-gradient(to left, white 4px, transparent 4px) 100% 0,
            linear-gradient(to left, white 4px, transparent 4px) 100% 100%,
            linear-gradient(to bottom, white 4px, transparent 4px) 0 0,
            linear-gradient(to bottom, white 4px, transparent 4px) 100% 0,
            linear-gradient(to top, white 4px, transparent 4px) 0 100%,
            linear-gradient(to top, white 4px, transparent 4px) 100% 100%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}
.app-download-container {
    background: #000 !important;
}
.app-download-container .app_download_close_btn {
    background: rgba(255,255,255,0.5) !important;
    color: #000 !important;
}



@keyframes blinker {
    50% {
        box-shadow:0 0 15px #DDA7FF
    }
}


.card.product-card .title {
    color: #000000 !important;
    margin-top: 0.5rem !important;
}