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

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

.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,
.nrc-form-label label.form-require::before
{ color:#0a467a }

.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(180deg, #1481e0, #0a467a); border-radius:8px; }
.app .app-home .home-header .tools a.reglog.s2 { background:linear-gradient(180deg, #911261, #6e0a48); }

.app .app-home .wallet-item .wallet-func { color:#ffffff; gap:12px }
.app .app-home .wallet-item .wallet-func h3 { margin:0 }
.app .app-home .wallet-item .wallet-func .wallet-func-item { width:auto }
.app .app-home .wallet-item .wallet-func .wallet-func-item img { max-width:32px }
.app .app-home .wallet-item .wallet-func .wallet-func-item h3::before { filter:saturate(1300%) hue-rotate(320deg) !important; background:none!important; display:none }

.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:linear-gradient(180deg, #223b63, #0b1829); gap:32px }

/*.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:none; border-color:transparent; background-color:#0e0e0e }
.app .app-home .home-gamelobby .home-quick-nav .home-quick-item.active { background:linear-gradient(45deg, #1481e0 40%, #0a467a); box-shadow:none }
.app .app-home .home-gamelobby .home-quick-nav .home-quick-item { color: #950a09 }
.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(150deg) saturate(1000%) }

.bottom-nav > ul { /*box-shadow:0px -4px 12px 0 rgb(70 11 13 / 95%);*/ box-shadow:none; background:#213455 }

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

/*.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; height:auto; }

.app-home header .tools .tools-item.header-account > i::before { background-image:linear-gradient(180deg,#ffeb08, #ffeb08) }
.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:#ffeb08 }

.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 }
.app-home header .tools .tools-item.header-account > b { font-size:14px; }
.app-home header .tools .tools-item.header-account > i { width:26px; height:26px; font-size:28px }

.m-member-center-account .info-block > .top { background:linear-gradient(180deg,#1481e0,#000000) }
.m-member-center-account .info-block > .center { box-shadow:0 2px 20px 0 #1481e0 }
.m-member-center-account .info-block > .center .action-btn { background-image:linear-gradient(270deg, #0a467a, #1481e0) }
.m-member-center-account .menu-block .item, .member-center-personal-info .info-block { box-shadow:0px 0px 12px 0 #0f66b3 }

.nrc-button { background-color:#1481e0 }

.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:#0a467a }
.m-member-center-wallets .sub-wallets .data-box .name { border:0px; background-color:#1481e0; 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 #1481e0; background:linear-gradient(135deg,#0a467a,#b0d5ff 45%,#1481e0 0,#0a467a) }
/* End color */

.downloadTab{padding:20px 0; display:block;}.downloadTab .nav-pills .nav-link{background:-webkit-linear-gradient(top,#1481e0,#e6e6e6);height:46px;font-size:14px;color:#fff;border:1px solid #1481e0;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,#1481e0 0,#0a467a 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,#1481e0 0,#0a467a 82%,#1481e0 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 #1481e0}.ndl-btn:hover,.ndl-btn:focus{color:#000}.adl-btn{background:linear-gradient(to bottom,#1481e0 0,#0a467a 82%,#1481e0 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 #1481e0}.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 #1481e0;text-align:center;padding:8px;color:#1481e0;font-weight:500;text-transform:capitalize}.dl table td{text-align:left;padding:8px;background:0;border:1px solid #1481e0;color:#fff}.dl .username_custom{color:#1481e0}.downloadboxContent{padding:15px;border:1px solid #1481e0;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:#1481e0;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, #0a467a 0%, #1481e0 70%, #0a467a 100%); color: #fff; cursor: pointer; font-size: inherit; border: none;}

.imgLoading { display: none; }

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

.home-list .game-item { overflow:hidden; background:none }
.home-list .game-item h3 { background-position:-5% 10%; margin:0 }
.game-block .home-cat2 + .home-list .game-item .game-content { background-position:0px; background-size:cover }

.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);  }

.app .app-home, .app.promotions .promo, .m-member-center-account
{ background:#151b29 }
.app .app-home .home-header { background:linear-gradient(180deg, #223b63, #0b1829) }
.app .app-home .home-news, .app .app-home .home-news .marquee-wrap { background-color:#383838 }
.bottom-nav .current > i.mps-bnav-home,
.bottom-nav .current > i.mps-gift,
.bottom-nav .current > i.mps-cservice,
.bottom-nav .current > i.mps-bnav-user
{ filter: saturate(1300%) hue-rotate(320deg) !important }
.bottom-nav .current, .bottom-nav .current > h3 { color:#f7fedd }

.wallet-area { display:flex; gap:12px; align-items:center; justify-content:center; width:100% }
.walbtn { background:linear-gradient(180deg, #1481e0, #0a467a); border-radius:8px; width:100%; color:#ffffff; height:36px; display:flex; justify-content:center; align-items:center }
.walbtn.s2 { background:linear-gradient(180deg, #911261, #6e0a48); }

.app-home header .country-select { width:auto; line-height:normal; height:auto }
.flag-with-icon { display:flex; justify-content:center; align-items:center; gap:8px; font-size:11px; border:1px solid #ffffff; padding:3px; border-radius:100px; white-space:nowrap }
    .flag-with-icon .flag-icon { min-width:16px; height:16px; line-height:16px }
    .app-home header .tools .flag-with-icon i { background:none; border-radius:revert; font-size:8px; height:auto; width:auto; margin:auto; line-height:normal; color:#ffffff; padding-right:8px }

.bnimgs {  }
    .bnimgs img { max-width:24px; display:none }
    .bnimgs img:nth-child(1) { display:inline-block }
    .bottom-nav .current .bnimgs img:nth-child(1) { display:none }
    .bottom-nav .current .bnimgs img:nth-child(2) { display:inline-block }

.main-home {
	padding:0 10px
}

.main-home .home-nav {
	flex-wrap: wrap;
	height: auto;
	justify-content: center
}

.main-home .home-nav>h2 {
	text-align: center;
	width: 100%
}

.main-home .home-nav .game-flow {
	display: flex;
	height: 225px;
	margin: 30px 0;
	width: 420px; position:relative; left:50%; transform:translateX(-50%)
}

.main-home .home-nav .game-flow .gflow-item {
	align-items: center;
	background: url(../img/nav/bg.png) 50%/cover no-repeat;
	cursor: pointer;
	display: flex;
	height: 222px;
	justify-content: center;
	position: absolute;
	transition: .5s ease;
	width: 290px
}

.main-home .home-nav .game-flow .gflow-item a div {
	padding: 0 6px 0px 0px;
	border-radius: 24px;
	overflow: hidden;
}

.main-home .home-nav .game-flow .gflow-item>div {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	width: 100%
}

.main-home .home-nav .game-flow .gflow-item img {
/*	height: 80%;*/
	transition: .5s ease;
	width: auto
}
/*
.main-home .home-nav .game-flow .gflow-item.gitem-mpg img {
	height: 120%;
	margin-top: -100px
}


.main-home .home-nav .game-flow .gflow-item.gitem-sports img {
	height: 80%;
	margin-left: 190px;
	margin-top: 75px
}
*/

.main-home .home-nav .game-flow .gflow-item.gitem-live .live-b {
	height: 50%;
	margin-left: 50px;
	margin-top: 30px
}

.main-home .home-nav .game-flow .gflow-item.gitem-live .live-f {
	height: 85%;
	margin-left: 80px;
	margin-top: -2px
}

.main-home .home-nav .game-flow .gflow-item.gitem-egame .live-b {
	height: 90%;
	position: absolute
}

.main-home .home-nav .game-flow .gflow-item.gitem-egame .live-f {
	height: 90%;
	margin-left: 150px;
	margin-top: -18px;
	position: absolute
}

.main-home .home-nav .game-flow.live .gitem-live .live-b {
	height: 60%;
	margin-left: 50px;
	margin-top: 40px
}

.cat {
    margin: auto;
    margin-top: -12px;
	max-width:100%;
}

.main-home .home-nav .game-flow.live .gitem-live .live-f {
	height: 97%;
    margin-left: 0px;
    margin-top: -45px;
}

.main-home .home-nav .game-flow.egame .gitem-egame .live-b {
	height: 100%;
	margin-left: -40px;
	position: absolute
}

.main-home .home-nav .game-flow.egame .gitem-egame .live-f {
	height: 105%;
	margin-left: 100px;
	margin-top: -70px;
	position: absolute
}

/*
.main-home .home-nav .game-flow.sports .gitem-sports img {
	height: 115%;
	margin-left: 150px;
	margin-top: -25px
}


.main-home .home-nav .game-flow.mpg .gitem-mpg img {
	height: 130%;
	margin-top: -90px
}


.main-home .home-nav .game-flow.chess .gitem-chess img,
.main-home .home-nav .game-flow.esport .gitem-esport img {
	height: 105%;
	margin-top: -5px
}
*/

.main-home .home-nav .game-flow.chess .gitem-chess,
.main-home .home-nav .game-flow.egame .gitem-egame,
.main-home .home-nav .game-flow.live .gitem-live,
.main-home .home-nav .game-flow.esport .gitem-esport,
.main-home .home-nav .game-flow.mpg .gitem-mpg,
.main-home .home-nav .game-flow.sports .gitem-sports {
	left: calc(50% - 145px);
	z-index: 5
}

.main-home .home-nav .game-flow.chess .gitem-live,
.main-home .home-nav .game-flow.chess .gitem-mpg,
.main-home .home-nav .game-flow.egame .gitem-live,
.main-home .home-nav .game-flow.egame .gitem-sports,
.main-home .home-nav .game-flow.live .gitem-chess,
.main-home .home-nav .game-flow.live .gitem-egame,
.main-home .home-nav .game-flow.esport .gitem-mpg,
.main-home .home-nav .game-flow.esport .gitem-sports,
.main-home .home-nav .game-flow.mpg .gitem-chess,
.main-home .home-nav .game-flow.mpg .gitem-esport,
.main-home .home-nav .game-flow.sports .gitem-egame,
.main-home .home-nav .game-flow.sports .gitem-esport {
	left: 3%;
	transform: scale(.85);
	z-index: 4
}

.main-home .home-nav .game-flow.chess .gitem-live,
.main-home .home-nav .game-flow.egame .gitem-sports,
.main-home .home-nav .game-flow.live .gitem-egame,
.main-home .home-nav .game-flow.esport .gitem-mpg,
.main-home .home-nav .game-flow.mpg .gitem-chess,
.main-home .home-nav .game-flow.sports .gitem-esport {
	left: calc(62% - 145px)
}

.main-home .home-nav .game-flow.chess .gitem-egame,
.main-home .home-nav .game-flow.chess .gitem-esport,
.main-home .home-nav .game-flow.egame .gitem-chess,
.main-home .home-nav .game-flow.egame .gitem-esport,
.main-home .home-nav .game-flow.live .gitem-mpg,
.main-home .home-nav .game-flow.live .gitem-sports,
.main-home .home-nav .game-flow.esport .gitem-chess,
.main-home .home-nav .game-flow.esport .gitem-egame,
.main-home .home-nav .game-flow.mpg .gitem-live,
.main-home .home-nav .game-flow.mpg .gitem-sports,
.main-home .home-nav .game-flow.sports .gitem-live,
.main-home .home-nav .game-flow.sports .gitem-mpg {
	transform: scale(.7);
	z-index: 1
}

.main-home .home-nav .game-flow.chess .gitem-egame,
.main-home .home-nav .game-flow.egame .gitem-esport,
.main-home .home-nav .game-flow.live .gitem-sports,
.main-home .home-nav .game-flow.esport .gitem-chess,
.main-home .home-nav .game-flow.mpg .gitem-live,
.main-home .home-nav .game-flow.sports .gitem-mpg {
	left: calc(72% - 145px)
}

.main-home .home-nav .game-flow.chess .gitem-sports,
.main-home .home-nav .game-flow.egame .gitem-mpg,
.main-home .home-nav .game-flow.live .gitem-esport,
.main-home .home-nav .game-flow.esport .gitem-live,
.main-home .home-nav .game-flow.mpg .gitem-egame,
.main-home .home-nav .game-flow.sports .gitem-chess {
	right: calc(77% - 145px);
	transform: scale(.6)
}

.main-home .home-nav .gametype-wrap {
	align-items: center;
	color: #fff;
	display: flex;
	height: 40px;
	justify-content: space-between;
	line-height: 40px;
	margin: 16px auto;
	position: relative;
	width: 100%;
	background:linear-gradient(180deg, #329aef, #1971cb);
	border-radius:100px;
	box-shadow:inset 0px 0px 8px #93ccff
}

.main-home .home-nav .gametype-wrap .gametype-nav {
	align-items: center;
	display: flex;
	height: 40px;
	justify-content: space-between;
	left: 0px;
	line-height: normal;
	position: absolute;
	top: 0px;
	width: 100%;
	font-size:11px;
}

.main-home .home-nav .gametype-wrap .gametype-item {
	cursor: pointer;
	flex: 1;
	text-align: center
}

.main-home .home-nav .gametype-wrap .gametype-item.active {
	background: linear-gradient(180deg, #ecf6ff, #86bef9);
	color: #031543;
	height:40px;
	border-radius:100px;
	display:flex; justify-content:center; align-items:center;
	box-shadow:0px 0px 10px #55afff
}

@media only screen and (max-width:320px){
	.app .app-body .app-home .home-header .tools .tools-item a { display:none!important }
}