:root {
  --deep: #fff;
  --red: #631700;
  --shadow: #ECE3E2;
  --bg-light: #88200088;
  --fff-1: #666;
  --secondary: #d9be54;

}

body {
  color: var(--000);
  background: url("../../images/9k9slot/bg_9k9slot.jpg") no-repeat center center;
  background-size: cover;
}

a {
  color: var(--000);
}

.btn {
  color: var(--fff);
}

footer ul li.active a i.ico {
  color: var(--fff);
}
footer ul li a i.ico {
  color: var(--fff);
}
footer ul li a span {
  color: var(--fff);
}
footer ul li cite {
  background-image: url("../../images/fafa7/footer/bar-9k9slot.svg");
}

main .main-left-info-wrapper {
  color: var(--000) !important;
}
main .main-left-info-wrapper .btn {
  color: var(--fff);
}
main .main-left-info-wrapper .main-left-balance-wrapper i {
  color: var(--000) !important;
}
main .main-right-info-wrapper a {
  color: var(--fff);
  background: var(--red) !important;
}
main .main-right-info-wrapper a i {
  color: var(--fff);
}
main .main-contact-wrapper {
  background-color: var(--bg-light);
}
main .main-contact-wrapper .col-4 a {
  color: var(--fff);
}
main .main-contact-wrapper .col-4 a span {
  color: var(--fff);
}

.pop-language pop-title span {
  color: var(--000) !important;
}
.pop-language pop-title a.ico {
  color: var(--000) !important;
}

.announcement {
  background: var(--shadow);
}
.announcement .ico-volume {
  color: var(--fff);
}
.announcement .marquee {
  color: var(--000) !important;
}

.wrap-download .download-button {
  color: var(--fff);
}
.wrap-download .download-button-wrapper .download-button {
  color: var(--fff);
}

.badge-danger {
  color: var(--fff);
  background: var(--red) !important;
}

.footer-provider-title span {
  color: var(--fff);
}

.fa-chevron-right {
  color: var(--fff);
}

.fa-chevron-left {
  color: var(--fff);
}

.copy-bank-details-wrapper {
  border-color: var(--000);
}
.copy-bank-details-wrapper .btn-copy-bank {
  color: var(--fff);
}

.center-header-wrapper .center-header-info-wrapper .center-header-info-wallet {
  background-color: var(--bg-light);
}
.center-header-wrapper .center-header-info-wrapper .center-header-info-wallet span {
  color: var(--fff);
}
.center-header-wrapper .center-btn-wrapper li a {
  background-color: var(--bg-light);
}
.center-header-wrapper .center-list-wrapper .list li a {
  background-color: var(--bg-light);
}

.game-thumb span {
  color: var(--fff);
}

header .header-wrapper .header-left-wrapper .ico-menu {
  color: var(--000) !important;
}

#loginForm .form-prepend i {
  color: var(--000) !important;
}
#loginForm .form-prepend .form-control:focus {
  color: var(--000) !important;
}

#registerForm .form-prepend i {
  color: var(--000) !important;
}
#registerForm .form-prepend .form-control:focus {
  color: var(--000) !important;
}

.login-body-wrapper {
  background: var(--shadow);
  background-color: var(--bg-light);
}
.login-body-wrapper input {
  color: var(--000) !important;
}
.login-body-wrapper select {
  color: var(--000) !important;
}

.register-body-wrapper {
  background: var(--shadow);
  background-color: var(--bg-light);
}
.register-body-wrapper input {
  color: var(--000) !important;
}
.register-body-wrapper select {
  color: var(--000) !important;
}

.promo-code-text-wrapper {
  color: var(--000) !important;
}

.main.center .center-table td {
  color: var(--000) !important;
}

.turnover-item label span {
  color: var(--000) !important;
}

.center-info-list-wrapper li span {
  color: var(--000) !important;
}
.center-info-list-wrapper li b {
  color: var(--red);
}

#changePassForm .change-password-input-wrapper .form-control {
  color: var(--000) !important;
}

.transfer label span {
  color: var(--000) !important;
}

.custom-form-wrapper {
  color: var(--000) !important;
}
.custom-form-wrapper input {
  color: var(--red);
}
.custom-form-wrapper input:focus {
  color: var(--red);
}
.custom-form-wrapper select {
  color: var(--red);
}
.custom-form-wrapper select:focus {
  color: var(--red);
}
.custom-form-wrapper .btn-depo-amt-wrapper .btn-depo-amt span {
  background-color: var(--bg-light);
}

.text-white {
  color: var(--000) !important;
}

.modal.modal-slide-up .modal-title {
  color: var(--000) !important;
}
.modal.modal-slide-up label {
  color: var(--000) !important;
}
.modal.modal-slide-up .modal-content .close span {
  color: var(--000) !important;
}

.promotion-container .promotion-container-title {
  color: var(--000) !important;
}

.footer-faq-wrapper p span {
  color: var(--000) !important;
}

footer.anime-fade-in-up {
  background: var(--red) !important;
}

#homeTabWrapper {
  background: var(--red) !important;
}

.reward-wrap .promo-code-btn {
  background: var(--red) !important;
}
.reward-wrap .promo-code-close {
  background: var(--red) !important;
}

#homeTab ul > li {
  background: var(--red) !important;
}

.pop-language pop-title {
  background: var(--deep);
}

.modal-content {
  background: var(--deep);
}

.navigation-list li div {
  background-color: var(--bg-light);
}
.navigation-list li a {
  background-color: var(--bg-light);
}

.input input[data-role=none]:not([type=checkbox]) {
  background-color: var(--bg-light);
}
.input select[data-role=none]:not([type=checkbox]) {
  background-color: var(--bg-light);
}

.noico:not([type=checkbox]) {
  background-color: var(--bg-light);
}

.option-switcher-tab span {
  background-color: var(--bg-light);
}

.ref_link_name svg path {
  fill: var(--red);
}

.ref_code_name svg path {
  fill: var(--red);
}

#transferModal .close span {
  color: var(--fff) !important;
}

.tooltip-footer .btn-tip-next {
  background-color: var(--red) !important;
}

.vip-cont .mission li a {
  background-color: #2c2e50;
  color: #fff;
}

.vip-cont .mission-cont h5, .vip-cont .mission-info em {
  color: #fff !important;
}

.vip-cont .table table tbody tr {
  background-color: #2c2e50;
}
/* Progressive */
.progressive {
  padding: 0.25rem 0rem;
  border-color: var(--red);
}
.progressive-cont {
  background-color: var(--red);
  padding: 0.5rem;
  border-radius: 0.5rem;
  border: 1px var(--red) solid;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.progressive-cont h5 {
  width: 30%;
  text-align: center;
  font-size: 1rem;
  color: var(--secondary);
}
.progressive-val{
  flex: 1;
  background: linear-gradient(var(--red), #994d4d);
  border: 3px var(--secondary) solid;
  border-radius: 1rem;
  font-size: 1.75rem;
  color: var(--secondary);
  font-weight: bold;
  text-align: center;
  background-clip: padding-box;
}
/* end Progressive */
/*# sourceMappingURL=styles-9k9slot.min.css.map */