@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:wght@400;700&display=swap" rel="stylesheet"');
body{font-family:"Noto Sans", sans-serif;line-height:1.4;font-size:14px;margin:0 auto;color:#414655;max-width:991px;padding-bottom:15%;background-color:#000000;}
a{text-decoration:none;cursor:pointer;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
a:hover, a:focus{text-decoration:none;}
img{max-width:100%;}
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="number"], textarea, select{color:#777777;width:100%;}
button:focus, input:focus, select:focus{outline:none;}
body.gry{background:#000000;}
/** Header **/.header-top{padding:5px 0;position:fixed;top:0;width:100%;max-width:991px;z-index:99;background:#000000;}
.logo{max-width:130px;}
.inbox-icon{position:relative;color:#ffffff;}
.inbox-icon::after{content:'';width:4px;height:4px;background:#FB0000;border-radius:50%;display:block;position:absolute;top:3px;right:0;}
.title-top{padding:8px 5px;font-size:18px;color:#ffffff;text-align:center;background:#4d4d4d;position:relative;border-bottom:1px solid #7a7a7a;}
.left-btn{position:absolute;left:2%;color:#8e8e8e;}
.right-btn{position:absolute;right:2%;color:#8e8e8e;font-size:22px;}
.right-btn a, .right-login-btn a{color:#c3c3c3;margin-right:5px;}
.right-btn-1{position:absolute;right:2%;top:1%;font-size:17px;}
.right-btn-1 a{color:#414655;}
.right-member{display:flex;width:100%;align-items:center;grid-gap:10px;padding:0 10px;justify-content:space-between;}
.right-member .btn-login{padding:6px;background:transparent;width:90px;text-align:center;border-radius:5px;font-weight:600;color:#fff;text-transform:uppercase;font-size:13px;border:1px solid #fff;}
.right-member .btn-reg{padding:5px;width:90px;text-align:center;border-radius:5px;font-weight:600;color:#000;text-transform:uppercase;font-size:13px;border:1px solid #03d5d7;background:linear-gradient(to bottom, rgba(0,218,211,1) 0%, rgba(32,155,255,1) 100%);}
.right-login-btn{float:right;color:#8e8e8e;font-size:22px;}
.lang-box{display:inline-block;width:25%;float:right;padding:2px 0;}
.lang-btn{background:transparent;border:1px solid transparent;}
.lang-btn:focus{outline:none;}
.lang-btn.dropdown-toggle::after{color:#fff;}
.dropdown-menu.language{padding:0 5px;background:rgba(0,0,0,0.7);min-width:auto;border:none;}
.dropdown-menu.language a{padding:1px 5px;}
.dropdown-menu.language a:hover{background:transparent;}
.dropdown-menu.language a:hover img{filter:drop-shadow(0px 0px 2px #fff);}
a.tokenbox{font-size:14px;vertical-align:middle;}
a.tokenin{font-size:15px;color:#fff;display:flex;justify-content:flex-end;align-items:center;}
/** Home **/.mobile-slider{margin-top:50px;}
.mobile-slider .carousel-inner{border-radius:8px;}
.annouce-sec{padding:3px 0;background:#000000;border-left:none;border-right:none;height:33px;color:#fff;font-size:13px;}
.annuuce-wrapper{display:grid;grid-template-columns:10% auto;}
.speaker-icon{color:#e0d0c6;font-size:18px;}
.anouce-msg{align-self:center;color:#fff;}
.no-sign-wrapper{padding:2px 0;}
.no-sign{color:#6c717c;font-size:15px;}
.pls-sign a{color:#babdc5;font-size:12px;}
.slct-wrapper{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;align-items:center;}
.slct-wrapper a{display:block;color:#8b8b8b;text-align:center;font-size:11px;font-weight:700;}
.slct-wrapper a img{display:block;margin:auto;max-width:32px;}
.game-sec{padding:10px 0;}
.nav-pills.game-nav{padding-right:5px;gap:3px;}
.nav-pills.game-nav .nav-link.active, .nav-pills.game-nav .show>.nav-link{color:#000;background:linear-gradient(to bottom, rgba(0,218,211,1) 0%, rgba(32,155,255,1) 100%);}
.nav-pills li.nav-item{width:100%;text-align:center;}
.nav-pills.game-nav .nav-link{display:flex;border-radius:10px;padding:2px 2px 2px 0px;margin-bottom:3px;color:#ffffff;text-align:center;background:#2a2b2f;font-size:11px;font-weight:bold;height:45px;justify-content:center;align-items:center;color:#a2a7ab;text-transform:uppercase;word-break:break-word;display:flex;flex-direction:column;}
.game-nav .nav-link img{max-width:36px;display:block;margin:auto;margin-bottom:2px;filter:invert(1);opacity:0.5;}
.tab-content.game{padding:0;padding-left:3px;}
.tab-content.game a img{border-radius:10px;margin-bottom:10px;border:1px solid #00dad1;}
.gwrap_2 a img , .gwrap_3 a img{width:48%;display:inline-block;}
.gwrap_2 a:nth-of-type(2n) img{margin-left:5px;}
.gwrap_3 a.wdimg img{width:100%;}
.menu-btm{position:fixed;max-width:991px;width:100%;bottom:0;background:rgba(0,0,0,.9);z-index:99;}
.menu-wrapper{display:grid;grid-template-columns:repeat(5,1fr);text-align:center;padding:5px;border-radius:16px 16px 0 0;box-shadow:0px -3px 5px 0px rgba(0,0,0,0.1);}
.menu-wrapper a{color:#9aa4c2;font-size:11px;}
.menu-wrapper a img{max-width:35%;display:block;margin:auto;filter:brightness(0) saturate(100%) invert(62%) sepia(99%) saturate(1479%) hue-rotate(129deg) brightness(97%) contrast(103%);}
.menu-wrapper a .active-img{display:none;}
.menu-wrapper a.active{color:#00dad1;}
.menu-wrapper a.active .active-img{display:block;}
.menu-wrapper a.active .com-img{display:none;}
/** Promotion **/.mix{display:none;}
.filter-menu-bar{overflow:auto;white-space:nowrap;box-shadow:0px 2px 7px -1px rgba(0,0,0,0.1);}
.pmbox{display:inline-block;text-align:center;margin:5px 7px 0;border-bottom:2px solid transparent;padding:5px 0 11px;font-size:15px;color:#a5a9b3;}
.pmbox.active{border-bottom:2px solid #00dad1;color:#fff;text-shadow:0px 0px 5px #00dad1;filter:drop-shadow(0 0 4px #00dad1);}
.promo-content{padding:15px;}
.promo-bx{position:relative;padding:5px;background-color:#292929f0;margin-bottom:10px;}
.promo-tag{position:absolute;max-width:15%;left:-4px;top:0;z-index:2;}
.pm-boxer{position:relative;overflow:hidden;border-radius:5px;margin-bottom:5px;}
.date-promo{position:absolute;left:0;bottom:9%;background:rgba(255,255,255,0.9);border-radius:0 15px 15px 0;z-index:2;font-size:2.7vw;padding:3px 8px;color:#1A1A1A;}
.date-promo i{color:#505050;}
.pmbx{box-shadow:0px 2px 5px 0px #ffc1077d;padding:20px 15px;border-radius:8px;margin-bottom:15px;color:#c7c8ca;}
.prosm-title{color:#d2b79c;text-align:center;font-weight:600;font-size:18px;margin-bottom:15px;}
.ptable{overflow:auto;border-radius:8px;}
.promo-table{text-align:center;}
.promo-table tr th{background:#846f5b7a;color:#fff;font-weight:500;padding:8px 3px;border:1px solid #9c7979;}
.promo-table tr td{background:#ceb3997a;padding:8px 3px;border:1px solid #9c7979;}
/** Profile **/.profile-sec{background:#1f0d03;border-radius:0 0 12px 12px;margin-bottom:10px;color:#fff;}
.profile-user{display:grid;grid-template-columns:70px auto 15px;grid-gap:10px;padding:10px 0 15px;}
.propic{max-width:70px;}
.playerinfo{align-self:center;}
.playername{color:#fff;font-weight:600;font-size:19px;}
.vip-lvl{background:#e1c8ba;color:#fff;font-size:11px;text-transform:uppercase;padding:1px 4px;border-radius:5px;margin-left:5px;}
.plycap{color:#acafb9;font-size:12px;margin-top:4px;}
.grey{align-self:center;}
.grey a{font-size:15px;color:#DBDBDB;}
.vip-mall{background:#fff;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.1);border-radius:12px;display:grid;grid-template-columns:repeat(2,1fr);padding:7px 20px;}
.vip-priv{display:grid;grid-template-columns:30% 70%;}
.vptitle{align-self:center;color:#313e4a;font-size:19px;font-weight:700;}
.vptitle span{display:block;color:#c2c5cb;text-transform:uppercase;font-size:10px;font-weight:400;}
.player-wallet-wrapper{display:grid;grid-template-columns:repeat(3,1fr);padding:15px 3px;}
.player-wallet-wrapper a{display:block;text-align:center;color:#b8a18b;font-weight:700;line-height:1;font-size:13px;}
.player-wallet-wrapper a.active img{filter:hue-rotate(280deg) contrast(2) sepia(1) saturate(2);}
.player-wallet-wrapper img{display:block;margin:auto;max-width:50%;}
.profile-1{background:#2f170900;padding:20px 0;}
.record-wrapper{display:grid;grid-template-columns:auto auto 15px;align-items:center;padding:12px 0;}
.rtitle{color:#414655;}
.rtitle i{color:#8998b4;margin-right:5px;font-size:18px;}
.rcaption{color:#d5d7df;font-size:12px;text-align:right;padding-right:10px;}
/** Wallet **/.wallet-sec{background:#4d4d4d;padding:15px 5px 45px 0;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.1);border-radius:0px;color:#fff;}
.total-amt-wrapper{display:grid;grid-template-columns:70% 30%;margin-bottom:15px;}
.remaining{font-size:18px;font-weight:600;color:#fff;}
.remaining.unit{font-size:12px;font-weight:400;}
.remaining a i{color:#00dad1;}
.totaldp{align-self:end;text-align:right;}
.dps-btn{background:linear-gradient(to right, rgba(154,164,194,1) 0%, rgba(100,112,149,1) 100%);color:#fff;border:none;border-radius:30px;font-size:12px;padding:5px 19px 6px;box-shadow:0px 2px 5px 0px rgba(0,0,0,0.4);}
.taowapper{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0 15px;text-align:center;background-color:#323337;margin:0 10px;border-radius:5px;margin-top:-32px;}
.taowapper a{display:block;color:#fff;font-size:10px;font-weight:700;}
.taowapper a.active img{filter:brightness(0) saturate(100%) invert(62%) sepia(99%) saturate(1479%) hue-rotate(129deg) brightness(97%) contrast(103%);}
.taowapper a.active{color:#00dad1;}
.taowapper a img{display:block;max-width:34px;margin:0 auto;filter:grayscale(1);}
.wallet-detail{border-top:1px solid #f3f3f3;padding:12px 0;display:grid;grid-template-columns:repeat(2,1fr);}
.wd-caption{color:#00dad1;font-size:12px;text-align:right;font-weight:300;align-self:center;}
.wpbox{background:#4d4d4d;border-radius:4px;}
.walet-wrap{display:grid;font-size:12px;color:#00dad1;font-weight:500;text-align:center;padding:15px 0;}
.wamot{color:#00dad1;font-weight:600;font-size:15px;}
.wwb{position:relative;}
.walet-wrap .wwb:first-child:after{content:"";position:absolute;right:0;top:24%;height:20px;width:1px;background:#eee;}
.provider-wrapper{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;}
.pwbox{color:#00dad1;font-size:12px;padding:12px 1px;position:relative;}
.pamount{display:block;color:#a5a9b3;font-size:11px;font-weight:700;}
.provider-wrapper .pwbox:after{content:"";position:absolute;right:0;top:32%;height:20px;width:1px;background:#b8b8b8;}
.provider-wrapper .pwbox:nth-of-type(4n):after{content:none;}
.wallet-1{padding:18px 0;}
.wtitle{display:flex;justify-content:space-between;}
.wtitle h3{position:relative;font-size:17px;font-weight:700;padding-left:9px;}
.wtitle h3:before{position:absolute;left:0;top:0;content:"";width:3px;height:20px;background-image:linear-gradient(180deg,#d5b79d 4%,#f6e8dd);}
.wtcap{color:#d6ac83;font-size:12px;}
.wtitle i{font-size:8px;color:#a5a9b3;padding-left:5px;}
.wuser-wrapper{display:grid;grid-template-columns:repeat(4,1fr);padding:15px 0;}
.wuser-wrapper a{display:block;color:#878787;font-size:12px;text-align:center;}
.wuser-wrapper a img{display:block;max-width:30%;margin:auto;margin-bottom:7px;}
.gif-img img{border-radius:45px;}
.norecord{padding:30px;color:#ADADAD;font-size:13px;text-align:center;}
/** Withdraw & Transfer **/.withdraw-sec{background:#f3f2f2;border-radius:8px;margin-top:10px;padding:10px 0;}
.wallet-money{color:#00dad1;font-size:15px;font-weight:600;}
.wallet-money i{color:#d3b9a0;}
.onebutton{color:#d3b9a0;}
.card-btm{margin-top:10px;font-size:12px;background:#2f170900;padding:20px 0 40px 0;border-radius:6px;}
.addcard{background:#2f1709;padding:14px;text-align:center;display:block;color:#d2b79c;font-weight:600;font-size:15px;}
.bind{padding:10px;color:#a5a9b3;font-size:12px;}
.trans-btm{background:#2f170900;margin-top:10px;padding:20px 0;font-size:12px;}
.auto-trans{padding:2px;font-weight:600;font-size:16px;color:#414655;}
/** Toggle Button **/.btn-toggle{margin:auto;padding:0;position:relative;border:none;height:1.5rem;width:3rem;border-radius:1.5rem;color:#6b7381;background:#bdc1c8;float:right;}
.btn-toggle:focus,.btn-toggle.focus,.btn-toggle:focus.active,.btn-toggle.focus.active{outline:none;box-shadow:none;}
.btn-toggle:before,.btn-toggle:after{line-height:1.5rem;width:4rem;text-align:center;font-weight:600;font-size:0.75rem;text-transform:uppercase;letter-spacing:2px;position:absolute;bottom:0;transition:opacity 0.25s;}
.btn-toggle > .handle{position:absolute;top:0.1875rem;left:0.1875rem;width:1.125rem;height:1.125rem;border-radius:1.125rem;background:#fff;transition:left 0.25s;}
.btn-toggle.active{transition:background-color 0.25s;}
.btn-toggle.active > .handle{left:1.6875rem;transition:left 0.25s;}
.btn-toggle.active:before{opacity:0.5;}
.btn-toggle.active:after{opacity:1;}
.btn-toggle.active{background-color:#7d87a5;}
/** Card **/.card-sec{background:#fff;padding:30px 15px 15px;}
.cardbox{padding:10px 0;font-size:15px;}
.cardbox input, .cardbox select{border:none;padding:7px 0;background:transparent;}
.cardbox label{font-weight:300;margin-bottom:1px;}
.cardbox input::placeholder, .cardbox select{color:#B5B5B5;font-weight:300;}
.notc{padding:10px 15px;margin:0 -15px;color:#a5a9b3;font-size:12px;font-weight:300;background:#f8f8f8;}
.cardfirm{color:#a5a9b3;font-size:12px;font-weight:300;padding:13px 0;}
button.nextbtn{background:#00dad1;color:#fff;border:1px solid #00dad1;font-size:18px;width:100%;font-weight:500;padding:11px;border-radius:6px;margin-top:15px;}
.help-sec{padding:30px 0;font-size:15px;text-align:center;color:#B7B7B7;}
.cardm-sec{padding:30px 0;}
.nocard{max-width:50%;margin:auto;}
.addcard-btn{background:#fff;display:block;padding:25px;font-size:17px;font-weight:600;color:#414655;text-align:center;border-radius:8px;}
.cardsup{color:#a5a9b3;text-align:center;padding:10px;}
/** Deposit **/.bank-input-wrap{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;}
.bank-input-wrap label [type=radio]{position:absolute;opacity:0;width:0;height:0;}
.bank-input-wrap label [type=radio] + img{cursor:pointer;}
.bank-input-wrap label [type=radio]:checked + img{border:1px solid #d2b79c;background:url(../images/tick.png)no-repeat;background-size:25%;background-position:right bottom;transition:none;}
.bank-input-wrap label img{border:1px solid #E4E4E4;border-radius:6px;padding:8px 16px;}
.bank-input-wrap label{max-width:70px;margin:auto;text-align:center;}
span.bank-type{font-size:12px;}
.deposit-sec{padding:15px 0 0;margin-top:10px;}
.bank-choice{background:#f3f2f2;padding:5px 0;margin-top:10px;}
.bank-select select{border:none;padding:10px;background:transparent;color:#fff;}
.bank-select select option{color:#000;}
.amount-input-wrap{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;margin:15px 0;}
.amount-input-wrap label [type=radio]{position:absolute;opacity:0;width:0;height:0;}
.amount-input-wrap label [type=radio] + div{cursor:pointer;text-align:center;padding:9px 0px;font-size:13px;font-weight:500;border-radius:6px;border:1px solid #E4E4E4;color:#E4E4E4;}
.amount-input-wrap label [type=radio]:checked + div{border:1px solid #d2b79c;background:url(../images/tick.png)no-repeat;background-size:25%;background-position:right bottom;transition:none;color:#d2b79c;}
.amount-input-wrap label{margin-bottom:0;}
.bank-wrap{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px 0;}
.bank-wrap label{margin:0 4px;margin-bottom:0;display:flex;justify-content:center;line-height:1.1;height:100%;font-weight:400 !important;}
.bank-wrap label [type=radio]{position:absolute;opacity:0;width:0;height:0;}
.bank-wrap label [type=radio] + .bank-type{cursor:pointer;}
.bank-wrap label [type=radio] + .bank-type img{cursor:pointer;filter:drop-shadow(0 1px 1px rgb(0,0,0,0.7));}
.bank-wrap label [type=radio]:checked + .bank-type{border:1px solid #d2b79c;background:#d2b79c;color:#fff;}
.bank-wrap label [type=radio]:checked + .bank-type img{filter:drop-shadow(0 1px 1px rgb(0,0,0,0.7));}
.bank-wrap label .bank-type{border:1px solid #d2b79c;border-radius:6px;color:#000;font-size:13px;padding:5px 6px;background:#fff;display:grid;width:100%;text-align:center;align-items:center;height:40px;}
/** messagecenter **/.messagecenterbody{background-color:#f8f8f8;}
.nav-pills.messagemain{justify-content:center;box-shadow:-1px 2px 4px 0px rgba(186, 186, 186, 0.2);padding:5px 0px 0px 0px;background-color:#fff;}
.nav-pills.messagemain li.nav-item{width:auto;text-align:center;margin-right:5%;margin-left:5%;}
.nav-pills.messagemain li.nav-item a{color:#c5c5c5;}
.nav-pills.messagemain .nav-link.active{background-color:transparent;border-bottom:2px solid #d2b79c;color:#000;border-radius:unset;}
.nav-pills.messagemain .nav-link.info{position:relative;}
.nav-pills.messagemain .nav-link.info .info_notiy{position:absolute;display:inline-block;padding:0 .12rem;line-height:0.3rem;background:#db6372;border-radius:3.15rem;color:#fff;top:0.2rem;margin-left:0.04rem;height:18px;width:18px;}
.nav-pills.messagemain .nav-link.info .info_notiy span{top:6px;position:absolute;left:5px;}
.messagesubtab ul{list-style-type:none;padding-left:0px;}
.messagesubtab ul li{background-:#2f1709;max-height:60px;padding:10px;border-bottom:1px solid rgba(220, 220, 220, 0.2);}
.messagesubtab ul li a{display:flex;}
.messagesubtab ul li img{max-width:35px;}
.messagesubtab ul li .imp{border:1px solid #ff4949;border-radius:5px;font-size:10px;padding:1px;color:#ff4949;margin-left:5px;}
.messagesubtab ul li .title{color:#fff;}
.messagesubtab ul li .date{float:right;font-size:10px;color:#a5a9b3;}
.messagesubtab ul li .info_content{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:250px;color:#a5a9b3;font-size:12px;}
.messagecontent, .message-wrapper{color:#fff;}
.messagesubtabread ul{list-style-type:none;padding-left:0px;background-color:#fff;}
.messagesubtabread ul li{max-height:60px;display:flex;padding:10px;border-bottom:1px solid rgba(220, 220, 220, 0.2);}
.messagesubtabread ul li img{max-width:35px;}
.messagesubtabread ul li .title{color:#414655;}
.messagesubtabread ul li .date{font-size:10px;color:#a5a9b3;}
.messagesubtabread ul li .info_content{color:#a5a9b3;font-size:12px;}
.vipbody{background-color:#f8f8f8;padding-bottom:0px;}
.vipbg{background:url(../images/vip/userinfo_bg.png)center no-repeat;background-size:100% 100%;}
.userdetails img{width:45px;}
.userbadge img{width:60px;float:right;}
.vipghead00{padding-bottom:25px;color:#414655;font-size:18px;}
.vipghead01{padding-bottom:25px;}
.vipfrom{background:#d2b79c;font-size:10px;border-radius:13px;color:#fff;padding:0px 5px;float:right;margin-top:3px;}
.vipto{background:linear-gradient(270deg,#dde1e6,#b9b0b9);font-size:10px;border-radius:13px;color:#fff;padding:0px 5px;}
.vipbg .progress{height:10px;box-shadow:-1px 2px 4px 0px rgba(112, 112, 112, 0.3);}
.vipbg .progress .progress-bar-striped{background-image:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem;}
.vipbg .progress .progress-bar{background-color:rgb(202, 202, 202);}
.progressicon{display:inline-block;}
.progressicon .fa-sort-down:before{position:absolute;top:13px;width:29px;}
.progresscustom{margin:auto;position:relative;}
.progresspercent{position:absolute;top:-29px;left:-8px;text-align:right;font-size:11px;font-weight:900;}
.progresspercent img{width:30px;margin-top:10px;}
.vipghead02{padding-bottom:25px;}
.currentsaving span{color:#9aa4c2;font-size:10px;}
.currentsaving .saving01{display:list-item;list-style-type:disc;list-style-position:inside;}
.currentsaving .savingamt{color:#414655;font-size:12px;margin-left:5px;}
.controlwalletsection{margin:auto;margin-top:20px;}
.walletcard-item{background:url(../images/vip/card_bg.png)center no-repeat;background-size:100% 100%;padding:20px;position:relative;}
.walletgrid{display:grid;grid-template-columns:repeat(3, 1fr);margin-top:25px;text-align:center;color:#fff;}
.walletgrid .walletgridtitle{font-size:10px;}
.walletcard-item img{width:50px;margin:auto;position:absolute;top:-20px;right:33px;}
.walletcard-item .walletname{font-size:30px;font-weight:900;font-style:italic;color:#fff;text-transform:uppercase;margin-left:17%;}
.slick-list{padding:0 5% 0 5%;margin-left:-10px;margin-right:-10px;}
.slick-slide{margin-left:10px;margin-right:10px;}
.displaywalletcount{margin:30px 0 0 0;text-align:right;font-size:12px;color:#9aa4c2;}
.sectionhead{box-shadow:-1px 2px 4px 0px rgba(186, 186, 186, 0.2);padding-bottom:10px;background-color:#fff;}
.vipexclusivemain{margin-top:10px;background-color:#ffffff;padding:5px 0px 0px 0px;}
.vipexclusivelabel:before{content:"";position:absolute;top:2px;background:linear-gradient(180deg,#d5b79d,#f6e8dd);height:21px;width:5px;left:13px;border-radius:10px;}
.vipexclusive{margin-left:10px;font-size:18px;}
.vipexclusive_inner{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:10px;grid-row-gap:10px;padding:15px;}
.vipexclusive_inner img{min-width:35px;max-width:35px;}
.vipexclusive_inner .vipexclusive_amount{color:#414655;font-size:18px;word-break:break-all;}
.vipexclusive_inner .vipexclusive_title{color:#9aa4c2;font-size:12px;}
.vipexclusive_inner_wrapper{display:flex;}
.vipbonusmain{margin-top:10px;background-color:#ffffff;padding:5px 0px 0px 0px;}
.vipbonus_inner{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:10px;grid-row-gap:10px;padding:15px;text-align:center;}
.vipbonus_inner .vipbonus_amount{word-break:break-all;font-size:20px;color:#d2b79c;}
.vipbonus_inner .vipbonus_amount_sec{word-break:break-all;font-size:12px;color:#d2b79c;}
.vipbonus_inner .vipbonus_title{word-break:break-all;font-size:12px;color:#9aa4c2;}
.vipbonusselect_section{background-image:linear-gradient(270deg,#fcfaf7,#f3ede6);display:flex;margin:auto;width:320px;border-radius:5px;padding:20px 10px;}
.vipbonuslvl{margin-left:45px;width:82px;padding:8px;font-size:12px;color:#fff;border-radius:5px;text-align:center;background-image:linear-gradient(90deg,#dccab7,#d2b597);opacity:0.5;}
.vipbonusselect select{width:108px;border:1px solid #d2b79c;color:#d2b79c;background-color:hsla(0,0%,100%,.5);background:hsla(0,0%,100%,.5);height:30px;font-size:12px;padding:0px;text-align-last:center;border-radius:2px;}
.vipbonusmore_detail{color:#b1987f;}
.tab-content{padding:0px;width:100%;height:100%;padding-bottom:10px;}
.form-group label{color:#00dad1;font-size:13px;font-weight:700;margin-bottom:0px;text-transform:uppercase;}
input.form-control{width:100%;border-radius:5px;padding:10px 25px;font-size:12px;height:40px;margin-top:5px;border:1px solid #00dad1;color:#000000;background:#f6f6f6;}
.box-amount3 ul{display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:1fr;grid-column-gap:10px;grid-row-gap:10px;list-style:none;padding:0;margin-top:10px;margin-bottom:10px;}
.box-amount3 ul li{width:100%;}
.btn-amt{padding:9px 0px;border-radius:10px;font-size:12px;color:#d2b79c;border:1px solid #d2b79c;background:#fff;width:100%;}
.btn-amt:hover{color:#d2b79c;border:1px solid #d2b79c;background:url(../images/tick.png)no-repeat;background-size:25%;background-position:right bottom;}
.btn-amt.active{background:#687dad;color:#fff;}
.btn-submt{width:100%;background:#00dad1;color:#fff;border:1px solid #00dad1;font-size:19px;padding:7px 25px;border-radius:10px;display:block;margin:0px auto;}
select.form-control{width:100%;border-radius:5px;padding:5px 20px;font-size:12px;height:40px;margin-top:5px;border:1px solid #00dad1;color:#000000;background-color:#f6f6f6;}
.btn-top3{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:1fr;grid-column-gap:10px;}
.btn-top3 a{border:1px solid #d2b79c;padding:5px 12px;border-radius:10px;color:#d2b79c;font-size:13px;display:initial;text-align:center;width:100%;}
.btn-top3 a.active{background:#d2b79c;color:#fff;border:1px solid #d2b79c;}
.btn-top3 a:hover{background:#d2b79c;color:#fff;border:1px solid #d2b79c;}
.deposit-choice{background:#f3f2f2;padding:5px 0;margin-top:10px;}
.box-amount ul{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:1fr;grid-column-gap:10px;grid-row-gap:10px;list-style:none;padding:0;margin-top:10px;margin-bottom:10px;}
.box-amount ul li{width:100%;}
.btn-bank{padding:5px 0px;border-radius:10px;font-size:12px;color:#d2b79c;border:1px solid #d2b79c;background:#291407;width:100%;height:44px;font-weight:500;}
.btn-bank:hover{background:#d2b79c;color:#fff;}
.btn-bank img{}
.btn-bank:hover img{filter:invert(82%) sepia(95%) saturate(37%) hue-rotate(4deg) brightness(108%) contrast(108%);}
.deposit-provider{padding:10px 0 0;}
/******************History*********************/.table-responsive{border:none;margin-bottom:0px;}
.history-table tr:nth-child(odd){background:#9e9e9e;}
.history-table tr:nth-child(even){background:rgb(0 0 0 / 57%);}
.history-table tr th{border:1px solid #e7d3bf;padding:4px;background:#565656;text-align:center;color:#fff;}
.history-table tr td{border:1px solid #f2f2f2;padding:10px 4px;text-align:center;color:#ffffff;}
.history-table{font-size:12px;margin-top:15px;}
.box-amount2 ul li{width:100%;}
.box-amount2 ul{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:10px;grid-row-gap:10px;list-style:none;padding:0;}
.deposit-form{padding:15px 0;margin-top:10px;}
.af-date{display:flex;}
.af-date .form-control{width:40%;border-radius:5px;padding:10px 20px;font-size:10px;height:40px;margin-right:10px;text-align:center;}
.af-date .date{width:30%;border-radius:5px;padding:10px 25px;font-size:14px;height:40px;margin-top:5px;margin-right:10px;}
.upload-file{display:flex;position:relative;}
.custom-file-input{position:absolute;z-index:2;margin:0;opacity:0;cursor:pointer;}
.btn-file{background:#00dad1;color:#fff;padding:5px 20px;height:40px;top:6px;position:relative;margin-left:10px;border-radius:5px;border:none;font-size:12px;width:30%;}
.member-sec{padding:15px 0;}
.login-col a{text-decoration:underline;color:#ffffff;}
/** Download **/.download-sec{}
ul#download-tab{background:#fff;display:grid;grid-template-columns:repeat(2,1fr);}
.nav-tabs.download-tabs{border-bottom:none;box-shadow:0px 1px 7px -1px rgba(0,0,0,0.1);}
ul.nav-tabs.download-tabs .nav-link{border-bottom:3px solid transparent;border-top:none;border-radius:0;color:#fff;background-color:#be6543;text-align:center;text-transform:uppercase;font-weight:700;height:100%;}
.nav-tabs.download-tabs .nav-item.show .nav-link, .nav-tabs.download-tabs .nav-link.active{color:#000000;background-color:#00dad1;border-bottom:3px solid #00dad1;}
div#downloadTabContent{padding:20px 0 50px;}
.dlwrapper{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px 15px;}
.dl-item{position:relative;overflow:hidden;border-radius:8px 8px 0 0;}
.play-dl{background:#c87f1a;color:#fff;text-transform:uppercase;font-size:12px;font-weight:500;line-height:1;width:100%;display:grid;grid-template-columns:55px auto;padding:4px 5px;}
.play-dl i, .dl-btn i{font-size:18px;}
.play-dl:focus, .play-dl:hover{background:#b79d84;color:#fff;}
.play-dl div{align-self:center;text-align:center;}
.play-dl img{max-width:21px;}
.dl-btn{background:#331d11;color:#fff;font-size:12px;font-weight:500;text-transform:uppercase;line-height:1;width:100%;display:grid;grid-template-columns:50px auto;padding:4px 5px;}
.dl-btn:hover, .dl-btn:focus{color:#fff;}
.dl-btn div{align-self:center;text-align:center}
/** Activation **/.activation-content{color:#fff;}
.nav-tabs.active-tabs{border-bottom:none;max-width:480px;margin:auto;padding-bottom:15px;}
.nav-tabs.active-tabs li.nav-item{margin:auto;}
.nav-tabs.active-tabs .nav-item.show .nav-link, .nav-tabs.active-tabs .nav-link.active{color:#000;background:linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,126,61,1) 100%);border-color:#000;}
.nav-tabs.active-tabs .nav-link{border-top-left-radius:.25rem;border-top-right-radius:.25rem;width:auto;height:auto;font-size:11px;color:#fff;background:#712d0b;padding:5px 1px;text-align:center;margin:0 5px;border-radius:30px;text-transform:uppercase;}
.sms-activate{text-align:center;}
.sms-activate input{max-width:50px;height:50px;display:inline-block;margin:auto 5px;text-align:center;border-radius:5px;border:1px solid #a7a7a7;font-size:35px;font-weight:600;color:#252525;}
.sms-activate input:focus{outline:none;border:1px solid #ffd906;}
.next-active{text-align:center;padding:15px 0 10px;}
.finish-hide{display:none;}
.nav-tabs.active-tabs li.nav-item{margin:auto;width:50%;}
.activate-wrapper{margin:auto;}
.step-activate{display:grid;grid-template-columns:55px auto;grid-gap:10px 4px;}
.activ{color:#ffd154;font-size:20px;text-transform:uppercase;text-align:center;line-height:1.2;padding:13px 0;}
.activ h3{font-size:24px;color:#fff;font-weight:700;margin-bottom:1px;}
.simple{text-align:center;color:#fff;border-bottom:1px solid #959595;margin:auto;font-size:16px;font-weight:600;margin-bottom:10px;line-height:1.2;padding-bottom:5px;}
a.live-btn{display:inline-block;background:#252a2f;color:#fff;padding:3px 10px;border-radius:30px;border:1px solid #fff;margin-top:5px;font-size:14px;}
a.live-btn:hover{background:linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,126,61,1) 100%);color:#000;}
.finish-wrapper{color:#fff;text-align:center;}
.finish-wrapper h1{text-transform:uppercase;font-size:24px;font-weight:900;color:#fff;}
.acc-activ{color:#fff;font-size:25px;font-weight:700;text-transform:uppercase;text-align:center;line-height:1.2;padding:5px 0;}
.acc-activ img{padding:10px;}
.congrazt{line-height:1;border-bottom:1px solid #cacaca;padding:0 0 9px;}
button.btn-play{background:linear-gradient(45deg, rgba(245,245,245,1) 0%, rgba(232,232,232,1) 100%);margin:auto;padding:5px 15px;border-radius:35px;margin-top:10px;font-size:20px;font-weight:900;color:#3e3e3e;border:none;}
/** Inbox **/.msg-content{padding:15px;}
.inbox-wrapper{color:#fff;font-size:14px;border:1px solid #c87f1a;border-radius:5px;}
.mailbox{display:grid;grid-template-columns:8% 80% 10%;grid-gap:5px;padding:5px;color:#939393}
.mailbox a{color:#9c9c9c;}
.mailbox.unread a{color:#fff;}
.mtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.maildate{color:#9c9c9c;font-size:13px;}
.action-mail, .nom{text-align:center;}
.action-mail a{color:#D3D3D3;}
.mailbox.top{margin-bottom:5px;border-bottom:1px solid #c87f1a;color:#c2a45e;font-weight:600;}
.messagecontent, .message-wrapper{padding:0 15px;}
.inbx-title{font-size:20px;font-weight:700;padding:22px 15px 13px;border-bottom:1px solid #fff;line-height:1.2;}
.inbox-message{padding:20px 20px 15px;min-height:200px;font-size:14px;}
button.close-X{background:transparent;font-size:18px;text-transform:uppercase;color:#fff;border:none;position:absolute;right:6px;top:2px;font-weight:400;}
.date-msg{font-size:13px;color:#BBBBBB;}
.sent-by{font-size:13px;margin-bottom:15px;color:#BBBBBB;}
/** VIP PAGE latest **/.vip-sec{}
.vip-top-title{max-width:110px;margin:5px auto;text-align:center;}
.vip-card{margin-bottom:6px;}
.btn-vip{background:linear-gradient(to bottom, rgba(20,16,16,1) 0%, rgba(87,16,18,1) 100%);border:2px solid #5d3912;font-size:14px;padding:2px 5px;color:#fff;font-weight:600;border-radius:8px;text-transform:uppercase;display:block;width:100%;text-align:left;position:relative;overflow:visible;}
.btn-vip img{max-width:50px;margin-right:6px;}
.btn-vip:focus,.btn-vip:hover{outline:none;box-shadow:none;color:#fff;}
.btn.btn-vip.collapsed:after{content:"\f054";font-family:"Font Awesome 5 Free";font-weight:700;transform:rotate(0);transition:linear 0.3s;color:#fff;font-size:14px;}
.btn.btn-vip:after{content:"\f054";font-family:"Font Awesome 5 Free";font-weight:700;color:#fff;width:12px;font-size:14px;height:22px;position:absolute;right:10px;top:12px;transform:rotate(90deg);transition:linear 0.3s;}
.vip-table-wrapper{background:rgba(0,0,0,0.75);line-height:1.2;font-size:13px;padding:15px 10px;margin-top:5px;color:#fff;}
.vip-table-wrapper > div{padding:5px 2px;}
.vip-table-wrapper tr td{border:1px solid #ae751c;padding:5px 4px;text-transform:uppercase;}
.tnc-wrap{background:rgba(0,0,0,0.75);padding:15px;margin:15px 0;color:#fff;border:2px solid #5d3912;border-radius:8px;font-size:14px;}
/** Tournament **/.nav-pills.game-nav .nav-link.tournm{font-size:10px;}
.tournament-sec{background:#000 url(../images/tournament/tournament_02.jpg)no-repeat top center;background-size:100%;padding:30px 0 60px;text-align:center;min-height:800px;}
.title-win{max-width:320px;margin:auto;}
.timer-wrapper{background:url(../images/tournament/timer-bg.png)no-repeat center;background-size:100% 100%;max-width:340px;margin:10px auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-around;}
.timebox{text-transform:uppercase;font-size:11px;color:#000;}

.timeframe{background:#fff;border:3px solid #9d7428;border-radius:5px;font-size:28px;font-weight:700;padding:2px;width:60px;height:50px;color:#000;}
.dotdot{font-weight:700;font-size:35px;margin-top:-26px;}
.game-roll{background:url(../images/tournament/fade-bg.png)no-repeat center;background-size:100% 100%;max-width:779px;margin:10px auto 30px;color:#ffd000;padding:10px 0;}
.rolltext{margin-bottom:5px;}
.leaderboard-wrapper{position:relative;background:rgba(0,0,0,0.7);max-width:665px;margin:auto;border:7px solid #905d1b;padding:20px 10px 45px;color:#fff;}
.deco-top{position:absolute;top:-16px;left:-15px;right:0;text-align:center;max-width:108%;pointer-events:none;}
.deco-bottom{position:absolute;bottom:-16px;left:-15px;right:0;text-align:center;max-width:108%;pointer-events:none;}
.topthree{display:grid;grid-template-columns:repeat(2,1fr);padding:15px 0;}
.topbox.first{grid-column:1/3;}
.winbox{position:relative;}
.winner-top{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#000;font-weight:700;font-size:14px;}
.prize{color:#00dad1;font-weight:700;}
.leadertable{overflow:auto;text-align:center;margin:10px 5px 20px;}
.leader-table tr th{background:#ffd84c;color:#000;}
.leader-table tr{background:#463227;border:1px solid #ffee7e;}
.leader-table tr:nth-child(odd){background:#71503e;}
.terms-title{color:#ffd000;}
ul.terms{text-align:left;margin:10px 0 30px;padding-left:20px;}
/** Payout **/button.payout-btn{display:block;text-align:center;margin:auto;background:linear-gradient(180deg,#f49129,#f4672f 79%,#00dad1);color:#000;font-weight:700;font-size:10px;text-transform:uppercase;padding:9px 10px;border-radius:5px;border:none;min-width:105px;}
.modal-dialog.modal-payout{max-width:575px;background:#1f1f1f;color:#fff;border:2px solid #00dad1;font-weight:600;box-shadow:inset 0px 0px 6px 0px rgba(0,0,0,0.30);filter:drop-shadow(0 0 4px #ae751c);}
.modal-payout .modal-content{border:none;background-color:transparent;}
.modal-dialog.modal-payout button.close{color:#3e3e3e;opacity:0.8;}
.modal-dialog.modal-payout button.close:hover, .modal-dialog.modal-payout button.close:focus{color:#1ab4cb;border:none;outline:none;}
.forecast-table{overflow:auto;}
.payout-container h3{color:#fff;font-weight:900;text-transform:none;font-size:26px;text-align:center;}
.prize-text{font-size:15px;text-transform:uppercase;margin-top:20px;}
.pred{color:#ff0000;}
table.payoutTable{text-align:center;}
table.payoutTable th, table.payoutTable td{padding:4px;}
table.payoutTable th{text-align:inherit;font-size:17px;font-weight:500;color:#fff;border:1px solid #f5b152;background:#c87f1a;}
table.payoutTable td{border:1px solid #00dad1;font-size:14px;color:#fff;background:#000000;}
 table.payoutTable td img{margin-left:10px;}
.xtr{text-align:center;padding:2px;}
a.login_btn{color:#a1aabc;font-size:20px;}
.modal.right .modal-dialog.modal-sm{width:200px;}
#modalmenu .modal-body{padding:10px 10px 0 0;background:#292b2e;text-align:right;}
#modalmenu .modal-header{background-color:#1a1a1b;border-radius:0;border-bottom:none;}
#modalmenu .modal-header .close{color:#a1aabc;font-size:20px;text-shadow:0 1px 0 #fff0;opacity:1;}
ul.modal_menu_ul{list-style-type:none;padding:0;}
ul.modal_menu_ul li{border-bottom:1px solid #5f636d66;padding:10px 0;}
ul.modal_menu_ul li a{color:#a1aabc;font-size:12px;}
ul.modal_menu_ul li a img{width:23px;margin-left:10px;filter:brightness(0) saturate(100%) invert(62%) sepia(99%) saturate(1479%) hue-rotate(129deg) brightness(97%) contrast(103%);}
.bonus_tit{color:#00e3f7;font-weight:bold;font-size:14px;margin-bottom:10px;text-transform:uppercase;}
.owl-dots{display:flex;position:absolute;top: -25px;right:8px;z-index:99999;}
.owl-dot button{display: flex;pointer-events: none;border-radius: 50%;border: none;/* margin: 0 3px; */background-color: #a8abba;-webkit-border-radius: 50%;-moz-border-radius: 50%;padding: 5px;}
.owl-dot.active button{background-color:#00dad1;/* width: 12px !important; *//* height: 12px !important; *//* border-radius: 100%; */}
.upcming_txt{padding-top:31px;}
.owl-carousel img{width:200px;}
.spin-sec{background-color:#191919;padding:10px 0;}
.nav-tabs.index_jack_tab{position:relative;}
.nav-tabs.index_jack_tab .nav-item{margin-right:10px;}
.nav-tabs.index_jack_tab .nav-item.show .nav-link, .nav-tabs.index_jack_tab .nav-link.active{color:#fff;background:linear-gradient(to bottom, #00dad3 0%, rgba(32,155,255,1) 100%);border-color:#00dad3 #00dad3 #00dad3;}
.nav-tabs.index_jack_tab .nav-link{border:1px solid #00dad3;border-top-left-radius:0.25rem;border-top-right-radius:0.25rem;background-color:#181717;font-size:11px;}
.nav-tabs.index_jack_tab .nav-link{color:#ffffff;}
.nav-tabs.index_jack_tab{border-bottom:2px solid #00dad3;}
.nav-tabs.index_jack_tab .nav-link:focus, .nav-tabs.index_jack_tab .nav-link:hover{color:#fff;background-color:#00dad1;border-color:#00dad1 #00dad1 #00dad1;}
a.more_g{color:#4e4e4e;font-size:11px;}
.more_g span{color:#fff;}
.spin_product{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:10px;padding-top:20px;}
.gamebox{position:relative;overflow:hidden;border-bottom:4px solid #696969;border-radius:5px;-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;}
.playpop{display:flex;position:absolute;background:rgba(0,0,0,0.6);height:100%;left:0;right:0;bottom:0;transition:0.3s ease;visibility:hidden;overflow:hidden;height:0;}
.gamebox:hover .playpop{visibility:visible;transition:0.3s ease;height:100%;}
.gamebox:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px);box-shadow:0 5px 6px #282828;}
a.play-btn{display:block;font-size:15px;font-weight:700;width:97px;margin:auto;border-radius:5px;padding:1px 0px;text-align:center;text-transform:uppercase;color:#dfdfdf;transition:.5s;transform:scale(0.5);opacity:0;background-image:linear-gradient(to bottom, #00dad3 0%, rgba(32,155,255,1) 100%);}
.gamebox:hover .playpop a.play-btn{opacity:1;transform:scale(1);transition:.5s;}
.gamebox_ini{color:#a2aabd;display:flex;justify-content:space-between;font-size:9px;background-color:#131313;padding:10px;align-items:center;}
.gamebox_ini img{width:13px;height:11px;}
.spin_tit{color:#00dad1;font-size:16px;text-transform:uppercase;font-weight:bold;display:flex;align-items:center;padding-bottom:17px;justify-content:space-between;}
.cas_index{padding:20px 0;}
.live_tit{color:#ffffff;font-size:16px;text-transform:uppercase;font-weight:bold;display:flex;align-items:center;padding-bottom:17px;justify-content:space-between;}
.live_wrap{max-width:1024px;margin:0 auto;overflow:hidden;}
.c_index{font-size:16px;color:#00dad3;font-weight:bold;text-transform:uppercase;}
.con_wrap{width:100%;display:grid;grid-template-columns:25% 25% 25%;text-align:center;padding:20px 0;padding-bottom:0;}
.con_wrap img{width:39px;margin-bottom:5px;}
.step-text{color:#989494;font-weight:500;font-size:12px;}
.step-text02{text-transform:uppercase;color:#00dad3;font-weight:700;font-size:12px;}
.footer_top01{display:flex;justify-content:space-between;}
.footer_tit{color:#fff;font-weight:bold;margin-bottom:5px;font-size:12px;}
.footer_lic ul{margin:0;padding:0;list-style:none;display:flex;align-items:center;}
.footer_lic ul li{margin-right:14px;filter:grayscale(1) invert(0.7);}
.footer_lic ul li:hover{filter:grayscale(0%);}
.Copyright{font-size:11px;color:#fff;margin-top:20px;}
.footerlogo{text-align:right;padding:20px 0;}
.footerlogo img{width:110px;}
.wallet_res_btn{background-color:#fff;color:#00dad1;border:none;border-radius:36px;text-transform:uppercase;font-weight:600;font-size:11px;padding:12px 8px;width:131px;}
ul.nav-tabs.deposit_tabs{background-color:#f2f1f1;border-bottom:0;padding:0px;border-radius:5px;}
.nav-tabs.deposit_tabs .nav-item.show .nav-link, .nav-tabs.deposit_tabs .nav-link.active{background-color:transparent;border-radius:0;border-right:1px solid transparent;color:#00dad1;}
.nav-tabs.deposit_tabs .nav-link{border:none;border-right:1px solid transparent;color:#495057;font-size:12px;position:relative;}
.nav-tabs.deposit_tabs .nav-item:last-child .nav-link{border-right:1px solid transparent;}
.nav-tabs.deposit_tabs .nav-link img{filter:grayscale(1);height:26px;}
.nav-tabs.deposit_tabs .nav-link.active img{filter:grayscale(0);}
.nav-tabs.deposit_tabs .nav-item{margin-bottom:-1px;min-width:100px;text-align:center;}
.nav-tabs.deposit_tabs .nav-link:after{content:"";height:35px;border-right:1px solid #c8c8c8;position:absolute;right:0;top:15px;}
.nav-tabs.deposit_tabs li:last-child .nav-link:after{content:"";height:35px;border-right:1px solid transparent;position:absolute;right:0;top:15px;}
.radio_bg{border:1px solid #dfdfdf;padding:5px;border-radius:5px;background-color:#fff;}
.radio-container{padding-left:.6rem;align-items:center;display:grid;grid-template-columns:auto;}
.deposit-bank-account-grid{display:grid;grid-template-columns:12% 17% auto;align-items:center;}
.deposit_bank_img img{width:40px;}
.nav-pills .nav-link.btn-bankType{background-color:#222222;border-radius:60px;width:70px;height:70px;padding:11px;text-align:center;}
.depositTable table{border:1px solid #dfdfdf;color:#6d6d6d;font-size:12px;margin-top:10px;background-color:#fff;}
.depositTable table tbody tr:first-child{border-bottom:1px solid #dfdfdf;background-color:transparent;color:#6d6d6d;}
.depositTable table tbody tr th{padding:5px;border:1px solid #dfdfdf;}
.copy_dep.upload_btn{margin-top:0px;margin-left:10px;border-radius:4px;width:50px;height:40px;background:#0062c9;background:-moz-linear-gradient(top, #f4f3f3 0%, #e6e6e6 102%);background:-webkit-linear-gradient(top, #f4f3f3, #e6e6e6);background:linear-gradient(to bottom, #f4f3f3 0%, #e6e6e6 102%);color:#858585;cursor:pointer;font-size:inherit;border:1px solid #e6e6e6;}
.depositTable{margin-bottom:10px;}
.tran-wrap{display:flex;justify-content:space-between;align-items:center;}
.btn-all{background:#00dad1;color:#fff;padding:5px 7px;height:26px;top:6px;border-radius:5px;border:none;font-size:12px;width:23%;text-transform:uppercase;}
.inbox-list{background:#212121c9;font-weight:bold;flex:0 0 auto;}
.inbox-list.top_list ul{margin-bottom:0px;}
.top_list ul{background:#0066D1;list-style:none;padding:0px;}
.inbox-list ul li a{display:flex;color:#5F5F5F;width:100%;padding-right:18px;padding-top:0.9375rem;padding-bottom:0.9375rem;padding-left:0.75rem;border-bottom:1px solid rgba(151, 151, 151, 0.26);cursor:pointer;flex-wrap:nowrap;align-items:center;-webkit-transition:all cubic-bezier(0.35, 0.1, 0.2, 1) 0.3s;-moz-transition:all cubic-bezier(0.35, 0.1, 0.2, 1) 0.3s;-ms-transition:all cubic-bezier(0.35, 0.1, 0.2, 1) 0.3s;-o-transition:all cubic-bezier(0.35, 0.1, 0.2, 1) 0.3s;transition:all cubic-bezier(0.35, 0.1, 0.2, 1) 0.3s;justify-content:space-between;}
.message-delete-checkbox{margin-right:10px;padding-top:10px;}
.inbox-list-body{width:70%;}
.inbox-list ul p{max-width:17.875rem;line-height:1.4;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0px;color:#ffffff;font-size:12px;font-weight:normal;}
.inbox-list ul .time{font-size:1rem;font-weight:normal;text-align:right;}
.top_list ul .time{display:flex;}
.inbox-list ul{background:#212121c9;list-style:none;padding:0px;}
.inbox-list ul .time img{width:25px;}
#inbox_msg .modal-header{border-bottom:2px solid #323337;color:#ffffff;background:#323337;}
.inbox-list.top_list ul li a{padding-top:0;padding-bottom:0;}
.rebate_qr{text-align:center;}
.rebate_qr img{max-width:150px;}
.p1_promo{margin-top:0.45rem;color:#00dad1;font-weight:bold;margin-bottom:0;font-size:12px;}
.p2_promo{color:#ffffff;margin-bottom:0;font-size:10px;}
.promo_btn{display:grid;grid-template-columns:repeat(2, 1fr);margin-top:10px;text-align:center;justify-content:center;grid-gap:5px;}
.btn-blue-promo{line-height:1rem;color:#fff;background:-webkit-linear-gradient(#00dad1, #00dad1);background:-o-linear-gradient(#00dad1, #00dad1);background:transparent;border-radius:5px;text-decoration:none;text-align:center;font-weight:bold;text-shadow:none;height:33px;font-size:12px;border:none;border:1px solid #fff;}
.btn-red-promo{line-height:1rem;white-space:nowrap;color:#fff;background:-webkit-linear-gradient(#00dad1, #00dad1);background:-o-linear-gradient(#00dad1, #00dad1);background:#00dad1;border-radius:5px;text-decoration:none;text-align:center;font-weight:bold;text-shadow:none;height:33px;font-size:12px;border:1px solid #00dad1;}
.promo_modal_custom .modal-header{background:#4d4d4d;color:#fff;}
body.body_vip{background:#111111;}
.vip_status_wrap{display:grid;grid-template-columns:75px auto;align-items:center;}
.vip_status_wrap img{width:70px;}
.status_wrapper{margin-top:0px;}
.poker_org_txt{color:#00dad1;}
.progress-bar{position:relative;overflow:hidden;height:20px;margin-top:10px;border-radius:30px;background:repeating-linear-gradient(35deg,#3b3f4c,#3b3f4c 1rem,#111 0,#111 1.2rem);}
.progress-bar>span{position:relative;display:block;height:100%;}
.progress-bar>span:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:repeating-linear-gradient(35deg,#00dad1,#00dad1 1rem,#111 0,#111 1.2rem);}
.grey-color{color:#a5a5a5;}
.gold-color{color:#a38842;}
.blue-color{color:#a5c0d4;}
.purple-color{color:#7d6daa;}
.brown-color{color:#f0c783;}
.elite-color{color:#c0a06e;}
.progress_percent_bronze{width:7%;}
.progress_percent_silver{width:24%;}
.progress_percent_gold{width:46%;}
.progress_percent_platinum{width:68%;}
.progress_percent_diamond{width:100%;}
.current-status-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.current-status h4{color:#fff;font-size:18px;font-weight:700;text-align:center;}
.status-bottom h6{margin:0;padding:21px 0 0px;position:relative;font-size:8px;text-transform:uppercase;font-weight:bold;text-align:center;}
.status-bottom h6:before{width:1px;height:15px;position:absolute;background:#fff;bottom:13px;left:50%;content:"";transform:translateX(-50%);}
.status-bottom p{color:#707070;font-size:7px;padding:7px 1px 0;line-height:13px;text-align:center;font-weight:bold;}
hr.vip_hr{border-top:1px solid #afafaf;margin-top:5px;}
.vip_table{color:#00dad1;text-align:center;font-size:11px;font-weight:bold;}
table.vip_table tbody tr td:first-child{text-align:left;}
table.vip_table tbody tr td img{width:100px !important;margin:auto;}
table.vip_table tbody tr td{padding:10px;}
table.vip_table tbody tr td.text-left{padding-bottom:0px;padding-top:12px;text-transform:uppercase;}
.vip_pri{font-size:15px;}
.vip_line hr{border-top:1px solid #afafaf;margin:0;}
.txt_yellow{color:#727681;}
.vip-sec .owl-nav{position:absolute;top:0;right:0;width:172px;display:flex;justify-content:space-between;}
.vip-sec .owl-nav .owl-prev span,.vip-sec .owl-nav .owl-next span{font-size:55px;}
.lang_ul_bg{background-color:#3a3a3a;}
ul.lang_ul{margin:0;padding:5px 15px;list-style-type:none;}
ul.lang_ul li{display:flex;align-items:center;justify-content:flex-start;margin:10px 0px;}
ul.lang_ul li img{width:20px;}
ul.lang_ul li a{color:#ffffff;font-size:14px;margin:0px 10px;}
ul.lang_ul li a:after{content:'/';margin-left:10px;}
ul.lang_ul li a:last-child:after{content:'';}
.download_btn_wrap{display:flex;}
.download_btn_left{border:none;background-color:#44464b;color:#fff;font-size:11px;padding:4px;width:100%;}
.download_btn_right, .download_btn_right_ios{border:none;background-color:#2d2f33;color:#fff;font-size:11px;padding:4px;width:100%;}
.download_title{background-color:#191919;color:#cfcfcf;font-size:15px;padding:2px;text-align:center;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom:4px solid #424242;text-transform:uppercase;}
.wallet_wrap{margin-bottom:30px;}
.transfer_tit{font-weight:bold;color:#00dad1;font-size:18px;}
.wallet_wrap hr{margin-top:5px;}
.wallet_bal_cat{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:10px;}
.transfer_amt_box_t{background-color:#cacaca;display:flex;color:#3f3f3f;padding:3px 5px;align-items:center;grid-gap:10px;border-radius:5px;font-weight:bold;text-transform:uppercase;font-size:13px;}
.transfer_amt_box_t img{width:50px;}
.transfer_amt_box_b{display:grid;grid-template-columns:48px auto;line-height:1;font-size:13px;font-weight:bold;color:#00dad1;align-items:center;padding:5px;}
.btn_allin{border:1px solid #00dad1;border-radius:5px;text-transform:uppercase;min-width:63px;font-weight:700;min-height:26px;color:#495057;transition:background .3s;background-color:transparent;font-size:13px;}
.btn_allin:hover{background-color:#00dad1;border:1px solid #00dad1;border-radius:5px;text-transform:uppercase;min-width:63px;font-weight:700;min-height:26px;transition:background .3s;color:#fff;}
.register_step_row{display:flex;justify-content:space-between;color:#fff;font-size:11px;}
.rigi_tit{font-weight:bold;font-size:19px;color:#00dad1;}
ul.regi_ul{padding:0;list-style-type:none;color:#fff;}
.step_con{padding:10px 15px;border:1px solid #00dad1;border-radius:10px;margin-top:20px;}
.vip_head{display:grid;grid-template-columns:50% 50%;}
.draw-result-wrapper{padding:0px;border-radius:8px;box-shadow:0px 0px 10px 0px rgb(0 0 0 / 20%);margin-top:50px;max-width:920px;margin:auto;text-align:center;}
.draw-result-wrapper .title-result{margin-bottom:10px;color:#00dad1;font-size:24px;font-weight:700;text-transform:uppercase;}
.search-draw{max-width:350px;height:40px;margin:auto;position:relative;overflow:hidden;border-radius:30px;display:flex;}
.date-draw{background:#313131;color:#fff;width:60px;height:40px;font-size:17px;vertical-align:middle;padding:7px;}
input.date-search{font-size:16px;width:100%;padding:5px 10px;height:40px;border:none;color:#fff;text-align:center;background:#4c4c4c;}
.date-search:focus{outline:none;}
.resultbox{background:linear-gradient(to bottom, rgba(70,179,219,1) 0%, rgba(77,223,230,1) 100%);color:#000;width:200px;margin:auto;display:inline-block;font-size:16px;font-weight:600;border-radius:6px;overflow:hidden;box-shadow:0px 0px 8px 0px rgba(0,0,0,0.15);margin:6px;}
.date-day{background:#266280;text-transform:uppercase;font-size:17px;color:#fff;text-align:center;box-shadow:inset 0px 1px 2px 1px rgba(0,0,0,0.4);padding:5px 2px;border-radius:6px 6px 0 0;}
/** Mobile Lotto **/.lottery-mobile{margin-top:30px;}
ul.lt-wrap{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:2px;border-bottom:2px solid #fff;padding:0 2px;}
.nav-tabs.lt-wrap .nav-link{border:0;border-top-left-radius:0;border-top-right-radius:0;padding:0;}
 .nav-tabs.lt-wrap .nav-item.show .nav-link, .nav-tabs.lt-wrap .nav-link.active{color:#495057;background-color:transparent;}
li.lt-item{position:relative;padding-bottom:22px;}
ul.lt-wrap li a.active:after{content:"";color:#ffffff;position:absolute;border-top:0;border-right:0.7em solid transparent;border-bottom:0.7em solid;border-left:0.7em solid transparent;width:8px;margin:auto;bottom:-1px;left:0;right:0;z-index:10;}
.result-boxes{display:grid;grid-template-columns:repeat(3,1fr);}
.prize{background:#191919;font-weight:500;font-size:16px;padding:3px 2px;}
.result-tt{padding:7px 2px;font-weight:500;font-size:16px;background:rgba(0,0,0,0.6);color:#fff;}
.result-boxes-1{display:grid;grid-template-columns:repeat(2,1fr);}
.result-ttt{padding:3px 2px;font-weight:500;font-size:14px;background:rgba(0,0,0,0.6);color:#fff;}
.table-in div{padding:5px 0;}
.table-in{display:grid;grid-template-columns:repeat(2,1fr);}
.result-box{border:1px solid #626262;}
.date-box{padding:10px 0px;font-size:16px;background:rgba(0,0,0,0.6);color:#fff;}
span#resultDate{vertical-align:middle;}
.lotto_wrap{display:flex;grid-gap:10px;flex-wrap:wrap;}
.index_d_wrap{position:relative;margin-bottom:10px;}
.index_dw_wrap{display:grid;grid-template-columns:repeat(2, 1fr);justify-content:center;text-align:center;position:absolute;top:35%;grid-gap:22px;right:9%;}
.device-app{color:#fff;font-size:11px;width:fit-content;margin:auto;border-radius:19px;margin-bottom:2px;}
.index_dw_wrap_inn img{width:53px;}
.wrapper_main{padding:10px 0;min-height:0;border-radius:0px;margin-bottom:10px;margin-top:10px;background-color:#191919;align-items:center;}
.userlogin_username{color:#8b8b8b;}
.userlogin_username img{width:31px;}
.vip_custom_tag{color:#00dad1;font-size:10px;}
.vip_custom_tag_me{color:#8b8b8b;font-size:9px;}
.userlogin_name_index{display:flex;align-items:center;grid-gap:5px;}
.wrapper_playinfo_border{border-right:1px solid #484848;}
@media only screen and (min-width:600px){.index_dw_wrap_inn img{width:93px;}
}
.gamebox:hover:after{content:"";border-bottom:4px solid #03d3d7;}
.gamebox:hover{border-bottom:4px solid #00dad1;}
.gamebox:hover:after{border-color:transparent transparent #00dad1 transparent;}
.gamebox:after{content:"";border-style:solid;border-width:0 5px 5px 5px;border-color:transparent transparent #696969 transparent;position:absolute;bottom:0px;margin:0px auto;left:0;right:0;width:10px;}
.nav-link.active img{filter:none;opacity:1;}
.item{position:relative;}
.in-cnt{position:absolute;bottom:9px;right: 20px;max-width:17vw;display:block;}
.in-cnt img{/* height:20px; */width:auto !important;margin:initial;}
.in-cnt p{color:#fff;font-size:2vw;text-align:left;width:20vw;display:block;margin:0px;}
.live_wrap ul{list-style:none;margin:0;padding:0 0 15px 0;display:flex;overflow:auto;white-space:nowrap;justify-content:flex-start;gap:10px;}
.live_wrap ul img{width:150px;max-width:150px;}
.live_wrap ul li{position:relative;width:203px;display:flex;}
.in-cnt h6{color:#00dad1;font-size:2vw;font-weight:bold;}
.owl-dot {
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 100%;
    pointer-events: none;
}

/* 30112023 */
/* 30112023 */
.mission_reward {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
}

.mission_btn {
    position: absolute;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    padding-top: 425px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.mission-body {
    background: url(../images/mission/background-m.png) no-repeat center top;
    height: 100vh;
    background-size: 100%;
    /* background-position: center; */
    /* width: 100%; */
    margin-top: 45px;
}

.mission-btn-txt {
    position: relative;
}

    .mission-btn-txt p {
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -50%);
        white-space: nowrap;
    }

#tnc .modal-header {
    border-bottom: 0;
    background: linear-gradient(to bottom,rgba(0, 218, 211, 1) 0%,rgba(32, 155, 255, 1) 100% );
    height: 58px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

    #tnc .modal-header p {
        color: #000;
        font-weight: 900;
        font-size: 23px;
        margin-bottom: 0;
        text-align: center;
        align-self: center;
    }

#tnc .close {
    box-sizing: content-box;
    width: 1em;
    color: #000;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' fill='white' %3E%3Cpath d='M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z'/%3E%3C/svg%3E") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.375rem;
    font-size: 15px;
    margin: 0;
    position: absolute;
    right: 0px;
    opacity: 1;
}

    #tnc .close:focus {
        outline: 0;
    }

#tnc .modal-body {
    padding: 15px 10px;
}

    #tnc .modal-body p {
        margin-bottom: 0;
    }

    #tnc .modal-body ul {
        list-style: decimal;
    }

#tnc .modal-content {
    border-radius: 10px;
}

@media screen and (max-width:480px) {
    .mission_reward {
        padding-top: 17px;
    }

    .mission_btn {
        padding-top: 424px;
    }
}

@media screen and (min-width:700px) and (max-width:1100px) {
    .mission_reward {
        padding-top: 232px;
    }

    .mission_btn {
        padding-top: 424px;
    }
}

@media screen and (min-width:1200px) {
    .mission-body {
        height: 180vh;
    }

    .mission_reward {
        padding-top: 370px;
    }
}

/* 12012024 */

.gift-pos {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    justify-content: center;
    grid-gap: 10px;
    padding-bottom: 40px;
}

.gift-gamebox .game_img {
    overflow: hidden;
    position: relative;
    background: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.game_desc p {
    margin-bottom: 0;
    text-align: center;
    color: #fff;
    padding: 5px;
}

.game_desc {
    background: #252525;
}

.gift-point {
    background: #0a0a0a;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 5px;
}

.gift-mark-point p {
    margin-bottom: 0;
    color: #00dad1;
    font-size: 20px;
    font-weight: 700;
}

.game-mark p {
    margin-bottom: 0;
    color: #fff;
}

.redeem-button {
    background: #00dad1;
    border: 0;
    width: 100%;
    padding: 5px;
    text-transform: uppercase;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .redeem-button:focus {
        outline: 0;
    }


.gift-container {
    background: #000;
}

.gift-electronic-content {
    padding: 15px;
    margin: 0 auto;
}

.mission-btn-txt a {
    color: inherit;
}

.amt-box {
    background: #2a2b2f;
    border: 1px solid #00d7ce;
    border-radius: 10px;
    font-size: 12px;
    padding: 10px 0px;
}

    .amt-box h5 {
        color: #00d7ce;
        font-size: 12px;
        font-weight: bold;
    }

.amt-wrap {
    color: #fff;
}

.amt {
    font-weight: bold;
    color: #00d7ce;
}

.view_modal .modal-content {
    background: none;
    border-radius: 10px;
}

.view_modal .modal-body {
}

.modal_body_view {
    background: #2a2b2f;
    padding: 10px 0px;
    border-radius: 10px;
}

    .modal_body_view h5 {
        color: #00d7ce;
        text-align: center;
        font-weight: bold;
        margin: 0px;
        padding-top: 10px;
    }

.view_modal button.close {
    color: #fff;
    position: absolute;
    right: 25px;
    top: 25px;
    opacity: 1;
}

.ranking-list {
    padding: 15px;
}

.daily_table_wrap tr th {
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #00d7ce;
    padding: 5px;
}

.daily_table_wrap img {
    height: 34px;
}