/* Profile Popup */
.welcome profile { top: 0%; }
sdso amount>ft>btn { position: relative; }
	
/* Color Perdiction */
cdto { display: grid; grid-template-columns: 44px auto auto; background: var(--b); align-items: center; padding: 6px; border-radius: 30px; margin: 11px; margin-top: 3px; }
cdto>bd>t { font-size: 3.4vw; line-height: 1.41em; font-weight: 400; overflow: hidden; max-height: 1.4em; white-space: normal; width: 100%; animation: marquee 7s linear infinite; display: block; text-overflow: ellipsis; }
cdto i { height: 22px; width: 22px; }
cdto btn { display: grid; grid-template-columns: 22px auto; align-items: center; background: var(--a); color: var(--c); padding: 4px 11px; border-radius: 33px; color: var(--b); font-weight: 400; position: relative; }
cdto btn svg { fill: var(--b); height: 16px; width: 16px; margin-bottom: 4px; }

	
/* Game list */
cglo { background: var(--b); position: relative; margin: auto; width: calc(100% - 15px); display: block; margin: 11px auto; border-radius: 11px; overflow: hidden; }
cglo>btns>btn.this { background: var(--btn); filter: unset; color: var(--b); }
cglo>btns>btn { position: relative; z-index: 2; text-align: center; padding: 5px; display: grid; grid-template-rows: 44px auto; justify-content: center; text-align: center; filter: grayscale(1); grid-template-rows: 48px auto; display: grid; }
cglo>btns>btn i { margin: auto; }
cglo text { display: flex; flex-direction: column; font-weight: 400; font-size: 0.88em; }
cglo>btns { position: relative; display: grid; grid-template-columns: 25% 25% 25% 25%; }
cglo>btns { position: relative; display: grid; grid-template-columns: 25% 25% 25% 25%; }

	
/* Game Color Perdiction */
scpo header { position: sticky; top: 0; z-index: 9999; }	
.BettingPaused .Betting:before { content: " "; box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0px 4px 44px 8px rgba(99,161,254,.5); background-image: linear-gradient(90deg,#5192de00,#5192dee8 50%,#5192de00); transform: translate(-50%,0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1); width: 100%; height: 1px; position: absolute; bottom: 6px; }	
.BettingPaused .Betting {}
.BettingPaused .Btg:after { content: ''; position: absolute; top: -1px; bottom: -1px; left: -1px; right: -1px; z-index: 99999999; background: transparent; border-radius: 11px; backdrop-filter: blur(5px); }
.BettingPaused .Betting:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 99999999;}
cpgame percdbx { color: var(--b1); padding: 11px; height: 100%; display: grid; grid-template-columns: 50% auto; }
cpgame percdbx peridnm { display: flex; flex-direction: column;}
cpgame percdbx peridnm perid { display: flex; }	
cpgame percdbx peridnm i { height: 18px; width: 18px; }
cpgame percdbx peridnum { display: flex; flex-direction: column; justify-content: center; }
cpgame percdbx cntdwnnum { display: grid; grid-template-columns: 20% 20% 20% 20% 20%; text-align: center; }
cpgame joinnum { display: grid; grid-template-columns: 19% 19% 19% 19% 19%; text-align: center; gap: 2%; margin: 2%; }
/*cpgame bd joinnum num { padding: 7px; border-radius: 6px;box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);position: relative;}*/
peridnum { grid-template-columns: 50% 50% !important; }	
cpgame joinco { display: flex; margin: 11px 0; justify-content: space-between; }
cpgame joinco color { height: auto; width: 100%; padding: 11px; border-radius: 6px; align-items: center; justify-content: center; display: flex; position: relative; margin: 0 7px; }
cpgame joinco color h6 { color: var(--b); font-weight: 400; font-size: 0.88em; }
cpgame cntdwn h3{font-weight: 400;}	
cpgame shdw { display: block; position: absolute; left: 3px; right: 3px; top: 3px; bottom: 3px; background: #0355ce9; filter: blur(9px);z-index: 1; }
cpgame percdbx peridnm i img { z-index: 999; }
.red { background: #DB4437; }
.green { background: #0F9D58; }
.blue { background: #4285F4; }
.yellow { background: #F4B400; }	
grid.gc1>div:before { content: " "; position: absolute; top: 17px; width: 100%; height: 100%; background-image: url(/0/images/game-border.png); background-position: center; background-size: 104% 109%; background-repeat: no-repeat; transform: scale(1.1); }
grid.gc1>div { position: relative; display: block; }		
cpgame percdbx peridnm perid {align-items: center; }	
h3#BetPeriod { margin-top: 7px; letter-spacing: 1px; font-weight: 700; font-size: 1.12667rem;}
cpgame>bl>bd { display: block; position: relative; background: var(--b); border-radius: 11px; padding: 11px; margin-top: 11px; }
cpgame peridnm guide { display: grid; grid-template-columns: 22px auto; border: 1px solid var(--b); border-radius: 32px; padding: 3px; justify-content: center; margin-bottom: 6px; font-size: 0.77em; }
cpgame peridnm>h5 { font-weight: 400; letter-spacing: 1px; margin-left: 5px; font-size: 0.66em; }
cpgame percdbx timeleft { display: flex; margin-top: 11px; margin-left: 2px; }
cpgame percdbx timeleft i { height: 28px; width: 28px; margin-right: 3px; }
cpgame>bl>hd { width: 100%; height: 111px; margin: auto; background-image: url(/0/img/TimeleftBg.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: 1px center; display: block; margin-bottom: 22px; }
cpgame>bl { display: block; padding: 11px 6px; background: var(--b1); border-radius: 11px; margin: 11px 0; }
cpgame joinco color:First-child { background: #0F9D58; border-radius: 0 11px 0 11px; }
cpgame joinco color:nth-child(2) { background: var(--Violet); }
cpgame joinco color:last-child { background: var(--a); border-radius: 11px 0 11px 0; }
scpo sidebar:before { content: ""; display: block; width: 100%; height: 280px; background: var(--lg-bl); border-radius: 0 0 66px 66px; position: absolute; top: -7px; left: 0; z-index: -1; }
cpgame randoms hd btns { display: grid; grid-template-columns: auto auto auto auto auto auto auto; row-gap: 7px; margin-block: 3px; margin: 8px 0; }
cpgame randoms hd btn { display: block; padding: 6px 0px; border-radius: 5px; background: var(--ct); margin-right: 5px; width: 100%; text-align: center;    font-size: 3.3vw; }
cpgame randoms hd btn.this, cpgame randoms hd btn.this t { background: #0F9D58; color: var(--b); opacity: 1; }
cpgame randoms bd btns { text-align: center; display: grid; grid-template-columns: 50% 50%; margin: 0 11px; }
cpgame randoms hd btnn { color: var(--a); background: none; border: 1px solid; }
cpgame randoms hd btnn t { opacity: 1; font-size: 0.88em; }
cpgame randoms hd btn t { opacity: 0.5; }
cpgame randoms bd btn { display: block; color: var(--b); background: #FEAA57; padding: 11px; border-radius: 33px 0 0 33px; }
cpgame>bl>bd>div { display: flex; flex-direction: column; position: relative; }	

	
/* Colorperdiction Transactions*/
scpo hm.HXC trcs.ccctx { display: block; }	
scpo tranicon { display: grid; grid-template-columns: 33.3% 33.3% 33.3%; margin: 11px; }
scpo tranicon btn { display: block; text-align: center; background: var(--b1); border-radius: 11px; padding: 10px; white-space: nowrap; margin: 0 4px; font-size: 0.88em; font-weight: bold; }
scpo tranicon btn t { opacity: 0.5; }
scpo tranicon btn.this, scpo tranicon btn.this t { opacity: 1; }
scpo transactions div>hd { padding: 0; }
scpo tranicon btn.this { background: var(--lg-bl); color: var(--b); }
scpo tranicon i { height: 25px;width: 25px;margin: auto;}
scpo tranicon p { display: flex;align-items: center;padding-left: 1px;margin: auto;text-align: center;}
scpo traninfo { display: grid;grid-template-columns: 37% 21% 21% 21%; padding: 15px;}	
scpo traninfo p { display: flex;align-items: center;padding-left: 1px;margin: auto;text-align: center;}	
scpo div trcs>trc>bd { justify-content: center; align-items: center; }	
scpo div trcs>trc>ft { justify-content: center; align-items: center;}	
scpo div trcs>trc>ftr { justify-content: center; display: flex; align-items: center;}	
scpo trc { transition:99ms}		
scpo hm.HXC d { display: block; }
scpo hm.USDT d { display: block; }	
scpo div trcs>trc nb { font-size: 1.55em; font-weight: bold;  }
scpo div trcs>trc ball { display: block; height: 12px; width: 12px; border-radius: 55%; margin: auto; }
scpo div trcs>trc>ftr { display: flex; }
scpo bl.bl_balance { background: var(--b1); }	
scpo transactions d>bl>mg { background: var(--a); color: var(--b); padding: 16px 11px; display: grid; grid-template-columns: 39% 17% 22% 12%; text-align: center; gap: 6px; align-items: center; }
scpo transactions d>bl { padding: 0; background: var(--b1); border-radius: 11px; margin: 0; display: block; overflow: hidden; }
scpo div trcs>trc>hd { height: auto; width: auto; background: unset; overflow: unset; }
scpo div trcs>trc { display: grid; padding: 7px; border: none; height: auto; grid-template-columns: 40% 20% 26% 14%; text-align: center; white-space: nowrap; }
scpo div trc ball.red { height: 15px; width: 15px; display: block; border-radius: 55%; margin: auto; }
scpo div trcs>trc ball.rdb { background: var(--a); }
scpo div more { color: var(--a); width: auto; box-shadow: unset; border: 1px solid; margin-top: 15px; }	

	
/* Quick Action for wallet */
quick a { display: grid; grid-template-rows: 60px auto; justify-content: center; font-size: 0.7em; font-weight: unset; margin: 4px; transition: 99ms; padding: 0; border-radius: 20px; }
quick svg{height:44%;width:44%;}
quick a img { height: 100%; max-width: 100%; }
quick a i { width: 100%; height: 100%; }
quick a t { font-size: 1.22em; font-weight: 100; text-align: center; }
db quikbtn { display: block; padding: 11px; position: relative; z-index: 2; } 
quick>bl>bd btn { padding: 11px; border-radius: 44px; display: flex; justify-content: center; align-items: center; margin-top: 11px; font-weight: 600; letter-spacing: 0.66px; font-size: 1em; background: var(--btn); }
quick>bl>hd { display: grid; grid-template-columns: 50% 50%; align-items: center; justify-content: space-between; margin-top: 11px; }

	
/* Wallets */
swls wl sidebar grid bl { background: var(--lg-bl); border-radius: 0; margin: 0; padding: 5px 0; }
wl bl>bd { color: var(--b); }
swls nv svg { fill: var(--b); }
swls h nv op { filter: unset; display: none; }
swls nv h3 { font-weight: 400; font-size: 1.24em; letter-spacing: 0; }
swls nv back { height: 33px; width: 33px; filter: unset; margin: auto; }
swls sidebar { background: var(--lg); }
swls balance { margin: 4px 0; font-size: 0.88em; font-weight: 400; display: block; }
swls balance b { font-size: 1em; font-weight: 400; }
swls sidebar bl t { font-size: 1.35em; font-weight: 400; font-family: fangsong; letter-spacing: 0.55px; }
swls grid mainwallet>hd { display: flex; text-align: center; position: relative; box-shadow: inset 0 0 0 8px var(--ct); border-radius: 100%; align-items: center; justify-content: center; margin: auto; height: 100px; width: 100px; }
swls grid mainwallet>hd.funds { box-shadow: inset 0 0 0 8px var(--a); }
swls grid mainwallet>hd t { font-weight: bold; font-size: 1em; }
mainwallet { display: grid; grid-template-rows: 116px auto auto; text-align: center; justify-content: center; }
mainwallet h4 { color: var(--c); font-weight: 400; font-size: 0.88em; }
swls mainwallet>bd { padding: 0; margin-top: 5px; }
swls mainwallet>bd h3 { font-size: 1em; font-weight: 400; }	
swls header { z-index: 888; position: sticky; top: 0; }	
swls grid partywallet>hd { display: flex; text-align: center; position: relative; box-shadow: inset 0 0 0 8px var(--ct); border-radius: 100%; align-items: center; justify-content: center; margin: auto; height: 100px; width: 100px; }
swls grid partywallet>hd t { font-weight: bold; font-size: 1em; }
partywallet { display: grid; grid-template-rows: 116px auto auto; text-align: center; justify-content: center; }
partywallet h4 { color: var(--c); font-weight: 400; font-size: 0.88em; }
swls partywallet>bd { padding: 0; margin-top: 5px; }	
swls partywallet>bd h3 { font-size: 1em; font-weight: 400; }		
wlgame { display: flex; flex-direction: column; padding: 11px; border-radius: 11px; background: var(--b1); border: 1px solid var(--b1); margin: 4px; align-items: center; justify-content: center; text-align: center; height: 115px; position: relative; }
wlgamelists { display: grid; grid-template-columns: 33.3% 33.3% 33.3%; margin: 11px; }
wlgame t { opacity: 0.5; font-size: 0.88em; margin-top: 5px; display: block; font-weight: 400; }
wlgame h3 { font-size: 1em; font-weight: bold; }
wlgame i { opacity: 0.03; position: absolute; top: 0; bottom: 0; right: 0; left: 0; height: 95%; width: 95%; margin: auto; }

	
/* Withdraw */
swdo sidebar grid bl { background: url(/0/img/pink.png); border-radius: 11px; padding: 11px; background-size: 100%; background-repeat: no-repeat; padding-bottom: 10px; }
swdo withdraww { margin: 0 11px; }
swdo grid { margin: 0; }
/*swdo trc img { object-fit: cover; height: 77%; width: 77%; filter: invert(77%);}	*/	
swdo trcs>hd { display: grid; grid-template-columns: 44px auto; align-items: center; }
swdo trcs>hd i { height: 100%; width: 100%; }
swdo trc>hd { height: 55px; width: 55px ;border-radius: 15px; background:var(--c0); }
swdo f t { color: var(--b); }	
swdo f i svg path { stroke: var(--b); }	
swdo f i svg line { stroke: var(--b); }
swdo f i svg polyline { stroke: var(--b); }	
swdo trxwallet f { display: block; padding: 5px 0px 0px 22px; }
swdo balance.tw { display: grid; color: var(--b); grid-template-columns: auto 44px; justify-content: space-between; align-items: center; font-size: 0.55em; gap: 6%; }
swdo balance.tw trx { font-weight: bold; font-size: 0.78em; font-family: math; }
swdo nv gg>t { display: flex; padding-right: 22px; justify-content: end; }
swdo withdrawway btns { display: grid; grid-template-columns: 33.3% 33.3% 33.3%; align-items: center; margin-top: 0px; }
swdo withdrawway btns>btn i { margin: auto; }
swdo balance.tw btn { display: block; height: 33px; width: 33px; padding: 4px; opacity: 0.9; margin-top: 6px; }
withdrawway btn.this { background: var(--lg-bl); color: var(--b); }
.btn:active { transform: scale(0.95); }
.btn { transition: 99ms; }
swdo withdrawway btns>btn { padding-bottom: 5px; border-radius: 11px; margin: 3px; display: grid; grid-template-rows: 55px auto; text-align: center; background: var(--b1); position: relative; }
swdo withdrawway btns>btn ii { height: 35px; width: 36px; top: 0; display: flex; flex-direction: column; background: url(/0/img/0Gift.png); background-size: 100%; background-repeat: no-repeat; color: var(--b); right: 0; position: absolute; z-index: 99; justify-content: end; padding: 9px; align-items: center; }
withdrawway>aa { display: none; grid-template-rows: 66px auto; text-align: center; justify-content: center; padding: 11px; background: var(--b1); border-radius: 11px; margin: 11px 5px; position: relative; color: var(--c22); }
swdo nv back { height: 33px; width: 33px; margin: auto; }
withdrawway>aa t { opacity: 0.4; font-weight: 400; font-size: 0.88em; }
withdrawway>aa>hd>i { margin: auto; }
withdrawway { display: block; margin: 0 11px; margin-top: 0; }
withdrawway>t { margin: auto; display: block; text-align: center; font-size: 0.88em; color: var(--a); letter-spacing: 1px; }
withdrawway>t { display: block; text-align: center; color: var(--a); font-weight: 400; font-size: 0.66em; margin-bottom: 4px; letter-spacing: 0.2px; }
swdo h nv gg { grid-template-columns: 55px 0 52% 0px auto; text-align: center; background: var(--b1); }
swdo nv btn { font-weight: 100; }
swdo header { z-index: 888; position: sticky; top: 0; }
swdo header a { color: var(--c); font-weight: 400; }
cepo { display: block; margin: 11px; background: var(--b1); padding: 11px;    border-radius: 11px; }
cepo>hd sl>input { margin: 0; padding: 0; height: 100%; width: 100%; background: transparent; font-size: 0.88em; color: var(--a); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; padding: 0 55px; }
cepo>hd sl { display: grid; grid-template-columns: 33px auto 33px; align-items: center; background: var(--ct); padding: 0 11px; border-radius: 44px; text-align: center; font-size: 1em; height: 44px; margin-bottom: 11px; gap: 11px; position: relative; }
cepo>hd sl>btn { display: block; padding: 5px; height: 22px; width: 22px; filter: invert(1); opacity: 0.3; border-radius: 50%; border: 1px solid var(--b); position: absolute; right: 13px; }
cepo>hd sl>labal { font-size: 1.22em; color: var(--a); font-weight: 800; position: relative; z-index: 999; height: 25px; width: 25px; }
cepo>hd d { display: flex; align-items: center; justify-content: space-between; margin-bottom: 11px; }
cepo>hd d t h5 { opacity: 1; font-weight: 400; color: var(--c); }
cepo>hd d t { display: flex; align-items: center; font-size: 1.060em; }
cepo>hd d blc { color: var(--at); font-size: 0.88em; }
cepo>hd d>blc { font-size: 1em; filter: grayscale(1); }
cepo>hd d>btn { display: block; padding: 0px 33px; border: 1px solid; border-radius: 5px; font-size: 0.88em; text-align: center; color: var(--a); }
cepo>bd>btn { display: block; padding: 11px; border-radius: 44px; background: var(--b1t77); color: var(--b); text-align: center; margin: 22px 0; }
cepo>ft>bl { display: block; padding: 20px; border: 1px solid var(--bc); border-radius: 11px; }
cepo>ft>bl>d i { width: 6px; height: 6px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: var(--a); border-radius: 0; margin-right: 6px; }
cepo>ft>bl d t { display: flex; align-items: center; opacity: 0.8; flex-wrap: wrap; }
cepo>ft>bl d p { margin: 0; opacity: 1; }
cepo>ft>bl>d blc, cepo>ft>bl>d spain { color: var(--a); font-weight: 400; }
cepo>ft>bl d { display: flex; margin-bottom: 11px; font-size: 0.88em; }
cepo>ft>bl d:last-child { margin: 0; }
cepo>ft>bl d ii { display: flex; align-items: center; margin-right: 6px; height: 18px; }
	
	
/* Withdrawal  */	
swdo trcs trsno { display: grid; grid-template-columns: 14% auto; }	
swdo trsno b { margin-top: 11%; font-size: 15px; }	
swdo trcs trc { display: block; padding: 9px; margin: 0; background: var(--b1); color: var(--a); border: none; margin-bottom: 11px; }
swdotrc cn c { font-weight: 400; }
swdo trc hd { height: unset; width: unset; padding: unset !important}
swdo trc p1.ft { background: var(--a); border-radius: 9px; color: var(--b); align-items: center; justify-content: center; display: flex; font-size: 12px; border: solid 1px var(--bc); padding: 11px; }	
swdo trc p1:last-child { color: hsl(149.75deg 51.07% 45.69%); margin-top: 11px; }
swdo trc cn cc img { width: 8%; height: 40%; margin: -2px; margin-left: 2%; }	
swdo trc cn cc { display: flex; font-size: 13px; justify-content: end; }	
swdo trc bd { display: grid; grid-template-rows: auto auto auto auto; }	
swdo trc bd cn { display: flex; color: var(--b1t77); font-size: 13px; font-weight: bold; justify-content: space-between; margin-bottom: 11px; opacity: 1; }
swdo trc bd cn:first-child { opacity: 1; }
swdo trc bd cn:last-child { margin: 0; align-items: center; white-space: nowrap; }
swdo more { color: var(--a); box-shadow: unset; border: 1px solid; width: auto; position: relative; }
swdo.btn aa.bank { display: grid; }
.btn1 aa.usddt { display: grid; }
.btn2 aa.trrx { display: grid; }
	
	
/* Withdrawal History */
swhs nv { background: var(--b1); display: block; }
swhs h mg a { background: var(--b1); display: grid; padding: 8px 20px; border-radius: 5px; grid-template-columns: 35px auto; align-items: center; justify-content: center; margin: 4px; max-width: 368px; width: 100%; }
swhs h mg { display: flex; justify-content: space-between; margin: 7px 11px; white-space: nowrap; font-size: 0.88em; margin-bottom: 1; overflow: scroll; }
swhs filter btn { background: var(--b1); display: grid; padding: 13px; border-radius: 5px; grid-template-columns: auto 33px; align-items: center; margin: 7px; justify-content: space-between; grid-column-end: 4; grid-column-start: 1; }
swhs filter btns { display: grid; grid-template-columns: 50% 50%; margin: 11px; margin-top: 0; }
swhs filter btn i { height: 16px; width: 16px; margin: auto; }
swhs filter btn t, swhs filter btn i { opacity: 0.7; }
swhs h mg a t { opacity: 0.5; }
.Gamehistory bl mg btn.gmhstry { background: var(--lg-b); color: var(--b); }
.Chart bl mg btn.chrt { background: var(--lg-b); color: var(--b); }
.Myhistory bl mg btn.mehstry { background: var(--lg-b); color: var(--b); }
cmos mygame, cmos history, cmos chart { display: none; }	
.Gamehistory mygame { display: block; }
.Chart chart { display: block; }
.Myhistory history { display: block; }	
swhs header { position: sticky; z-index: 888; top: 0; background: var(--b); }	
swhs h mg a:first-child path { filter: contrast(0.1); }
swhs h mg a.this path { filter: unset; }
	
	
/* Withdraw History Transaction */
swhs trcs>trc { display: block; padding: 11px; margin: 0; background: var(--b1); border: none; margin-bottom: 11px; }
swhs trcs>hd i { height: 100%; width: 100%; }
swhs trc bd cn { display: flex; color: var(--b1t77); font-size: 15px; font-weight: bold; justify-content: space-between; margin-bottom: 16px; opacity: 0.8; }
swhs trc p1.ft { background: var(--a); border-radius: 9px; color: var(--b); align-items: center; justify-content: center; display: flex; font-size: 16px; border: solid 1px var(--bc); padding: 11px; } 
swhs trc p1 { color: hsl(149.75deg 51.07% 45.69%); padding: 11px; }
swhs trc bd cn:first-child { opacity: 1; }
swhs trc cn cc { display: flex; font-size: 15px; justify-content: end; align-items: center; }
swhs trc cn cc btn { height: 33px; width: 33px; padding: 4px; display: flex; align-items: center; justify-content: center; }
swhs trc bd cn:last-child { margin: 0; align-items: center; white-space: nowrap; }
swhs trc>hd { height: unset; width: unset; }
swhs more { box-shadow: unset; border: 1px solid var(--a); color: var(--a); width: auto; }
swhs nv back { height: 33px; width: 33px; }
swhs h mg a.this { background: var(--lg); color: var(--b); }
swhs h mg a.this i, swhs h mg a.this svg, swhs h mg a.this path { filter: unset; fill: var(--b); }

	
/*In ColorPrediction My History */
cmho>hd { display: flex; justify-content: end; }
cmho>hd>btn i { height: 20px; width: 20px; border: 1px solid; border-radius: 55%; padding: 2px; margin-left: 5px;transform: rotate(272deg);}
cmho>hd>btn { align-items: center; padding: 0px 11px; border: 1px solid; border-radius: 11px; display: flex; gap: 2%; color: var(--a); width: auto; position: relative;height: 33px;}
cmho { display: block; margin: 11px 0; background: var(--b1); border-radius: 11px; padding: 11px; }
cmho trc { display: grid; padding: 11px; border: none; height: auto; grid-template-columns: 55px auto auto; text-align: unset; align-items: center; }
cmho trc hd { height: 44px; width: 44px; color: var(--b);border-radius: 11px; }
cmho trc hd>t { font-size: 0.77em; font-weight: 400; }
cmho trc>bd { justify-content: space-around; padding: 3px 0; display: flex; flex-direction: column;font-size: 0.9em;}
cmho trc>bd h5 { opacity: 0.6; font-weight: 400; }
cm header { position: sticky; top: 0; z-index: 99; }
cmho trc>ft>t { padding: 4px 22px; border: 1px solid; border-radius: 8px; margin-bottom: 9px; }
cmho trcs trc>ft { display: flex; flex-direction: column; justify-content: center; align-items: end;font-size: 0.8em;}
trcs>trc>ft h4 { font-size: 1.22em; font-weight: 500; }
cmho .cred { color: var(--a); }
cmho .big { background: hsl(29.64deg 100% 67.06%); }
cmho .small { background: hsl(214.48deg 85.9% 69.41%); }
cmho t.big { color: hsl(29.64deg 100% 67.06%); background: none; }
cmho t.small { color: hsl(214.48deg 85.9% 69.41%); background: none; }
cmho h4.cgreen { filter: unset; }
	
	
/*My history  Details 	*/
cmho>bd d { display: flex; justify-content: space-between; align-items: center; background: var(--ct); border-radius: 11px; padding: 11px; margin-top: 11px; }
cmho>bd d:first-child cc { display: grid; grid-template-columns: auto 22px; gap: 4px; align-items: center; }
cmho>bd d cc { opacity: 0.7; }
cmho mhdetail h3 { font-weight: 400; font-size: 1.55em; }
cmho hstr { display: block; position: relative; background: var(--b1); border-radius: 11px; margin-top: 11px; border-bottom: solid 0.5px var(--b4); }
.Details mhdetail { pointer-events: auto; height: fit-content; opacity: 1; padding: 11px; }
cmho mhdetail { display: block; height: 0; overflow: hidden; padding: 0; transform-origin: 50% 0; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; opacity: 0; }
cmho>bd d cc btn { background: unset; padding: 3px; margin: 0; height: auto; }
	
	
/*My history  Details screan	*/
smds nv gg { background: var(--lg); color: var(--b); }
smds nv gg back { filter: unset; height: 44px; width: 44px; }
smds tbs mg { display: flex; border-bottom: 1px solid var(--bc); justify-content: space-between; }
smds mg aa { display: flex; padding: 22px 11px; color: var(--c); font-size: 0.88em; white-space: nowrap; opacity: 0.6; position: relative; justify-content: center; }
smds mg aa.this:after { position: absolute; content: " "; background: var(--lg); height: 4px; width: 45px; bottom: 0; border-radius: 55px; right: auto; left: auto; margin: auto; display: block; }
scpo wallet hd>nm { position: relative; }

	
/* Announcement */	
sanco header { position: sticky; top: 0; z-index: 999; }
sanco bl { padding: 0; border-radius: 0; }
sanco>bl anp>hd { display: grid; grid-template-columns: 33px auto; align-items: center; }
sanco nv gg { grid-template-columns: 55px auto 55px; text-align: center; background: var(--lg); color: var(--b); }
sanco nv back { height: 44px; width: 44px; filter: unset; }
sanco an h1 { font-size: 1.77em; font-family: 'Roboto'; margin-bottom: 33px; }
sanco bl>ft { padding: 22px; }
sanco an { display: block; margin-bottom: 11px; }
sanco hd { display: grid; grid-template-columns: 33px auto; align-items: center; }
sanco an>ft { display: flex; justify-content: end; }
sanco anp h5 { font-weight: 400; margin-top: 11px; opacity: 0.7; }
grid bl bd { display: block; padding: 0; position: relative; z-index: 2; margin: 0; }
sanco anp>hd svg { fill: var(--a); height: 33px; width: 33px; }
sanco anp>ft i { height: 44px; width: 44px; transition: 33ms; transform: rotate(-14deg); }
sanco anp { display: grid; grid-template-columns: 55px auto 55px; margin-bottom: 33px; align-items: center; padding: 11px; background: var(--ct); border-radius: 11px; }
sanco anp>bd t { font-size: 0.88em; font-weight: bold; }
sanco an p { font-size: 1em; font-weight: 400; opacity: 0.8; margin-bottom: 33px; }
smds cmho { background: none; }	
smds header { position: sticky; top: 0; z-index: 999; background: var(--b); }
cmho trc>ft .lose { color: #f15959; }
cmho trc>ft .Win { color: #18B660; }
	
	
/* INR Withdraw */	
swio nv gg { background: var(--b1); grid-template-columns: 55px auto 33px; }
swio nv back { height: 33px; width: 33px; margin: auto; }
swio header { z-index: 888; position: sticky; top: 0; }
swio sl labal svg { fill: var(--a); }
swio form sl { display: block; margin: 11px; margin-bottom: 22px; }
swio sl>labal { display: grid; grid-template-columns: 44px auto; align-items: center; margin-bottom: 4px; }
swio sl>select { display: block; padding: 11px; border-radius: 5px; font-size: 0.88em; font-weight: 400; width: 100%; margin: 0; background: var(--b1); height: 44px; color: var(--c22); border: none; }
swio form sl>btn { display: grid; grid-template-columns: auto 33px; justify-content: space-between; background: var(--btn); padding: 11px; align-items: center; color: var(--b); border-radius: 5px; height: 44px; }
swio form sl>input { display: block; padding: 11px; border-radius: 5px; font-size: 0.88em; font-weight: 400; width: 100%; margin: 0; background: var(--b1); height: 44px; color: var(--c22); }
swio sl>btn>t { font-size: 1em; font-weight: 400; }
swio edit>ft btn { display: flex; padding: 11px; background: ; }
cabo sncr { display: grid; grid-template-columns: 33px auto; padding: 11px 22px; border-radius: 44px; color: var(--a); margin: 11px; background: var(--b1); font-size: 0.88em; align-items: center; margin-top: 4px; }
swio main { min-height: auto; }
cabo>ft>btn { display: flex; padding: 11px; background: var(--btn); border-radius: 44px; height: 44px; color: var(--b); font-size: 1.11em; font-weight: bold; align-items: center; justify-content: space-evenly; margin: 22px 22px 0 22px; }
cabo>bd { display: block; margin-bottom: 44px; }
cabo>ft>btn { display: flex; padding: 11px; background: var(--btn); border-radius: 44px; height: 44px; color: var(--b); font-size: 1.11em; font-weight: bold; align-items: center; justify-content: space-evenly; margin: 22px 11px 0 11px; letter-spacing: 3px; }
swio sl>btn>i { height: 22px; width: 22px; margin: auto; margin-right: 0; }
	
	
/* Search bank component */
cscbo nv { display: grid; grid-template-columns: 55px auto 55px; align-items: center; background: var(--b1); padding: 11px; }
cscbo nv back { filter: invert(1); }
cscbo bd { display: block; margin: 11px; }
cscbo srch bx { display: grid; grid-template-columns: 44px auto; align-items: center; background: var(--b1); padding: 11px; height: 33px; border-radius: 11px; }
cscbo srch bx input { margin: 0; padding: 0; height: 100%; font-size: 0.88em; color: var(--c22); }
cscbo srch { display: block; margin-bottom: 11px; }
cscbo srch bx i { height: 100%; }
cscbo>bd>bl { color: var(--c22); font-size: 1em; padding: 11px; background: var(--b1); border-radius: 11px; }
cscbo>bd>bl>hd { padding: 6px; border-bottom: 1px solid; }
cscbo bl h4 { font-weight: 400; }
cscbo bl ul h4 { display: block; padding: 11px; margin-bottom: 6px; padding-left: 33px; }
cscbo>bd>bl ul { padding: 0; }
cscbo ul hr { opacity: 0.5; }
swio footer { width: 0; position: absolute; right: 0; top: 0; bottom: 0; max-width: 100%; z-index: 333; overflow: hidden; opacity: 0; transition: 333ms; }
cscbo>ft { display: block; padding: 44px; }	
@media only screen and (max-width: 999px) {
swio footer { box-shadow: 0 -11px 44px rgb(0 0 0 / 44%); z-index: 4444; left: 0; width: 100%; background: var(--b); opacity: 1; height: calc(100% - 0px); top: auto; bottom: -111%; } 
}

	
/* Gift */
sgfs nv gg { grid-template-columns: 55px auto 55px; text-align: center; }
sgfs nv back { height: 33px; width: 33px; margin: auto; }
cgft>hd { display: block; height: 211px; }
cgft>hd>i { height: 100%; width: 100%; }
cgft>hd>i img { height: 100%; width: 100%; }
cgft { display: flex; flex-direction: column; }
cgft>bd bl hd { margin-bottom: 22px; color: var(--c1); }
cgft>bd bl hd>p { margin: 0; margin-bottom: 6px; font-size: 1em; }
cgft gfcode { display: block; padding: 11px; }
cgft>bd bl { padding: 11px; margin: 11px; background: var(--b1); border-radius: 11px; }
sgfs trcs>hd i { height: 100%; width: 100%; }
sgfs trcs>hd { display: grid; grid-template-columns: 44px auto; align-items: center; }
cgft gfcode h5 { font-size: 1em; font-weight: 400; }
cgft gfcode input { font-size: 0.99em; letter-spacing: 0.3px; background: var(--ct); width: 100%; padding: 11px 22px; height: 44px; }
cgft gfcode input:focus { border: 1px solid var(--bc); }
cgft>bd bl>ft>btn { display: flex; padding: 11px; justify-content: center; background:var(--b1t); color:var(--b1t); border-radius: 44px; height: 44px; align-items: center; margin: 11px; margin-bottom: 22px; }
.this cgft>bd bl>ft>btn { background: var(--btn); color: var(--b); }
	
sgfs header { position: sticky; top: 0; z-index: 9999; }
sgfs nv gg { grid-template-columns: 55px auto 55px; text-align: center; background: var(--b1); }
sgfs transactions div { display: block; padding: 11px; background: var(--b1); border-radius: 11px; }

	
/* Tarding Commission Buggs */
ssdo header { position: sticky; top: 0; z-index: 999; }
ssdo header nv { background: var(--b1); display: block; }

	
/* Active bonus */		
sabo nv { background: var(--b1); display: block; }
sabo header { position: sticky; top: 0; z-index: 9999; }
sabo nv back { height: 33px; width: 33px; margin: auto; }	
cryptoo>hd>dd { display: grid; margin: 0; padding: 11px; background: var(--lg); color: var(--b); margin-bottom: 3px; grid-template-columns: 55px auto 55px; text-align: center; align-items: center; }
cryptoo>hd>dd>back { height: 33px; width: 33px; }
cryptoo>hd>bl { background: var(--lg); padding: 11px; color: var(--b); }
cryptoo>hd>bl d { display: flex; justify-content: space-between; margin-bottom: 6px; }
sdso amnt { display: flex; align-items: center; font-size: 1.88em; padding: 11px 0; margin-bottom: 11px; }
cryptoo btns btn { display: grid; justify-content: space-between; grid-template-columns: auto 55px; padding: 11px; margin: 11px; border: 1px solid var(--bc); border-radius: 7px; align-items: center; }
cryptoo btns { display: block; margin-top: 22px; }
cryptoo btns btn click { height: 22px; width: 22px; display: block; margin: auto; margin-right: 0; }
sdso divider { display: grid; position: relative; grid-template-columns: auto min-content auto; width: 80%; margin: 11px auto; align-items: center; }
sdso divider>d { height: 1px; background: var(--bc); }
sdso divider t { text-align: unset; font-size: 20px; margin: 0 7px; font-weight: bold; }
cryptoo .code>p { text-align: center; font-size: 1em; }
qrcode>img { border: 1px solid; padding: 1px; }
cryptoo>bd>t { text-align: center; display: block; margin-top: 22px; }
cryptoo address { display: block; background: var(--a1); padding: 11px; border-radius: 11px; font-family: system-ui; }
cryptoo address>d { display: flex; align-items: center; justify-content: space-between; margin-bottom: 11px; }
address add { font-size: 0.88em; background: var(--b1); padding: 8px; width: 100%; margin: 0 11px; display: flex; border-radius: 5px; }
address d btn { color: var(--b); padding: 7px 11px; border-radius: 5px; font-weight: 500; }
cryptoo address>d input { margin: 0 11px; background: var(--b1); border-radius: 5px; font-size: 0.88em; padding: 11px; width: 100%; }
address>p { text-align: center; font-size: 1em; margin: 0; }
cryptoo>ft>a { color: var(--cl); }
cryptoo countdown { font-weight: bold; }

	
/* USDT Withdraw */	
swuo nv gg { background: var(--b1); grid-template-columns: 55px auto 33px; }
swuo nv back { height: 33px; width: 33px; margin: auto; }
swuo header { z-index: 888; position: sticky; top: 0; }
swuo sl labal svg { fill: var(--a); }
swuo form sl { display: block; margin: 11px; margin-bottom: 22px; }
swuo sl>labal { display: grid; grid-template-columns: 44px auto; align-items: center; margin-bottom: 4px; }
swuo sl>select { display: block; padding: 11px; border-radius: 5px; font-size: 0.88em; font-weight: 400; width: 100%; margin: 0; background: var(--b1); height: 44px; color: var(--c22); border: none; }
swuo form sl>btn { display: grid; grid-template-columns: auto 33px; justify-content: space-between; background: var(--btn); padding: 11px; align-items: center; color: var(--b); border-radius: 5px; height: 44px; }
swuo form sl>input { display: block; padding: 11px; border-radius: 5px; font-size: 0.88em; font-weight: 400; width: 100%; margin: 0; background: var(--b1); height: 44px; color: var(--c22); }
swuo sl>btn>t { font-size: 1em; font-weight: 400; }
swuo edit>ft btn { display: flex; padding: 11px; background: ; }
swuo form sl input:focus { border: 1px solid var(--bc); }
cabo sncr { display: grid; grid-template-columns: 33px auto; padding: 11px 22px; border-radius: 44px; color: var(--a); margin: 11px; background: var(--b1); font-size: 0.88em; align-items: center; margin-top: 4px; }
swuo main { min-height: auto; }
cabo>ft>btn { display: flex; padding: 11px; background: var(--btn); border-radius: 44px; height: 44px; color: var(--b); font-size: 1.11em; font-weight: bold; align-items: center; justify-content: space-evenly; margin: 22px 22px 0 22px; }
swuo>bd { display: block; margin-bottom: 44px; }
cabo>ft>btn { display: flex; padding: 11px; background: var(--btn); border-radius: 44px; height: 44px; color: var(--b); font-size: 1.11em; font-weight: bold; align-items: center; justify-content: space-evenly; margin: 22px 11px 0 11px; letter-spacing: 3px; }
swuo sl>btn>i { height: 22px; width: 22px; margin: auto; margin-right: 0; }
	
	
/* TRC Withdraw */	
swto nv gg { background: var(--b1); grid-template-columns: 55px auto 33px; }
swto nv back { height: 33px; width: 33px; margin: auto; }
swto header { z-index: 888; position: sticky; top: 0; }
swto sl labal svg { fill: var(--a); }
swto form sl { display: block; margin: 11px; margin-bottom: 22px; }
swto sl>labal { display: grid; grid-template-columns: 44px auto; align-items: center; margin-bottom: 4px; }
swto sl>select { display: block; padding: 11px; border-radius: 5px; font-size: 0.88em; font-weight: 400; width: 100%; margin: 0; background: var(--b1); height: 44px; color: var(--c22); border: none; }
swto form sl>btn { display: grid; grid-template-columns: auto 33px; justify-content: space-between; background: var(--btn); padding: 11px; align-items: center; color: var(--b); border-radius: 5px; height: 44px; }
swto form sl>input { display: block; padding: 11px; border-radius: 5px; font-size: 0.88em; font-weight: 400; width: 100%; margin: 0; background: var(--b1); height: 44px; color: var(--c22); }
swto sl>btn>t { font-size: 1em; font-weight: 400; }
swto edit>ft btn { display: flex; padding: 11px; background: ; }
swto form sl input:focus { border: 1px solid var(--bc); }
cabo sncr { display: grid; grid-template-columns: 33px auto; padding: 11px 22px; border-radius: 44px; color: var(--a); margin: 11px; background: var(--b1); font-size: 0.88em; align-items: center; margin-top: 4px; }
swto main { min-height: auto; }
cabo>ft>btn { display: flex; padding: 11px; background: var(--btn); border-radius: 44px; height: 44px; color: var(--b); font-size: 1.11em; font-weight: bold; align-items: center; justify-content: space-evenly; margin: 22px 22px 0 22px; }
swto>bd { display: block; margin-bottom: 44px; }
cabo>ft>btn { display: flex; padding: 11px; background: var(--btn); border-radius: 44px; height: 44px; color: var(--b); font-size: 1.11em; font-weight: bold; align-items: center; justify-content: space-evenly; margin: 22px 11px 0 11px; letter-spacing: 3px; }
swto sl>btn>i { height: 22px; width: 22px; margin: auto; margin-right: 0; }
	
	
/* VIP */		
vi nv back { filter: unset; }
vip gg { color: var(--b); }

	
/* Salary income */	
scsaI header h nv gg { grid-template-columns: 55px auto 22%; text-align: center; }
scsaI nv a { font-weight: 400; font-size: 0.88em; }
	
	
/* Deposist History Buggs  */	
sdhs tabcard aa hd { width: auto; padding: 0; }
sdhs tabcard>aa bd { font-size: 0.88em; }
sdhs trc bd cn { align-items: center; }

	
/* Commission Details*/	
scds nv gg { grid-template-columns: 55px auto 55px; background: var(--b1); }
scds date { display: grid; grid-template-columns: auto 33px; align-items: center; padding: 11px; background: var(--b1); border-radius: 11px; margin: 16px; }
scds date t { opacity: 0.5; font-weight: 400; font-size: 0.88em; }
scds date i { opacity: 0.5; transform: rotate(-90deg); }
scds trc>hd { height: auto; width: auto; display: flex; flex-direction: column; justify-content: unset; align-items: unset; border-radius: 0; margin-bottom: 6px; }
scds trc>bd cn { display: flex; align-items: center; justify-content: space-between; padding: 11px; margin-bottom: 4px; background: var(--bc); }
scds header { position: sticky; top: 0; z-index: 9999; }
scds trc>hd p { display: flex; justify-content: start; margin: 0; margin-bottom: 9px; font-size: 0.8em; font-weight: 400; opacity: 0.5; }
scds trc>bd cn>cc { display: flex; align-items: center; font-weight: bold; }
scds trc>bd cn>cc btn { height: 22px; width: 22px; padding: 1px; display: flex; justify-content: center; }
scds trc>bd cn c { font-weight: 500; opacity: 0.5; }
scds trcs>trc { display: block; padding: 11px; background: var(--b1); }
scds trcs>trc>bd cn { display: flex; align-items: center; justify-content: space-between; padding: 11px; margin-bottom: 4px; background: var(--V0); border-radius: 5px; }
scds trc>bd cn:last-child c { opacity: 1; }
	
/* Commission Details*/	
dpcs nv gg { grid-template-columns: 55px auto 55px; background: var(--b1); }
dpcs date { display: grid; grid-template-columns: auto 33px; align-items: center; padding: 11px; background: var(--b1); border-radius: 11px; margin: 16px; }
dpcs date t { opacity: 0.5; font-weight: 400; font-size: 0.88em; }
dpcs date i { opacity: 0.5; }
dpcs trc>hd { height: auto; width: auto; display: flex; flex-direction: column; justify-content: unset; align-items: unset; border-radius: 0; }
dpcs trc>bd cn { display: flex; align-items: center; justify-content: space-between; padding: 11px; margin-bottom: 4px; background: var(--bc); }
dpcs header { position: sticky; top: 0; z-index: 9999; }
dpcs trc>hd p { display: flex; justify-content: start; margin: 0; margin-bottom: 9px; font-size: 0.8em; font-weight: 400; opacity: 0.5; }
dpcs trc>bd cn>cc { display: flex; align-items: center; }
dpcs trc>bd cn>cc btn { height: 22px; width: 22px; padding: 1px; display: flex; justify-content: center; }
dpcs trc>bd cn c { font-weight: bold; opacity: 0.5; }
dpcs trcs>trc { display: block; padding: 11px; background: var(--b1); margin-top: 11px;}
dpcs trcs>trc>bd cn { display: flex; align-items: center; justify-content: space-between; padding: 11px; margin-bottom: 4px; background: var(--V0); border-radius: 5px; }

	
/* Transactions history buggs */		
strs nv gg { grid-template-columns: 55px auto 55px; background: var(--b1); }
strs header { position: sticky; top: 0; z-index: 999; }

	
/* Weekly Trading Bonus  */	
swbs transactions>div>hd i { height: 44px; width: 44px; }
swbs transactions>div>hd { display: grid; grid-template-columns: 44px auto; align-items: center; margin-bottom: 11px; padding: 0; }
swbs header { position: sticky; top: 0; z-index: 99; }
swbs nv f { height: 55px; align-items: center; z-index: 22; display: grid; grid-template-columns: 44px 0px auto 33px; background: var(--b1); }
swbs Cdtb { display: block; width: 100%; padding: 10px; bottom:0; position: relative; }
Cdtb trc { display: block; background: var(--b1); border-radius: 11px; overflow: hidden; margin: 11px; padding-bottom: 11px; }
Cdtb trc>hd { position: relative; align-items: center; margin-top: -2%; background: var(--b1); border-radius: 0; padding: 0; display: flex; justify-content: space-between; width: 100%; height: 40px; }
Cdtb trc bd { display: flex; height: auto; flex-direction: column; }	
Cdtb ft btn { margin: 0 22px; display: flex; justify-content: center; border-radius: 50px; font-size: 18px; color: var(--a); margin-top: 10px; padding: 8px; align-items: center; border: 2px solid var(--a); font-weight: 600; transition: 333ms; }
Cdtb trc ft aa.this { background: var(--lg-bl); color: var(--b1); border: unset; margin-top: 10px; padding: 10px; }
Cdtb trc ft { align-items: unset; display: flex; opacity: 0.8; }
Cdtb trc bd b { display: flex; align-items: center; margin: 0px; margin-bottom: 0; justify-content: space-between; }
Cdtb bd b p1 { display: grid; grid-template-columns: 26px auto; align-items: center; gap: 5px; }
Cdtb b p1 i { height: 33px; width: 33px; }
Cdtb b p1 o { margin-top: 0; font-size: 1em; color: var(--c1); font-weight: 400; }
Cdtb trc hd>t { width: auto; background: var(--green); border-radius: 12px 0px 17px 0px; display: flex; align-items: center; justify-content: center; padding: 7px 22px; border-bottom-right-radius: 15px; font-weight: 700; color: var(--b); font-size: 15px; }
Cdtb trc hd>p { margin: 0; color: var(--c1); font-size: 0.88em; padding: 11px;}
Cdtb bd b p {color: var(--at);font-size: 11px;margin: 7px; font-weight: 500; display: grid; grid-template-columns: 22px auto;}	
Cdtb trc bd b1 { background: var(--b); border-radius: 10px; margin: 7px; position: relative; height: fit-content; margin-top: 11px; }
Cdtb trc bd b2 { display: flex; align-items: center; justify-content: space-between; padding: 11px; border-bottom: 1px solid var(--V0); padding-bottom: 10px; }
Cdtb trc b1 d { font-size: 14px; color: var(--b2); display: flex; justify-content: space-between; position: relative; z-index: 999; padding: 4px; }
Cdtb trc b2 aa { color: var(--c1); font-size: 13px;  font-weight: 500;}	
Cdtb trc b2 a2 { color: var(--a); font-size: 15px; }	
Cdtb bd b2 t { display: flex; align-items: center; justify-content: end; }
Cdtb bd b2 t:first-child { color: var(--c1); }
cdtb>bl>hd { height: 35px; display: grid; margin-bottom: 22px; position: relative; color: var(--b1); }
cdtb>bl>hd>i { display: block; width: 100%; margin: 0 auto; height: 40px; }
Cdtb bl>hd t { position: absolute; font-weight: bold; text-shadow: 1.4px 1.1px 3px #00000073; top: 11px; left: 0; right: 0; text-align: center; }
Cdtb trc b1 d p { margin: 0; color: var(--b1t); opacity: 0.7; }
Cdtb trc b1 d p:last-child { color: var(--b1t); }
Cdtb trcs p1 svg { fill: var(--a); }
cdtb>bl { padding: 11px; background: var(--b1); border-radius: 5px 11px; margin: 11px; padding-top: 0; }
Cdtb trc ft aa:active { transform: scale(0.9); } 
Cdtb trc lg { position: absolute; height: 100%;background:var(--lg-bl); top: 0; border-radius:44px; }

	
/* SignUpBonus */		
ssuo nv f { height: 55px; align-items: center; z-index: 22; display: grid; grid-template-columns: 44px 0px auto 98px; background: var(--b1); }
ssuo header { position: sticky; top: 0; z-index: 99; }
ssuo trcs>trc { padding: 11px; font: inherit; font-size: 0.77em; vertical-align: baseline; border: 0; margin: 11px 0; display: flex; background: var(--b1); margin-bottom: 11px; flex-direction: column; }
ssuo trcs>trc>hd { display: flex; gap: 5px; color: var(--b2); height: 100%; align-items: center; border-bottom: solid 0.1px var(--bc); width: 100%; justify-content: space-between; border-radius: 0px; background: unset; padding-bottom: 11px; }
ssuo trc>hd cn { display: grid; gap: 7px; }
ssuo trc>bd { display: grid; gap: 0px; margin-top: 11px; }
ssuo trcs>trc>bd>d { display: grid; grid-template-columns: auto auto; justify-content: space-between; margin-left: 22px; position: relative; }
ssuo trcs>trc>bd>d:before { content: ''; position: absolute; height: 100%; width: 2px; border-left: dotted 1.6px var(--a); left: -16px; top: 10px; }
ssuo trc>bd d:after { content: ''; position: absolute; height: 12px; width: 12px; background: var(--a); border-radius: 50%; box-shadow: inset 0 0 0 3px rgb(255 255 255); border: solid 1px var(--a); left: -22; top: 8px; }
ssuo trc>bd>d>h4 { font-weight: 400; margin: 7px 0; font-size: 1.33em; }	
ssuo trc>i dot { width: 100%; border: dashed 1px var(--b1t); }
ssuo trc>i dot:before { content: ''; position: absolute; height: 22px; border-radius: 22px 0 0 22px; background: var(--b); width: 22px; top: 11px; right: -20px; }
ssuo trc>i dot:after { content: ''; position: absolute; height: 22px; width: 22px; border-radius: 0 22px 22px 0; background: var(--b); top: 11px; left: -20px; }
ssuo trcs>trc>i { height: 35px; width: auto; background: var(--b1); display: none; justify-content: unset; border-radius: unset; position: relative; }
ssuo trcs>trc>i dot:after { content: ''; position: absolute; height: 22px; width: 22px; border-radius: 0 22px 22px 0; background: var(--b); top: 8px; left: -20px; }
ssuo trcs>trc>i dot:before { content: ''; position: absolute; height: 22px; border-radius: 22px 0 0 22px; background: var(--b); width: 22px; top: 7px; right: -20px; }
ssuo trcs>trc>bd>d:last-child:before { display: none; }
ssuo trcs>trc>hd>h3 { font-weight: 400; font-size: 1.44em; }
	
	
/* Withdraw Bonus */		
swbo nv f { height: 55px; align-items: center; z-index: 22; display: grid; grid-template-columns: 44px 0px auto 90px; background: var(--b1); }
swbo nv f a { font-size: 0.88em; font-weight: 400; }
swbo header { position: sticky; top: 0; z-index: 99; }
swbo trcs>trc { padding: 11px; font: inherit; font-size: 0.77em; vertical-align: baseline; border: 0; margin: 11px 0; display: flex; background: var(--b1); margin-bottom: 11px; flex-direction: column; }
swbo trcs>trc>hd { display: flex; gap: 5px; color: var(--b2); height: 100%; align-items: center; border-bottom: solid 0.1px var(--bc); width: 100%; justify-content: space-between; border-radius: 0px; background: unset; padding-bottom: 11px; }
swbo trc>hd cn { display: grid; gap: 7px; }
swbo trc>bd { display: grid; gap: 0px; margin-top: 11px; }
swbo trcs>trc>bd>d { display: grid; grid-template-columns: auto auto; justify-content: space-between; margin-left: 22px; position: relative; }
swbo trcs>trc>bd>d:before { content: ''; position: absolute; height: 100%; width: 2px; border-left: dotted 1.6px var(--a); left: -16px; top: 10px; }
swbo trc>bd d:after { content: ''; position: absolute; height: 12px; width: 12px; background: var(--a); border-radius: 50%; box-shadow: inset 0 0 0 3px rgb(255 255 255); border: solid 1px var(--a); left: -22; top: 8px; }
swbo trc>bd>d>h4 { font-weight: 400; margin: 7px 0; font-size: 1.33em; }	
swbo trc>i dot { width: 100%; border: dashed 1px var(--b1t); }
swbo trc>i dot:before { content: ''; position: absolute; height: 22px; border-radius: 22px 0 0 22px; background: var(--b); width: 22px; top: 11px; right: -20px; }
swbo trc>i dot:after { content: ''; position: absolute; height: 22px; width: 22px; border-radius: 0 22px 22px 0; background: var(--b); top: 11px; left: -20px; }
swbo trcs>trc>i { height: 35px; width: auto; background: var(--b1); display: none; justify-content: unset; border-radius: unset; position: relative; }
swbo trcs>trc>i dot:after { content: ''; position: absolute; height: 22px; width: 22px; border-radius: 0 22px 22px 0; background: var(--b); top: 8px; left: -20px; }
swbo trcs>trc>i dot:before { content: ''; position: absolute; height: 22px; border-radius: 22px 0 0 22px; background: var(--b); width: 22px; top: 7px; right: -20px; }
swbo trcs>trc>bd>d:last-child:before { display: none; }
swbo trcs>trc>hd>h3 { font-weight: 400; font-size: 1.44em; }

		
/* P2p Bonus */		
spbo nv f { height: 55px; align-items: center; z-index: 22; display: grid; grid-template-columns: 55px auto 18%; background: var(--b1); }
spbo nv a { font-weight: 400; font-size: 0.88em; }
spbo header { position: sticky; top: 0; z-index: 99; }
spbo trcs>trc { padding: 11px; font: inherit; font-size: 0.77em; vertical-align: baseline; border: 0; margin: 11px 0; display: flex; background: var(--b1); margin-bottom: 11px; flex-direction: column; }
spbo trcs>trc>hd { display: flex; gap: 5px; color: var(--b2); height: 100%; align-items: center; border-bottom: solid 0.1px var(--bc); width: 100%; justify-content: space-between; border-radius: 0px; background: unset; padding-bottom: 11px; }
spbo trc>hd cn { display: grid; gap: 7px; }
spbo trc>bd { display: grid; gap: 0px; margin-top: 11px; }
spbo trcs>trc>bd>d { display: grid; grid-template-columns: auto auto; justify-content: space-between; margin-left: 22px; position: relative; }
spbo trcs>trc>bd>d:before { content: ''; position: absolute; height: 100%; width: 2px; border-left: dotted 1.6px var(--a); left: -16px; top: 10px; }
spbo trc>bd d:after { content: ''; position: absolute; height: 12px; width: 12px; background: var(--a); border-radius: 50%; box-shadow: inset 0 0 0 3px rgb(255 255 255); border: solid 1px var(--a); left: -22; top: 8px; }
spbo trc>bd>d>h4 { font-weight: 400; margin: 7px 0; font-size: 1.33em; }	
spbo trc>i dot { width: 100%; border: dashed 1px var(--b1t); }
spbo trc>i dot:before { content: ''; position: absolute; height: 22px; border-radius: 22px 0 0 22px; background: var(--b); width: 22px; top: 11px; right: -20px; }
spbo trc>i dot:after { content: ''; position: absolute; height: 22px; width: 22px; border-radius: 0 22px 22px 0; background: var(--b); top: 11px; left: -20px; }
spbo trcs>trc>i { height: 35px; width: auto; background: var(--b1); display: none; justify-content: unset; border-radius: unset; position: relative; }
spbo trcs>trc>i dot:after { content: ''; position: absolute; height: 22px; width: 22px; border-radius: 0 22px 22px 0; background: var(--b); top: 8px; left: -20px; }
spbo trcs>trc>i dot:before { content: ''; position: absolute; height: 22px; border-radius: 22px 0 0 22px; background: var(--b); width: 22px; top: 7px; right: -20px; }
spbo trcs>trc>bd>d:last-child:before { display: none; }
spbo trcs>trc>hd>h3 { font-weight: 400; font-size: 1.44em; }
	
	
/* Transactions history */		
strs nv f { height: 55px; align-items: center; z-index: 22; display: grid; grid-template-columns: 44px 0px auto 33px; background: var(--b1); }
strs header { position: sticky; top: 0; z-index: 99; }
strs trcs>trc { padding: 11px; font: inherit; font-size: 0.77em; vertical-align: baseline; border: 0; margin: 0px 11px; display: flex; background: var(--b1); margin-bottom: 7px; flex-direction: column; }
strs trcs>trc>hd { height: auto; width: auto; margin: 0; display: flex; justify-content: end; font-size: 1.66em; border-radius: 0; margin-bottom: 11px; color: var(--at); }
strs trc>hd cn { display: grid; gap: 7px; }
strs trc>bd { display: grid; gap: 0px; }
strs trc>bd cc btn { height: 33px; width: 33px; padding: 4px; display: flex; align-items: center; filter: brightness(0.5); }
strs ad>bl>hd>select { height: 100%; padding: 11px; border-radius: 5px; }
strs trcs>trc>bd>d { display: grid; grid-template-columns: auto auto; justify-content: space-between; margin-left: 22px; position: relative; font-weight: bold; color: var(--b1t77); }
strs trcs>trc>bd>d:before { content: ''; position: absolute; height: 100%; width: 2px; border-left: dotted 1.6px var(--a); left: -16px; top: 10px; }
strs trcs>trc:first-child { margin-top: 0px; }
strs trc>bd d:after { content: ''; position: absolute; height: 12px; width: 12px; background: var(--a); border-radius: 50%; box-shadow: inset 0 0 0 3px rgb(255 255 255); border: solid 1px var(--a); left: -22; top: 8px; }
strs trc>bd>d>h4 { font-weight: bold; margin: 4px 0; font-size: 0.8rem; }
strs trc>i dot { width: 100%; border: dashed 1px var(--b1t); }
strs trc>i dot:before { content: ''; position: absolute; height: 22px; border-radius: 22px 0 0 22px; background: var(--b); width: 22px; top: 11px; right: -20px; }
strs trc>i dot:after { content: ''; position: absolute; height: 22px; width: 22px; border-radius: 0 22px 22px 0; background: var(--b); top: 11px; left: -20px; }
strs trcs>trc>i { height: 35px; width: auto; background: var(--b1); display: none; justify-content: unset; border-radius: unset; position: relative; }
strs trcs>trc>i dot:after { content: ''; position: absolute; height: 22px; width: 22px; border-radius: 0 22px 22px 0; background: var(--b); top: 8px; left: -20px; }
strs trcs>trc>i dot:before { content: ''; position: absolute; height: 22px; border-radius: 22px 0 0 22px; background: var(--b); width: 22px; top: 7px; right: -20px; }
strs trcs>trc>bd>d:last-child:before { display: none; }
strs trcs>trc>hd>h3 { font-weight: 400; font-size: 1.44em; }

	
/* customize more transaction component */
cmbo { display: grid; grid-template-columns: 77px 77px 77px; align-items: center; background: var(--b1); padding: 18px; margin: 4px 0; border-radius: 5px; justify-content: center; }
cmbo i:nth-last-child(1) { background: var(--lg); transform: rotate(179deg); } 
cmbo i { background: var(--V0); height: 34px; width: 34px; margin: auto; border-radius: 3px; }
cmbo svg:first-child { fill: var(--b1t); height: 24px; }
cmbo t { text-align: center; color: var(--b1t); }
cmbo i:nth-last-child(1) { background: var(--lg); transform: rotate(179deg); }
cmbo svg:first-child { fill: var(--b1t); height: 24px; }

	
/* P2p bonus*/		
cepo>ft { border: none; display: block; }
p2p cepo { margin: 0; margin-top: 11px; border-radius: 11px; }

	
/* P2p Plan */		
sppo nv gg { background: var(--b1); }
sppo header { position: sticky; top: 0; z-index: 99; }

	
/* Deposit Pay Plan */		
sdppo nv gg { background: var(--b1); }
sdppo header { position: sticky; top: 0; z-index: 99; }

		
/* Withdraw viewplan */	
swpo nv gg { background: var(--b1); }
swpo header { position: sticky; top: 0; z-index: 99; }
	
	
/* Fund Plan component */	
funds { position: relative; background: var(--b1); display: grid; margin: 5px; padding: 0; border-radius: 11px; padding-top: 0; }	
funds .promotio { padding: 0; margin: 0; font: inherit; font-size: 0.77em; vertical-align: baseline; border: 0; display: flex; border-radius: 11px 11px 0px 0px; background: var(--a); justify-content: space-between; white-space: nowrap; }
funds .promotio .item { padding: 20px 6px; margin: 0; font: inherit; font-size: 1em; vertical-align: baseline; border: 0; color: var(--b); font-weight: bold; }
funds trc { padding: 11px; margin: 0; font: inherit; font-size: 0.77em; vertical-align: baseline; border: 0; display: flex; align-items: center; margin: 2px 0; justify-content: space-between; }
funds .item { margin: 0; font: inherit; font-size: 0.99em; vertical-align: baseline; border: 0; text-align: center; font-weight: bold; color: var(--b1t77); width: 100%; padding: 0 6px; }
funds .icon-LV { display: grid; justify-content: center; align-items: center; }
funds .icon-LV img { height: 45px; filter: hue-rotate(99deg) !important; }
funds .icon-LV>i { height: 80%; width: 80%; }	
funds .promotion-title { position: absolute; font-weight: bold; text-shadow: 1.4px 1.1px 3px #00000073; top: 11px; left: 0; right: 0; text-align: center; color: var(--b); }
funds .promotion-txt p { padding: 0; margin: 0; font: inherit; font-size: 15px; vertical-align: baseline; border: 0; opacity: 0.4; font-weight: 500; }
funds .ruleHead { position: relative; background: var(--b1); display: grid; margin: 19px 11px; padding: 11px; border-radius: 11px; padding-top: 0; align-items: center; }
funds .ruleHead i { display: block; width: 100%; margin: 0 auto; height: 40px; }
funds span.txt { display: block; position: absolute; left: 33px; margin-top: 11px; color: var(--b); font-size: 0.88em; }

	
/* divider Component */	
divider { display: grid; position: relative; grid-template-columns: auto min-content auto; width: 80%; margin: 11px auto; align-items: center; }
divider>d { height: 1px; background: var(--bc); }
divider t { text-align: unset; font-size: 1em; margin: 0 7px; font-weight: bold; opacity: 0.7; white-space: nowrap; }
	
	
/* Title Header Component */
chto { padding: 11px; background: var(--b1); border-radius: 11px; margin: 11px; padding-top: 0; display: block; }
chto>hd { height: 35px; display: grid; margin-bottom: 22px; position: relative; color: var(--b1); }
chto>hd>i { display: block; width: 100%; margin: 0 auto; height: 40px; }
chto>hd t { position: absolute; font-weight: bold; text-shadow: 1.4px 1.1px 3px #00000073; top: 11px; left: 0; right: 0; text-align: center; }
chto>bd>p { line-height: 1.33em; margin: 4px 0; opacity: 0.8; }	

	
/* TRXQR */	
stxo header { position: sticky; top: 0; z-index: 99; }
stxo nv gg { background: var(--lg); color: var(--b); }
stxo nv back svg { filter: invert(1); }
stxo cryptoo>bd>grid { border-radius: 11px; box-shadow: inset 0px 0px 0 4px var(--a); padding: 11px; margin: 11px; }
stxo cryptoo grid>bl { margin: 0; background: var(--lg); margin-bottom: 6px !important; color: var(--b); border-radius: 11px; padding: 11px; }
stxo bl.amount bd { margin-top: 11px; }
stxo cryptoo .code>p:last-child { text-align: center; font-size: 1em; padding: 0 22px; font-weight: 400; }
stxo cryptoo>hd { background: var(--lg); padding: 11px; margin: 10px; border-radius: 11px; display: block; margin-top: 22px; }
stxo cryptoo>hd>div { border-radius: 11px; padding: 11px 11px; margin: 0px; background: var(--b1); }
stxo cryptoo bl dinfo { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; }

	
	
/* USDTQR */	
suso header { position: sticky; top: 0; z-index: 99; }
suso nv gg { background: var(--lg); color: var(--b); }
suso nv back svg { filter: invert(1); }
suso cryptoo>bd>grid { border-radius: 11px; box-shadow: inset 0px 0px 0 4px var(--a); padding: 11px; margin: 11px; }
suso cryptoo grid>bl { margin: 0; background: var(--lg); margin-bottom: 6px !important; color: var(--b); border-radius: 11px; padding: 11px; }
suso bl.amount bd { margin-top: 11px; }
suso cryptoo .code>p:last-child { text-align: center; font-size: 1em; padding: 0 22px; font-weight: 400; }
suso cryptoo>hd { background: var(--lg); padding: 11px; margin: 10px; border-radius: 11px; display: block; margin-top: 22px; }
suso cryptoo>hd>div { border-radius: 11px; padding: 11px 11px; margin: 0px; background: var(--b1); }
suso cryptoo bl dinfo { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; }

	
/* INRQR */	
sino header { position: sticky; top: 0; z-index: 99; }
sino nv gg { background: var(--lg); color: var(--b); }
sino nv back svg { filter: invert(1); }
sino cdsfs>bd>div>bd { display: grid; grid-template-columns: 50% 50%; }

	
/* Balance Wallet */	
cwlo { display: block; background: var(--lg-bl); border-radius: 0; margin: 0; padding: 11px; color: var(--b); margin: 5px 11px; border-radius: 11px; }
cwlo>hd { padding: 11px; border-radius: 22px; display: block; }
cwlo>bd>h1 { display: grid; grid-template-columns: auto 22px; width: fit-content; margin: auto; gap: 11px; }
cwlo balance { margin: 4px 0; font-size: 0.88em; font-weight: 400; display: block; }
cwlo balance>b { font-size: 1em; font-weight: 400; }
cwlo btn>svg { fill: var(--b); }
cwlo>bd>h6>t { font-size: 1.35em; font-weight: 400; font-family: fangsong; letter-spacing: 0.55px; }

	
/* Nav Balance  */	
nav balance { display: grid; align-items: center; justify-content: center; background: rgb(255 95 94 / 25%); padding: 0 22px; border-radius: 22px; border: solid 2px rgb(255 95 94 / 25%); color: var(--a); height: 33px; width: fit-content; margin: auto; }
nav balance>cc { display: flex; align-items: center; gap: 4px; }
nav balance>cc>b { filter: unset; font-weight: 400; font-size: 1em; }

nav balance>cc h1 { font-size: 1.11em; background: var(--lg-bl); -webkit-text-fill-color: transparent; background-clip: text; }
	
	
/* Alert Line Commponent */
calo { display: flex; align-items: center; text-align: center; padding: 11px; margin: 11px 5px; justify-content: center; color: #ff4a4a; filter: hue-rotate(-258deg); gap: 22px; }
calo h4 { font-weight: 500; letter-spacing: 0.6; font-size: 0.9em;}
calo>i:last-child { transform: rotate(180deg); }
calo>i { height: 33px; width: 33px; animation: blink 1s linear infinite; }
calo svg, calo path { stroke: #ff4a4a; fill: #ff4a4a; }

	
	
/* not verified number alert */
cuno>i>svg { fill: #fe6c6c; }
cuno>i { display: block; height: 11px; width: 11px; margin: auto; }
cuno { display: none; grid-template-columns: 22px auto; align-items: center; gap: 2px; color: #fe6c6c; filter: hue-rotate(121deg); padding: 0 11px; }
	
	
/* Buggs */	
spgo header { position: sticky; top: 0; z-index: 9999; }
spmo header { position: sticky; top: 0; z-index: 999; }
spmo nv back { height: 33px; width: 33px; margin: auto; }
sdso amount bl>bd>input { background: unset; margin: 0; width: 100%; height: 100%; }
.bl_balance { margin: 0; }
.announcement { border-radius: 33px; background: var(--b1); }	
pgat>img { height: 100%; width: 100%; }	
img.offerb { opacity: 0.07; }	
cdsfs .QR hd::before, cdsfs .QR hd::after { width: 39%; z-index: 0; }
cdsfs nv gg>i>svg { fill: var(--b); }
cdsfs .QR ft::before, cdsfs .QR ft::after { width: 39%; z-index: 0; }
sdso nv op { height: 33px; width: 33px; }
sdso nv back { height: 33px; width: 33px; }
sdso header { position: sticky; top: 0; z-index: 99; }
sdplo nv gg { background: var(--b1); }
sdplo header { position: sticky; top: 0; z-index: 99; }
sspo nv gg { background: var(--b1); }
sspo header { position: sticky; top: 0; z-index: 99; }
cpfsp bl:nth-child(5) { padding: 18px 0; }
ctbo transactions>div>hd { display: grid; grid-template-columns: 33px auto; align-items: center; }
ctbo transactions>div>hd>i { height: 33px; width: 33px; }	
ad>bl>hd, ad>bl>bd { align-items: center; margin: 0 4px; padding: 0 11px; height: 50px; border-radius: 5px; }
ad>bl>hd { grid-template-columns: 91% 8%;; }
ctbo h mg a { padding: 11px; }
ad>bl>hd select, ad>bl>bd select { background: none !important; }
ctbo h mg a t { font-size: 0.66em; font-weight: bold; text-align: center; }
scsaI trcs trc { border-radius: 11px; }
.Theme2 .User cddb trc hd t, b, b1, b2, cdtb trc hd t, b, b1, b2 { filter: hue-rotate(90deg); }
ad { display: block; margin: 0; }	
ad bl { grid-template-columns: 50% 50%; gap: 0; }
sdso amount { margin-bottom: 11px; }
p2p header { position: sticky; top: 0; z-index: 99; }
stpn nv gg { background: var(--b1); }
stpn header { position: sticky; top: 0; z-index: 99; }
bl.aaaa bl { position: relative; height: 66px; }
language nv gg { background: var(--b1); }
language header { position: sticky; top: 0; z-index: 99; }
sdpo trc bd cn btn { height: 22px; width: 22px; }
activity header { position: sticky; top: 0; z-index: 99; }
cpft cpf bd btn { display: block; height: 33px; width: 33px; padding: 6px; }
cm main refered trcs>trc { margin: 5px !important; }
spmo nv a { font-weight: 400; }
spmo nv div { text-align: center; }
stcn transactions div>hd { padding: 0; }
scsaI bd cn:nth-child(3) cc { color: green; filter: hue-rotate(162deg); }
scsaI trcs>trc>bd cn>cc { font-size: 1.11em; }
scsaI trcs>trc>hd { margin-bottom: 11px; }
swno header { position: sticky; top: 0; z-index: 99; }
	
	
	
/* Common CSS */	
.none { display: none !important}	
no img, no t { opacity: 0.3; padding: 0; }
header h3 { font-weight: 500; letter-spacing: 1px; }
sl input:focus { border: 1px solid var(--bc); }
.cyellow { color: var(--at); }
talk img { filter: drop-shadow(0px 0px 4px var(--a)); animation: pulse 3s infinite; }
.cred, .cgreen { filter: hue-rotate(133deg); }

	
/* Animations */
	
@keyframes rotating {
0% { -webkit-transform: rotate(0deg); } 
100% { -webkit-transform: rotate(360deg); }	
}
	
	
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.22); }

100% { transform: scale(1); } 
}
	
	
@keyframes blink {

0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}