label.error { color:#ff0000!important; font-size:12px }

.app .app-home .home-news .news-title { background-color:#000000 }

.hover-container { background-color:#000000 }
.title-center { color:#ffffff }
.input-group label { color:#ffffff }

.nrc-form-input input { color:#777777!important; border:1px solid #777777!important; background-color:#111111!important; box-shadow:none!important }
.input-group .secure input { border:1px solid #777777!important; }

.login .forget-options span { color:#d9b95c }

.app .app-body .app-home .home-header .tools .tools-item a { font-size:12px; color:#ffffff }

.carousel-indicators { bottom:0px }
.carousel-control { display:flex; align-items:center; width:auto!important }
.carousel-control .icon i { font-size:36px; }
.carousel-control.next { right:0px; left:auto }

.app .formik-label, .app .info-msg, .app .invalid-msg { font-size:12px; color:#ffffff }

.m-member-center-wallets .sub-wallets .data-box.full { width:97%; height:auto; }
.m-member-center-wallets .sub-wallets .data-box.full .name { height:auto; padding:8px 12px; line-height:normal }

/* color changed */
body { background-color: #000000!important}
.app-body { color:#ffffff } 
/*.app .app-home .home-header .tools a.reglog { background:linear-gradient(270deg, #3f9aff, #005ec6) }*/

.app .app-home .wallet-item .wallet-func { color:#3f9aff }
.app .app-home .wallet-item .wallet-func .wallet-func-item h3::before { filter:saturate(1500%) hue-rotate(180deg)!important }

.app .app-home .home-banner-top,.app .app-home .home-news, .app .app-home .home-news .marquee-wrap, .app .app-home .wallet-item, .app .app-home
{ position:relative }

.app .app-home::before, .app.promotions .promo::before, .m-member-center-account::before, .member-center-personal-info::before
{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:0}

.app.promotions .promo .promo-content, /*#promoModal,*/ .member-center-personal-info .info-block { position:relative;z-index:1 }

.app .app-home .wallet-item { top:0px; background:transparent }

.app .app-home::before, .app.promotions .promo::before, .m-member-center-account::before, .member-center-personal-info::before
{ background:url(../img/home-bg.png) 50%/cover no-repeat; filter:hue-rotate(180deg) brightness(0.4)  }

.app .app-home .home-gamelobby .home-quick-nav { box-shadow:0px 2px 24px 0 rgb(20 156 255 / 25%); border-color:#001e33 }
/*.app .app-home .home-gamelobby .home-quick-nav .home-quick-item.active { background:linear-gradient(230deg, #3f9aff, #005ec6); box-shadow:0 3px 5px 0 rgba(20, 156, 255, 0.6) }*/
.app .app-home .home-gamelobby .home-quick-nav .home-quick-item { color: #82cbff }
.app .app-home .home-gamelobby .home-quick-nav .home-quick-item::after, .app .app-home .home-gamelobby .home-quick-nav .home-quick-item::before { filter: hue-rotate(0deg) }

.bottom-nav > ul { box-shadow:0px -4px 12px 0 rgb(20 156 255 / 25%) }

.bottom-nav li > h3 { color:#ffffff }

/*.bottom-nav .current > i { filter:saturate(1500%) hue-rotate(180deg)!important }
.bottom-nav .current, .bottom-nav .current > h3 { color:#3f9aff }*/

.app .app-home .home-banner-top { background-color:#000000 }

.app-home header .tools .tools-item.header-account > i::before { background-image:linear-gradient(180deg,#3f9aff,#005ec6) }
.money-overview > .overview-content { background-color:#222222 }

.money-overview > .overview-content .money-overview-header .header h1, .app .app-home .home-news .news-title, .app .app-home .wallet-item .wallet-amount i, .m-member-center-account .info-block > .center .balance
{ color:#3f9aff }

.app .app-home .wallet-item .wallet-amount, .app-home header .tools .tools-item.header-account > b, .m-member-center-main .navbar, .m-member-center-main .navbar .left i, .deposit-payments .info-block .content .row .account
{ color:#ffffff }

.m-member-center-account .info-block > .top { background:linear-gradient(180deg,#005ec6,#000000) }
.m-member-center-account .info-block > .center { box-shadow:0 2px 20px 0 #3f9aff }
.m-member-center-account .info-block > .center .action-btn { background-image:linear-gradient(270deg, #3f9aff, #005ec6) }
.m-member-center-account .menu-block .item, .member-center-personal-info .info-block { box-shadow:0px 0px 12px 0 rgb(20 156 255 / 25%) }

.nrc-button { background-color:#987b53 }

.mc-input-field .mc-input-field-block.concern, .mc-input-field .mc-input-field-block.concern-without-label, .nrc-formik-native-select .formik-native-select select:focus {
  border: 1px solid #3f9aff;
  box-shadow: 0 0 10px 0 #3f9aff;
  outline:0
}

.m-member-center-wallets > .content-block { background:none }

.m-member-center-wallets .top-info .main-wallet .value { color:#3f9aff }
.m-member-center-wallets .sub-wallets .data-box .name { border:0px; background-color:#005ec6; color:#ffffff }
.m-member-center-wallets .sub-wallets .data-box .balance { background-color:#222222 }

.deposit-payments .info-block .content { box-shadow:0 3px 3px 0 rgba(0,0,0,.25),inset 0 -5px 15px #3f9aff; background:linear-gradient(135deg,#3f9aff,#b0d5ff 45%,#005ec6 0,#3f9aff) }
/* End color */

.downloadTab{padding:20px 0; display:block;}.downloadTab .nav-pills .nav-link{background:-webkit-linear-gradient(top,#0e6bd2,#e6e6e6);height:46px;font-size:14px;color:#fff;border:1px solid #0e6bd2;align-items:center;border-radius:0;background:0;justify-content:center;display:flex}.downloadTab .nav-pills .nav-link.active,.downloadTab .nav-pills .nav-link:hover{background:linear-gradient(to bottom,#0e6bd2 0,#03354e 100%);color:#fff}.downloadbody{text-align:center;margin-bottom:35px}.downloadbox{text-align:center; margin:0 5px;display:inline-block;height:150px}.ndl-btn{background:linear-gradient(to bottom,#0e6bd2 0,#03354e 82%,#0e6bd2 100%);color:#fff;font-size:13px;padding:5px 10px;font-weight:700;border-radius:5px;display:block;margin:auto;margin-top:10px;width:55%;border:1px solid #0e6bd2}.ndl-btn:hover,.ndl-btn:focus{color:#000}.adl-btn{background:linear-gradient(to bottom,#0e6bd2 0,#03354e 82%,#0e6bd2 100%);color:#fff;font-size:13px;padding:5px 10px;font-weight:700;border-radius:5px;display:block;margin:auto;margin-top:10px;width:55%;border:1px solid #0e6bd2}.adl-btn:hover,.adl-btn:focus{color:#000}.dl{max-width:500px;margin:auto}.dl table{border-collapse:collapse;width:100%;font-size:12px}.dl table th{ background-color:transparent; border:1px solid #0e6bd2;text-align:center;padding:8px;color:#0e6bd2;font-weight:500;text-transform:capitalize}.dl table td{text-align:left;padding:8px;background:0;border:1px solid #0e6bd2;color:#fff}.dl .username_custom{color:#0e6bd2}.downloadboxContent{padding:15px;border:1px solid #0e6bd2;background:rgba(129,157,187,0.15); width:100%;}.dropdown-item{padding:5px}.input-voucher{margin-right:10px}.download-title{color:#fff}.downloadbody h4{color:#0e6bd2;font-size:20px;font-weight:700;padding-top:15px;padding-bottom:15px}.inputDeposit { padding:5px; height:30px; width:100%; }

.downloadbox .iimg { padding:8px; background-color:#ffffff; max-width:160px; margin-top:8px;}
.downloadbox .iimg img, .downloadbox .iimg canvas { max-width:100% }

.downloadTabMenu { width:100%; }
.downloadTabMenu .flex-column { display:flex;}
.downloadTabMenu .flex-column a { width:50% }

.dddbox { display:none}
.dddbox.active { display:block }

.dbox-filter { cursor:pointer }

.submit_btn { border-radius: 4px; width: 100%; height: 30px; background: linear-gradient(to bottom, #1caae5 0%, #0e6bd2 70%, #1caae5 100%); color: #fff; cursor: pointer; font-size: inherit; border: none;}

.imgLoading { display: none; }

.piframe { width:100%; height:100vh; border:0px }

.home-list .game-item h3 { background-position:-5% 10%; margin:0 }
.game-block .home-cat2 + .home-list .game-item .game-content { background-position:15px 10px; background-size:auto 105% }

.carousel-inner > .item > img { width:100% }
.home-list .game-item h3 { min-height:149px; }

.side-menu{position:fixed;right:0;top:50%;transform:translateY(-50%);width:50px;z-index:19; left:auto;overflow:visible}
.side-menu li+li{margin-top:5px}
.side-menu li a{background:linear-gradient(270deg,#7eb0e0,#5e93c5);border-radius:5px 0 0 5px;box-shadow:0 2px 5px 0 rgba(255,255,255,.3);color:#fff;display:block;font-size:12px;height:60px;line-height:1.4;overflow:hidden;padding-left:50px;text-decoration:none;transform:translateZ(0);transition:transform .3s linear;width:220px;transition:transform .3s ease-out .2s}
.side-menu li a>i{color:#fff;font-size:30px;height:100%;left:0;line-height:60px;position:absolute;text-align:center;top:0;width:60px}
.side-menu li a>h2{color:#fff;font-size:16px;font-weight:400;line-height:1.4;padding:10px 0 2px}
.side-menu li a>p{color:#fff}

.side-menu ul { padding:0; margin:0; list-style:none }
.side-menu li a { background: transparent; box-shadow:none; min-height:170px; width:240px; height:100%; }
.side-menu li a.active { transform:translate3d(-180px, 0, 0) }
.side-menu li a > i, .side-menu li a > h2, .side-menu li a > p { color:#111111 }

.side-menu li a .bbf { position:absolute; left:auto; top:0; padding:12px; background: linear-gradient(to right, rgb(0, 107, 224) 0%, rgb(0, 101, 211) 100%); text-align:center; border-radius:0px 0px 5px 5px; display:flex; justify-content:start; align-items:center;  transform: rotate(90deg); transform-origin:top left; gap:12px; }
.side-menu li a .bbf i { color: #ffffff; font-size: 18px; text-shadow:0px 0px 8px #0b5171}
.side-menu li a .bbf p { margin-bottom: 0; color: #ffffff; white-space: nowrap; font-size: 12px; font-weight: 700; text-transform:uppercase; text-shadow:0px 0px 8px #0b5171}
.side-menu li a .aaf { background-color:#161a20; width:180px; padding:8px; border:1px solid #0065d3 }
.side-menu li a .aaf .contactbox .tt { margin:0px 8px 8px; text-align:center; font-size:16px; }

.ctubox { display: flex; align-items: center; background: #ccc; padding: 8px; margin:0px 0px 8px; border-radius: 8px; }
.ctubox i { font-size:24px; margin-right:8px }
.ctubox div { width:30px; height:20px; display:flex; justify-content:center; align-items:center }
.ctubox svg { max-width:100%; margin-right:8px; fill:#111111 }
.ctubox p { margin-bottom: 0; text-align: left; color: #000; width: 70%; font-size: 14px;}

.promo-detail-modal > .container .body { height:calc(100vh - 75px); height:calc(100dvh - 75px);  }