@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Hind:wght@300;400&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Anonymous+Pro);
.fa{ font-family: FontAwesome!important;}
/* @import url(theme.css); */

:root {
	
	--headerBG: linear-gradient(180deg, rgba(56,56,56,1) 0%, rgba(2,2,2,1) 100%);
	--menuBeforeBG:#181818;
	--menuBG: linear-gradient(180deg, #ffcc2f 8%, #ffb80c 100%);	
	--menuActive: linear-gradient(180deg, #dbbc68 0%, #ffdc7a 61%);
	--primary-color: #ffb80c;
	--primary-light: #ffdc7a;
	--secondary-color: #222121;
	--sideHover:  "",
	

	--heading-color:#3b5160;
	--bobyBG:#f0ece1;
}


.profilemenu{
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    background-color: #fff !important;
}

.profil1{
    display: flex !important;
    align-items: center;
}

.profil1 button {
    
    border: none !important;
}

span.profil2{
    display: flex !important;

}


.befoclass{ margin: 0!important; padding: 0;}


/*************************  Durgesh ************************/ 


/*** Sugnup ***/


.singpopup{ width:578px!important;}
.singpopup .modal-content{background: #ffb80c !important; padding:40px 40px;     float: left;} 
.singpopup .downline-heading{ text-align: center; margin: 0 0 30px; position: relative;}
.singpopup .downline-heading img{height: 80px;}
.singpopup .close{ background: var(--borderCR); width: 35px; height: 35px; border-radius:35px; text-align: center; line-height: 30px; -webkit-border-radius:35px; -moz-border-radius:35px; -ms-border-radius:35px; -o-border-radius:35px; }
.singpopup .back{ background: var(--borderCR); position: absolute; left: 0!important; width: 35px; height: 35px; border-radius:35px; text-align: center; line-height: 30px; -webkit-border-radius:35px; -moz-border-radius:35px; -ms-border-radius:35px; -o-border-radius:35px;}
.singpopup .back .fa{ color:#fff; line-height: 35px;}
.singpopup .downline-form .form-control{
	float: left !important;
    position: relative !important;
    width: 100%; border-radius: 5px!important;
	height: 40px!important; color:#fff; -webkit-appearance: none; background:#00000040 !important; border:1px solid rgba(255,255,255,0.1)!important; border-radius:10px; padding: 0 25px; }
.singpopup .ptext{ color:#000; text-align: left;}

.singpopup .downline-form .col-sm-12.username .form-group{
	width: 100% !important;
	float: left !important;
	margin-bottom: 15px !important;
}


.singpopup .downline-form .col-sm-12.username  .toggelPass {
    color: #fff;
    position: absolute;
    top: 16px !important;
    right: 28px;
    float: right;
}

.singpopup .box-text.resendotp .otptext{
    color: #000 !important;
}


.singpopup .btn-primary{cursor: pointer; background: var(--navText)!important; color:#000!important; font-size:18px; padding:20px 0; width:100%; border-radius:10px; font-weight: 600;}
/* .singpopup .countrycode{ width: 50px; position: absolute; top:0; left: 0;} */
.singpopup .otptext{background: none; border: none; color:var(--navText)!important}
.datetime{ font-weight:400!important}
.dropdown .active{background: linear-gradient(16deg, #df9c0d 0%, #ffde00 100%) !important;}


.btn-login.singuppoop{
	background: transparent !important;
    border: solid 1px #ffffff !important;
    line-height: 22px !important;
	cursor: pointer;
} 



/*** Sugnup End ***/


.header.full-wrap .account-wrap .a-wallet.ewallet-box{
	padding: 4px 10px !important;
    height: auto;
    border: 0;
	background-color: var(--primary-color)!important;
    box-shadow: none;
    border: solid 1px var(--primary-color)!important;
    border-radius: 4px;
	color: #333;
	font-weight: 700;
}

.profileWrap .col-center {
    overflow: auto !important;
}




.profileWrap .col-center::-webkit-scrollbar {
	width: 0px;
  }
  




.backgrounheader {
	position: fixed !important;
    top: 110px !important;
    height: 350px !important;
    width: 100% !important;
    /* background-color: #252525 !important; */
}

.footLogo img {
    width: 50px !important;
}


app-d2-footer footer{
	background-color: #222121 !important;
}

.nav-pills>li {
    padding: 10px 0;
}


.nav.nav-pills.radiotext input[type=radio]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: 20px !important;
    height: 20px !important;
}


.usercontan input[type=radio]{

    border: solid 1px #00b983;
}

.usercontan .activeee input[type=radio] {
    border: 2px solid #00b983 !important;
}

.usercontan input[type=radio]:checked {
    background-color: #00b983 !important;
}

.usercontan .radiotext li label {
    padding: 17px 20px !important;
}



.usercontan .form-control {
    display: block;
    width: 100%;
    height: 36px;
    padding: 23px 12px;
}

.usercontan ngx-datatable {
    padding-left: 0px !important;}


	.list-group-item *{
		font-weight: normal !important;
	}



.list-group li.list-group-item * h5:last-child{
	font-weight: bold !important;
}


.codeCol li{
	list-style: none !important;
}


.btn-warning {
    background-color: #fbd502 !important;
    border-color: #fbd502 !important;
}


.btn-warning:hover {
    color: #fff;
    background-color: #ec971f !important;
    border-color: #d58512 !important;
}



.input-group {
    position: relative;
    display: flex;
    border-collapse: separate;
    width: 100%;
    float: left;
    height: 50px;
}




.input-group-btn {
    position: absolute;
    font-size: 0;
    white-space: nowrap;
    display: flex;
    right: 100px;
    float: left;
}



.col-sm-12.username + .col-sm-12.text-center button{
	background-color: #000000 !important;
	color: #fff !important;
}


/* .login-wrap li p{
    top: -18px;
    position: absolute;
} */

.login-wrap .loginDemo { display: none; }

.forgetpassss{

cursor: pointer;
color: #c9c9c9 !important;
width: 100%;
text-align: end;
margin-top: 10px;
float: left;
position: absolute;
top: 25px;
right: 7px;
font-size: 12px;
}



.forgettext{
	color: #000 ;
}


.forgetInfopass{
    padding: 40px 30px;
    background-color: #ffb80c;
    display: flex;
    flex-direction: column;
	border-radius: 10px !important;
	width: 480px;
}


.forgetInfopass .col-sm-5.pl-0, .forgetInfopass .col-sm-7.pr-0{
	padding: 0 !important;
}


.forgetInfopass .col-sm-5.pl-0{
	width: 120px;
    margin-right: 30px;
}


.forgetInfopass .col-sm-7.pr-0{
	width: 270px !important;
}

.forgetInfopass .col-sm-7.pr-0 input{width: 100% !important; }


.forgetInfopass input, .forgetInfopass select{

	height: 60px !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: solid 1px #000 !important;
    border-radius: 0px !important;
    box-shadow: none !important;
	font-size: 18px !important;
	color: #000;

}
.forgetInfopass input::placeholder{ color: #000; opacity:inherit!important;}

.forgetInfopass button.btn.btn-primary.ripple{
	width: 100% !important;
    background-color: #212121;
    padding: 20px 30px;
    color: #fff;.entrance-title dd
    border-radius: 8px;
    margin-top: 20px !important;
    float: left;
	font-size: 18px;
	margin-bottom: 0;
}

.forgetPassHeadin{
	background: none !important
}


.forgetPassHeadin *{
	white-space: pre;
    font-size: 22px !important;
	padding: 0;
    margin: 0;
}

.forgetPassHeadin::placeholder{
	font-size: 18px !important;
	color: #000000;
}

.forgetPassHeadin h2 { white-space: normal; }

.skyexchange app-playerinfo-forgot .icon-login { width: auto; height: auto; }


.classOtp{
	width: 100% !important;
	margin-top: 70px !important;
}

.icon-login.forgetPassHeadin{
	text-align: center;
	width: 100%;
}

.formmconform {
	display: flex;
    flex-direction: column;
    width: 100%;

}

.conformpppp{
	width: 100% !important;

}


.forget-password.text-center{
 margin-top: 0px !important;
}

.chngpps{
	position: relative !important;
}

.chngpps .toggelPass{
	top: 20px !important;
    right: 19px !important;
}
/*************************  Durgesh End ************************/ 





.top-sprite,
.login-wrap li.user,
.account-wrap .account,
.account-wrap .account.select,
.language,
.menu .casino:after,
.setting-wrap .casino:after,
.menu .bet-game:after,
.setting-wrap .bet-game:after,
.menu .tag-new:before,
.setting-wrap .tag-new:before,
.live-menu img,
.one_click img,
.one_click.select img,
.col-edit img,
.skyexchange .login-wrap li.user,
.skyexchange .account-wrap .head-refresh a,
.skyexchange .account-wrap .account,
.skyexchange .one_click img,
.skyexchange .one_click.select img
{ 
	background-image: url('images/sprite/top-s1e616fb521.png');
	background-repeat: no-repeat
}

.flag-sprite,
.flag.UK {
	background-image: url('images/sprite/flag-sd4ad5b971b.png');
	background-repeat: no-repeat
}

.left-sprite,
.slip-wrap .to-expand,
.matched-wrap .to-expand,
.live-wrap .to-expand,
.tv-wrap .to-expand,
.game-wrap .to-expand,
.game-highlight-wrap .to-expand,
.game-wrap-horse .to-expand,
.favor-wrap .to-expand,
.sub_path .to-expand,
.close.slip-wrap .to-expand,
.close.matched-wrap .to-expand,
.close.live-wrap .to-expand,
.close.tv-wrap .to-expand,
.close.game-wrap .to-expand,
.close.game-highlight-wrap .to-expand,
.close.game-wrap-horse .to-expand,
.close.favor-wrap .to-expand,
.close.sub_path .to-expand,
.menu-list .Go,
.star,
.favor-wrap h3 .star,
.favor-wrap .menu-list a.btn-star,
.favor-set,
.path li,
.path .path-back,
.path .path-back.select,
.path-pop a,
.to-go,
.skyexchanges .path .path-back.select {
	background-image: url('images/sprite/left-s6928f4bb7d.png');
	background-repeat: no-repeat
}

.right-sprite,
.loading img,
.delete,
.slip-wrap .to-expand,
.matched-wrap .to-expand,
.live-wrap .to-expand,
.tv-wrap .to-expand,
.close.slip-wrap .to-expand,
.close.matched-wrap .to-expand,
.close.live-wrap .to-expand,
.close.tv-wrap .to-expand,
.slip_set-pop .slip_set,
.oneclick_set-pop .slip_set,
.slip-wrap .slip_set,
.odd-add .up,
.odd-add .down,
.odd-add.disable .up,
.odd-add.disable .down,
.slip_refresh,
.live:before,
.tv_popup,
.icon-TV,
.multi_refresh,
.betbarter .slip_refresh {
	background-image: url('images/sprite/right-sdc390e89c4.png');
	background-repeat: no-repeat
}

.main-sprite,
.btn-close,
.icon-time,
.icon-live,
.icon-irun,
.icon-predict,
.icon-cashout,
.icon-in_play,
.icon-no_play,
.icon-cricket,
.icon-soccer,
.icon-tennis,
.icon-basketball,
.icon-dog,
.icon-HR,
.icon-racing,
.game-wrap .to-expand,
.game-highlight-wrap .to-expand,
.game-wrap-horse .to-expand,
.close.game-wrap .to-expand,
.close.game-highlight-wrap .to-expand,
.close.game-wrap-horse .to-expand,
.in-play.game-fancy:before,
.in-play.game-sportsbook:before,
.in-play.game-bookmaker:before,
.in-play.game-live:before,
.fancy-head .in-play span:before,
.sportsbook-head .in-play span:before,
.bookmaker .in-play span:before,
.favor,
.favor.select,
.upcome-head dt,
.tab-highlight a,
.tab-markets a,
.tab-highlight a.select,
.tab-markets a.select,
.transfer-wrap .close,
.transfer-wrap-slider .close,
.login_to_go .close,
.live-list a:after,
.icon-TV_head,
.marquee-box h4:before,
.marquee-box .tc-content h5:before,
.tc-content .marquee-box h5:before,
.marquee-box h4:after,
.marquee-box .tc-content h5:after,
.tc-content .marquee-box h5:after,
.game-list-col dd .info,
.game-list-col .col-visit,
.game-list-col .col-home,
.game-list-col .col-draw,
.game-head .favor,
.game-head .favor.select,
.game-head .refresh,
.game-team .game-visit span,
.game-scores .game-visit span,
.game-team .game-home span,
.game-scores .game-home span,
.game-scores ul .scores-box,
.its_turn,
.icon-card-yellow,
.icon-card-red,
.score-pop:before,
.score-pop-last:before,
.scores-event img,
.scores-line img,
.match-odds img,
.tab-HS .more_drop,
.tab-HS .more_drop.select,
.open-tv-wrap:before,
.bets .back-all,
.bets-HS .back-all,
.bets-GH .back-all,
.bets .lay-all,
.bets-HS .lay-all,
.bets-GH .lay-all,
.bets .special_bet .btn-fancy_info,
.bets-HS .special_bet .btn-fancy_info,
.bets-GH .special_bet .btn-fancy_info,
.bets.disable .back-all,
.disable.bets-HS .back-all,
.disable.bets-GH .back-all,
.bets.disable .lay-all,
.disable.bets-HS .lay-all,
.disable.bets-GH .lay-all,
.bets .to-expand,
.bets-HS .to-expand,
.bets-GH .to-expand,
.bets.close .to-expand,
.close.bets-HS .to-expand,
.close.bets-GH .to-expand,
.disabled .back-all,
.disabled .back-all:hover,
.disabled .lay-all,
.disabled .lay-all:hover,
.uniform,
.more,
.line_markets-team .game-visit span,
.line_markets-team .game-home span,
.line_markets-team .game-vs div:before,
.line_markets-team .game-vs div:after,
.btn-rules img,
.line_market-name,
.add-pin,
.delete-pin,
.col-info .add-pin,
.col-info .delete-pin,
h3 .add-pin,
h3 .delete-pin,
h4 .add-pin,
.tc-content h5 .add-pin,
h4 .delete-pin,
.tc-content h5 .delete-pin,
.arrow-dialog,
.one_click-setting .a-edit img,
.one_click-stake,
.quick_bet-wrap .odd-add .up,
.quick_bet-wrap .odd-add .down,
.quick_bet-wrap .odd-add.disable .up,
.quick_bet-wrap .odd-add.disable .down,
.edit img,
.other-tab:before,
.other-tab:after,
.btn-fancybet_rules,
.btn-sportsbook_rules,
.skyexchange .login_to_go .close,
.skyexchange .one_click-setting .a-edit img,
.skyexchange .one_click-stake
{
	background-image: url('images/sprite/main-sc56819e2b6.png');
	background-repeat: no-repeat
}

.report-sprite,
.cal-input,
.upcome dd,
.game-scores .scores-time li,
.filter-list .filter-content span,
.filter-list.golf-list .compt img,
.filter-list.golf-list .compt:hover img,
.expand-close,
.expand-open,
.align-L .expand-close,
.table01 caption .expand-close,
.table-s caption .expand-close,
.slip-back .refer .expand-close,
.slip-lay .refer .expand-close,
.slip-book .refer .expand-close,
.slip-back .keep-option .expand-close,
.slip-lay .keep-option .expand-close,
.slip-book .keep-option .expand-close,
.message-bet p .expand-close,
.slip-head .col-bet .expand-close,
.matched-head .col-bet .expand-close,
.tips-popup .expand-close,
.full-amount .expand-close,
.no-data .expand-close,
.event-left .col-game .expand-close,
.event-right .col-game .expand-close,
.event-left .game-list-col dt .expand-close,
.game-list-col .event-left dt .expand-close,
.event-right .game-list-col dt .expand-close,
.game-list-col .event-right dt .expand-close,
.bets th .expand-close,
.bets-HS th .expand-close,
.bets-GH th .expand-close,
.bets .refer-bet .expand-close,
.bets-HS .refer-bet .expand-close,
.bets-GH .refer-bet .expand-close,
.bets .refer-book .expand-close,
.bets-HS .refer-book .expand-close,
.bets-GH .refer-book .expand-close,
.bets .special_bet td .expand-close,
.bets-HS .special_bet td .expand-close,
.bets-GH .special_bet td .expand-close,
.fancy_bet .td-fancy_merge .expand-close,
.sportsbook_bet .td-fancy_merge .expand-close,
.bookmaker_bet .td-fancy_merge .expand-close,
.fancy_bet .fancy-quick-tr td .expand-close,
.sportsbook_bet .fancy-quick-tr td .expand-close,
.bookmaker_bet .fancy-quick-tr td .expand-close,
.align-L .expand-open,
.table01 caption .expand-open,
.table-s caption .expand-open,
.slip-back .refer .expand-open,
.slip-lay .refer .expand-open,
.slip-book .refer .expand-open,
.slip-back .keep-option .expand-open,
.slip-lay .keep-option .expand-open,
.slip-book .keep-option .expand-open,
.message-bet p .expand-open,
.slip-head .col-bet .expand-open,
.matched-head .col-bet .expand-open,
.tips-popup .expand-open,
.full-amount .expand-open,
.no-data .expand-open,
.event-left .col-game .expand-open,
.event-right .col-game .expand-open,
.event-left .game-list-col dt .expand-open,
.game-list-col .event-left dt .expand-open,
.event-right .game-list-col dt .expand-open,
.game-list-col .event-right dt .expand-open,
.bets th .expand-open,
.bets-HS th .expand-open,
.bets-GH th .expand-open,
.bets .refer-bet .expand-open,
.bets-HS .refer-bet .expand-open,
.bets-GH .refer-bet .expand-open,
.bets .refer-book .expand-open,
.bets-HS .refer-book .expand-open,
.bets-GH .refer-book .expand-open,
.bets .special_bet td .expand-open,
.bets-HS .special_bet td .expand-open,
.bets-GH .special_bet td .expand-open,
.fancy_bet .td-fancy_merge .expand-open,
.sportsbook_bet .td-fancy_merge .expand-open,
.bookmaker_bet .td-fancy_merge .expand-open,
.fancy_bet .fancy-quick-tr td .expand-open,
.sportsbook_bet .fancy-quick-tr td .expand-open,
.bookmaker_bet .fancy-quick-tr td .expand-open,
.expand-arrow,
.expand-arrow-R,
.acc-info .user,
.acc-info .time,
.fromto,
.prevMonth,
.nextMonth,
.selection,
.trans-replay {
	background-image: url('images/sprite/report-sf227858fbc.png');
	background-repeat: no-repeat
}

.bg-sprite,
.slip-wrap h3,
.matched-wrap h3,
.live-wrap h3,
.tv-wrap h3,
.game-wrap h3,
.game-highlight-wrap h3,
.game-wrap-horse h3,
.favor-wrap h3,
.sub_path h3,
.one_click,
.one_click.select,
.path,
.slider-bar,
.slider-bar span,
.upcome-head,
.tab-highlight,
.tab-markets,
.live-head h3,
.live-channel,
.change-channel,
.game-wrap-horse dt .game-list-place,
.progress-bar,
.progress-now,
.scores-event,
.scores-line,
.tab-HS,
.bets .back-all img,
.bets-HS .back-all img,
.bets-GH .back-all img,
.bets .back-all:hover img,
.bets-HS .back-all:hover img,
.bets-GH .back-all:hover img,
.bets .lay-all img,
.bets-HS .lay-all img,
.bets-GH .lay-all img,
.bets .lay-all:hover img,
.bets-HS .lay-all:hover img,
.bets-GH .lay-all:hover img,
.bets.disable .back-all img,
.disable.bets-HS .back-all img,
.disable.bets-GH .back-all img,
.bets.disable .lay-all img,
.disable.bets-HS .lay-all img,
.disable.bets-GH .lay-all img,
.line_markets-team,
.line_markets-team .game-vs div,
.line_market-name span,
.one_click-setting,
.fancy-head h4 span,
.fancy-head .tc-content h5 span,
.tc-content .fancy-head h5 span,
.other-tab,
.sportsbook-head h4 span,
.sportsbook-head .tc-content h5 span,
.tc-content .sportsbook-head h5 span,
.skyexchange .one_click-setting,
.skyexchanges .one_click-setting {
	background-image: url('images/sprite/bg-sbdc950abeb.png');
	background-repeat: no-repeat
}

.login-sprite,
.power-wrap h3 img,
.power-wrap-b img,
.browser-wrap img,
.skyexchange .icon-login,
.skyexchanges .icon-login {
	background-image: url('images/sprite/login-sc4dd2afc58.png');
	background-repeat: no-repeat
}

.agent-sprite,
.close_pop,
.go-back img,
.pop-close img {
	background-image: url('images/sprite/agent-sa842cb1158.png');
	background-repeat: no-repeat
}

* {
	margin: 0;
	padding: 0
}

html,
body {
	height: 100%;
	font-family: Tahoma, Helvetica, sans-serif;
	color: #1e1e1e;
	font-size: 12px;
	line-height: 15px; font-weight: normal;
}

a {
	text-decoration: none;
	color: #2789ce;
	outline: none;
}

a:hover {
	text-decoration: underline;
	cursor: pointer
}

table {
	border-collapse: collapse
}

.disclick {
    position: relative; pointer-events: none;
}
.disclick::after {
    width: 100%;  height: 100%; position: absolute; top: 0; left: 0; content: ""; background: #fff; opacity: 0.8;  z-index: 2; cursor: not-allowed;	pointer-events: none;
}

input,
textarea {
	font-family: Tahoma, Helvetica, sans-serif;
	color: #1e1e1e;
	font-size: 12px;
	border: 0px #aaa solid;
	background: #fff;
	box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	padding: 5px;
	margin: 0 5px 5px 0;
	box-sizing: border-box
}

input[type="checkbox"],
textarea[type="checkbox"],
input[type="radio"],
textarea[type="radio"] {
	width: auto !important;
	height: auto !important;
	border-width: 0;
	border-radius: 0;
	background-color: transparent !important;
	padding: 0 !important;
	box-shadow: none
}

input:focus,
textarea:focus {
	padding: 4px
}

input.disable,
textarea.disable {
	background-color: #dcdcdc;
	color: #666;
	box-shadow: none;
	border: 1px solid #bbb
}

label {
	cursor: pointer
}

select {
	width: 120px;
	height: 25px;
	line-height: 25px;
	cursor: pointer;
	margin: 0 5px 5px 0
}

option {
	padding: 3px
}

h2 {
	font-size: 13px;
	line-height: 20px;
	padding-top: 6px;
	margin-bottom: 6px
}

a img {
	border: 0px solid #fff
}

p {
	margin-bottom: 7px
}
ul{ margin: 0;}
.clearfix:after,
.over-wrap:after,
.pop-warp:after,
.log-wrap:after,
.streaming-pop:after,
.col-center:after,
.slip-back .col-stake_list ul:after,
.slip-lay .col-stake_list ul:after,
.slip-book .col-stake_list ul:after,
.login-wrap:after,
.account-wrap:after,
.menu:after,
.setting-wrap:after,
.slip-head:after,
.matched-head:after,
.stake-popup:after,
.btn-wrap:after,
.slip-option:after,
.cashout-wrap:after,
.slider:after,
.tab-highlight:after,
.tab-markets:after,
.game-wrap-horse .hs-time:after,
.game-scores .scores-time:after,
.game-scores ul:after,
.tab-HS:after,
.game-info:after,
.multi_select ul:after,
.marquee-pop .input-list:after,
.marquee-pop .filter-list:after,
.tab:after,
.input-list:after,
.filter-list:after,
.filter-pop ul:after,
.acc-info:after,
.total-show:after,
.change_pass:after,
.game-wrap:after,
.game-highlight-wrap:after,
.game-wrap-horse:after,
.slip-back:after,
.slip-lay:after,
.slip-book:after,
.fancy-head:after,
.sportsbook-head:after,
.bookmaker:after,
.fancy-head h4:after,
.sportsbook-head h4:after,
.bookmaker h4:after,
.fancy-head .tc-content h5:after,
.tc-content .fancy-head h5:after,
.sportsbook-head .tc-content h5:after,
.tc-content .sportsbook-head h5:after,
.bookmaker .tc-content h5:after,
.tc-content .bookmaker h5:after,
.menu-wrap:after,
.stake-set:after,
.odds-set:after,
.slip-list:after,
.full_btn:after,
.sum:after,
.upcome:after,
.marquee-box:after,
.game-list-col:after,
.game-list-col dd:after,
.game-head:after,
.game-info-wrap:after,
.head-bets-agent:after,
.line_market-name:after,
.one_click-setting:after,
.quick_bet-wrap:after,
.quick_bet-wrap .col-stake_list:after,
.form_list dd:after,
.white-wrap:after,
.pop-left dl:after,
.pop-left dd:after,
.initial-balance:after,
.final-balance:after,
.result-search:after {
	content: "";
	display: block;
	clear: both
}

.clearfix,
.over-wrap,
.pop-warp,
.log-wrap,
.streaming-pop,
.col-center,
.slip-back .col-stake_list ul,
.slip-lay .col-stake_list ul,
.slip-book .col-stake_list ul,
.login-wrap,
.account-wrap,
.menu,
.setting-wrap,
.slip-head,
.matched-head,
.stake-popup,
.btn-wrap,
.slip-option,
.cashout-wrap,
.slider,
.tab-highlight,
.tab-markets,
.game-wrap-horse .hs-time,
.game-scores .scores-time,
.game-scores ul,
.tab-HS,
.game-info,
.multi_select ul,
.marquee-pop .input-list,
.marquee-pop .filter-list,
.tab,
.input-list,
.filter-list,
.filter-pop ul,
.acc-info,
.total-show,
.change_pass,
.game-wrap,
.game-highlight-wrap,
.game-wrap-horse,
.slip-back,
.slip-lay,
.slip-book,
.fancy-head,
.sportsbook-head,
.bookmaker,
.fancy-head h4,
.sportsbook-head h4,
.bookmaker h4,
.fancy-head .tc-content h5,
.tc-content .fancy-head h5,
.sportsbook-head .tc-content h5,
.tc-content .sportsbook-head h5,
.bookmaker .tc-content h5,
.tc-content .bookmaker h5,
.menu-wrap,
.stake-set,
.odds-set,
.slip-list,
.full_btn,
.sum,
.upcome,
.marquee-box,
.game-list-col,
.game-list-col dd,
.game-head,
.game-info-wrap,
.head-bets-agent,
.line_market-name,
.one_click-setting,
.quick_bet-wrap,
.quick_bet-wrap .col-stake_list,
.form_list dd,
.white-wrap,
.pop-left dl,
.pop-left dd,
.initial-balance,
.final-balance,
.result-search {
	zoom: 1
}

.clear,
.set-content,
.btn-wrap,
.gamehall-wrap-simple a:after {
	clear: both
}

.float-L,
.delete,
.slip-back .col-stake_list ul li,
.slip-lay .col-stake_list ul li,
.slip-book .col-stake_list ul li,
.login-wrap li,
.account-wrap li,
.menu li,
.setting-wrap li,
.slip-head li,
.matched-head li,
.stake-popup li,
.btn-wrap li,
.slip-option li,
.cashout-wrap li,
.slider li,
.tab-highlight li,
.tab-markets li,
.game-wrap-horse .hs-time li,
.game-scores .scores-time li,
.game-scores ul li,
.tab-HS li,
.game-info li,
.multi_select ul li,
.marquee-pop .input-list li,
.marquee-pop .filter-list li,
.tab li,
.input-list li,
.filter-list li,
.filter-pop ul li,
.acc-info li,
.total-show li,
.login-panel,
.change_pass .login-panel,
.change_pass .note,
.slip-wrap .slip_set,
.slip_refresh,
.tv_popup,
.slip-back dt,
.slip-lay dt,
.slip-book dt,
.slip-back dt .slip-type,
.slip-lay dt .slip-type,
.slip-book dt .slip-type,
.slip-back dd,
.slip-lay dd,
.slip-book dd,
.fancy-head h4,
.sportsbook-head h4,
.bookmaker h4,
.fancy-head .tc-content h5,
.tc-content .fancy-head h5,
.sportsbook-head .tc-content h5,
.tc-content .sportsbook-head h5,
.bookmaker .tc-content h5,
.tc-content .bookmaker h5,
.fancy-head .in-play span:before,
.sportsbook-head .in-play span:before,
.bookmaker .in-play span:before,
.login-wrap .btn-login,
.login-wrap .btn-signup,
.kv,
.header h1,
.login-wrap input,
.login-wrap textarea,
.menu,
.setting-wrap,
.stake-set dd,
.odds-set dd,
.sum dt,
.sum dd,
.slider,
.favor,
.event-left,
.event-right,
.event-left .slip-head span,
.event-right .slip-head span,
.event-left .matched-head span,
.event-right .matched-head span,
.live-left,
.live-right,
.live-channel span,
.marquee-box .marquee a,
.game-list-col dt,
.game-list-col dd,
.game-list-col dd a,
.scores-event,
.scores-line,
.match-odds,
.game-info,
.head-bets-agent .game-matched,
.head-bets-agent .game-low_liq,
.bets .bet-all a,
.bets-HS .bet-all a,
.bets-GH .bet-all a,
.horse-box,
.uniform,
.horse_info-hover dt,
.horse_info-hover dd,
.line_market-name span,
h3 .add-pin,
h3 .delete-pin,
h4 .add-pin,
.tc-content h5 .add-pin,
h4 .delete-pin,
.tc-content h5 .delete-pin,
.one_click-setting h4,
.one_click-setting .tc-content h5,
.tc-content .one_click-setting h5,
.quick_bet-wrap dt,
.quick_bet-wrap dd,
.other-tab,
.search-wrap,
.profile-wrap dt,
.form_list dt,
.filter-pop .btn-wrap .btn,
.filter-pop .btn-wrap .btn-send,
.filter-pop .btn-wrap .nova88exch .total_all .search-but,
.nova88exch .total_all .filter-pop .btn-wrap .search-but,
.filter-pop .btn-wrap .super6exchange .total_all .search-but,
.super6exchange .total_all .filter-pop .btn-wrap .search-but,
.filter-pop .btn-wrap .pages a,
.pages .filter-pop .btn-wrap a,
.filter-pop .btn-wrap .calendarTable_inputBox input,
.calendarTable_inputBox .filter-pop .btn-wrap input,
.filter-pop .btn-wrap .calendarTable_inputBox textarea,
.calendarTable_inputBox .filter-pop .btn-wrap textarea,
.market-float,
.sum-pl dt,
.head-balance,
.pop-left,
.pop-left dt,
.select-betting .selection,
.pop-right,
.initial-balance dt,
.final-balance dt,
.initial-balance dd,
.final-balance dd,
.initial-balance dt span,
.final-balance dt span,
.result-search .tab {
	float: left
}

.float-R,
.pop-warp.no-match_odds .pop-left .select-betting .selection,
.no-match_odds.log-wrap .pop-left .select-betting .selection,
.no-match_odds.streaming-pop .pop-left .select-betting .selection,
.btn-close,
.game-list-col .game-fancy,
.game-list-col .game-sportsbook,
.game-list-col .game-bookmaker,
.game-list-col .game-live,
.login-wrap,
.account-wrap,
.language,
.setting-wrap,
.time_zone,
.gmt,
.menu-list .Go,
.favor-set,
.sum,
.btn-wrap .btn-send,
.btn-wrap .nova88exch .total_all .search-but,
.nova88exch .total_all .btn-wrap .search-but,
.btn-wrap .super6exchange .total_all .search-but,
.super6exchange .total_all .btn-wrap .search-but,
.btn-wrap .edit-function .btn,
.btn-wrap .edit-function .btn-send,
.btn-wrap .edit-function .pages a,
.pages .btn-wrap .edit-function a,
.btn-wrap .edit-function .calendarTable_inputBox input,
.calendarTable_inputBox .btn-wrap .edit-function input,
.btn-wrap .edit-function .calendarTable_inputBox textarea,
.calendarTable_inputBox .btn-wrap .edit-function textarea,
.cashout-wrap dl,
.event-right,
.live-head h3 span,
.game-head .game-low_liq,
.game-matched,
.open-tv-wrap,
.head-bets-agent .game-info,
.more,
.one_click-setting .a-edit,
.one_click-setting .btn-send,
.one_click-setting .nova88exch .total_all .search-but,
.nova88exch .total_all .one_click-setting .search-but,
.one_click-setting .super6exchange .total_all .search-but,
.super6exchange .total_all .one_click-setting .search-but,
.quick_bet-wrap dt .bet-check,
.quick_bet-wrap .max-bet,
.quick_bet-wrap .col-stake_list ul,
.game-head .ico_rules,
.fancy-info,
.total-show .sports-switch,
.result-search select {
	float: right
}

.align-L,
.table01 caption,
.table-s caption,
.slip-back .refer,
.slip-lay .refer,
.slip-book .refer,
.slip-back .keep-option,
.slip-lay .keep-option,
.slip-book .keep-option,
.message-bet p,
.slip-head .col-bet,
.matched-head .col-bet,
.tips-popup,
.full-amount,
.no-data,
.event-left .col-game,
.event-right .col-game,
.event-left .game-list-col dt,
.game-list-col .event-left dt,
.event-right .game-list-col dt,
.game-list-col .event-right dt,
.bets th,
.bets-HS th,
.bets-GH th,
.bets .refer-bet,
.bets-HS .refer-bet,
.bets-GH .refer-bet,
.bets .refer-book,
.bets-HS .refer-book,
.bets-GH .refer-book,
.bets .special_bet td,
.bets-HS .special_bet td,
.bets-GH .special_bet td,
.fancy_bet .td-fancy_merge,
.sportsbook_bet .td-fancy_merge,
.bookmaker_bet .td-fancy_merge,
.fancy_bet .fancy-quick-tr td,
.sportsbook_bet .fancy-quick-tr td,
.bookmaker_bet .fancy-quick-tr td {
	text-align: left
}

.align-R,
.table01,
.table-s,
.slip-back input,
.slip-lay input,
.slip-book input,
.slip-back textarea,
.slip-lay textarea,
.slip-book textarea,
.slip-back .col-profit,
.slip-lay .col-profit,
.slip-book .col-profit,
.slip-back .col-loss,
.slip-lay .col-loss,
.slip-book .col-loss,
.slip-back .inn_runs dd,
.slip-lay .inn_runs dd,
.slip-book .inn_runs dd,
.account-wrap .main-wallet p,
.time_zone,
.path ul,
.slip-head .col-profit,
.matched-head .col-profit,
.slip-head .col-loss,
.matched-head .col-loss,
.cashout-wrap dl,
.change-channel span,
.game-team .game-visit,
.game-scores .game-visit,
.bets .refer-book,
.bets-HS .refer-book,
.bets-GH .refer-book,
.quick-bet-confirm li,
.form_list dt,
.table-trans .unit-num {
	text-align: right
}

.align-C,
.loading li,
.btn,
.btn-send,
.nova88exch .total_all .search-but,
.super6exchange .total_all .search-but,
.marquee-pop .pages a,
.pages a,
.calendarTable_inputBox input,
.calendarTable_inputBox textarea,
.change_pass,
.slip-back dd,
.slip-lay dd,
.slip-book dd,
.btn-live,
.btn-book,
.fancy-suspend span,
.fancy-suspend-white span,
.browser-wrap,
.login-wrap .btn-login,
.login-wrap .btn-signup,
.policy-link,
.account-wrap ul .logout a,
.stake-set .stake_edit-input,
.odds-set .stake_edit-input,
.col-edit a,
.slip-wrap p,
.slip-head li,
.matched-head li,
.stake-popup a,
.load-pending,
.tab-highlight li,
.tab-markets li,
.message-wrap p,
.dialog-wrap h4,
.dialog-wrap-w h4,
.dialog-wrap .tc-content h5,
.tc-content .dialog-wrap h5,
.dialog-wrap-w .tc-content h5,
.tc-content .dialog-wrap-w h5,
.dialog-wrap .break li,
.dialog-wrap-w .break li,
.support-wrap,
.app-link,
.game-list-col dd a,
.game-team .game-vs,
.game-scores .game-vs,
.game-scores ul .scores-box,
.tennis .scores-box,
.sum-status,
.tab-HS a,
.bets td,
.bets-HS td,
.bets-GH td,
.horse-box li,
.suspend,
.btn-rules,
.rules-wrap h3,
.closed-next,
.one_click-setting a,
.one_click-stake,
.one_click-stake input,
.one_click-stake textarea,
.quick_bet-wrap .max-bet a,
.quick_bet-progress .progress-bar-txt,
.quick_bet-message dd,
.fancy-info dt span,
.back-gradient p,
.lay-gradient p,
.special_bets-tab a,
.announce-footer,
.urgent-notice .announce-header h1,
.announce-content table,
.article-date,
.news-wrap .announce-header,
.apk-img,
.marquee-pop .nofound .nofound_box dd,
.confirm_box .white-wrap,
.go-back,
.pop-close,
.tab a,
.pages,
.chart-wrap,
.initial-balance dt span,
.final-balance dt span,
.table-trans td {
	text-align: center
}

.displayB,
.delete,
.btn,
.btn-send,
.nova88exch .total_all .search-but,
.super6exchange .total_all .search-but,
.marquee-pop .pages a,
.pages a,
.calendarTable_inputBox input,
.calendarTable_inputBox textarea,
.slip-back .col-stake_list ul,
.slip-lay .col-stake_list ul,
.slip-book .col-stake_list ul,
.login-wrap,
.account-wrap,
.menu,
.setting-wrap,
.slip-head,
.matched-head,
.stake-popup,
.btn-wrap,
.slip-option,
.cashout-wrap,
.slider,
.tab-highlight,
.tab-markets,
.game-wrap-horse .hs-time,
.game-scores .scores-time,
.game-scores ul,
.tab-HS,
.game-info,
.multi_select ul,
.marquee-pop .input-list,
.marquee-pop .filter-list,
.tab,
.input-list,
.filter-list,
.filter-pop ul,
.acc-info,
.total-show,
.slip-back .col-stake_list ul li,
.slip-lay .col-stake_list ul li,
.slip-book .col-stake_list ul li,
.login-wrap li,
.account-wrap li,
.menu li,
.setting-wrap li,
.slip-head li,
.matched-head li,
.stake-popup li,
.btn-wrap li,
.slip-option li,
.cashout-wrap li,
.slider li,
.tab-highlight li,
.tab-markets li,
.game-wrap-horse .hs-time li,
.game-scores .scores-time li,
.game-scores ul li,
.tab-HS li,
.game-info li,
.multi_select ul li,
.marquee-pop .input-list li,
.marquee-pop .filter-list li,
.tab li,
.input-list li,
.filter-list li,
.filter-pop ul li,
.acc-info li,
.total-show li,
.btn_rules:after,
.tag-live strong:before,
.game-head .ico_rules:before,
.age_box li .secondary:before,
.age_box li .btn-send:before,
.age_box li .nova88exch .total_all .search-but:before,
.nova88exch .total_all .age_box li .search-but:before,
.age_box li .super6exchange .total_all .search-but:before,
.super6exchange .total_all .age_box li .search-but:before,
.slip-wrap h3 a,
.matched-wrap h3 a,
.live-wrap h3 a,
.tv-wrap h3 a,
.game-wrap h3 a,
.game-highlight-wrap h3 a,
.game-wrap-horse h3 a,
.favor-wrap h3 a,
.sub_path h3 a,
.slip-back dt:hover .full-amount,
.slip-lay dt:hover .full-amount,
.slip-book dt:hover .full-amount,
.slip-back dd:hover .full-amount,
.slip-lay dd:hover .full-amount,
.slip-book dd:hover .full-amount,
.slip-back .col-stake_list:target,
.slip-lay .col-stake_list:target,
.slip-book .col-stake_list:target,
.btn-live,
.btn-book,
.account-wrap ul a,
.more_drop-list a,
.selection-list a,
.multi-event_type,
.game-fancy:after,
.game-sportsbook:after,
.game-bookmaker:after,
.game-live:after,
.in-play.game-fancy:before,
.in-play.game-sportsbook:before,
.in-play.game-bookmaker:before,
.in-play.game-live:before,
.fancy-head .in-play span:before,
.sportsbook-head .in-play span:before,
.bookmaker .in-play span:before,
.fancy-suspend span,
.fancy-suspend-white span,
.power-wrap h3 img,
.power-wrap-b img,
.login-wrap .btn-login,
.login-wrap .btn-signup,
.header a,
.account-wrap li .refresh-bar,
.language,
.flag,
.menu-wrap a,
.menu li:hover ul,
.setting-wrap li:hover ul,
.menu-list a,
.menu-list .Go,
.favor-set,
.path .path-back,
.path-pop a,
.short-amount,
.odd-add a,
.stake-popup a,
.slider-bar span,
.slider-bar a,
.live:before,
.load-pending strong,
.favor,
.kv-wrap a,
.promo-banner-wrap a,
.tab-highlight a,
.tab-markets a,
.event-left .slip-head span,
.event-right .slip-head span,
.event-left .matched-head span,
.event-right .matched-head span,
.app-link,
.live-list a,
.live-list a:after,
.change-channel::before,
.marquee-box h4:before,
.marquee-box .tc-content h5:before,
.tc-content .marquee-box h5:before,
.marquee-box h4:after,
.marquee-box .tc-content h5:after,
.tc-content .marquee-box h5:after,
.marquee-box .marquee a span,
.game-E i:before,
.game-E i:after,
.game-list-col dd a,
.game-list-col dd a span,
.game-list-col dd .info,
.game-head a,
.game-team .game-visit span,
.game-scores .game-visit span,
.game-team .game-home span,
.game-scores .game-home span,
.game-team .game-vs span,
.game-scores .game-vs span,
.game-scores ul .scores-box span,
.game-progress:after,
.sum-status,
.score-pop:before,
.score-pop-last:before,
.tab-HS a,
.tv-control a:before,
.bets td a,
.bets-HS td a,
.bets-GH td a,
.bets td span,
.bets-HS td span,
.bets-GH td span,
.disabled .col-visit a:before,
.disabled .col-home a:before,
.disabled .col-draw a:before,
.disabled.col-visit a:before,
.disabled.col-home a:before,
.disabled.col-draw a:before,
.horse-info>dd:hover .horse_info-hover,
.dog-info>dd:hover .horse_info-hover,
.to-win:before,
.to-lose:before,
.more,
.suspend span,
.bets .suspend span,
.bets-HS .suspend span,
.bets-GH .suspend span,
.line_markets-team .game-vs div:before,
.line_markets-team .game-vs div:after,
.rules-wrap:target,
.line_market-name span,
.quick_bet-wrap .btn span,
.quick_bet-wrap .btn-send span,
.quick_bet-wrap .nova88exch .total_all .search-but span,
.nova88exch .total_all .quick_bet-wrap .search-but span,
.quick_bet-wrap .super6exchange .total_all .search-but span,
.super6exchange .total_all .quick_bet-wrap .search-but span,
.quick_bet-wrap .pages a span,
.pages .quick_bet-wrap a span,
.quick_bet-wrap .calendarTable_inputBox input span,
.calendarTable_inputBox .quick_bet-wrap input span,
.quick_bet-wrap .calendarTable_inputBox textarea span,
.calendarTable_inputBox .quick_bet-wrap textarea span,
.gametab-head h4:after,
.gametab-head .tc-content h5:after,
.tc-content .gametab-head h5:after,
.gametab-head h4:before,
.gametab-head .tc-content h5:before,
.tc-content .gametab-head h5:before,
.other-tab:before,
.other-tab:after,
.fancy-info dt span,
td .fancy-info dt,
.special_bets-tab a,
.special_bets-tab .more_drop>a:before,
.announce-footer .confirm-checkbox,
.close_pop,
.error-text,
.go-back,
.pop-close,
.tab a,
.expand-close,
.expand-open,
.selection,
.initial-balance dt span,
.final-balance dt span,
.gamehall-wrap-simple a:after,
.on_live .live_icon span:before,
.entrance-title dd:after {
	display: block
}

.displayI,
.sport_list-wrap .game-list-col dd a,
.pages li {
	display: inline
}

.displayIB,
.fancy-head h4 span,
.sportsbook-head h4 span,
.bookmaker h4 span,
.fancy-head .tc-content h5 span,
.tc-content .fancy-head h5 span,
.sportsbook-head .tc-content h5 span,
.tc-content .sportsbook-head h5 span,
.bookmaker .tc-content h5 span,
.tc-content .bookmaker h5 span,
.policy-link li,
.menu-wrap a.menu-drop:after,
.menu-wrap a.menu-drop.select:after,
.favor-wrap .menu-list a,
.upcome-wrap dt,
.upcome-wrap dd,
.app-link a,
.game-matched dt,
.game-matched dd,
.open-tv-wrap:before,
.one_click-stake li,
.fancy_bet .fancy-quick-tr .progress-bar-txt span,
.sportsbook_bet .fancy-quick-tr .progress-bar-txt span,
.bookmaker_bet .fancy-quick-tr .progress-bar-txt span,
.fancy-th-layout .fancy-tips li:before,
.btn-fancybet_rules,
.btn-sportsbook_rules,
.fancy-info dt,
.fancy-info dd,
.announce-header h1:before,
.announce-footer li {
	display: inline-block
}

.displayF,
.promo-banner .promo-control-nav,
.account-wrap .main-wallet .nums,
.account-wrap .a-refresh,
.badge-currency,
.tag-live,
.tag-live strong,
.tv-control a,
.bets .special_bet .fancy-info,
.bets-HS .special_bet .fancy-info,
.bets-GH .special_bet .fancy-info,
.back-gradient dd,
.lay-gradient dd,
.age_box li .secondary,
.age_box li .btn-send,
.on_live .live_icon,
.on_live .live_icon span,
.on_live dd,
.power-wrap,
.account-wrap a,
.account-wrap .main-wallet,
.account-wrap .main-wallet .a-wallet ul,
.account-wrap p.loading-bar,
.licence_embed,
.live-head,
.change-channel,
.marquee-box,
.marquee-box h4,
.marquee-box .tc-content h5,
.tc-content .marquee-box h5,
.marquee-box .marquee a,
.game-E i,
.match-btn,
.match-btn a,
.game-head .open-tv-wrap,
.tv-control,
.horse-info,
.dog-info,
.horse-info>dt,
.dog-info>dt,
.horse-info>dd,
.dog-info>dd,
.multi_h3,
.game-wrap h3 .multi_name,
.quick-bet-confirm,
.gametab-head,
.gametab-head h4,
.gametab-head .tc-content h5,
.tc-content .gametab-head h5,
.btn_rules,
.fancy-th-layout,
.fancy-th-layout dt,
.fancy-th-layout dd,
.other-tab,
.back-gradient,
.lay-gradient,
.back-gradient dd a,
.lay-gradient dd a,
.download-list,
.download-list dt,
.download-list dt a,
.download-list dd,
.download-list dd a,
.special_bets-tab-wrap,
.fancy_bet_tab-wrap,
.special_bets-tab,
.special_bets-tab .more_drop>a,
.marquee-pop,
.marquee-pop .nofound,
.marquee-pop .nofound .nofound_box,
.marquee-pop .pages {
	display: flex
}

.border-box,
.tag-live,
.game-E,
.marquee-pop .announce-content,
.on_live,
.on_live .live_icon span,
.on_live .live_icon span:before,
.on_live dd span {
	box-sizing: border-box
}

.main_wrap,
.header {
	position: relative;
	width: 1350px;
	margin: 0 auto
}

.full-wrap {
	position: relative;
	min-width: 1350px;
	max-width: calc(100% - 40px);
	/* height: calc(100% - 105px); */
	margin: 0 auto
}

.over-wrap {
	overflow: hidden;
	overflow-y: scroll
}

.pop-warp,
.log-wrap,
.streaming-pop {
	width: 920px;
	height: 600px;
	overflow: hidden;
	margin: 0 auto;
	background-color: #fff
}

.pop-warp .game-name,
.log-wrap .game-name,
.streaming-pop .game-name {
	position: relative;
	padding-right: 130px
}

.pop-warp .game-name p,
.log-wrap .game-name p,
.streaming-pop .game-name p {
	width: 780px;
	margin-bottom: 0;
	line-height: 25px
}

.pop-warp .game-name span,
.log-wrap .game-name span,
.streaming-pop .game-name span {
	line-height: 25px
}

.pop-warp.no-match_odds,
.no-match_odds.log-wrap,
.no-match_odds.streaming-pop {
	width: 450px;
	height: min-content
}

.pop-warp.no-match_odds .game-name p,
.no-match_odds.log-wrap .game-name p,
.no-match_odds.streaming-pop .game-name p {
	width: 310px
}

.pop-warp.no-match_odds .pop-left dl,
.no-match_odds.log-wrap .pop-left dl,
.no-match_odds.streaming-pop .pop-left dl {
	display: none
}

.pop-warp.no-match_odds .pop-left .select-betting,
.no-match_odds.log-wrap .pop-left .select-betting,
.no-match_odds.streaming-pop .pop-left .select-betting {
	display: block
}

.pop-warp.no-match_odds .pop-right,
.no-match_odds.log-wrap .pop-right,
.no-match_odds.streaming-pop .pop-right {
	display: none
}

.pop-warp.no-match_odds .pop-left,
.no-match_odds.log-wrap .pop-left,
.no-match_odds.streaming-pop .pop-left,
.pop-warp.no-match_odds .chart-wrap,
.no-match_odds.log-wrap .chart-wrap,
.no-match_odds.streaming-pop .chart-wrap,
.pop-warp.no-match_odds .pop-note,
.no-match_odds.log-wrap .pop-note,
.no-match_odds.streaming-pop .pop-note {
	width: calc(100% - 20px - 20px)
}

.pop-warp.no-match_odds .pop-left,
.no-match_odds.log-wrap .pop-left,
.no-match_odds.streaming-pop .pop-left {
	height: 400px
}

.pop-warp.no-match_odds .chart-wrap,
.no-match_odds.log-wrap .chart-wrap,
.no-match_odds.streaming-pop .chart-wrap {
	margin: 0 auto
}

.pop-warp.no-match_odds .chart-wrap h2,
.no-match_odds.log-wrap .chart-wrap h2,
.no-match_odds.streaming-pop .chart-wrap h2 {
	width: inherit
}

.log-wrap {
	width: 1100px;
	height: 650px
}

.col-left {
	position: absolute;
	left: 0;
	top: 0;
	width: 17.36111%
}

.full-wrap .col-left {
	height: 100%;
	overflow: hidden
}

.col-center {
	position: relative;
	margin-left: 17.36111%;
	margin-right: 26.04167%;
	padding: 0 5px; 
}

.full-wrap .col-center {
	height: calc(100vh - 120px);
	overflow: hidden
}

.col-center.player {
	height: 100%;
	padding: 0 5px
}

.col-center.markets {
	padding: 0 5px
}

.col-center.inplay {
	height: 100%;
	padding-left: 0;
	margin-left: 0
}

.col-center.binary {
	height: 100%;
	padding-left: 0;
	margin-left: 0
}

.col-center.full-center {
	height: 100%;
	padding-left: 0;
	margin-left: 0
}

.col-center.report {
	padding-right: 0;
	margin-right: 0
}

.col-right {
	position: absolute;
	width: 26.04167%;
	top: 0;
	right: 0
}

.full-wrap .col-right {
	height: 100%;
	overflow: hidden
}
app-loader section{background: transparent!important; box-shadow: none!important;}
.loading-wrap {
	/* display: none; */
	top: 42%;
	height: 90px;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
	padding-top: 25px;
	z-index: 50;
	position: absolute;
	left: 50%;
	width: 190px;
	 margin-left: -95px
}

.loading-wrap.multi-load {
	padding-top: 15px;
	height: 66px;
	top: 10%;
	margin-top: -10px
}

.loading {
	padding: 5% 0
}

.loading li {
	list-style: none;
	font-size: 11px;
	color: #243a48;
	margin-bottom: 3x
}

.loading img {
	background-position: -42px -415px;
	height: 22px;
	width: 38px
}

.table01,
.table-s {
	width: 100%;
	background-color: #fff;
	border-collapse: collapse;
	border-bottom: 1px solid #7e97a7;
	margin-bottom: 15px
}

.table01 caption,
.table-s caption {
	background-color: #3b5160;
	border-bottom: 1px solid #7e97a7;
	color: #fff;
	line-height: 24px;
	font-weight: bold;
	padding: 0 10px
}

.table01 th,
.table-s th {
	color: #243a48;
	background-color: #e4e4e4;
	border: 1px solid #7e97a7;
	border-width: 1px 0 1px 0;
	padding: 8px 10px
}

.table01 td,
.table-s td {
	border-top: 1px solid #eee;
	padding: 8px 10px;
	vertical-align: middle
}

.table01 a,
.table-s a {
	text-decoration: underline
}

.table01 .btn,
.table-s .btn,
.table01 .btn-send,
.table-s .btn-send,
.table01 .pages a,
.pages .table01 a,
.table-s .pages a,
.pages .table-s a,
.table01 .calendarTable_inputBox input,
.calendarTable_inputBox .table01 input,
.table-s .calendarTable_inputBox input,
.calendarTable_inputBox .table-s input,
.table01 .calendarTable_inputBox textarea,
.calendarTable_inputBox .table01 textarea,
.table-s .calendarTable_inputBox textarea,
.calendarTable_inputBox .table-s textarea {
	text-decoration: none
}

.over-wrap .table01:last-of-type,
.over-wrap .table-s:last-of-type {
	margin-bottom: 0
}

.table01 .win,
.table-s .win,
.table01 .to-win,
.table-s .to-win {
	color: #508d0e
}

.cal-input {
	width: 110px;
	cursor: pointer;
	background-position: 100% -23px
}

.time-input {
	width: 45px
}

.delete {
	background-position: -63px -135px;
	height: 32px;
	width: 17px
}

.delete:hover,
.delete.del-hover {
	background-position: -63px -167px
}

.btn-close {
	background-position: -404px -1465px;
	height: 10px;
	width: 10px
}

.btn-close:hover,
.btn-close.close-black-hover {
	background-position: -404px -1475px
}

.btn,
.btn-send,
.nova88exch .total_all .search-but,
.super6exchange .total_all .search-but,
.marquee-pop .pages a,
.pages a,
.calendarTable_inputBox input,
.calendarTable_inputBox textarea {
	background: #eee url(images/bg-btn.gif) repeat-x;
	border: 1px solid #bbb;
	border-radius: 4px;
	color: #1e1e1e;
	font-weight: bold;
	line-height: 23px;
	font-size: 12px;
	margin: 0 5px 10px 0
}

.btn:hover,
.btn-send:hover,
.pages a:hover,
.calendarTable_inputBox input:hover,
.calendarTable_inputBox textarea:hover {
	text-decoration: none;
	background: #fff url(images/bg-btn_hover.gif) repeat-x
}

.btn.select,
.select.btn-send,
.pages a.select,
.calendarTable_inputBox input.select,
.calendarTable_inputBox textarea.select {
	background: #ffcc2e url(images/bg-btn_select.gif) repeat-x;
	border-color: #cb8009
}

.btn.disable,
.disable.btn-send,
.pages a.disable,
.calendarTable_inputBox input.disable,
.calendarTable_inputBox textarea.disable {
	background: #dfdfdf;
	color: #999;
	cursor: not-allowed
}

table .btn,
table .btn-send,
table .marquee-pop .pages a,
.marquee-pop .pages table a,
table .pages a,
.pages table a,
table .calendarTable_inputBox input,
.calendarTable_inputBox table input,
table .calendarTable_inputBox textarea,
.calendarTable_inputBox table textarea {
	margin: 0
}

.secondary {
	background-image: linear-gradient(180deg, #d6d6d6 0%, #b2b2b2 89%);
	border: 1px solid #969696
}

.secondary:hover {
	background-image: linear-gradient(180deg, #b2b2b2 0%, #d6d6d6 89%);
	border: 1px solid #969696
}

.btn-box {
	padding: 0 7px 10px
}

.btn-send{
	background: #ffa00c url(images/bg-send.gif) repeat-x;
	border-color: #cb8009
}

.btn-send:hover{
	background: #ffb80c url(images/bg-send_hover.gif) repeat-x
}

.btn-send.disable{
	background: #ffe2b6 url(images/bg-send_no.gif) repeat-x;
	border-color: #efd9b5
}

.btn-back,
.btn-lay {
	color: #1e1e1e;
	font-weight: bold;
	margin-right: 1%;
	background-color: #72bbef;
	border-left-color: #fff
}

.btn-back:hover,
.btn-lay:hover {
	background-color: #80c2f1
}

.btn-back.select,
.select.btn-lay {
	background-color: #1a8ee1;
	color: #fff;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5)
}

.btn-back.select a,
.select.btn-lay a {
	color: #fff
}

.btn-back:hover,
.btn-lay:hover {
	text-decoration: none
}

.disable .btn-back,
.disable .btn-lay {
	cursor: not-allowed
}

.btn-lay {
	background-color: #faa9ba;
	border-left-color: #fff
}

.btn-lay:hover {
	background-color: #fbb7c6
}

.btn-lay.select {
	background-color: #f4496d;
	color: #fff;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5)
}

.btn-lay.select a {
	color: #fff
}

.btn-recall {
	color: #3b5160;
	font-size: 15px;
	font-weight: bold;
	line-height: 2.2;
	padding: 0 8px;
	background-color: rgba(94, 190, 255, 0.15);
	border-radius: 4px;
	border: 1px solid #7e97a7;
	cursor: pointer
}

.btn-recall:hover {
	background-color: rgba(94, 190, 255, 0.3)
}

.link-open {
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	text-decoration: none !important
}

.link-open:after {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: top;
	background: url('data:image/svg+xml,<svg width="31" height="30" xmlns="http://www.w3.org/2000/svg"><path d="M23.668 0a7 7 0 017 7v16a7 7 0 01-7 7h-16a7 7 0 01-7-7V7a7 7 0 017-7h16zm-8 7a1.28 1.28 0 00-1.28 1.28v5.44h-5.44a1.28 1.28 0 100 2.56h5.44v5.44a1.28 1.28 0 102.56 0v-5.44h5.44a1.28 1.28 0 100-2.56h-5.44V8.28A1.28 1.28 0 0015.668 7z" fill="%232789CE" fill-rule="evenodd"/></svg>') center no-repeat;
	background-size: contain;
	margin-left: 5px
}

.link-open.red span {
	border-bottom: 1px solid;
	padding-bottom: 1px
}

.table01 .link-open.red span,
.table-s .link-open.red span {
	text-decoration: none
}

.link-open.red:after {
	background: url('data:image/svg+xml,<svg width="31" height="30" xmlns="http://www.w3.org/2000/svg"><path d="M23.668 0a7 7 0 017 7v16a7 7 0 01-7 7h-16a7 7 0 01-7-7V7a7 7 0 017-7h16zm-8 7a1.28 1.28 0 00-1.28 1.28v5.44h-5.44a1.28 1.28 0 100 2.56h5.44v5.44a1.28 1.28 0 102.56 0v-5.44h5.44a1.28 1.28 0 100-2.56h-5.44V8.28A1.28 1.28 0 0015.668 7z" fill="%23D0021B" fill-rule="evenodd"/></svg>') center no-repeat;
	background-size: contain
}

.icon-time {
	background-position: -399px -3170px
}

.icon-live {
	background-position: -399px -2644px
}

.icon-irun {
	background-position: -399px -2607px
}

.icon-predict {
	background-position: -398px -2068px;
	height: 16px;
	width: 16px
}

.icon-cashout {
	background-position: -399px -2033px;
	height: 15px;
	width: 15px
}

.icon-in_play {
	margin-right: 5px;
	background-position: -406px -2598px;
	height: 8px;
	width: 8px
}

.menu-list .icon-in_play {
	margin-right: 9px
}

.icon-no_play {
	margin-right: 5px;
	background-position: -406px -2834px;
	height: 8px;
	width: 8px
}

.menu-list .icon-no_play {
	margin-right: 9px
}

.icon-cricket {
	background-position: -402px -2064px;
	height: 12px;
	width: 12px
}

.icon-soccer {
	background-position: -402px -3090px;
	height: 12px;
	width: 12px
}

.icon-tennis {
	background-position: -402px -3063px;
	height: 12px;
	width: 12px
}

.icon-basketball {
	background-position: -402px -1894px;
	height: 12px;
	width: 12px
}

.icon-dog {
	background-position: -402px -2076px;
	height: 12px;
	width: 12px
}

.icon-HR {
	background-position: -402px -2556px;
	height: 13px;
	width: 12px
}

.icon-racing {
	background-position: -401px -2791px;
	height: 13px;
	width: 13px
}

.lay {
	color: #e33a5e !important
}

.back {
	color: #1f72ac !important
}

.red {
	color: #d0021b !important
}

.green {
	color: #508d0e !important
}

.bg-back {
	background-color: #beddf4 !important
}

.bg-lay {
	background-color: #f3dce2 !important
}

.tag-new {
	position: absolute;
	width: 32px;
	height: 18px;
	background: url('data:image/svg+xml,<svg width="32" height="16" viewBox="0 0 32 16" xmlns="http://www.w3.org/2000/svg"><path d="M20 12l-7 4 1-4h-11c-1.657 0-3-1.343-3-3v-6c0-1.657 1.343-3 3-3h26c1.657 0 3 1.343 3 3v6c0 1.657-1.343 3-3 3h-9z" fill="%23D0021B"/></svg>') center no-repeat;
	background-size: contain;
	color: #ffffff;
	line-height: 12px;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	-webkit-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.6));
	filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.6));
	z-index: 2
}

.delete,
.btn-close,
.header h1,
.skyexchange .header h1,
.slip-wrap .slip_set,
.slip_refresh,
.tv_popup,
.game-fancy,
.game-sportsbook,
.game-bookmaker,
.game-live,
.language,
.menu-list .Go,
.path .path-back,
.odd-add a,
.slider-bar a,
.favor,
.tag-live strong,
.transfer-wrap .close,
.transfer-wrap-slider .close,
.transferId-con dd .copy-but,
.transferId-con .mainBalance dd .refresh-but,
.login_to_go .close,
.game-list-col dd .info,
.game-head .favor,
.game-head .refresh,
.tv-control a,
.bets .special_bet .btn-fancy_info,
.bets-HS .special_bet .btn-fancy_info,
.bets-GH .special_bet .btn-fancy_info,
.add-pin,
.delete-pin,
.multi_refresh,
.btn-fancybet_rules,
.btn-sportsbook_rules,
.download-list dd a,
.special_bets-tab .more_drop>a,
.close_pop,
.on_live .live_icon span {
	font-size: 0;
	text-indent: -99999px
}

.pop-warp .game-name p,
.log-wrap .game-name p,
.streaming-pop .game-name p,
.menu-list a,
.path-pop a,
.short-amount,
.upcome,
.live-list a,
.live-channel,
.game-list-col dt,
.game-list-col.predict p,
.tab-HS a,
.bets th,
.bets-HS th,
.bets-GH th,
.bets th p,
.bets-HS th p,
.bets-GH th p,
.horse-name li,
.game-wrap h3 .multi_name,
.quick_bet-wrap dt,
.quick_bet-wrap .btn span,
.quick_bet-wrap .btn-send span,
.quick_bet-wrap .nova88exch .total_all .search-but span,
.nova88exch .total_all .quick_bet-wrap .search-but span,
.quick_bet-wrap .super6exchange .total_all .search-but span,
.super6exchange .total_all .quick_bet-wrap .search-but span,
.quick_bet-wrap .pages a span,
.pages .quick_bet-wrap a span,
.quick_bet-wrap .calendarTable_inputBox input span,
.calendarTable_inputBox .quick_bet-wrap input span,
.quick_bet-wrap .calendarTable_inputBox textarea span,
.calendarTable_inputBox .quick_bet-wrap textarea span,
.fancy-th-layout dt,
.fancy-th-layout dd,
.suggestion-wrap .no-matching,
.suggestion-wrap p,
.suggestion-wrap a,
.filter-list .filter-content,
.select-betting .selection,
.on_live dd p,
.entrance-title dt {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.promo-banner .promo-control-nav {
	-ms-display: flex;
	justify-content: center;
	align-items: center
}

.pop-warp,
.log-wrap,
.streaming-pop,
.account-wrap ul,
.more_drop-list,
.selection-list,
.slip_set-pop,
.oneclick_set-pop,
.path-pop,
.tips-popup,
.full-amount,
.stake-popup,
.message-wrap,
.dialog-wrap-w,
.score-pop,
.score-pop-last,
.horse_info-hover,
.rules-wrap,
.pop_box,
.filter-pop,
.calendarPanel {
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.5)
}

.slip-head,
.matched-head,
.for-agent,
.head-bets-agent,
.expand>td {
	box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.1)
}

.btn_rules:after {
	content: ""
}

.tag-live strong:before,
.game-head .ico_rules:before,
.age_box li .secondary:before,
.age_box li .btn-send:before,
.age_box li .nova88exch .total_all .search-but:before,
.nova88exch .total_all .age_box li .search-but:before,
.age_box li .super6exchange .total_all .search-but:before,
.super6exchange .total_all .age_box li .search-but:before {
	content: ""
}

.account-wrap .main-wallet .nums,
.account-wrap .a-refresh,
.badge-currency,
.tag-live,
.tag-live strong,
.tv-control a,
.bets .special_bet .fancy-info,
.bets-HS .special_bet .fancy-info,
.bets-GH .special_bet .fancy-info,
.back-gradient dd,
.lay-gradient dd,
.age_box li .secondary,
.age_box li .btn-send,
.age_box li .nova88exch .total_all .search-but,
.nova88exch .total_all .age_box li .search-but,
.age_box li .super6exchange .total_all .search-but,
.super6exchange .total_all .age_box li .search-but,
.on_live .live_icon,
.on_live .live_icon span,
.on_live dd {
	justify-content: center;
	align-items: center
}

.moreinfo-wrap .policy-link {
	color: rgba(255, 255, 255, 0.5);
	border-top-color: rgba(255, 255, 255, 0.3)
}

.moreinfo-wrap .policy-link a {
	color: rgba(255, 255, 255, 0.6)
}

.header h1 {
	width: 158px;
	height: 53px;
	background: url(images/logo-skyexchange.png) no-repeat;  margin:-10px 15px 12px 0!important ;
}
.skyexchange .header h1 {
	width: 158px;
	height: 53px;
	background: url(images/skyexchange/logo-skyexchange.png) no-repeat
}

.icon-time,
.icon-live,
.icon-irun,
.icon-predict,
.icon-cashout {
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
	vertical-align: top
}

.login-panel {
	color: #243a48;
	margin: 70px 0 0 25px
}

.login-panel dt {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 15px
}

.login-panel dd {
	position: relative;
	width: 220px;
	margin-bottom: 7px
}

.login-panel input,
.login-panel textarea {
	width: 100%;
	height: 33px;
	font-size: 14px;
	line-height: 21px;
	border: 1px solid #aaa;
	box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
	margin: 0
}

.login-panel input:focus,
.login-panel textarea:focus {
	padding: 5px
}

.login-panel .btn-send,
.login-panel .super6exchange .total_all .search-but,
.super6exchange .total_all .login-panel .search-but {
	width: 218px;
	height: 36px;
	line-height: 36px;
	font-size: 15px;
	margin: 15px 0 0
}

.change_pass {
	padding: 30px 20px;
	font-size: 15px;
	line-height: 20px
}

.change_pass h2 {
	font-size: 25px;
	line-height: 30px;
	color: #243a48;
	margin-bottom: 10px
}

.change_pass {
	text-align: left;
	padding-bottom: 40px
}

.change_pass .login-panel {
	width: 230px;
	margin: 0
}

.change_pass dd {
	width: 230px
}

.change_pass .btn-send,
.change_pass .super6exchange .total_all .search-but,
.super6exchange .total_all .change_pass .search-but {
	width: 228px
}

.change_pass .note {
	width: calc(100% - 230px - 27px);
	font-size: 12px;
	color: #666;
	line-height: 17px;
	margin: 40px 12px 0 15px
}

.btn-back.spark,
.spark.btn-lay,
.bets .back-1.spark a,
.bets-HS .back-1.spark a,
.bets-GH .back-1.spark a,
.back-gradient dd.spark a,
.lay-gradient dd.spark a {
	animation: sparkBack 0.5s ease
}

.btn-back.blinkBack,
.blinkBack.btn-lay,
.bets .back-1.blinkBack a,
.bets-HS .back-1.blinkBack a,
.bets-GH .back-1.blinkBack a,
.back-gradient dd.blinkBack a,
.lay-gradient dd.blinkBack a {
	animation: sparkBack 0.5s ease
}

@keyframes sparkBack {
	0% {
		background-color: #72bbef;
		color: #1e1e1e
	}

	50% {
		background-color: #f8e71c;
		color: #fff
	}

	100% {
		background-color: #72bbef;
		color: #1e1e1e
	}
}

.bets .back-2.spark a,
.bets-HS .back-2.spark a,
.bets-GH .back-2.spark a {
	animation: sparkBack_2 0.5s ease
}
.bets .back-2.blinkBack a,
.bets-HS .back-2.blinkBack a,
.bets-GH .back-2.blinkBack a {
	animation: sparkBack_2 0.5s ease
}

@keyframes sparkBack_2 {
	0% {
		background-color: #b7d5eb;
		color: #1e1e1e
	}

	50% {
		background-color: #f8e71c;
		color: #fff
	}

	100% {
		background-color: #b7d5eb;
		color: #1e1e1e
	}
}

.bets .back-3.spark a,
.bets-HS .back-3.spark a,
.bets-GH .back-3.spark a {
	animation: sparkBack_3 0.5s ease
}

.bets .back-3.blinkBack a,
.bets-HS .back-3.blinkBack a,
.bets-GH .back-3.blinkBack a {
	animation: sparkBack_3 0.5s ease
}

@keyframes sparkBack_3 {
	0% {
		background-color: #d7e8f4;
		color: #1e1e1e
	}

	50% {
		background-color: #f8e71c;
		color: #fff
	}

	100% {
		background-color: #d7e8f4;
		color: #1e1e1e
	}
}

.btn-lay.spark,
.bets .lay-1.spark a,
.bets-HS .lay-1.spark a,
.bets-GH .lay-1.spark a,
.lay-gradient dd.spark a {
	animation: sparkLay 0.5s ease
}

.btn-lay.blinkLay,
.bets .lay-1.blinkLay a,
.bets-HS .lay-1.blinkLay a,
.bets-GH .lay-1.blinkLay a,
.lay-gradient dd.blinkLay a {
	animation: sparkLay 0.5s ease
}

@keyframes sparkLay {
	0% {
		background-color: #faa9ba;
		color: #1e1e1e
	}

	50% {
		background-color: #26f1f8;
		color: #fff
	}

	100% {
		background-color: #faa9ba;
		color: #1e1e1e
	}
}

.bets .lay-2.spark a,
.bets-HS .lay-2.spark a,
.bets-GH .lay-2.spark a {
	animation: sparkLay_2 0.5s ease
}

.bets .lay-2.blinkLay a,
.bets-HS .lay-2.blinkLay a,
.bets-GH .lay-2.blinkLay a {
	animation: sparkLay_2 0.5s ease
}

@keyframes sparkLay_2 {
	0% {
		background-color: #efd3d9;
		color: #1e1e1e
	}

	50% {
		background-color: #26f1f8;
		color: #fff
	}

	100% {
		background-color: #efd3d9;
		color: #1e1e1e
	}
}

.bets .lay-3.spark a,
.bets-HS .lay-3.spark a,
.bets-GH .lay-3.spark a {
	animation: sparkLay_3 0.5s ease
}

.bets .lay-3.blinkLay a,
.bets-HS .lay-3.blinkLay a,
.bets-GH .lay-3.blinkLay a {
	animation: sparkLay_3 0.5s ease
}

@keyframes sparkLay_3 {
	0% {
		background-color: #f6e6ea;
		color: #1e1e1e
	}

	50% {
		background-color: #26f1f8;
		color: #fff
	}

	100% {
		background-color: #f6e6ea;
		color: #1e1e1e
	}
}

input:focus,
textarea:focus,
.btn-wrap .btn:focus,
.btn-wrap .btn-send:focus,
.btn-wrap .pages a:focus,
.pages .btn-wrap a:focus,
.btn-wrap .calendarTable_inputBox input:focus,
.calendarTable_inputBox .btn-wrap input:focus,
.btn-wrap .calendarTable_inputBox textarea:focus,
.calendarTable_inputBox .btn-wrap textarea:focus,
.slip-option input:focus,
.slip-option textarea:focus {
	border-width: 1px;
	border-color: #2789ce;
	box-shadow: 0 0 4px 2px rgba(114, 187, 239, 0.8)
}

.slip-back input:focus,
.slip-lay input:focus,
.slip-book input:focus,
.slip-back textarea:focus,
.slip-lay textarea:focus,
.slip-book textarea:focus,
.slip-back .keep-option input:focus,
.slip-lay .keep-option input:focus,
.slip-book .keep-option input:focus,
.slip-back .keep-option textarea:focus,
.slip-lay .keep-option textarea:focus,
.slip-book .keep-option textarea:focus {
	border-width: 1px;
	border-color: #2789ce;
	box-shadow: 0 0 4px 2px rgba(31, 114, 172, 0.7)
}

.slip-wrap,
.matched-wrap,
.live-wrap,
.tv-wrap,
.game-wrap,
.game-highlight-wrap,
.game-wrap-horse,
.favor-wrap,
.sub_path {
	background-color: #fff;
	border-bottom: 1px solid #7e97a7;
	margin-bottom: 1px
}

.slip-wrap h3,
.matched-wrap h3,
.live-wrap h3,
.tv-wrap h3,
.game-wrap h3,
.game-highlight-wrap h3,
.game-wrap-horse h3,
.favor-wrap h3,
.sub_path h3 {
	color: #fff;
	font-size: 12px;
	line-height: 25px;
	font-weight: normal;
	padding-left: 10px;
	background-repeat: repeat-x;
	background-position: 0 -7243px
}

.slip-wrap h3 a,
.matched-wrap h3 a,
.live-wrap h3 a,
.tv-wrap h3 a,
.game-wrap h3 a,
.game-highlight-wrap h3 a,
.game-wrap-horse h3 a,
.favor-wrap h3 a,
.sub_path h3 a {
	color: #fff
}

.slip-wrap h3 a:hover,
.matched-wrap h3 a:hover,
.live-wrap h3 a:hover,
.tv-wrap h3 a:hover,
.game-wrap h3 a:hover,
.game-highlight-wrap h3 a:hover,
.game-wrap-horse h3 a:hover,
.favor-wrap h3 a:hover,
.sub_path h3 a:hover {
	text-decoration: none
}

.slip-wrap h3 img,
.matched-wrap h3 img,
.live-wrap h3 img,
.tv-wrap h3 img,
.game-wrap h3 img,
.game-highlight-wrap h3 img,
.game-wrap-horse h3 img,
.favor-wrap h3 img,
.sub_path h3 img {
	margin-top: 5px
}

.slip-wrap .to-expand,
.matched-wrap .to-expand,
.live-wrap .to-expand,
.tv-wrap .to-expand,
.game-wrap .to-expand,
.game-highlight-wrap .to-expand,
.game-wrap-horse .to-expand,
.favor-wrap .to-expand,
.sub_path .to-expand {
	background-position: 100% -3325px
}

.close.slip-wrap,
.close.matched-wrap,
.close.live-wrap,
.close.tv-wrap,
.close.game-wrap,
.close.game-highlight-wrap,
.close.game-wrap-horse,
.close.favor-wrap,
.close.sub_path {
	height: 25px;
	overflow: hidden
}

.close.slip-wrap .to-expand,
.close.matched-wrap .to-expand,
.close.live-wrap .to-expand,
.close.tv-wrap .to-expand,
.close.game-wrap .to-expand,
.close.game-highlight-wrap .to-expand,
.close.game-wrap-horse .to-expand,
.close.favor-wrap .to-expand,
.close.sub_path .to-expand {
	background-position: 100% -3300px
}

.slip-wrap,
.matched-wrap,
.live-wrap,
.tv-wrap {
	margin-bottom: 0
}

.slip-wrap h3,
.matched-wrap h3,
.live-wrap h3,
.tv-wrap h3 {
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
	background-position: 0 -7368px
}

.slip-wrap .to-expand,
.matched-wrap .to-expand,
.live-wrap .to-expand,
.tv-wrap .to-expand {
	background-position: 100% -299px
}

.close.slip-wrap,
.close.matched-wrap,
.close.live-wrap,
.close.tv-wrap {
	border-bottom-color: #eee
}

.close.slip-wrap .to-expand,
.close.matched-wrap .to-expand,
.close.live-wrap .to-expand,
.close.tv-wrap .to-expand {
	background-position: 100% -110px
}

.game-wrap,
.game-highlight-wrap,
.game-wrap-horse {
	border-bottom: 1px solid #7e97a7;
	margin-bottom: 15px
}

.game-wrap h3,
.game-highlight-wrap h3,
/* .game-wrap-horse h3 {
	background: var(--heading-color)
} */

.game-wrap h4,
.game-highlight-wrap h4,
.game-wrap-horse h4,
.game-wrap .tc-content h5,
.tc-content .game-wrap h5,
.game-highlight-wrap .tc-content h5,
.tc-content .game-highlight-wrap h5,
.game-wrap-horse .tc-content h5,
.tc-content .game-wrap-horse h5 {
	background: #3b5667
}

.game-wrap .close-info,
.game-highlight-wrap .close-info,
.game-wrap-horse .close-info {
	padding-left: 10px;
	color: #ffb80c
}

.game-wrap .to-expand,
.game-highlight-wrap .to-expand,
.game-wrap-horse .to-expand {
	flex: 1;
	background-position: 100% -1814px
}

.close.game-wrap,
.close.game-highlight-wrap,
.close.game-wrap-horse {
	border-bottom-color: #eee
}

.close.game-wrap .to-expand,
.close.game-highlight-wrap .to-expand,
.close.game-wrap-horse .to-expand {
	background-position: 100% -1585px
}
.game-team .game-name span,
.game-scores .game-name span {
	background-color: #fff;
	color: #243a48;
	padding: 1px 8px;
	border-radius: 4px;
	margin: 0 5px
}
.game-team,
.game-scores {
	width: 100%;
	background-color: #1b2d38;
	color: #fff;
	line-height: 22px;
	font-size: 18px;
	font-weight: bold
}
.game-team td,
.game-scores td {
	position: relative;
	width: 40%;
	height: 28px;
	vertical-align: top
}
.game-team .game-name,
.game-scores .game-name {
	padding: 5px 10px 5px 30px
}
.game-team .game-name span,
.game-scores .game-name span {
	font-size: 15px
}
.pop-warp .game-team .game-name,
.log-wrap .game-team .game-name,
.streaming-pop .game-team .game-name,
.pop-warp .game-scores .game-name,
.log-wrap .game-scores .game-name,
.streaming-pop .game-scores .game-name,
.log-wrap .game-team .game-name,
.log-wrap .game-scores .game-name {
	padding-left: 10px
}
.slip-wrap .slip_set,
.slip_refresh,
.tv_popup {
	margin-right: 7px
}
.slip-back dt,
.slip-lay dt,
.slip-book dt {
	position: relative;
	width: 42.0904%;
	font-weight: bold;
	padding-left: 5px
}
.slip-back dt span,
.slip-lay dt span,
.slip-book dt span {
	color: #222;
	opacity: 0.5;
	font-weight: normal
}
.slip-back dt .short-amount,
.slip-lay dt .short-amount,
.slip-book dt .short-amount,
.slip-back dt .full-amount,
.slip-lay dt .full-amount,
.slip-book dt .full-amount {
	opacity: 1;
	font-weight: bold
}
.slip-back dt .full-amount,
.slip-lay dt .full-amount,
.slip-book dt .full-amount {
	top: -2px
}
.slip-back dt .slip-type,
.slip-lay dt .slip-type,
.slip-book dt .slip-type {
	line-height: 22px;
	border-radius: 3px; width: 35px; text-align: center;
	color: #1e1e1e;
	padding: 0 5px;
	margin: 5px 5px 0 0;
	opacity: 1
}
.slip-back dt.slip-inline,
.slip-lay dt.slip-inline,
.slip-book dt.slip-inline {
	line-height: 22px;
	height: 22px;
	padding: 5px 0 5px 5px
}
.slip-back dt.slip-inline .slip-type,
.slip-lay dt.slip-inline .slip-type,
.slip-book dt.slip-inline .slip-type {
	margin: 0 5px 0 0
}
.slip-back dt.slip-inline .delete,
.slip-lay dt.slip-inline .delete,
.slip-book dt.slip-inline .delete {
	margin-top: -5px
}
.slip-back dt.slip-inline .full-amount,
.slip-lay dt.slip-inline .full-amount,
.slip-book dt.slip-inline .full-amount {
	top: 7px
}
.slip-back dd,
.slip-lay dd,
.slip-book dd {
	position: relative;
	color: #243a48;
	padding: 5px 0;
	line-height: 20px
}
.slip-back input,
.slip-lay input,
.slip-book input,
.slip-back textarea,
.slip-lay textarea,
.slip-book textarea {
	margin: 0;
	padding: 0 6px 0 0;
	width: 100%;
	line-height: 22px
}
.slip-back input.disable,
.slip-lay input.disable,
.slip-book input.disable,
.slip-back textarea.disable,
.slip-lay textarea.disable,
.slip-book textarea.disable {
	line-height: 20px
}
.slip-back input:focus,
.slip-lay input:focus,
.slip-book input:focus,
.slip-back textarea:focus,
.slip-lay textarea:focus,
.slip-book textarea:focus {
	line-height: 20px;
	border-width: 1px
}
.slip-back .refer,
.slip-lay .refer,
.slip-book .refer,
.slip-back .keep-option,
.slip-lay .keep-option,
.slip-book .keep-option {
	float: none;
	line-height: 16px;
	font-size: 10px;
	color: #3b5160;
	padding: 0 5px
}
.slip-back .refer span,
.slip-lay .refer span,
.slip-book .refer span,
.slip-back .keep-option span,
.slip-lay .keep-option span,
.slip-book .keep-option span {
	margin-right: 10px
}
.slip-back .col-odd,
.slip-lay .col-odd,
.slip-book .col-odd {
	width: 14.12429%
}
.slip-back .col-odd input,
.slip-lay .col-odd input,
.slip-book .col-odd input,
.slip-back .col-odd textarea,
.slip-lay .col-odd textarea,
.slip-book .col-odd textarea {
	padding-right: 16px
}
.slip-back .col-stake,
.slip-lay .col-stake,
.slip-book .col-stake {
	width: 15.53672%;
	padding-left: 5px
}
.slip-back .col-profit,
.slip-lay .col-profit,
.slip-book .col-profit {
	width: 17.75141%;
	padding: 5px
}
.slip-back .col-loss,
.slip-lay .col-loss,
.slip-book .col-loss {
	width: 25.75141%;
	padding: 5px
}
.slip-back .keep-option,
.slip-lay .keep-option,
.slip-book .keep-option {
	clear: both;
	overflow: hidden;
	padding: 2px 5px
}
.slip-back .keep-option input,
.slip-lay .keep-option input,
.slip-book .keep-option input,
.slip-back .keep-option textarea,
.slip-lay .keep-option textarea,
.slip-book .keep-option textarea {
	margin-right: 5px
}
.slip-back .keep-option .edit,
.slip-lay .keep-option .edit,
.slip-book .keep-option .edit {
	font-weight: bold;
	margin-right: 0
}
.slip-back .inn_runs,
.slip-lay .inn_runs,
.slip-book .inn_runs {
	width: 100%;
	padding: 0
}
.slip-back .inn_runs dt,
.slip-lay .inn_runs dt,
.slip-book .inn_runs dt {
	width: auto;
	font-weight: normal;
	line-height: 18px;
	color: #243a48;
	padding-left: 22px
}
.slip-back .inn_runs dd,
.slip-lay .inn_runs dd,
.slip-book .inn_runs dd {
	width: auto;
	float: none;
	line-height: 18px;
	padding: 0 5px 0 0
}
.slip-back .col-stake_list,
.slip-lay .col-stake_list,
.slip-book .col-stake_list {
	width: 100%
}
.slip-back .col-stake_list ul,
.slip-lay .col-stake_list ul,
.slip-book .col-stake_list ul {
	padding-left: 5px
}
.slip-back .col-stake_list li,
.slip-lay .col-stake_list li,
.slip-book .col-stake_list li {
	width: calc(100% / 6)
}
.slip-back .col-stake_list a,
.slip-lay .col-stake_list a,
.slip-book .col-stake_list a {
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	margin: 0 5px 5px 0
}
.slip-back .col-stake_list:not(:target),
.slip-lay .col-stake_list:not(:target),
.slip-book .col-stake_list:not(:target) {
	display: none
}
.disable .btn-back,
.disable .btn-lay,
.bets.disable .back-1,
.disable.bets-HS .back-1,
.disable.bets-GH .back-1,
.bets.disable .back-2,
.disable.bets-HS .back-2,
.disable.bets-GH .back-2,
.bets.disable .back-3,
.disable.bets-HS .back-3,
.disable.bets-GH .back-3,
.bets.disable .lay-1,
.disable.bets-HS .lay-1,
.disable.bets-GH .lay-1,
.bets.disable .lay-2,
.disable.bets-HS .lay-2,
.disable.bets-GH .lay-2,
.bets.disable .lay-3,
.disable.bets-HS .lay-3,
.disable.bets-GH .lay-3 {
	background-color: #ddd;
	color: #999
}
.disable .btn-back:hover,
.disable .btn-lay:hover,
.bets.disable .back-1:hover,
.disable.bets-HS .back-1:hover,
.disable.bets-GH .back-1:hover,
.bets.disable .back-2:hover,
.disable.bets-HS .back-2:hover,
.disable.bets-GH .back-2:hover,
.bets.disable .back-3:hover,
.disable.bets-HS .back-3:hover,
.disable.bets-GH .back-3:hover,
.bets.disable .lay-1:hover,
.disable.bets-HS .lay-1:hover,
.disable.bets-GH .lay-1:hover,
.bets.disable .lay-2:hover,
.disable.bets-HS .lay-2:hover,
.disable.bets-GH .lay-2:hover,
.bets.disable .lay-3:hover,
.disable.bets-HS .lay-3:hover,
.disable.bets-GH .lay-3:hover {
	background-color: #ddd
}
.btn-live,
.btn-book {
	width: 38px;
	height: 27px;
	line-height: 27px;
	background-color: #ffcc51;
	border: 1px solid #cf9a47;
	border-radius: 5px;
	color: #1e1e1e
}
.account-wrap ul,
.more_drop-list,
.selection-list {
	position: absolute;
	background-color: #fff;
	border-radius: 4px;
	z-index: 99
}
.account-wrap ul li,
.more_drop-list li,
.selection-list li {
	list-style: none
}
.account-wrap ul a,
.more_drop-list a,
.selection-list a {
	padding: 0 10px;
	border-bottom: 1px solid #e0e6e6
}
.account-wrap ul a:hover,
.more_drop-list a:hover,
.selection-list a:hover {
	text-decoration: none;
	background-color: #eff2f2
}
.multi-event_type {
	padding: 0 8px;
	border-radius: 4px;
	margin: 0 0 0 5px
}
.game-fancy,
.game-sportsbook,
.game-bookmaker,
.game-live {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 5px;
	border-radius: 3px;
	width: 17px;
	height: 16px;
	padding: 0 !important
}
.game-fancy:after,
.game-sportsbook:after,
.game-bookmaker:after,
.game-live:after {
	content: "";
	background-size: cover;
	width: 12px;
	height: 12px; margin: 2px 3px;
}

.in-play.game-fancy,
.in-play.game-sportsbook,
.in-play.game-bookmaker,
.in-play.game-live {
	position: relative;
	overflow: hidden;
	width: 35px
}
.in-play.game-fancy:before,
.in-play.game-sportsbook:before,
.in-play.game-bookmaker:before,
.in-play.game-live:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-position: -395px -2540px;
	height: 16px;
	width: 19px;
	border-radius: 3px 0 0 3px
}

.in-play.game-fancy:after,
.in-play.game-sportsbook:after,
.in-play.game-bookmaker:after,
.in-play.game-live:after {
	margin-left: 19px
}

.multi_h3 .game-fancy,
.multi_h3 .game-sportsbook,
.multi_h3 .game-bookmaker,
.multi_h3 .game-live {
	margin-right: 0
}

.game-head .game-fancy,
.game-head .game-sportsbook,
.game-head .game-bookmaker,
.game-head .game-live {
	display: flex
}

.game-info .game-fancy,
.game-info .game-sportsbook,
.game-info .game-bookmaker,
.game-info .game-live {
	margin-right: 0
}

.game-head .game-low_liq,
.head-bets-agent .game-low_liq {
	padding: 7px 5px;
	margin-right: 0;
	border-radius: 0
}

.fancy-head,
.sportsbook-head,
.bookmaker {
	position: absolute;
	top: -27px;
	width: 100%;
	border-bottom-width: 3px;
	border-bottom-style: solid
}

.fancy-head h4,
.sportsbook-head h4,
.bookmaker h4,
.fancy-head .tc-content h5,
.tc-content .fancy-head h5,
.sportsbook-head .tc-content h5,
.tc-content .sportsbook-head h5,
.bookmaker .tc-content h5,
.tc-content .bookmaker h5 {
	position: relative;
	height: 24px;
	line-height: 25px;
	font-size: 12px;
	color: #fff; margin: 0;
	z-index: 1
}

.fancy-head h4 span,
.sportsbook-head h4 span,
.bookmaker h4 span,
.fancy-head .tc-content h5 span,
.tc-content .fancy-head h5 span,
.sportsbook-head .tc-content h5 span,
.tc-content .sportsbook-head h5 span,
.bookmaker .tc-content h5 span,
.tc-content .bookmaker h5 span {
	min-width: 72px;
	background-repeat: repeat-x;
	line-height: 25px;
	padding: 0 10px;
	vertical-align: top
}

.fancy-head .in-play span,
.sportsbook-head .in-play span,
.bookmaker .in-play span {
	padding: 0 14px 0 8px
}

.fancy-head .in-play span:before,
.sportsbook-head .in-play span:before,
.bookmaker .in-play span:before {
	content: "";
	margin: 6px 6px 0 0;
	background-position: -399px -2637px;
	height: 15px;
	width: 15px
}

.fancy-suspend,
.fancy-suspend-white, .fancy-suspendSM,
.fancy-suspend-whiteSM {
	position: absolute;
	width: 100%;
	background-color: rgba(36, 58, 72, 0.4);
	z-index: 5
}

.fancy-suspend span,
.fancy-suspend-white span, .fancy-suspendSM span,
.fancy-suspend-whiteSM span {
	opacity: 0.8;
	color: #fff;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5)
}

.fancy-suspend:hover,
.fancy-suspend-white:hover, .fancy-suspendSM:hover,
.fancy-suspend-whiteSM:hover {
	background-color: rgba(36, 58, 72, 0.55)
}

.fancy-suspend:hover span,
.fancy-suspend-white:hover span, .fancy-suspendSM:hover span,
.fancy-suspend-whiteSM:hover span {
	opacity: 1
}

.power-wrap {
	background: rgba(255, 255, 255, 0.25);
	border-radius: 8px;
	padding: 5px 10px;
	color: rgba(0, 0, 0, 0.6);
	margin-bottom: 30px;
	align-items: stretch
}

.power-wrap h3 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-right: 1px solid rgba(0, 0, 0, 0.3);
	padding-right: 7px;
	margin-right: 7px
}

.power-wrap h3 span {
	font-size: 10px;
	font-weight: normal
}

.power-wrap h3 img {
	background-position: 0 -1172px;
	height: 18px;
	width: 107px
}

.power-wrap p {
	flex: 1;
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	padding-left: 5px
}

.power-wrap a {
	color: rgba(0, 0, 0, 0.6);
	text-decoration: underline
}

.power-wrap-b {
	width: 107px;
	background: rgba(0, 0, 0, 0.25);
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 8px;
	color: rgba(255, 255, 255, 0.4);
	padding: 5px 10px 7px;
	margin: 0 auto 20px
}

.power-wrap-b span {
	font-size: 10px;
	font-weight: normal
}

.power-wrap-b img {
	background-position: 0 -1154px;
	height: 18px;
	width: 107px
}

.browser-wrap {
	font-size: 11px;
	color: rgba(255, 255, 255, 0.6)
}

.browser-wrap img {
	margin-bottom: 5px
}


.login-wrap .btn-login,
.login-wrap .btn-signup {
	width: 80px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px
}

.login-wrap .btn-login:hover,
.login-wrap .btn-signup:hover {
	text-decoration: none
}

.btn_rules:after {
	content: ""
}

.tag-live strong:before,
.game-head .ico_rules:before,
.age_box li .secondary:before,
.age_box li .btn-send:before{
	content: ""
}

.cooldown .col-visit a:after,
.cooldown .col-home a:after,
.cooldown .col-draw a:after,
.cooldown.col-visit a:after,
.cooldown.col-home a:after,
.cooldown.col-draw a:after,
.cooldown td a:after {
	animation: cooldown 5s linear
}

@keyframes cooldown {
	0% {
		width: 100%;
		opacity: 0
	}

	5% {
		width: 95%;
		opacity: 1
	}

	95% {
		width: 5%;
		opacity: 1
	}

	100% {
		width: 0;
		opacity: 0
	}
}

.tag-live strong:before,
.on_live .live_icon span:before {
	animation: twinkling 1.4s infinite ease
}

@keyframes twinkling {

	0%,
	100% {
		opacity: 1
	}

	50% {
		opacity: 0.3
	}
}

.gamehall-wrap-simple a:after {
	animation: placeHolderShimmer 1.25s infinite linear;
	background: #ced5da linear-gradient(to right, #ced5da 8%, #d8dfe4 18%, #ced5da 33%);
	background-size: 800px 104px;
	height: auto
}

@keyframes placeHolderShimmer {
	0% {
		background-position: -468px 0
	}

	100% {
		background-position: 468px 0
	}
}


.skyexchange .account-wrap .a-wallet .red{
	background-color: #fff;
	padding: 0 3px;
	border-radius: 2px
}

.kv {
	width: 250px;
	height: 100%;
	background: #ffb80c url(images/bg-login_wrap.png) no-repeat;
	border-radius: 8px 0 0 8px
}

.login-panel .valid-code img {
	position: absolute;
	width: 70px;
	height: 19px;
	right: 5px;
	top: 7px
}

.login-panel .error {
	color: #d0021b;
	font-size: 13px;
	line-height: 16px
}

.icon-login {
	width: 10px;
	height: 11px;
	background: url('data:image/svg+xml,<svg width="10" height="11" xmlns="http://www.w3.org/2000/svg"><path d="M5.71 7.706l1.432-1.604H1.778V4.898h5.39L5.71 3.294l.781-.86L9.278 5.5 6.49 8.565l-.78-.86zM1.12 0C.825 0 .564.124.339.372a1.24 1.24 0 0 0-.339.86v8.536c0 .325.113.611.339.86.225.248.486.372.78.372H8.88c.295 0 .556-.124.781-.372a1.24 1.24 0 0 0 .339-.86V7.333H8.88v2.435H1.12V1.232h7.76v2.435H10V1.232a1.24 1.24 0 0 0-.339-.86C9.436.124 9.175 0 8.881 0H1.12z" fill="%231e1e1e" fill-rule="evenodd"/></svg>') no-repeat
}

.policy-link {
	width: 620px;
	padding-top: 8px;
	margin: 8px auto 15px;
	border-top: 1px solid rgba(0, 0, 0, 0.3)
}

.policy-link a {
	color: rgba(0, 0, 0, 0.6);
	text-decoration: underline
}

.policy-link li {
	margin-bottom: 5px
}

.policy-link li:after,
.policy-link li:first-child:before {
	margin: 0 6px;
	content: "-"
}

.top {
	/* min-width: 1350px; */
	background: var(--headerBG)!important;
	background-attachment: fixed;
	margin-bottom: 1px
}

.close_top .header {
	display: none
}

.close_top .tag-live {
	display: none
}

.close_top .full-wrap {
	height: calc(100% - 31px) !important
}

.header {
	height: 54px;
	padding-top: 20px
}



.header h1 {
	margin: -2px 15px 0 0
}

.header a {
	height: 100%
}

.login-wrap li {
	margin: 0 5px 2px 0
}

.login-wrap li.user {
	padding-left: 22px;
	background-position: -96px -9141px
}

.login-wrap li.re_pass {
	width: 140px;
	padding-left: 22px;
	clear: both
}

.login-wrap li.re_pass input,
.login-wrap li.re_pass textarea {
	width: auto;
	margin-right: 5px
}

.login-wrap li.other_link,
.login-wrap li.re_pass {
	font-size: 11px
}

.login-wrap input,
.login-wrap textarea {
	width: 130px;
	height: 25px;
	margin: 0
}

.login-wrap a {
	color: #1e1e1e; text-decoration: none;
	
}

.login-wrap .btn-login {
	background-color: #e83523;
	background-image: linear-gradient(-180deg, #f72424 0%, #bb1c00 100%)
}

.login-wrap .btn-login img {
	width: 10px;
	height: 11px;
	margin: -3px 0 0 3px;
	vertical-align: middle;
	background: url('data:image/svg+xml,<svg width="10" height="11" xmlns="http://www.w3.org/2000/svg"><path d="M5.71 7.706l1.432-1.604H1.778V4.898h5.39L5.71 3.294l.781-.86L9.278 5.5 6.49 8.565l-.78-.86zM1.12 0C.825 0 .564.124.339.372a1.24 1.24 0 0 0-.339.86v8.536c0 .325.113.611.339.86.225.248.486.372.78.372H8.88c.295 0 .556-.124.781-.372a1.24 1.24 0 0 0 .339-.86V7.333H8.88v2.435H1.12V1.232h7.76v2.435H10V1.232a1.24 1.24 0 0 0-.339-.86C9.436.124 9.175 0 8.881 0H1.12z" fill="%23FFF" fill-rule="evenodd"/></svg>') no-repeat
}

.login-wrap .btn-signup {
	display: none;
	width: 76px;
	background-color: #666666;
	background-image: linear-gradient(-180deg, #666 0%, #333 100%)
}

.login-wrap .valid-code {
	position: relative
}

.login-wrap .valid-code img {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 55px;
	height: 15px
}

.login-wrap .error {
	clear: both;
	background-color: transparent;
	padding-left: 22px;
	color: #d0021b;
	line-height: 1.1
}

.account-wrap {
	display: flex;
	align-items: center
}

.account-wrap li {
	position: relative;
	margin-left: 15px
}

.account-wrap li .refresh-bar {
	width: 80px;
	height: 10px;
	background: url(images/refresh80.gif) no-repeat center;
	margin-top: 8px
}

.account-wrap a {
	align-items: center;
	color: #1e1e1e
}

.account-wrap .main-wallet {
	flex: 1;
	width: auto;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 4px
}

.account-wrap .main-wallet:hover,
.account-wrap .main-wallet:focus,
.account-wrap .main-walletactive {
	box-shadow: none
}

.account-wrap .main-wallet p {
	font-weight: bold;
	margin-right: 7px;
	line-height: 1.4
}

.account-wrap .main-wallet ul {
	position: relative;
	display: flex;
	width: auto;
	box-shadow: none;
	background: none
}

.account-wrap .main-wallet ul:not(:target) {
	display: flex
}

.account-wrap .main-wallet ul li {
	line-height: 24px;
	margin-left: 15px
}

.account-wrap .main-wallet .a-wallet {
	height: auto;
	line-height: initial;
	border: 0;
	border-radius: 4px 0 0 4px;
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
	padding: 0
}

.account-wrap .main-wallet .a-wallet ul {
	align-items: center;
	position: relative;
	width: auto;
	height: 100%;
	line-height: 12px;
	background-color: initial !important;
	padding: 0 7px
}

.account-wrap .main-wallet .a-wallet li {
	font-weight: bold;
	margin-right: 7px;
	margin-left: 0
}

.account-wrap .main-wallet .a-wallet li:last-child {
	margin-right: 0
}

.account-wrap .main-wallet .a-wallet.open {
	background-color: rgba(255, 255, 255, 0.3) !important;
	box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.2);
	border-radius: 3px 0 0 3px
}

.account-wrap .main-wallet .a-wallet.open ul {
	box-shadow: none
}

.account-wrap .main-wallet .a-wallet:hover {
	text-decoration: none
}

.account-wrap .main-wallet .a-wallet:hover li:not(.nums) {
	text-decoration: underline
}

.account-wrap .main-wallet span:first-of-type {
	opacity: 0.7;
	font-weight: normal
}

.account-wrap .main-wallet .nums {
	height: 14px;
	font-size: 11px;
	line-height: 14px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 3px;
	padding: 0 8px
}

.account-wrap .main-wallet .nums span {
	opacity: 1;
	font-size: 10px;
	font-weight: bold;
	margin-left: 1px
}

.account-wrap .a-refresh {
	width: 24px;
	height: 24px;
	border-left: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 0 4px 4px 0;
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5)
}

.account-wrap .a-refresh img {
	height: 14px;
	background: url('data:image/svg+xml,<svg width="13" height="16" viewBox="0 0 13 16" xmlns="http://www.w3.org/2000/svg"><path d="M6.408 3.223c1.164 0 2.238.288 3.223.863.972.563 1.739 1.324 2.302 2.283.588.998.882 2.072.882 3.223 0 1.151-.294 2.225-.882 3.223-.563.972-1.33 1.739-2.302 2.302-.998.588-2.072.882-3.223.882-1.151 0-2.225-.294-3.223-.882-.972-.563-1.739-1.33-2.302-2.302-.588-.998-.882-2.072-.882-3.223h1.612c0 .87.214 1.672.643 2.408.428.735 1.01 1.317 1.746 1.746.735.428 1.538.643 2.408.643.87 0 1.672-.214 2.408-.643.735-.428 1.317-1.01 1.746-1.746.428-.735.643-1.538.643-2.408 0-.87-.214-1.672-.643-2.408-.428-.735-1.01-1.317-1.746-1.746-.735-.428-1.538-.643-2.408-.643v3.223l-4.01-4.01 4.01-4.01v3.223z" fill="rgb(30,30,30)"/></svg>') no-repeat center center;
	background-size: contain
}

.account-wrap p.loading-bar {
	width: 80px;
	height: 23px;
	align-items: center;
	margin-right: 0;
	margin-bottom: 0;
	padding: 0 10px 0 15px;
	border-radius: 4px 0 0 4px
}

.account-wrap p.loading-bar span {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #1e1e1e;
	margin-right: 6px;
	opacity: 0;
	animation: loadBar 0.8s ease infinite
}

.account-wrap p.loading-bar span:nth-child(1) {
	animation-delay: 0s
}

.account-wrap p.loading-bar span:nth-child(2) {
	animation-delay: 0.1s
}

.account-wrap p.loading-bar span:nth-child(3) {
	animation-delay: 0.2s
}

.account-wrap p.loading-bar span:nth-child(4) {
	animation-delay: 0.3s
}

.account-wrap p.loading-bar span:nth-child(5) {
	animation-delay: 0.4s
}

.account-wrap p.loading-bar span:nth-child(6) {
	animation-delay: 0.5s
}

.account-wrap p.loading-bar span:nth-child(7) {
	animation-delay: 0.6s
}

.account-wrap p.loading-bar span:nth-child(8) {
	animation-delay: 0.7s;
	margin-right: 0
}

@keyframes loadBar {
	0% {
		opacity: 0.1
	}

	50% {
		opacity: 1;
		transform: scale(1.4)
	}

	100% {
		opacity: 0.1
	}
}

.account-wrap .main-wallet.no-multi {
	border: 0;
	background: none !important
}

.account-wrap .main-wallet.no-multi .a-wallet {
	background-color: transparent !important;
	box-shadow: none
}

.account-wrap .main-wallet.no-multi li {
	font-weight: bold
}

.account-wrap .main-wallet.no-multi li span {
	opacity: inherit
}

.account-wrap .main-wallet.no-multi .red {
	background: none
}

.account-wrap .main-wallet.no-multi .nums {
	display: none
}

.account-wrap .main-wallet.no-multi .loading-bar {
	background: none;
	box-shadow: none;
	padding: 0 0 0 15px
}

.account-wrap .main-wallet.no-multi .a-refresh {
	width: 28px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 4px
}

.account-wrap .account {
	text-indent: 27px;
	background-position: 0 -1800px;
	height: 25px;
	width: 110px
}

.account-wrap .account.select {
	background-position: 0 -1825px
}

.account-wrap .account li {
	line-height: 25px
}

.account-wrap ul {
	right: 0;
	width: 220px
}

.account-wrap ul:target {
	display: block
}

.account-wrap ul li {
	float: none;
	text-indent: 0;
	margin: 0
}

.account-wrap ul h4,
.account-wrap ul .tc-content h5,
.tc-content .account-wrap ul h5 {
	line-height: 27px;
	color: #3b5160;
	border-bottom: 1px solid #7e97a7;
	padding: 0 0 0 10px; font-size: 12px; margin: 0; font-weight: bold;
}

.account-wrap ul a {
	color: #1e1e1e
}

.account-wrap ul .logout {
	padding: 7px 10px 5px
}

.account-wrap ul .logout a {
	background-color: #7e97a7;
	border-bottom-width: 0;
	color: #fff;
	font-weight: bold;
	border-radius: 4px
}

.account-wrap ul .logout img {
	width: 10px;
	height: 11px;
	vertical-align: middle;
	margin: -2px 0 0 5px;
	background: url('data:image/svg+xml,<svg width="10" height="11" xmlns="http://www.w3.org/2000/svg"><path d="M5.71 7.706l1.432-1.604H1.778V4.898h5.39L5.71 3.294l.781-.86L9.278 5.5 6.49 8.565l-.78-.86zM1.12 0C.825 0 .564.124.339.372a1.24 1.24 0 0 0-.339.86v8.536c0 .325.113.611.339.86.225.248.486.372.78.372H8.88c.295 0 .556-.124.781-.372a1.24 1.24 0 0 0 .339-.86V7.333H8.88v2.435H1.12V1.232h7.76v2.435H10V1.232a1.24 1.24 0 0 0-.339-.86C9.436.124 9.175 0 8.881 0H1.12z" fill="%23FFF" fill-rule="evenodd"/></svg>') no-repeat
}

.account-wrap .wallet-detail:not(:target) {
	display: none
}

.account-wrap .wallet-detail:target {
	display: block
}

.wallet-detail {
	display: none;
	position: absolute;
	top: 25px;
	left: 0;
	width: 100%;
	font-size: 12px;
	color: #3b5160;
	background-color: #e0e6e6;
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	z-index: 99
}

.wallet-detail .btn,
.wallet-detail .btn-send,
.wallet-detail .pages a,
.pages .wallet-detail a,
.wallet-detail .calendarTable_inputBox input,
.calendarTable_inputBox .wallet-detail input,
.wallet-detail .calendarTable_inputBox textarea,
.calendarTable_inputBox .wallet-detail textarea {
	width: 100%;
	font-size: 13px;
	font-weight: 900;
	line-height: 31px;
	margin-bottom: 0
}

.wallet-detail-group {
	margin: 12px 7px;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3)
}

.wallet-detail-group .wallet-detail-content {
	padding: 10px 7px 0
}

.wallet-detail-group .wallet-detail-content dt {
	line-height: 1.6;
	margin-bottom: 3px
}

.wallet-detail-group .wallet-detail-content dd {
	padding-bottom: 10px
}

.wallet-detail-group .wallet-balance-num {
	display: flex;
	align-items: center;
	font-size: 17px;
	line-height: 1.2;
	font-weight: bold;
	padding-right: 80px;
	color: #3b5160
}

.wallet-detail-group .wallet-exposure {
	display: flex;
	justify-content: space-between;
	font-weight: normal !important;
	padding: 7px 0;
	border-top: 1px solid #e0e6e6
}

.wallet-detail-group .wallet-exposure span {
	color: #1e1e1e
}

.wallet-detail-group:nth-child(2) .wallet-detail-content {
	position: relative;
	border-bottom: 1px solid #ccc
}

.wallet-detail-group:nth-child(2) .wallet-detail-content .wallet-recall {
	position: absolute;
	top: 50%;
	right: 7px;
	transform: translateY(-50%);
	text-align: right;
	padding: 0
}

.wallet-detail-group:nth-child(2) .wallet-detail-content:last-child {
	border-bottom: none
}

.wallet-detail-group .btn-box {
	width: 100%;
	padding-top: 10px
}

.badge-currency {
	margin-right: 3px;
	padding: 0 5px;
	line-height: 16px;
	font-size: 10px;
	font-weight: bold !important;
	color: #fff;
	background-color: #5f849d;
	border-radius: 3px
}

.btn-recall {
	color: #3b5160;
	font-size: 15px;
	font-weight: bold;
	line-height: 2.2;
	padding: 0 8px;
	background-color: rgba(94, 190, 255, 0.15);
	border-radius: 4px;
	border: 1px solid #7e97a7;
	cursor: pointer
}

.btn-recall:hover {
	background-color: rgba(94, 190, 255, 0.3)
}

.language {
	width: 29px;
	height: 11px;
	padding: 7px;
	background-position: -67px -1875px
}

.flag {
	width: 17px;
	height: 11px
}

.flag.UK {
	background-position: 0 0
}

.menu-wrap {
	min-width: 1350px;
	background: var(--menuBG)!important;
	line-height: 30px; clear: both; box-shadow: inset 0 1px 0 0 rgb(255 255 255 / 75%);
}

.menu-wrap a {
	color: #222;
	padding: 10px 10px 0;
}

.menu-wrap a.menu-drop:after,
.menu-wrap a.menu-drop.select:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 3px 0 3px;
	border-color: #a5a5a5 transparent transparent transparent;
	margin-left: 10px;
	vertical-align: middle;
	content: ""
}

.menu-wrap a.one_click {
	padding: 0 12px 0 7px
}

.menu-wrap .full-wrap {
	min-height: 30px;
	height: auto
}

.menu,
.setting-wrap {
	font-weight: bold
}

.menu li,
.setting-wrap li {
	border-right: 1px solid rgba(69,32,7,0.2); color: #222;
}

.menu li ul,
.setting-wrap li ul {
	display: none;
	position: absolute;
	background-color: #1e1e1e;
	border-top: 1px solid #383838;
	z-index: 99
}

.menu li li,
.setting-wrap li li {
	float: none;
	border-bottom: 1px solid #383838
}

.menu a,
.setting-wrap a {
	position: relative
}

.menu a:hover,
.setting-wrap a:hover {
	text-decoration: underline;
}

.menu .select,
.setting-wrap .select {
	box-shadow: inset 0 1px 3px 0 rgb(52 9 9 / 50%);
	background: var(--menuActive);
}

.menu .dark_menu-li,
.setting-wrap .dark_menu-li {
	border-right: 1px solid #383838 !important
}

.menu .casino,
.setting-wrap .casino,
.menu .bet-game,
.setting-wrap .bet-game {
	position: relative;
	background-image: linear-gradient(#4b4b4b, #1e1e1e)
}

.menu .casino:after,
.setting-wrap .casino:after,
.menu .bet-game:after,
.setting-wrap .bet-game:after {
	content: "";
	display: inline-block;
	position: relative;
	top: 4px;
	left: 2px;
	width: 18px;
	height: 18px;
	background-position: 100% -10298px
}

.menu .casino:hover,
.setting-wrap .casino:hover,
.menu .bet-game:hover,
.setting-wrap .bet-game:hover {
	background: linear-gradient(0deg, #4b4b4b, #1e1e1e)
}

.menu .tag-new,
.setting-wrap .tag-new {
	width: inherit;
	height: inherit;
	color: #ffffff;
	line-height: inherit;
	font-size: inherit;
	filter: none;
	padding-left: 20px
}

.menu .tag-new:before,
.setting-wrap .tag-new:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-position: 100% -10316px;
	height: 29px;
	width: 29px
}

.menu .bet-game:after,
.setting-wrap .bet-game:after {
	left: 5px;
	width: 18px;
	height: 19px;
	background-position: 100% -10279px
}

.setting-wrap {
	font-weight: bold
}

.setting-wrap li {
	border-right-width: 0
}

.live-menu {
	border-left: 1px solid #383838
}

.live-menu img {
	margin: 6px 7px 0 0;
	vertical-align: top;
	background-position: -89px -7648px;
	height: 18px;
	width: 21px
}

.setting {
	border-left: 1px solid #383838
}

.setting img {
	width: 12px;
	height: 12px;
	background: url('data:image/svg+xml,<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M6 8.106c.385 0 .745-.096 1.081-.289.336-.192.602-.45.8-.771a2.002 2.002 0 0 0 0-2.099 2.19 2.19 0 0 0-.8-.779A2.139 2.139 0 0 0 6 3.88c-.385 0-.743.096-1.074.288-.33.193-.594.452-.792.78a2.002 2.002 0 0 0 0 2.098c.198.322.462.579.792.771.331.193.689.289 1.074.289zm4.605-1.515l1.288.981c.06.048.094.11.104.188a.333.333 0 0 1-.044.216l-1.244 2.077a.269.269 0 0 1-.156.13.336.336 0 0 1-.214-.015l-1.526-.591c-.394.279-.745.476-1.05.591L7.54 11.74a.364.364 0 0 1-.111.188.272.272 0 0 1-.185.072H4.756a.29.29 0 0 1-.281-.26l-.237-1.572A3.752 3.752 0 0 1 3.2 9.577l-1.54.591c-.158.068-.28.03-.37-.115L.047 7.976a.333.333 0 0 1-.044-.216.278.278 0 0 1 .104-.188l1.303-.98A4.395 4.395 0 0 1 1.38 6c0-.26.01-.457.03-.591L.107 4.428a.278.278 0 0 1-.104-.188.333.333 0 0 1 .044-.216l1.244-2.077c.09-.144.212-.183.37-.115l1.54.591c.356-.26.701-.457 1.037-.591L4.475.26A.29.29 0 0 1 4.756 0h2.488c.069 0 .13.024.185.072.054.048.091.11.111.188l.222 1.572a3.87 3.87 0 0 1 1.051.591l1.526-.591a.336.336 0 0 1 .214-.015c.064.02.116.063.156.13l1.244 2.077c.04.067.054.14.044.216a.278.278 0 0 1-.104.188l-1.288.98c.02.135.03.332.03.592 0 .26-.01.457-.03.591z" fill="%23222" fill-rule="evenodd"/></svg>') no-repeat;
	vertical-align: middle;
	margin: 0 0 3px 5px
}

.one_click {
	border-top: 3px solid #6bbd11;
	margin-top: -3px;
	background-repeat: repeat-x;
	padding: 0 12px 0 7px;
	background-position: 0 -4530px
}

.one_click:hover,
.one_click.bg-1click-hover {
	background-position: 0 -2610px
}

.one_click img {
	margin-right: 5px;
	vertical-align: top;
	background-position: -94px -7220px;
	height: 30px;
	width: 16px
}

.one_click.select {
	background-repeat: repeat-x;
	background-position: 0 -3960px
}

.one_click.select:hover,
.one_click.select.bg-1click-select-hover {
	background-position: 0 -3930px
}

.one_click.select img {
	background-position: -94px -6230px
}

.slip_set-pop,
.oneclick_set-pop {
	position: absolute;
	top: 30px;
	right: 0;
	width: 282px;
	z-index: 99;
	border-radius: 0 0 4px 4px
}

.slip_set-pop .slip_set,
.oneclick_set-pop .slip_set {
	z-index: 1;
	background-position: -51px -619px;
	height: 25px;
	width: 29px
}

.slip_set-pop:target,
.oneclick_set-pop:target {
	display: block
}

.set-content {
	*height: auto !important;
	*height: 100px;
	min-height: 100px;
	background-color: #e0e6e6;
	font-size: 11px;
	color: #3b5160;
	padding: 10px;
	border-radius: 0 0 4px 4px
}

.set-content input,
.set-content textarea {
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	margin: 0 5px 0 0; font-size: 10px;
}

.set-content a {
	color: #1e1e1e;
	padding: 0
}

.set-content .btn,
.set-content .btn-send,
.set-content .pages a,
.pages .set-content a,
.set-content .calendarTable_inputBox input,
.calendarTable_inputBox .set-content input,
.set-content .calendarTable_inputBox textarea,
.calendarTable_inputBox .set-content textarea {
	line-height: 18px;
	font-weight: normal;
	font-size: 11px;
	margin: 0
}

.set-content .btn-wrap {
	margin-bottom: 0
}

.set-content .btn-wrap .btn,
.set-content .btn-wrap .btn-send,
.set-content .btn-wrap .pages a,
.pages .set-content .btn-wrap a,
.set-content .btn-wrap .calendarTable_inputBox input,
.calendarTable_inputBox .set-content .btn-wrap input,
.set-content .btn-wrap .calendarTable_inputBox textarea,
.calendarTable_inputBox .set-content .btn-wrap textarea {
	font-weight: bold;
	line-height: 23px; width: 90%;
}

.stake-set,
.odds-set {
	position: relative;
	border-bottom: 1px solid #7e97a7;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	line-height: 15px;
	padding-bottom: 2px;
	margin-bottom: 5px
}

.stake-set dt,
.odds-set dt {
	margin-bottom: 5px;
	font-weight: bold
}

.stake-set dd,
.odds-set dd {
	width: 50px;
	margin: 0 5px 5px 0
}

.stake-set dd.col-defult,
.odds-set dd.col-defult {
	width: 100%
}

.stake-set dd.col-edit,
.odds-set dd.col-edit {
	position: absolute;
	top: 20px;
	right: 0;
	width: 42px;
	margin-right: 0
}

.stake-set .stake-input,
.odds-set .stake-input {
	width: 29.16667%;
	font-size: 11px;
	margin-left: 5px
}

.stake-set .stake_edit-input,
.odds-set .stake_edit-input {
	width: 50px;
	font-size: 11px;
	margin-left: 0
}

.col-edit a {
	height: 43px;
	line-height: 43px;
	border-radius: 4px
}

.col-edit img {
	background-position: -101px -9760px;
	height: 9px;
	width: 9px
}

.col-edit .btn-edit {
	border: 1px solid #7e97a7;
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.8);
	color: #3b5160
}

.col-edit .btn-edit:hover {
	text-decoration: underline
}

.col-edit .btn-send{
	line-height: 43px
}

.odds-set dd {
	width: 100%
}

.oneclick_set-pop {
	right: 96px
}

.time_zone {
	color: #fff;
	margin: 0;
	padding: 0 12px
}

.time_zone span {
	color: rgba(0, 0, 0, 0.6);
	font-weight: normal
}

.gmt {
	font-size: 11px;
	border-left: 1px solid #c5d0d7;
	padding: 0 5px
}

.promote-wrap {
	position: absolute;
	width: 260px;
	height: 64px;
	left: calc(50% - 260px / 2);
	top: 5px
}

.promote-wrap img {
	width: 260px;
	height: 64px
}

.menu-list li {
	border-bottom: 1px solid #E0E6E6;
	list-style: none
}

.menu-list a {
	line-height: 25px;
	padding: 0 10px
}

.menu-list a:hover {
	background-color: #EFF2F2;
	text-decoration: none
}

.menu-list .select {
	background-color: #F2DCA7;
	color: #1e1e1e
}

.menu-list .select:hover {
	background-color: #F2DCA7
}

.menu-list .Go {
	padding: 0 0 0 8px;
	background-position: 100% -3175px;
	height: 25px;
	width: 23px
}

.menu-list .Go:hover,
.menu-list .Go.Go-hover {
	background-position: 100% -3200px
}

.star {
	width: 12px;
	height: 11px;
	margin: 4px 5px 0 0;
	background-position: -16px -7286px
}

.star:hover,
.star.star-hover {
	background-position: -16px -7261px
}

.favor-wrap {
	height: 180px
}

.favor-wrap h3 .star {
	background-position: -24px -7250px
}

.favor-wrap .menu-list {
	height: calc(100% - 25px);
	overflow: hidden;
	overflow-y: auto
}

.favor-wrap .menu-list a {
	width: calc(100% - 38px);
	height: 25px;
	vertical-align: middle;
	padding: 0 10px 0 2px
}

.favor-wrap .menu-list a.btn-star {
	padding: 0 0 0 6px;
	background-position: 100% -7286px;
	height: 25px;
	width: 20px
}

.favor-wrap .menu-list a.btn-star:hover,
.favor-wrap .menu-list a.btn-star.star-hover {
	background-position: 100% -7261px
}

.favor-wrap .menu-list a.btn-star:hover {
	background-color: transparent
}

.favor-set {
	line-height: 25px;
	border-bottom-width: 0;
	padding-right: 23px;
	background-position: 100% -3375px
}

.sub_path {
	position: relative
}

.full-wrap .sub_path .menu-list {
	height: calc(100% - 25px);
	overflow: hidden;
	overflow-y: auto
}

.path {
	position: relative;
	height: 25px;
	color: #fff;
	font-size: 12px;
	line-height: 25px;
	overflow: hidden;
	background-repeat: repeat-x;
	background-position: 0 -7243px
}

.path ul {
	position: absolute;
	right: 0;
	width: 9999px
}

.path li {
	display: inline;
	padding: 4px 13px 5px 6px;
	background-position: 100% -3275px
}

.path a {
	display: inline;
	color: #fff
}

.path .path-last {
	background-image: none;
	padding-right: 6px
}

.path .path-back {
	position: absolute;
	left: 0;
	z-index: 2;
	background-position: 0 -7175px;
	height: 25px;
	width: 36px
}

.path .path-back:hover,
.path .path-back.path-back-hover {
	background-position: 0 -7225px
}

.path .path-back:active,
.path .path-back.path-back-active {
	background-position: 0 -7200px
}

.path .path-back.select {
	background-position: 0 -7225px;
	height: 25px;
	width: 36px
}

.path-pop {
	display: none;
	position: absolute;
	top: 25px;
	left: 0;
	max-width: 100%;
	background-color: #243a48;
	padding: 5px 0;
	z-index: 5
}

.path-pop li {
	list-style: none;
	white-space: nowrap
}

.path-pop a {
	color: #fff;
	padding: 5px 10px 5px 15px;
	background-position: -21px -3600px
}

.path-pop:not(:target) {
	display: none
}

.path-pop:target {
	display: block
}

.to-go {
	margin-bottom: 1px;
	background-position: 100% -3350px
}

.slip-wrap {
	position: relative
}

.slip-wrap p {
	font-size: 13px;
	padding: 15px 5px 2px
}

.slip-wrap .slip_set {
	background-position: -51px -644px;
	height: 25px;
	width: 29px
}

.full-wrap .slip-wrap {
	height: 300px;
	overflow: hidden
}

.full-wrap .slip-wrap.close {
	height: 25px
}

.full-wrap .slip-wrap .bet_slip {
	height: calc(100% - 25px)
}

.slip-wrap.full-bet_slip {
	height: calc(100% - 26px)
}

.slip-wrap.no-open-bet_slip {
	height: calc(100% - 0px)
}

.message-bet {
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #c5d0d7
}

.message-bet h4,
.message-bet .tc-content h5,
.tc-content .message-bet h5 {
	font-weight: normal;
	line-height: 24px;
	padding: 0 5px
}

.message-bet p {
	color: #243a48;
	font-size: 11px;
	line-height: 25px;
	padding: 0 5px;
	margin-bottom: 0
}

.slip-head,
.matched-head {
	background-color: #CED5DA;
	padding: 0 10px
}

.slip-head li,
.matched-head li {
	padding: 5px 0
}

.slip-head .col-bet,
.matched-head .col-bet {
	width: 39.23529%
}

.slip-head .col-odd,
.matched-head .col-odd {
	width: 14.70588%
}

.slip-head .col-stake,
.matched-head .col-stake {
	width: 16.17647%;
	padding-left: 5px
}

.slip-head .col-profit,
.matched-head .col-profit {
	width: 24.11765%
}

.slip-head .col-loss,
.matched-head .col-loss {
	width: 24.11765%
}

.matched-head {
	background-color: #fff
}

.slip-list {
	font-size: 11px
}

.slip-list h4,
.slip-list .tc-content h5,
.tc-content .slip-list h5 {
	font-weight: normal;
	padding: 2px 0 0 5px;
	margin-bottom: 4px
}

.slip-list .btn-wrap {
	padding: 0 5px
}

.full-wrap .slip-list {
	overflow: hidden;
	overflow-y: auto
}

.slip-list.unmatched-slip {
	max-height: 160px
}

.slip-list.full-unmatched {
	height: calc(100% - 83px)
}

.full-amount {
	display: none;
	width: auto !important;
	top: 7px;
	right: 0
}

.full_btn {
	border-top: 1px solid #E0E6E6
}

.full_btn .btn-wrap {
	margin-bottom: 0;
	padding: 0 5px 7px
}

.slip-back {
	background-color: #beddf4;
	border-bottom: 1px solid #67afe5
}

.slip-back .slip-type {
	background-color: #7dbbe9
}

.slip-back .refer,
.slip-back .keep-option {
	background-color: #d4e8f8
}

.slip-back .keep-option {
	border-top: 1px solid #7dbbe9
}

.slip-back .col-stake_list {
	border-top: 1px solid #7dbbe9;
	background-color: #d4e8f8
}

.slip-lay {
	background-color: #f3dce2;
	border-bottom: 1px solid #dfa3b3
}

.slip-lay .slip-type {
	background-color: #dfa3b3
}

.slip-lay .refer,
.slip-lay .keep-option {
	background-color: #f7e7eb
}

.slip-lay .keep-option {
	border-top: 1px solid #dfa3b3
}

.slip-lay .col-stake_list {
	border-top: 1px solid #dfa3b3;
	background-color: #faeff2
}

.slip-book {
	background-color: #d3edd0;
	border-bottom: 1px solid #9fd899
}

.slip-book .slip-type {
	background-color: #9fd899
}

.slip-book .refer,
.slip-book .keep-option {
	background-color: #ddf1db
}

.slip-book .keep-option {
	border-top: 1px solid #9fd899
}

.slip-book .col-stake_list {
	border-top: 1px solid #9fd899;
	background-color: #e4f4e2
}

.odd-add {
	position: absolute;
	top: 7px;
	right: 2px;
	height: 19px;
	z-index: 2
}

.odd-add li {
	list-style: none
}

.odd-add .up {
	line-height: 10px;
	background-position: -68px -464px;
	height: 10px;
	width: 12px
}

.odd-add .up:hover,
.odd-add .up.num_up-hover {
	background-position: -68px -484px
}

.odd-add .down {
	line-height: 9px;
	background-position: -68px -437px;
	height: 9px;
	width: 12px
}

.odd-add .down:hover,
.odd-add .down.num_down-hover {
	background-position: -68px -455px
}

.odd-add.disable a {
	cursor: default
}

.odd-add.disable .up {
	background-position: -68px -474px;
	height: 10px;
	width: 12px
}

.odd-add.disable .down {
	background-position: -68px -446px;
	height: 9px;
	width: 12px
}

.tips-popup,
.full-amount {
	position: absolute;
	width: 45px;
	background-color: #f8e71c;
	line-height: 13px;
	color: #1e1e1e;
	border-radius: 4px;
	padding: 3px 5px;
	z-index: 50
}

.stake-popup {
	display: none;
	position: absolute;
	width: 93px;
	background-color: #3b5160;
	border-radius: 0 5px 5px 5px;
	padding: 2px 0 1px 2px;
	z-index: 50
}

.stake-popup li {
	width: 45px;
	margin: 0 1px 1px 0
}

.stake-popup li:first-of-type a {
	border-radius: 4px 0 0 0
}

.stake-popup li:nth-of-type(2) a {
	border-radius: 0 4px 0 0
}

.stake-popup li:last-of-type a {
	border-radius: 0 0 4px 0
}

.stake-popup li:nth-last-of-type(2) a {
	border-radius: 0 0 0 4px
}

.stake-popup a {
	color: #3b5160;
	line-height: 22px;
	background: #eee url(images/bg-btn.gif) repeat-x
}

.stake-popup a:hover {
	text-decoration: none;
	background: #eee url(images/bg-btn_hover.gif) repeat-x
}

.stake-popup:not(:target) {
	display: none
}

.stake-popup:target {
	display: block
}

.sum {
	margin: 5px
}

.sum dt {
	color: #777
}

.sum dd {
	color: #000;
	padding-left: 5px
}

.btn-wrap {
	margin-bottom: 7px
}

.btn-wrap li {
	width: 50%
}

.btn-wrap .btn,
.btn-wrap .btn-send,
.btn-wrap .nova88exch .total_all .search-but,
.btn-wrap .pages a,
.pages .btn-wrap a,
.btn-wrap .calendarTable_inputBox input,
.calendarTable_inputBox .btn-wrap input,
.btn-wrap .calendarTable_inputBox textarea,
.calendarTable_inputBox .btn-wrap textarea {
	width: 80%;
	margin: 0
}

.btn-wrap .btn-send,
.btn-wrap .super6exchange .total_all .search-but,
.super6exchange .total_all .btn-wrap .search-but {
	width: 95%
}

.btn-wrap .edit-function .btn,
.btn-wrap .edit-function .btn-send,
.btn-wrap .edit-function .nova88exch .total_all .search-but,
.btn-wrap .edit-function .pages a,
.pages .btn-wrap .edit-function a,
.btn-wrap .edit-function .calendarTable_inputBox input,
.calendarTable_inputBox .btn-wrap .edit-function input,
.btn-wrap .edit-function .calendarTable_inputBox textarea,
.calendarTable_inputBox .btn-wrap .edit-function textarea {
	width: 35%
}

.btn-wrap .edit-function .btn-send,
.btn-wrap .edit-function .super6exchange .total_all .search-but,
.super6exchange .total_all .btn-wrap .edit-function .search-but {
	width: 55%;
	margin-left: 5px
}

.slip-option {
	border-top: 1px solid #E0E6E6;
	padding: 2px 5px
}

.full_btn .slip-option:first-child {
	border-top-width: 0
}

.slip-option input,
.slip-option textarea {
	margin-bottom: 0;
	padding: 0;
	box-shadow: none
}

.slip-option li {
	list-style: none;
	padding: 3px 0 0;
	margin-right: 10px
}
.matched-wrap p {
	padding: 9px 5px
}

.slip_refresh {
	background-position: -51px -594px;
	height: 25px;
	width: 29px
}

.slip-sort {
	padding: 5px
}

.slip-sort select {
	width: 100%;
	margin: 0
}

.cashout-wrap {
	margin: 5px 0 0;
	color: #3b5160;
	padding-bottom: 7px;
	border-bottom: 1px solid #7e97a7
}

.cashout-wrap .col-cashout {
	width: 43.78531%;
	padding-right: 3px
}

.cashout-wrap .col-profit {
	width: 54.51977%;
	border: 1px solid #CB8009;
	border-radius: 4px
}

.cashout-wrap .col-loss {
	width: 54.51977%;
	border: 1px solid #CB8009;
	border-radius: 4px
}

.cashout-wrap .btn,
.cashout-wrap .btn-send,
.cashout-wrap .pages a,
.pages .cashout-wrap a,
.cashout-wrap .calendarTable_inputBox input,
.calendarTable_inputBox .cashout-wrap input,
.cashout-wrap .calendarTable_inputBox textarea,
.calendarTable_inputBox .cashout-wrap textarea {
	margin: 0;
	line-height: 31px
}

.cashout-wrap .btn span,
.cashout-wrap .btn-send span,
.cashout-wrap .pages a span,
.pages .cashout-wrap a span,
.cashout-wrap .calendarTable_inputBox input span,
.calendarTable_inputBox .cashout-wrap input span,
.cashout-wrap .calendarTable_inputBox textarea span,
.calendarTable_inputBox .cashout-wrap textarea span {
	font-weight: normal;
	margin-left: 7px
}

.cashout-wrap dl dt {
	font-size: 10px;
	padding: 0 5px
}

.cashout-wrap dl dd {
	padding: 0 5px
}

.slider {
	width: 56.99482%;
	line-height: 31px;
	border-right: 1px solid #CB8009;
	padding-left: 5px
}

.slider li {
	font-size: 10px;
	padding-right: 5px
}

.slider .col-slider {
	width: 50%
}

.slider-bar {
	position: relative;
	height: 8px;
	border-radius: 4px;
	margin: 12px 0 0;
	cursor: pointer;
	background-repeat: repeat-x;
	background-position: 0 -11535px
}

.slider-bar span {
	height: 6px;
	border-radius: 4px;
	border: 1px solid #CB8009;
	background-repeat: repeat-x;
	background-position: 0 -11575px
}

.slider-bar a {
	position: absolute;
	top: -4px;
	width: 16px;
	height: 16px;
	background: url(images/btn-slider.gif) no-repeat;
	margin-left: -8px;
	border-radius: 50%
}

.live-wrap h3,
.tv-wrap h3 {
	padding-left: 0
}

.live-wrap h3 img,
.tv-wrap h3 img {
	margin-top: 7px
}

.live {
	position: relative;
	height: 200px;
	background-color: #000
}

.live:before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -35px;
	margin-left: -40px;
	content: '';
	background-position: 0 -324px;
	height: 69px;
	width: 80px
}

.tv_popup {
	background-position: -51px -669px;
	height: 25px;
	width: 29px
}

.icon-TV {
	margin-right: 5px;
	vertical-align: top;
	background-position: -66px -393px;
	height: 12px;
	width: 14px
}

.tv-wrap h3 {
	padding-left: 10px
}

.tv-wrap .live {
	height: calc(100% - 25px)
}

.one_click-loading {
	position: relative;
	height: 70px;
	border-bottom: 1px solid #7e97a7;
	overflow: hidden;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1)
}

.one_click-loading .loading {
	padding: 15px 0
}

.load-pending {
	position: absolute;
	top: 50%;
	width: auto;
	padding: 3px 7px;
	background-color: #d0021b;
	color: #fff;
	font-size: 11px;
	border-radius: 0 4px 4px 0;
	margin-top: -18px;
	animation: leftIn 0.6s ease
}

.load-pending strong {
	font-size: 14px
}

@keyframes leftIn {
	0% {
		opacity: 0;
		left: -70px
	}

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

html,
body {
	background-color: #eee
}

.favor {
	margin-right: 5px;
	background-position: -396px -2978px;
	height: 19px;
	width: 18px
}

.favor.select {
	background-position: -396px -2959px
}

.kv-wrap {
	margin-bottom: 15px
}

.kv-wrap img {
	width: 100%
}

.promo-banner-wrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 0;
	margin-bottom: 15px;
	padding-top: 24.8366%
}

.promo-banner-wrap.active {
	overflow: hidden;
	padding-top: 0;
	height: auto
}

.promo-banner-loading {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: #000 url(images/promo/loading.svg) center center no-repeat;
	background-size: 80px
}

.promo-banner img {
	width: 100%;
	height: 100%;
	vertical-align: middle
}

.promo-banner .slides {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	z-index: 2
}

.promo-banner .banner {
	display: none
}

.promo-banner .promo-control-nav {
	position: absolute;
	z-index: 3;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%)
}

.promo-banner .promo-control-nav li {
	list-style: none;
	margin-left: 8px
}

.promo-banner .promo-control-nav li:first-child {
	margin-left: 0
}

.promo-banner .promo-control-nav li a {
	width: 8px;
	height: 8px;
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 999px;
	text-indent: -9999px
}

.promo-banner .promo-control-nav li a.promo-active {
	transform: scale(1.4);
	background-color: rgba(255, 255, 255, 0.8)
}

.promo-banner .promo-direction-nav {
	position: absolute;
	z-index: 3;
	top: calc((100% - 48px) / 2);
	left: 0;
	width: 100%;
	height: 0
}

.promo-banner .promo-direction-nav li {
	opacity: 0.4
}

.promo-banner .promo-direction-nav li:hover,
.promo-banner .promo-direction-nav li:active {
	opacity: 0.8
}

.promo-banner .promo-direction-nav .promo-nav-prev,
.promo-banner .promo-direction-nav .promo-nav-next {
	height: 0
}

.promo-banner .promo-direction-nav .promo-prev,
.promo-banner .promo-direction-nav .promo-next {
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 48px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="rgb(255,255,255)"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path></g></svg>');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

.promo-banner .promo-direction-nav .promo-next {
	left: calc(100% - 48px);
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="rgb(255,255,255)"><path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"></path></g></svg>')
}

.tag-live {
	position: absolute;
	top: 3px;
	right: 3px;
	min-width: 33px;
	height: 12px;
	border-radius: 3px;
	padding-right: 3px;
	color: #ffffff;
	text-align: center;
	font-size: 10px;
	line-height: 12px;
	background-image: linear-gradient(180deg, #fb3434 0%, #e80505 100%);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5)
}

.tag-live strong {
	flex: 1;
	height: 100%;
	margin-right: 3px;
	padding: 0 2px;
	border-radius: 3px 0px 0px 3px;
	background-image: linear-gradient(180deg, #fff 0%, #eee 89%)
}

.tag-live strong:before {
	width: 14px;
	height: 8px;
	background: url('data:image/svg+xml,<svg width="14" height="8" xmlns="http://www.w3.org/2000/svg"><g fill="rgb(255,0,0)" fill-rule="evenodd"><path d="M12.012 0l-.698.727c1.734 1.808 1.734 4.738 0 6.546l.698.727c2.117-2.207 2.117-5.79 0-8zM10.3 1.714l-.7.735c.967 1.014.967 2.66 0 3.673l.7.735c1.352-1.418 1.352-3.721 0-5.143zM1.588 0l.698.727c-1.734 1.808-1.734 4.738 0 6.546L1.588 8c-2.117-2.207-2.117-5.79 0-8zM3.3 1.714l.7.735c-.967 1.014-.967 2.66 0 3.673l-.7.735c-1.352-1.418-1.352-3.721 0-5.143z"/><circle cx="6.8" cy="4.4" r="1.6"/></g></svg>') no-repeat;
	background-size: contain
}

.upcome-wrap {
	margin-bottom: 15px;
	background-color: #fff;
	border-bottom: 1px solid #7e97a7
}

.upcome-wrap a {
	font-weight: bold
}

.upcome-head {
	color: #fff;
	line-height: 25px;
	padding-left: 10px;
	background-repeat: repeat-x;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
	background-position: 0 -7368px
}

.upcome-head a {
	color: #75bff5
}

.upcome-head dt {
	padding-right: 13px;
	margin-right: 5px;
	background-position: 100% -3546px
}

.upcome-head dd {
	margin-right: 15px
}

.upcome-head span {
	font-weight: normal;
	color: #c5d0d7;
	padding-left: 5px
}

.upcome {
	height: 18px;
	line-height: 18px;
	padding: 6px 10px
}

.upcome-closed .upcome {
	padding: 10px
}

.upcome dt {
	font-size: 11px;
	line-height: 16px;
	color: #7e97a7;
	border: 1px solid #7e97a7;
	border-radius: 4px;
	padding: 0 5px;
	margin-right: 5px
}

.upcome dd {
	width: auto;
	margin-right: 5px;
	padding-left: 10px;
	background-position: -23px -166px
}

.upcome dd:first-of-type {
	background: none;
	padding-left: 0
}

.game-highlight-wrap h3 {
	background-color:var(--primary-color);
	color: #1e1e1e;
	font-weight: bold
}

.game-highlight-wrap .slip-head,
.game-highlight-wrap .matched-head {
	background-color: #dddcd6
}

.game-list {
	position: relative
}

.tab-highlight,
.tab-markets {
	padding: 0 10px;
	background-repeat: repeat-x;
	background-position: 0 -12476px
}

.tab-highlight li,
.tab-markets li {
	list-style: none;
	line-height: 22px;
	margin-right: 3px
}

.tab-highlight a,
.tab-markets a {
	width: 130px;
	color: #fff;
	background-position: -284px -205px
}

.tab-highlight a.select,
.tab-markets a.select {
	height: 24px;
	color: #1e1e1e;
	margin-bottom: -2px;
	background-position: -284px -227px
}

.tab-highlight a.select:hover,
.tab-markets a.select:hover {
	text-decoration: none
}

.no-data {
	background-color: #fff;
	padding: 10px 10px 5px !important
}

.message-wrap {
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
	padding: 8px 0;
	background-color: #f8e71c;
	font-size: 14px;
	color: #1e1e1e;
	z-index: 99
}

.message-wrap p {
	line-height: 22px;
	padding: 0 10px;
	margin-bottom: 0
}

.message-wrap .btn-close {
	margin: 6px 10px 0 0
}

.col-center .message-wrap {
	margin-left: -15px
}

.inplay .message-wrap {
	margin-left: 0
}

.player .message-wrap {
	top: 38px;
	margin-left: 0
}

.message-wrap:not(:target) {
	display: none
}

.message-wrap:target {
	display: block
}

.success {
	background-color: #6bbd11
}

.error {
	background-color: #d0021b;
	color: #fff
}

.warning {
	background-color: #f8e71c;
	color: #1e1e1e
}

.event-left,
.event-right {
	width: 49.5%
}

.event-left .game-list-col,
.event-right .game-list-col,
.event-left .slip-head,
.event-right .slip-head,
.event-left .matched-head,
.event-right .matched-head {
	padding-right: 0
}

.event-left dt,
.event-right dt {
	font-size: 11px
}

.event-left .slip-head span,
.event-right .slip-head span,
.event-left .matched-head span,
.event-right .matched-head span {
	width: 49%
}

.event-left .slip-head .game-low_liq,
.event-right .slip-head .game-low_liq,
.event-left .matched-head .game-low_liq,
.event-right .matched-head .game-low_liq {
	width: auto
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 9999
}

.overlay:not(:target) {
	display: none
}

.overlay:target {
	display: block
}

.dialog-wrap,
.dialog-wrap-w {
	top: 340px;
	background-color: rgba(0, 0, 0, 0.85);
	border-radius: 8px;
	color: #fff;
	z-index: 99999;
	position: absolute;
	left: 50%;
	width: 320px;
	margin-left: -160px
}

.dialog-wrap h4,
.dialog-wrap-w h4,
.dialog-wrap .tc-content h5,
.tc-content .dialog-wrap h5,
.dialog-wrap-w .tc-content h5,
.tc-content .dialog-wrap-w h5 {
	font-size: 15px;
	line-height: 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding: 7px 0
}

.dialog-wrap .btn-wrap,
.dialog-wrap-w .btn-wrap {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding: 7px 10px 10px;
	margin-bottom: 0
}

.dialog-wrap .break li,
.dialog-wrap-w .break li {
	width: 100%;
	margin-bottom: 3px
}

.dialog-wrap .break .btn-send,
.dialog-wrap-w .break .btn-send,
.super6exchange .total_all .dialog-wrap-w .break .search-but {
	float: none;
	width: 46.42857%;
	margin: 0 auto
}

.dialog-content {
	font-size: 13px;
	line-height: 18px;
	padding: 5px 20px 0
}

.dialog-content .attention {
	color: #f8e71c
}

.dialog-wrap-w {
	background-color: #fff;
	color: #1e1e1e
}

.dialog-wrap-w .btn-wrap {
	border-top-color: rgba(0, 0, 0, 0.2)
}

.message-to-login h4,
.message-to-login .tc-content h5,
.tc-content .message-to-login h5 {
	padding: 20px 0
}

.message-to-login .btn-wrap {
	border-top: none
}

.transfer-wrap,
.transfer-wrap-slider {
	position: relative;
	width: 540px;
	color: #243a48;
	top: 20%;
	margin-left: -270px
}

.transfer-wrap .transfer-title,
.transfer-wrap-slider .transfer-title {
	padding: 15px 20px;
	border-bottom: 1px solid #8fa6b5
}

.transfer-wrap .transfer-title h2,
.transfer-wrap-slider .transfer-title h2 {
	font-size: 20px;
	margin-bottom: 0;
	padding-top: 0
}

.transfer-wrap .available-wrap,
.transfer-wrap-slider .available-wrap {
	display: flex;
	justify-content: center
}

.transfer-wrap .available-wrap h4,
.transfer-wrap-slider .available-wrap h4,
.transfer-wrap .available-wrap .tc-content h5,
.tc-content .transfer-wrap .available-wrap h5,
.transfer-wrap-slider .available-wrap .tc-content h5,
.tc-content .transfer-wrap-slider .available-wrap h5 {
	font-size: 20px;
	line-height: 25px;
	text-align: left;
	padding: 15px 20px;
	width: 50%
}

.transfer-wrap .available-wrap h4 span,
.transfer-wrap-slider .available-wrap h4 span,
.transfer-wrap .available-wrap .tc-content h5 span,
.tc-content .transfer-wrap .available-wrap h5 span,
.transfer-wrap-slider .available-wrap .tc-content h5 span,
.tc-content .transfer-wrap-slider .available-wrap h5 span {
	display: block;
	font-size: 14px;
	font-weight: normal
}

.transfer-wrap .btn-wrap,
.transfer-wrap-slider .btn-wrap {
	display: flex;
	border-top: none
}

.transfer-wrap .btn-wrap .btn,
.transfer-wrap-slider .btn-wrap .btn,
.transfer-wrap .btn-wrap .btn-send,
.transfer-wrap-slider .btn-wrap .btn-send,
.transfer-wrap .btn-wrap .pages a,
.pages .transfer-wrap .btn-wrap a,
.transfer-wrap-slider .btn-wrap .pages a,
.pages .transfer-wrap-slider .btn-wrap a,
.transfer-wrap .btn-wrap .calendarTable_inputBox input,
.calendarTable_inputBox .transfer-wrap .btn-wrap input,
.transfer-wrap-slider .btn-wrap .calendarTable_inputBox input,
.calendarTable_inputBox .transfer-wrap-slider .btn-wrap input,
.transfer-wrap .btn-wrap .calendarTable_inputBox textarea,
.calendarTable_inputBox .transfer-wrap .btn-wrap textarea,
.transfer-wrap-slider .btn-wrap .calendarTable_inputBox textarea,
.calendarTable_inputBox .transfer-wrap-slider .btn-wrap textarea,
.transfer-wrap .btn-wrap .btn-send,
.transfer-wrap-slider .btn-wrap .btn-send,
.super6exchange .total_all .transfer-wrap-slider .btn-wrap .search-but {
	flex: 1;
	margin-right: 10px;
	line-height: 31px
}

.transfer-wrap .btn-wrap .btn:last-child,
.transfer-wrap-slider .btn-wrap .btn:last-child,
.transfer-wrap .btn-wrap .btn-send:last-child,
.transfer-wrap-slider .btn-wrap .btn-send:last-child,
.transfer-wrap .btn-wrap .pages a:last-child,
.pages .transfer-wrap .btn-wrap a:last-child,
.transfer-wrap-slider .btn-wrap .pages a:last-child,
.pages .transfer-wrap-slider .btn-wrap a:last-child,
.transfer-wrap .btn-wrap .calendarTable_inputBox input:last-child,
.calendarTable_inputBox .transfer-wrap .btn-wrap input:last-child,
.transfer-wrap-slider .btn-wrap .calendarTable_inputBox input:last-child,
.calendarTable_inputBox .transfer-wrap-slider .btn-wrap input:last-child,
.transfer-wrap .btn-wrap .calendarTable_inputBox textarea:last-child,
.calendarTable_inputBox .transfer-wrap .btn-wrap textarea:last-child,
.transfer-wrap-slider .btn-wrap .calendarTable_inputBox textarea:last-child,
.calendarTable_inputBox .transfer-wrap-slider .btn-wrap textarea:last-child,
.transfer-wrap .btn-wrap .btn-send:last-child,
.transfer-wrap-slider .btn-wrap .btn-send:last-child,
.super6exchange .total_all .transfer-wrap-slider .btn-wrap .search-but:last-child {
	margin-right: 0
}

.transfer-wrap p,
.transfer-wrap-slider p {
	text-indent: 20px;
	color: #d0021b;
	line-height: 18px;
	background-color: transparent
}

.transfer-wrap .close,
.transfer-wrap-slider .close {
	position: absolute;
	top: 10px;
	right: 10px;
	background-position: -394px -1320px;
	height: 20px;
	width: 20px
}

.transfer-content {
	display: flex;
	border-top: 1px solid #8fa6b5;
	border-bottom: 1px solid #8fa6b5;
	margin-bottom: 10px
}

.transfer-content dl {
	width: 50%;
	background-color: #cde3f0;
	padding: 10px 0
}

.transfer-content dl:nth-child(even) {
	background-color: #fff
}

.transfer-content span {
	display: block;
	line-height: 25px
}

.transfer-content dd {
	font-size: 14px;
	line-height: 25px;
	padding: 0 20px
}

.transfer-content dd strong {
	font-size: 20px;
	margin-right: 5px
}

.transfer-content dd input,
.transfer-content dd textarea {
	width: 230px;
	line-height: 20px;
	font-size: 15px;
	margin: 0
}

.transfer-content dd input::placeholder,
.transfer-content dd textarea::placeholder {
	color: #989ea1
}

.transfer-content:before {
	position: absolute;
	display: block;
	content: "";
	width: 15px;
	height: 15px;
	background-color: #cde3f0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg)
}

.transfer-content ul.quick_stake {
	display: flex;
	list-style: none;
	width: 230px;
	margin-top: 5px
}

.transfer-content ul.quick_stake li {
	flex: 1;
	flex-direction: row;
	margin: 0 5px 0 0
}

.transfer-content ul.quick_stake li:last-child {
	margin: 0
}

.transfer-content ul.quick_stake a {
	text-indent: 0;
	padding: 0 5px;
	margin: 0
}

.transfer-wrap-slider .available-wrap {
	justify-content: inherit
}

.transfer-wrap-slider .available-wrap h4,
.transfer-wrap-slider .available-wrap .tc-content h5,
.tc-content .transfer-wrap-slider .available-wrap h5 {
	height: 90px;
	padding: 5px 20px
}

.transfer-wrap-slider .available-wrap h4:first-child,
.transfer-wrap-slider .available-wrap .tc-content h5:first-child,
.tc-content .transfer-wrap-slider .available-wrap h5:first-child {
	position: relative;
	border-right: 1px solid #c3d5e0
}

.transfer-wrap-slider .available-wrap h4:last-child,
.transfer-wrap-slider .available-wrap .tc-content h5:last-child,
.tc-content .transfer-wrap-slider .available-wrap h5:last-child {
	text-align: right
}

.transfer-wrap-slider .transfer-content {
	position: relative;
	background-color: #cde3f0;
	border-top: 1px solid #8fa6b5;
	border-bottom: 1px solid #8fa6b5;
	justify-content: center;
	align-items: center;
	height: 85px;
	border: 0
}

.transfer-wrap-slider .transfer-content:before {
	display: none
}

.transfer-wrap-slider .amount-input {
	position: absolute;
	z-index: 1;
	top: -42px;
	left: 50%;
	line-height: 20px;
	background: #ffffff;
	border: 1px solid #da8700;
	border-radius: 4px;
	color: #5e7ea3;
	font-size: 20px;
	text-indent: 0;
	transform: translateX(-50%)
}

.transfer-wrap-slider .amount-input:before {
	position: absolute;
	content: "";
	left: 50%;
	bottom: -12px;
	width: 10px;
	height: 10px;
	background: #ffffff;
	border-bottom: 1px solid #da8700;
	border-right: 1px solid #da8700;
	transform: translate(-50%, -50%) rotate(45deg)
}

.transfer-wrap-slider .amount-input input,
.transfer-wrap-slider .amount-input textarea {
	border: 0;
	box-shadow: none;
	margin: 0;
	width: 240px;
	padding: 5px;
	color: #2963a7;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	border-radius: 3px;
	text-align: center;
	box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.27)
}

.transfer-wrap-slider .slider {
	display: flex;
	width: 510px;
	height: 60px;
	line-height: inherit;
	border-right: 0;
	padding-left: 0
}

.transfer-wrap-slider .slider li {
	display: flex;
	justify-content: center;
	align-items: center;
	list-style: none;
	width: 60px;
	background-image: linear-gradient(180deg, #fdfdfd 15%, #eee 100%);
	padding-right: 0
}

.transfer-wrap-slider .slider li:first-child,
.transfer-wrap-slider .slider li:last-child {
	font-size: 15px;
	line-height: 60px;
	text-align: center;
	font-weight: bold;
	cursor: pointer
}

.transfer-wrap-slider .slider li:first-child:hover,
.transfer-wrap-slider .slider li:last-child:hover {
	background-image: linear-gradient(180deg, #eee 15%, #fdfdfd 100%)
}

.transfer-wrap-slider .slider li:first-child {
	border: 1px solid #bbbbbb;
	border-radius: 5px 0 0 5px
}

.transfer-wrap-slider .slider li:last-child {
	border: 1px solid #bbbbbb;
	border-radius: 0 5px 5px 0
}

.transfer-wrap-slider .slider li.col-slider {
	flex: 1;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb
}

.transfer-wrap-slider .col-slider {
	position: relative
}

.transfer-wrap-slider .balance-percent {
	position: absolute;
	top: 0;
	width: 350px;
	display: flex;
	justify-content: space-between
}

.transfer-wrap-slider .balance-percent div {
	display: block;
	width: 3px;
	height: 6px;
	background-color: rgba(199, 212, 227, 0.8)
}

.transfer-wrap-slider .balance-percent div:first-child,
.transfer-wrap-slider .balance-percent div:last-child {
	background-color: rgba(199, 212, 227, 0)
}

.transfer-wrap-slider .slider-bar {
	position: relative;
	width: 350px;
	height: 12px;
	background: #d1dde5;
	box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.3);
	border-radius: 5px;
	margin: 0
}

.transfer-wrap-slider .slider-bar_fill {
	position: absolute;
	top: 0;
	height: 10px;
	background-image: linear-gradient(180deg, #ffb80c 15%, #ffa00c 100%);
	border: 1px solid #cb8009;
	border-radius: 5px;
	background-position: inherit
}

.transfer-wrap-slider .slider-bar_handle {
	position: absolute;
	z-index: 3;
	top: -6px;
	width: 20px;
	height: 20px;
	background-image: linear-gradient(180deg, #ffb80c 15%, #ffa00c 100%);
	border: 1px solid #cb8009;
	border-radius: 12px;
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5)
}

.transfer-wrap-slider .rules {
	font-size: 11px;
	padding: 0 10px 6px;
	color: #aaa;
	margin-bottom: 0
}

.transfer-wrap-slider .rules strong {
	display: block;
	text-indent: initial
}

.reset-wrap {
	position: absolute;
	width: 480px;
	margin-left: -240px
}

.reset-wrap .reset_con {
	display: flex;
	flex-direction: row-reverse;
	margin: 20px 30px
}

.reset-wrap .reset_con .note {
	width: 50%;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 12px;
	color: #666
}

.reset-wrap .reset_con .login-panel {
	margin: 0
}

.reset-wrap .reset_con .login-panel dd {
	width: 200px
}

.reset-wrap .reset_con .login-panel .btn-send,
.super6exchange .total_all .reset-wrap .reset_con .login-panel .search-but {
	width: auto
}

.reset-wrap .reset_con .login-panel .error {
	background-color: initial
}

.transferId-wrap h3 {
	color: #fff;
	height: 30px;
	line-height: 30px;
	text-indent: 20px;
	background-image: linear-gradient(180deg, #2f4b5e 0%, #243a48 82%)
}

.transferId-wrap .transfer-over {
	border-bottom: 1px solid #9fb5c2;
	margin-bottom: 10px
}

.transferId-con {
	padding: 15px 20px 0 20px;
	font-size: 15px
}

.transferId-con dl {
	margin-bottom: 15px
}

.transferId-con dt {
	display: block;
	font-size: 15px;
	color: #243a48;
	margin-bottom: 7px
}

.transferId-con dd {
	position: relative
}

.transferId-con dd input,
.transferId-con dd textarea {
	width: 100%;
	height: 33px;
	font-size: 15px;
	line-height: 21px;
	border: 1px solid #aaa;
	box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
	margin: 0
}

.transferId-con dd .copy-but {
	position: absolute;
	z-index: 1;
	right: 0;
	background-image: linear-gradient(180deg, #fff 0%, #eee 100%);
	border: 1px solid #aaaaaa;
	border-radius: 0 3px 3px 0;
	width: 80px;
	height: 100%;
	cursor: pointer
}

.transferId-con dd .copy-but::after {
	display: block;
	content: "";
	background: url('data:image/svg+xml,<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M11.537 5.143c.728 0 1.32.592 1.32 1.32V16.68c0 .728-.592 1.32-1.32 1.32H1.32C.592 18 0 17.408 0 16.68V6.463c0-.728.592-1.32 1.32-1.32zm0 1.205H1.32a.115.115 0 00-.115.115V16.68c0 .063.052.115.115.115h10.217a.115.115 0 00.115-.115V6.463a.115.115 0 00-.115-.115zM16.68 0C17.408 0 18 .592 18 1.32v10.217c0 .728-.592 1.32-1.32 1.32h-3.003v-1.205h3.003a.115.115 0 00.115-.115V1.32a.115.115 0 00-.115-.115H6.463a.115.115 0 00-.115.115v3.1H5.143v-3.1c0-.728.592-1.32 1.32-1.32z" fill="rgb(36,58,72)" fill-rule="nonzero"/></svg>');
	background-size: contain;
	height: 16px;
	width: 16px;
	margin: 0 auto
}

.transferId-con dd .copy-but:hover {
	background-image: linear-gradient(0deg, #fff 0%, #eee 100%)
}

.transferId-con .mainBalance {
	display: flex;
	background-color: #cde3f0;
	border-radius: 3px;
	height: 34px
}

.transferId-con .mainBalance dt {
	margin-bottom: initial;
	line-height: 34px;
	text-indent: 7px
}

.transferId-con .mainBalance dd {
	position: relative;
	flex: 1;
	text-align: right;
	padding-right: 90px;
	line-height: 34px
}

.transferId-con .mainBalance dd .refresh-but {
	position: absolute;
	z-index: 1;
	right: 0;
	background-color: #cde3f0;
	border-left: 1px solid #b6cad6;
	border-right: none;
	border-top: none;
	border-bottom: none;
	border-radius: 0 3px 3px 0;
	width: 80px;
	height: 100%;
	cursor: pointer
}

.transferId-con .mainBalance dd .refresh-but::after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	background: url('data:image/svg+xml,<svg width="13" height="16" viewBox="0 0 13 16" xmlns="http://www.w3.org/2000/svg"><path d="M6.408 3.223c1.164 0 2.238.288 3.223.863.972.563 1.739 1.324 2.302 2.283.588.998.882 2.072.882 3.223 0 1.151-.294 2.225-.882 3.223-.563.972-1.33 1.739-2.302 2.302-.998.588-2.072.882-3.223.882-1.151 0-2.225-.294-3.223-.882-.972-.563-1.739-1.33-2.302-2.302-.588-.998-.882-2.072-.882-3.223h1.612c0 .87.214 1.672.643 2.408.428.735 1.01 1.317 1.746 1.746.735.428 1.538.643 2.408.643.87 0 1.672-.214 2.408-.643.735-.428 1.317-1.01 1.746-1.746.428-.735.643-1.538.643-2.408 0-.87-.214-1.672-.643-2.408-.428-.735-1.01-1.317-1.746-1.746-.735-.428-1.538-.643-2.408-.643v3.223l-4.01-4.01 4.01-4.01v3.223z" fill="rgb(36,58,72)"/></svg>');
	background-size: contain;
	height: 16px;
	width: 13px
}

.transferId-con .mainBalance dd .refresh-but:hover {
	background-color: #c6dae6
}

.transferId-con.transferTo {
	display: flex;
	flex-wrap: wrap
}

.transferId-con.transferTo dl {
	flex: auto 1 1
}

.transferId-con.transferTo dl:nth-child(1) {
	width: 100%
}

.transferId-con.transferTo dl:nth-child(2) {
	margin-right: 5px
}

.transferId-con.transferTo dl:nth-child(3) {
	margin-left: 5px
}

.transferId-con.transferTo .currency {
	position: relative
}

.transferId-con.transferTo .currency input,
.transferId-con.transferTo .currency textarea {
	text-indent: 43px
}

.transferId-con.transferTo .currency span {
	position: absolute;
	z-index: 1;
	top: 4px;
	left: 4px;
	display: block;
	width: 40px;
	height: 26px;
	line-height: 26px;
	border-radius: 3px;
	text-align: center;
	background-color: #cfcfcf
}

.login_to_go {
	top: 18%;
	width: 540px;
	height: 420px;
	position: absolute;
	left: 50%;
	width: 540px;
	margin-left: -270px;
	display: flex;
}

.login_to_go .error {
	background-color: transparent;
	color: #d0021b;
	font-size: 13px;
	line-height: 16px
}

.login_to_go .close {
	position: absolute;
	margin-top: 10px;
	margin-left: 15px;
	background-position: -394px -1320px;
	height: 20px;
	width: 20px
}

.login-panel {
	color: #000
}

.change_pass {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 440px;
	margin-left: inherit !important
}

.change_pass .note {
	color: #1e1e1e
}

.footer {
	margin: 20px 0 40px;
	padding-top: 6px
}

.support-wrap {
	background-color: rgba(255, 255, 255, 0.5);
	color: rgba(0, 0, 0, 0.6);
	font-size: 13px;
	line-height: 22px;
	margin-bottom: 20px
}

.support-wrap .support-service {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px
}

.support-wrap .support-service::before,
.support-wrap .support-service::after {
	content: "";
	display: block;
	flex: 1;
	align-self: flex-end;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.15);
	margin-bottom: -1px
}

.support-wrap .support-service a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px
}

.support-wrap .support-service a::after {
	content: "";
	position: absolute;
	top: 100%;
	display: block;
	width: 50px;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.15)
}

.support-wrap .support-service a.open::after {
	content: "";
	position: absolute;
	top: 100%;
	height: 10px;
	background-image: url(images/support_arrow_w.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-color: initial;
	pointer-events: none
}

.support-wrap .support-service img {
	width: 25px;
	height: 100%
}

.support-wrap .support-info {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 0
}

.support-wrap .support-info .support-detail {
	display: none
}

.support-wrap .support-info .support-detail.open {
	display: block
}

.support-wrap .support-info .support-detail a {
	margin-right: 8px;
	color: #000;
	text-decoration: underline
}

.support-wrap .support-info .support-detail a:nth-child(2n) {
	padding: 0 8px;
	border-left: 1px solid rgba(0, 0, 0, 0.2);
	border-right: 1px solid rgba(0, 0, 0, 0.2)
}

.support-wrap .support-info .support-detail a:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: 0
}

[class^="support-"] img {
	background-size: contain;
	background-repeat: no-repeat
}

.support-fb img,
.support-ig img,
.support-phone img {
	width: 22px !important
}

.support-imo img {
	background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11.325.22c5.653 0 10.235 4.583 10.235 10.237s-4.582 10.238-10.235 10.238c-2.188 0-4.215-.687-5.879-1.856-.8.347-1.66.52-2.576.52-.806 0-1.477-.267-2.015-.803a.67.67 0 01.007-.953c.439-.424.737-.729.895-.914.16-.19.377-.592.648-1.208a10.192 10.192 0 01-1.315-5.024C1.09 4.803 5.672.22 11.325.22zm4.464 8.457c-1.106 0-2.002.996-2.002 2.226 0 1.229.896 2.225 2.002 2.225l.143-.005c1.04-.082 1.86-1.045 1.86-2.22 0-1.23-.897-2.226-2.003-2.226zm-10.08 0a.583.583 0 00-.431.17c-.113.112-.17.266-.17.46v3.08c0 .445.198.668.593.668.4 0 .6-.22.6-.66V9.318c0-.427-.197-.64-.592-.64zm6.096 0c-.524 0-.918.172-1.183.516a1.276 1.276 0 00-1.066-.516c-.383 0-.704.127-.964.38-.084-.253-.281-.38-.591-.38-.39 0-.584.189-.584.566v3.211c0 .4.206.6.617.6.39 0 .584-.2.584-.6v-2.28c0-.13.07-.248.211-.356a.677.677 0 01.423-.169c.282 0 .423.153.423.457v2.348c0 .4.203.6.608.6.395 0 .592-.2.592-.6v-2.306c0-.13.054-.245.16-.346a.527.527 0 01.356-.153c.366 0 .55.167.55.5v2.305c0 .4.2.6.6.6.4 0 .6-.2.6-.6v-2.365c0-.417-.101-.747-.304-.99-.231-.281-.575-.422-1.032-.422zm3.984.89c.492 0 .89.548.89 1.224 0 .676-.398 1.224-.89 1.224s-.89-.548-.89-1.224c0-.676.398-1.224.89-1.224zM5.776 7.12a.668.668 0 100 1.335.668.668 0 000-1.335z" fill="rgb(166,166,166)" fill-rule="nonzero"/></svg>')
}

.support-imo.open img {
	background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11.325.22c5.653 0 10.235 4.583 10.235 10.237s-4.582 10.238-10.235 10.238c-2.188 0-4.215-.687-5.879-1.856-.8.347-1.66.52-2.576.52-.806 0-1.477-.267-2.015-.803a.67.67 0 01.007-.953c.439-.424.737-.729.895-.914.16-.19.377-.592.648-1.208a10.192 10.192 0 01-1.315-5.024C1.09 4.803 5.672.22 11.325.22zm4.464 8.457c-1.106 0-2.002.996-2.002 2.226 0 1.229.896 2.225 2.002 2.225l.143-.005c1.04-.082 1.86-1.045 1.86-2.22 0-1.23-.897-2.226-2.003-2.226zm-10.08 0a.583.583 0 00-.431.17c-.113.112-.17.266-.17.46v3.08c0 .445.198.668.593.668.4 0 .6-.22.6-.66V9.318c0-.427-.197-.64-.592-.64zm6.096 0c-.524 0-.918.172-1.183.516a1.276 1.276 0 00-1.066-.516c-.383 0-.704.127-.964.38-.084-.253-.281-.38-.591-.38-.39 0-.584.189-.584.566v3.211c0 .4.206.6.617.6.39 0 .584-.2.584-.6v-2.28c0-.13.07-.248.211-.356a.677.677 0 01.423-.169c.282 0 .423.153.423.457v2.348c0 .4.203.6.608.6.395 0 .592-.2.592-.6v-2.306c0-.13.054-.245.16-.346a.527.527 0 01.356-.153c.366 0 .55.167.55.5v2.305c0 .4.2.6.6.6.4 0 .6-.2.6-.6v-2.365c0-.417-.101-.747-.304-.99-.231-.281-.575-.422-1.032-.422zm3.984.89c.492 0 .89.548.89 1.224 0 .676-.398 1.224-.89 1.224s-.89-.548-.89-1.224c0-.676.398-1.224.89-1.224zM5.776 7.12a.668.668 0 100 1.335.668.668 0 000-1.335z" fill="rgb(97,97,97)" fill-rule="nonzero"/></svg>')
}

.support-youtube img {
	background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 0c6.075 0 11 4.925 11 11s-4.925 11-11 11S0 17.075 0 11 4.925 0 11 0zm.408 5.72h-.596c-1.059.007-4.628.048-5.633.317a1.901 1.901 0 00-1.342 1.342c-.268 1.002-.31 2.924-.316 3.492v.323c.006.568.048 2.49.316 3.493a1.9 1.9 0 001.342 1.342c1.04.278 4.832.312 5.736.316h.39c.903-.004 4.696-.038 5.736-.316a1.9 1.9 0 001.342-1.342c.28-1.048.313-3.101.317-3.561v-.082V10.94c-.004-.46-.037-2.514-.317-3.561a1.901 1.901 0 00-1.342-1.342c-1.005-.27-4.574-.31-5.633-.316zM9.592 8.757l3.944 2.277-3.944 2.277V8.756z" fill="rgb(166,166,166)" fill-rule="evenodd"/></svg>')
}

.support-youtube.open img {
	background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 0c6.075 0 11 4.925 11 11s-4.925 11-11 11S0 17.075 0 11 4.925 0 11 0zm.408 5.72h-.596c-1.059.007-4.628.048-5.633.317a1.901 1.901 0 00-1.342 1.342c-.268 1.002-.31 2.924-.316 3.492v.323c.006.568.048 2.49.316 3.493a1.9 1.9 0 001.342 1.342c1.04.278 4.832.312 5.736.316h.39c.903-.004 4.696-.038 5.736-.316a1.9 1.9 0 001.342-1.342c.28-1.048.313-3.101.317-3.561v-.082V10.94c-.004-.46-.037-2.514-.317-3.561a1.901 1.901 0 00-1.342-1.342c-1.005-.27-4.574-.31-5.633-.316zM9.592 8.757l3.944 2.277-3.944 2.277V8.756z" fill="rgb(97,97,97)" fill-rule="evenodd"/></svg>')
}

.support-twitter img {
	background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 0C4.926 0 0 4.926 0 11s4.926 11 11 11 11-4.926 11-11S17.074 0 11 0zm5.022 8.577c.005.108.008.217.008.326 0 3.336-2.54 7.183-7.184 7.184a7.147 7.147 0 01-3.87-1.135 5.066 5.066 0 003.738-1.046 2.528 2.528 0 01-2.359-1.753 2.513 2.513 0 001.14-.043A2.525 2.525 0 015.47 9.603c.34.189.73.302 1.144.315a2.522 2.522 0 01-.782-3.37 7.168 7.168 0 005.205 2.638 2.525 2.525 0 014.302-2.303 5.064 5.064 0 001.603-.613 2.535 2.535 0 01-1.11 1.397c.51-.061.997-.197 1.45-.398a5.131 5.131 0 01-1.26 1.308z" fill="rgb(166,166,166)" fill-rule="nonzero"/></svg>')
}

.support-twitter.open img {
	background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 0C4.926 0 0 4.926 0 11s4.926 11 11 11 11-4.926 11-11S17.074 0 11 0zm5.022 8.577c.005.108.008.217.008.326 0 3.336-2.54 7.183-7.184 7.184a7.147 7.147 0 01-3.87-1.135 5.066 5.066 0 003.738-1.046 2.528 2.528 0 01-2.359-1.753 2.513 2.513 0 001.14-.043A2.525 2.525 0 015.47 9.603c.34.189.73.302 1.144.315a2.522 2.522 0 01-.782-3.37 7.168 7.168 0 005.205 2.638 2.525 2.525 0 014.302-2.303 5.064 5.064 0 001.603-.613 2.535 2.535 0 01-1.11 1.397c.51-.061.997-.197 1.45-.398a5.131 5.131 0 01-1.26 1.308z" fill="rgb(97,97,97)" fill-rule="nonzero"/></svg>')
}

.support-mail img {
	background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><g fill="rgb(166,166,166)" fill-rule="nonzero"><path d="M8.292 15.677v3.865a.626.626 0 001.128.37l2.26-3.077-3.388-1.158zM20.738 1.116a.625.625 0 00-.652-.045l-18.75 9.792a.627.627 0 00.087 1.145l5.212 1.782 11.1-9.492-8.59 10.35 8.737 2.985a.628.628 0 00.82-.5l2.291-15.416a.626.626 0 00-.255-.601z"/></g></svg>')
}

.support-mail.open img {
	background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><g fill="rgb(97,97,97)" fill-rule="nonzero"><path d="M8.292 15.677v3.865a.626.626 0 001.128.37l2.26-3.077-3.388-1.158zM20.738 1.116a.625.625 0 00-.652-.045l-18.75 9.792a.627.627 0 00.087 1.145l5.212 1.782 11.1-9.492-8.59 10.35 8.737 2.985a.628.628 0 00.82-.5l2.291-15.416a.626.626 0 00-.255-.601z"/></g></svg>')
}

.support-whatsapp img {
	background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11.002 1h-.005C5.485 1 1 5.485 1 11c0 2.188.705 4.215 1.904 5.861l-1.246 3.715L5.5 19.347A9.913 9.913 0 0011.002 21C16.517 21 21 16.514 21 11S16.516 1 11.002 1zm5.82 14.121c-.242.681-1.2 1.246-1.963 1.412-.523.11-1.205.2-3.503-.753-2.938-1.218-4.831-4.204-4.978-4.398-.142-.193-1.188-1.58-1.188-3.016 0-1.435.729-2.134 1.022-2.434.242-.246.64-.358 1.023-.358.124 0 .235.006.335.011.294.012.441.03.635.494.241.581.829 2.016.899 2.163.071.148.142.348.042.542-.094.2-.176.288-.324.458-.147.17-.287.3-.434.483-.136.159-.288.329-.118.622.17.288.758 1.247 1.623 2.017 1.116.993 2.02 1.311 2.345 1.446.24.1.528.076.705-.111.223-.242.5-.642.78-1.035.2-.283.453-.318.718-.218.27.094 1.699.8 1.993.946.293.148.487.218.558.342.07.123.07.705-.17 1.387z" fill="rgb(166,166,166)" fill-rule="nonzero"/></svg>')
}

.support-whatsapp.open img {
	background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11.002 1h-.005C5.485 1 1 5.485 1 11c0 2.188.705 4.215 1.904 5.861l-1.246 3.715L5.5 19.347A9.913 9.913 0 0011.002 21C16.517 21 21 16.514 21 11S16.516 1 11.002 1zm5.82 14.121c-.242.681-1.2 1.246-1.963 1.412-.523.11-1.205.2-3.503-.753-2.938-1.218-4.831-4.204-4.978-4.398-.142-.193-1.188-1.58-1.188-3.016 0-1.435.729-2.134 1.022-2.434.242-.246.64-.358 1.023-.358.124 0 .235.006.335.011.294.012.441.03.635.494.241.581.829 2.016.899 2.163.071.148.142.348.042.542-.094.2-.176.288-.324.458-.147.17-.287.3-.434.483-.136.159-.288.329-.118.622.17.288.758 1.247 1.623 2.017 1.116.993 2.02 1.311 2.345 1.446.24.1.528.076.705-.111.223-.242.5-.642.78-1.035.2-.283.453-.318.718-.218.27.094 1.699.8 1.993.946.293.148.487.218.558.342.07.123.07.705-.17 1.387z" fill="rgb(97,97,97)" fill-rule="nonzero"/></svg>')
}

.support-telegram img {
	background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 21c5.524 0 10-4.476 10-10S16.524 1 11 1 1 5.476 1 11s4.476 10 10 10zM5.576 10.783l9.642-3.717c.447-.162.838.109.693.786V7.85l-1.641 7.734c-.122.548-.447.682-.903.423l-2.5-1.842-1.206 1.162c-.133.133-.246.245-.504.245l.177-2.544 4.633-4.186c.202-.177-.045-.277-.31-.1L7.93 12.346l-2.468-.77c-.536-.17-.548-.535.113-.794z" fill="rgb(166,166,166)" fill-rule="nonzero"/></svg>')
}

.support-telegram.open img {
	background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 21c5.524 0 10-4.476 10-10S16.524 1 11 1 1 5.476 1 11s4.476 10 10 10zM5.576 10.783l9.642-3.717c.447-.162.838.109.693.786V7.85l-1.641 7.734c-.122.548-.447.682-.903.423l-2.5-1.842-1.206 1.162c-.133.133-.246.245-.504.245l.177-2.544 4.633-4.186c.202-.177-.045-.277-.31-.1L7.93 12.346l-2.468-.77c-.536-.17-.548-.535.113-.794z" fill="rgb(97,97,97)" fill-rule="nonzero"/></svg>')
}

.support-skype img {
	background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M20.425 13.123c.145-.652.22-1.327.22-2.02 0-5.193-4.27-9.404-9.539-9.404-.555 0-1.1.047-1.631.137A5.567 5.567 0 006.533 1C3.475 1 1 3.441 1 6.455c0 1.006.278 1.947.76 2.759a9.32 9.32 0 00-.194 1.89c0 5.195 4.272 9.406 9.539 9.406.598 0 1.181-.055 1.747-.158A5.58 5.58 0 0015.47 21C18.524 21 21 18.558 21 15.546c0-.871-.207-1.692-.575-2.423zm-4.426 2.476c-.442.616-1.093 1.104-1.939 1.448-.836.344-1.838.52-2.98.52-1.37 0-2.519-.238-3.416-.708a4.434 4.434 0 01-1.57-1.375c-.407-.575-.61-1.146-.61-1.699 0-.344.133-.643.397-.886.261-.244.596-.365.997-.365.327 0 .61.096.84.287.218.184.407.457.558.805.169.383.353.705.547.957.188.246.457.45.8.612.347.16.813.244 1.386.244.789 0 1.436-.166 1.921-.494.476-.319.706-.704.706-1.174 0-.37-.121-.662-.367-.891-.26-.24-.603-.426-1.018-.555a20.235 20.235 0 00-1.75-.427c-.991-.21-1.832-.457-2.5-.738-.683-.287-1.236-.685-1.638-1.183-.41-.506-.618-1.14-.618-1.885 0-.71.218-1.35.648-1.902.426-.549 1.048-.977 1.852-1.269.791-.288 1.733-.435 2.799-.435.851 0 1.6.098 2.226.29.629.193 1.159.453 1.575.774.42.325.733.669.928 1.029.197.362.298.724.298 1.072 0 .337-.131.643-.391.908a1.32 1.32 0 01-.98.404c-.352 0-.63-.087-.821-.253-.179-.156-.365-.4-.57-.747-.238-.445-.526-.797-.856-1.045-.322-.242-.857-.362-1.594-.362-.683 0-1.24.135-1.653.403-.397.256-.591.551-.591.901 0 .214.063.393.191.546.135.165.327.306.569.426.25.124.509.224.768.294.265.073.708.181 1.32.32.772.163 1.48.347 2.108.545a6.759 6.759 0 011.634.734c.456.294.818.669 1.075 1.119.258.454.388 1.01.388 1.657a3.54 3.54 0 01-.67 2.098z" fill="rgb(166,166,166)" fill-rule="nonzero"/></svg>')
}

.support-skype.open img {
	background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M20.425 13.123c.145-.652.22-1.327.22-2.02 0-5.193-4.27-9.404-9.539-9.404-.555 0-1.1.047-1.631.137A5.567 5.567 0 006.533 1C3.475 1 1 3.441 1 6.455c0 1.006.278 1.947.76 2.759a9.32 9.32 0 00-.194 1.89c0 5.195 4.272 9.406 9.539 9.406.598 0 1.181-.055 1.747-.158A5.58 5.58 0 0015.47 21C18.524 21 21 18.558 21 15.546c0-.871-.207-1.692-.575-2.423zm-4.426 2.476c-.442.616-1.093 1.104-1.939 1.448-.836.344-1.838.52-2.98.52-1.37 0-2.519-.238-3.416-.708a4.434 4.434 0 01-1.57-1.375c-.407-.575-.61-1.146-.61-1.699 0-.344.133-.643.397-.886.261-.244.596-.365.997-.365.327 0 .61.096.84.287.218.184.407.457.558.805.169.383.353.705.547.957.188.246.457.45.8.612.347.16.813.244 1.386.244.789 0 1.436-.166 1.921-.494.476-.319.706-.704.706-1.174 0-.37-.121-.662-.367-.891-.26-.24-.603-.426-1.018-.555a20.235 20.235 0 00-1.75-.427c-.991-.21-1.832-.457-2.5-.738-.683-.287-1.236-.685-1.638-1.183-.41-.506-.618-1.14-.618-1.885 0-.71.218-1.35.648-1.902.426-.549 1.048-.977 1.852-1.269.791-.288 1.733-.435 2.799-.435.851 0 1.6.098 2.226.29.629.193 1.159.453 1.575.774.42.325.733.669.928 1.029.197.362.298.724.298 1.072 0 .337-.131.643-.391.908a1.32 1.32 0 01-.98.404c-.352 0-.63-.087-.821-.253-.179-.156-.365-.4-.57-.747-.238-.445-.526-.797-.856-1.045-.322-.242-.857-.362-1.594-.362-.683 0-1.24.135-1.653.403-.397.256-.591.551-.591.901 0 .214.063.393.191.546.135.165.327.306.569.426.25.124.509.224.768.294.265.073.708.181 1.32.32.772.163 1.48.347 2.108.545a6.759 6.759 0 011.634.734c.456.294.818.669 1.075 1.119.258.454.388 1.01.388 1.657a3.54 3.54 0 01-.67 2.098z" fill="rgb(97,97,97)" fill-rule="nonzero"/></svg>')
}

.support-fb img {
	background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 0C4.925 0 0 4.946 0 11.046a11.026 11.026 0 009.165 10.88v-8.575H6.512v-3.086h2.653V7.989c0-2.64 1.606-4.079 3.952-4.079 1.124 0 2.09.084 2.37.121v2.76h-1.628c-1.275 0-1.52.61-1.52 1.502v1.97h3.043l-.397 3.086h-2.647V22C17.781 21.335 22 16.688 22 11.043 22 4.946 17.075 0 11 0z" fill="rgb(166,166,166)" fill-rule="nonzero"/></svg>')
}

.support-fb.open img {
	background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 0C4.925 0 0 4.946 0 11.046a11.026 11.026 0 009.165 10.88v-8.575H6.512v-3.086h2.653V7.989c0-2.64 1.606-4.079 3.952-4.079 1.124 0 2.09.084 2.37.121v2.76h-1.628c-1.275 0-1.52.61-1.52 1.502v1.97h3.043l-.397 3.086h-2.647V22C17.781 21.335 22 16.688 22 11.043 22 4.946 17.075 0 11 0z" fill="rgb(97,97,97)" fill-rule="nonzero"/></svg>')
}

.support-ig img {
	background-image: url('data:image/svg+xml,<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M29.172 0C35.142 0 40 4.857 40 10.828v18.345C40 35.143 35.143 40 29.173 40H10.828C4.858 40 0 35.143 0 29.173V10.828C0 4.858 4.857 0 10.828 0zM20 9.063C13.97 9.063 9.063 13.969 9.063 20c0 6.03 4.906 10.937 10.937 10.937 6.03 0 10.937-4.906 10.937-10.937 0-6.03-4.906-10.937-10.937-10.937zm0 2.345c4.738 0 8.592 3.854 8.592 8.592S24.738 28.592 20 28.592 11.408 24.738 11.408 20s3.854-8.592 8.592-8.592zm11.199-6.23a3.235 3.235 0 00-3.232 3.232 3.235 3.235 0 003.232 3.232A3.235 3.235 0 0034.43 8.41a3.236 3.236 0 00-3.232-3.232zm0 2.345a.888.888 0 010 1.774.888.888 0 010-1.774z" fill="rgb(166,166,166)" fill-rule="nonzero"/></svg>')
}

.support-ig.open img {
	background-image: url('data:image/svg+xml,<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M29.172 0C35.142 0 40 4.857 40 10.828v18.345C40 35.143 35.143 40 29.173 40H10.828C4.858 40 0 35.143 0 29.173V10.828C0 4.858 4.857 0 10.828 0zM20 9.063C13.97 9.063 9.063 13.969 9.063 20c0 6.03 4.906 10.937 10.937 10.937 6.03 0 10.937-4.906 10.937-10.937 0-6.03-4.906-10.937-10.937-10.937zm0 2.345c4.738 0 8.592 3.854 8.592 8.592S24.738 28.592 20 28.592 11.408 24.738 11.408 20s3.854-8.592 8.592-8.592zm11.199-6.23a3.235 3.235 0 00-3.232 3.232 3.235 3.235 0 003.232 3.232A3.235 3.235 0 0034.43 8.41a3.236 3.236 0 00-3.232-3.232zm0 2.345a.888.888 0 010 1.774.888.888 0 010-1.774z" fill="rgb(97,97,97)" fill-rule="nonzero"/></svg>')
}

.support-phone img {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 66 68"><path d="M9.31 3.755c1.583-.532 3.125-.527 4.594.012 3.468 1.275 11.698 12.5 11.901 16.23.18 3.285-2.348 5-3.705 5.922-2.391 1.624-2.832 3.62-1.473 6.672 2.81 6.316 7.724 11.101 14.606 14.222.853.387 1.634.583 2.322.583 1.163 0 2.106-.573 2.884-1.75 1.755-2.658 3.882-4.006 6.32-4.006 1.812 0 3.729.728 5.86 2.225.345.242.69.482 1.036.723 1.664 1.16 3.385 2.36 5.003 3.663.305.245.63.494.946.735 2.383 1.821 5.35 4.088 3.725 8.675-1.855 5.238-7.892 9.833-12.92 9.833h-.085a1.073 1.073 0 0 1-.266-.038c-.159-.043-.376-.092-.627-.148-.738-.165-1.75-.391-2.713-.806-10.69-4.603-19.917-10.73-27.424-18.21-7.67-7.64-13.752-16.9-18.078-27.52-1.496-3.673-1.559-7.204-.18-10.21C2.462 7.448 5.323 5.094 9.31 3.754zM35.748 0c.276 0 .548.019.788.035.198.014.385.027.537.027.096 0 .151-.006.181-.01.061-.009.121-.012.185-.01 15.259.515 28.479 14.364 28.29 29.637-.003.205.008.439.02.687.045 1.013.101 2.274-.71 3.123-.465.487-1.115.733-1.933.733h-.08c-2.607-.051-2.646-2.478-2.665-3.645a8.728 8.728 0 0 0-.042-.89C58.43 14.752 51.616 7.732 36.799 5.453a9.775 9.775 0 0 0-.73-.07c-1.107-.08-3.409-.248-3.272-2.627.059-1.03.52-2.757 2.95-2.757zm.905 8.612c.518 0 1.033.085 1.53.167.23.039.448.075.647.098 10.043 1.207 18.148 9.93 18.067 19.446a.95.95 0 0 1-.01.131c-.023.173-.014.433-.005.709.034.977.104 3.01-2.124 3.35a4.249 4.249 0 0 1-.636.05l-.211-.006c-2.19-.127-2.318-2.251-2.38-3.288-.018-.286-.034-.555-.07-.774-1.486-8.946-4.524-12.116-13.547-14.132-.223-.05-.49-.087-.772-.126-.963-.131-2.163-.296-2.844-1.223-.405-.551-.54-1.255-.399-2.093.145-.863.695-2.309 2.754-2.309zm1.64 8.904c2.282-.056 4.79 1.135 6.872 3.249 2.074 2.107 3.293 4.752 3.266 7.082.074 2.233-.74 3.467-2.42 3.666-.104.013-.21.02-.313.02l-.166-.006c-1.315-.086-2.323-1.187-2.478-2.737-.347-3.463-2.079-5.328-5.451-5.869-.93-.15-1.953-.423-2.487-1.314-.363-.607-.399-1.348-.104-2.2.628-1.825 2.42-1.87 3.28-1.891z" fill="rgb(166,166,166)" fill-rule="nonzero"/></svg>')
}

.support-phone.open img {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 66 68"><path d="M9.31 3.755c1.583-.532 3.125-.527 4.594.012 3.468 1.275 11.698 12.5 11.901 16.23.18 3.285-2.348 5-3.705 5.922-2.391 1.624-2.832 3.62-1.473 6.672 2.81 6.316 7.724 11.101 14.606 14.222.853.387 1.634.583 2.322.583 1.163 0 2.106-.573 2.884-1.75 1.755-2.658 3.882-4.006 6.32-4.006 1.812 0 3.729.728 5.86 2.225.345.242.69.482 1.036.723 1.664 1.16 3.385 2.36 5.003 3.663.305.245.63.494.946.735 2.383 1.821 5.35 4.088 3.725 8.675-1.855 5.238-7.892 9.833-12.92 9.833h-.085a1.073 1.073 0 0 1-.266-.038c-.159-.043-.376-.092-.627-.148-.738-.165-1.75-.391-2.713-.806-10.69-4.603-19.917-10.73-27.424-18.21-7.67-7.64-13.752-16.9-18.078-27.52-1.496-3.673-1.559-7.204-.18-10.21C2.462 7.448 5.323 5.094 9.31 3.754zM35.748 0c.276 0 .548.019.788.035.198.014.385.027.537.027.096 0 .151-.006.181-.01.061-.009.121-.012.185-.01 15.259.515 28.479 14.364 28.29 29.637-.003.205.008.439.02.687.045 1.013.101 2.274-.71 3.123-.465.487-1.115.733-1.933.733h-.08c-2.607-.051-2.646-2.478-2.665-3.645a8.728 8.728 0 0 0-.042-.89C58.43 14.752 51.616 7.732 36.799 5.453a9.775 9.775 0 0 0-.73-.07c-1.107-.08-3.409-.248-3.272-2.627.059-1.03.52-2.757 2.95-2.757zm.905 8.612c.518 0 1.033.085 1.53.167.23.039.448.075.647.098 10.043 1.207 18.148 9.93 18.067 19.446a.95.95 0 0 1-.01.131c-.023.173-.014.433-.005.709.034.977.104 3.01-2.124 3.35a4.249 4.249 0 0 1-.636.05l-.211-.006c-2.19-.127-2.318-2.251-2.38-3.288-.018-.286-.034-.555-.07-.774-1.486-8.946-4.524-12.116-13.547-14.132-.223-.05-.49-.087-.772-.126-.963-.131-2.163-.296-2.844-1.223-.405-.551-.54-1.255-.399-2.093.145-.863.695-2.309 2.754-2.309zm1.64 8.904c2.282-.056 4.79 1.135 6.872 3.249 2.074 2.107 3.293 4.752 3.266 7.082.074 2.233-.74 3.467-2.42 3.666-.104.013-.21.02-.313.02l-.166-.006c-1.315-.086-2.323-1.187-2.478-2.737-.347-3.463-2.079-5.328-5.451-5.869-.93-.15-1.953-.423-2.487-1.314-.363-.607-.399-1.348-.104-2.2.628-1.825 2.42-1.87 3.28-1.891z" fill="rgb(97,97,97)" fill-rule="nonzero"/></svg>')
}

.power-wrap {
	width: 670px;
	margin: 0 auto 30px;
	background-color: transparent;
	border: 1px solid rgba(0, 0, 0, 0.3)
}

.licence_embed {
	flex-wrap: nowrap;
	flex-direction: column;
	justify-content: center;
	margin-right: 5px
}

.power-wrap-b {
	background-color: rgba(255, 255, 255, 0.3);
	border-color: rgba(0, 0, 0, 0.3);
	color: rgba(0, 0, 0, 0.5);
	padding: 3px 7px 6px;
	margin-top: 4px
}

.power-wrap-b img {
	opacity: 0.5;
	background-position: 0 -1172px;
	height: 18px;
	width: 107px
}

.browser-wrap {
	color: rgba(0, 0, 0, 0.6)
}

.browser-wrap img {
	background-position: 0 0;
	height: 20px;
	width: 50px
}

.app-link {
	display: block;
	width: 100%;
	font-size: 10px;
	color: rgba(0, 0, 0, 0.6);
	margin-top: 20px
}

.app-link a {
	margin-bottom: 2px
}

.app-link img {
	width: 155px;
	height: auto
}

.live-pop {
	width: 100%;
	height: 100%;
	background-color: #000
}

.streaming-pop {
	background-color: #eeeeee
}

.live-left {
	width: 210px;
	height: calc(100% - 3px);
	border-top: 3px solid #7e97a7;
	overflow: hidden;
	overflow-y: auto
}

.live-list {
	padding-bottom: 15px
}

.live-list dt {
	background-color: #e0e6e6;
	line-height: 20px;
	color: #243a48;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px solid #c5d0d7;
	padding: 0 7px
}

.live-list dt img {
	margin-right: 5px;
	margin-top: 4px;
	vertical-align: top
}

.live-list dd {
	background-color: #fff;
	font-size: 12px;
	border-bottom: 1px solid #ccc
}

.live-list a {
	position: relative;
	line-height: 28px;
	color: #1e1e1e;
	padding: 0 23px 0 7px
}

.live-list a:after {
	content: "";
	position: absolute;
	top: 6px;
	right: 5px;
	background-position: -399px 0;
	height: 15px;
	width: 15px
}

.live-list a:hover {
	background-color: #eff2f2;
	text-decoration: none
}

.live-list a.select {
	background-color: #f2dca7
}

.live-right {
	width: calc(100% - 210px);
	height: 100%;
	background-color: #000
}

.live-head {
	position: relative;
	flex-wrap: wrap
}

.live-head h3 {
	width: 100%;
	line-height: 35px;
	color: #fff;
	font-size: 15px;
	padding: 0 10px;
	background-repeat: repeat-x;
	background-position: 0 -7393px
}

.live-head h3 span {
	color: #7e97a7;
	font-size: 12px;
	font-weight: normal
}

.icon-TV_head {
	vertical-align: top;
	margin: 8px 7px 0 0;
	background-position: -392px -1851px;
	height: 19px;
	width: 22px
}

.live-channel {
	position: relative;
	width: calc(100% - 61px);
	line-height: 25px;
	color: #fff;
	font-weight: bold;
	padding: 0 10px;
	margin-bottom: 0;
	background-repeat: repeat-x;
	background-position: 0 -6321px
}

.live-channel span {
	height: 17px;
	line-height: 17px;
	font-size: 11px;
	color: #1e1e1e;
	font-weight: normal;
	background-color: #ffb80c;
	padding: 0 4px;
	margin: 4px 7px 0 0;
	border-radius: 3px
}

.change-channel {
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 25px;
	padding: 0 5px;
	border-left: 1px solid #607e92;
	background-repeat: repeat-x;
	cursor: pointer;
	background-position: 0 -6321px
}

.change-channel span {
	padding: 5px 0 0 0;
	color: #ffffff;
	font-family: "arial";
	font-size: 10px;
	font-weight: 400;
	font-style: normal
}

.change-channel::before {
	content: "";
	width: 20px;
	height: 100%;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="13"><path fill="%23fff" fill-rule="evenodd" d="M3.294 7.122a7.99 7.99 0 013.667-2.147 7.886 7.886 0 014.098 0 7.863 7.863 0 013.647 2.147l-1.608 1.685a5.643 5.643 0 00-2.627-1.545 5.769 5.769 0 00-2.942 0 5.643 5.643 0 00-2.627 1.545L3.294 7.122zm3.255 3.37a3.326 3.326 0 011.549-.902 3.44 3.44 0 011.804 0c.601.16 1.118.46 1.549.902L9 13l-2.451-2.508zM0 3.792A12.722 12.722 0 014.216.942 12.612 12.612 0 019.02 0c1.66 0 3.255.314 4.784.943A12.512 12.512 0 0118 3.792l-1.647 1.685a10.208 10.208 0 00-3.431-2.327A10.12 10.12 0 009 2.367c-1.36 0-2.667.261-3.922.783a10.208 10.208 0 00-3.43 2.327L0 3.792z"/></svg>');
	background-repeat: no-repeat;
	background-position: center
}

.change-channel:hover {
	opacity: 0.9
}

.live-TV {
	height: calc(100% - 60px);
	background: #000 url(images/bg-TV.png) no-repeat center center
}

.marquee-box {
	color: #fff;
	line-height: 25px;
	height: 25px;
	margin-bottom: 1px;
	background-repeat: repeat-x;
	background-image: linear-gradient(180deg, #2a3a43 27%, #1c282d 83%)
}

.marquee-box h4,
.marquee-box .tc-content h5,
.tc-content .marquee-box h5 {
	position: relative;
	flex-basis: 72px;
	justify-content: center;
	align-items: center; font-size: 12px;
}

.marquee-box h4:before,
.marquee-box .tc-content h5:before,
.tc-content .marquee-box h5:before {
	content: "";
	height: 17px;
	width: 17px;
	margin-right: 2px;
	background-position: 100% -2817px
}

.marquee-box h4:after,
.marquee-box .tc-content h5:after,
.tc-content .marquee-box h5:after {
	content: "";
	position: absolute;
	right: -7px;
	top: -10px;
	z-index: 2;
	width: 7px;
	height: 25px;
	background-position: 100% -3688px
}

.marquee-box .marquee {
	flex: 1;
	overflow: hidden;
	z-index: 1
}

.marquee-box .marquee a {
	height: 25px;
	line-height: 25px;
	font-weight: bold;
	color: #6ac2ff;
	margin-right: 100px;
	align-items: center
}

.marquee-box .marquee a span {
	height: 15px;
	line-height: 15px;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	color: #1c2834;
	background-color: #6ac2ff;
	border-radius: 2px;
	padding: 0 5px;
	margin-right: 5px
}

.inplay .marquee-box {
	margin-bottom: 10px
}

.col-game,
.game-list-col dt {
	width: calc(64% - 42px)
}

.col3 .col-game,
.col3 .game-list-col dt,
.game-list-col .col3 dt {
	width: calc(64% - 42px)
}

.event-left .col-game,
.event-right .col-game,
.event-left .game-list-col dt,
.game-list-col .event-left dt,
.event-right .game-list-col dt,
.game-list-col .event-right dt {
	width: 66.22517%
}

.col-visit,
.col-home,
.col-draw {
	width: 12%
}

.slip-head .col-visit,
.matched-head .col-visit,
.slip-head .col-home,
.matched-head .col-home,
.slip-head .col-draw,
.matched-head .col-draw {
	padding: 5px 3px
}

.game-list-col .col-visit,
.game-list-col .col-home,
.game-list-col .col-draw {
	padding: 2px 3px
}

.event-left .col-visit,
.event-right .col-visit,
.event-left .col-home,
.event-right .col-home,
.event-left .col-draw,
.event-right .col-draw {
	width: 31.78808%
}

.game-list-col .col-info {
	padding: 2px 3px
}

.game-fancy {
	background-color: #0A92A5
}

.game-fancy:after {
	background-image: url('data:image/svg+xml,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.44 21.32l1.792-8.456h5.628l.504-2.408h-5.628l1.288-6.02h7.252L20.78 2H10.112c-.896 0-1.68.275-2.352.826-.672.55-1.11 1.283-1.316 2.198L3 21.32h6.44z" fill="%23C5F6EE" fill-rule="nonzero"/></svg>')
}

.game-sportsbook {
	background-color: #E4550F
}

.game-sportsbook:after {
	background-image: url('data:image/svg+xml,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.297 21l1.26-5.635 7.255.026c.876 0 1.642-.256 2.3-.77.656-.512 1.085-1.195 1.286-2.047l1.506-6.757c.2-.852.087-1.534-.342-2.047-.43-.513-1.09-.77-1.985-.77H5.997L2 21h6.297zm5.695-7.878h-3.943l1.752-7.852h3.943l-1.752 7.852z" fill="%23FCEDC0" fill-rule="nonzero"/></svg>')
}

.game-bookmaker {
	background-color: #226BC3
}

.game-bookmaker:after {
	background-image: url('data:image/svg+xml,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.58 21c.876 0 1.642-.257 2.3-.77.656-.513 1.085-1.195 1.286-2.047l.986-4.487c.091-.348.05-.679-.123-.992A1.722 1.722 0 0019.33 12c.365-.14.699-.365 1-.678.3-.313.497-.644.588-.992l.986-4.513c.2-.852.087-1.534-.342-2.047-.43-.513-1.09-.77-1.985-.77H5.997L2 21h13.58zm-1.096-10.122h-3.942l1.26-5.608h3.942l-1.26 5.608zm-1.752 7.879H8.79l1.26-5.635h3.942l-1.26 5.635z" fill="%23CAFCFF" fill-rule="nonzero"/></svg>')
}

.game-live {
	width: 18px;
	background-color: #1876B2
}

.game-live:after {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><g fill="none" fill-rule="evenodd"><circle cx="6" cy="6" r="6" fill="%234AA2DB"/><path fill="%23FFF" d="M6 0a6 6 0 110 12A6 6 0 016 0zm0 1a5 5 0 100 10A5 5 0 006 1z" opacity=".605"/><path fill="%23FFF" d="M4 3v6l5-3z"/></g></svg>');
	background-repeat: no-repeat
}

.game-list-col .game-live {
	float: none;
	vertical-align: top
}

.game-E {
	display: inline-flex;
	right: 0;
	height: 16px;
	background-color: #fff;
	line-height: 16px;
	font-size: 10px;
	color: #1F5172;
	border-radius: 4px;
	border: 1px solid #1F5172;
	margin-right: 3px;
	padding: 0 3px 0 0;
	overflow: hidden
}

.game-E i {
	position: relative;
	width: 18px;
	height: 100%;
	background-color: #1F5172;
	margin-right: 2px;
	overflow: hidden;
	align-items: center;
	justify-content: center
}

.game-E i:before {
	content: '';
	width: 7px;
	height: 8px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 15"><path fill="%23fff" d="M13 15v-4.768h-2.827v2.22H5.605V8.52h3.688V5.992H5.605V2.548h4.568v2.2H13V0H0v2.548h1.78v9.904H0V15z"/></svg>');
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: -3px
}

.game-E i:after {
	position: absolute;
	right: 0;
	content: '';
	border-left: 5px solid transparent;
	border-bottom: 14px solid #fff
}

.game-list-col dt .game-E {
	padding: 0 3px 0 0;
	vertical-align: top
}

.game-info .game-E {
	vertical-align: top;
	margin-right: 0
}

.multi_h3 .game-E {
	border-color: #fff;
	background-color: #1F5172;
	color: #fff
}

.multi_h3 .game-E i {
	background-color: #fff
}

.multi_h3 .game-E i:before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 15"><path fill="%231F5172" d="M13 15v-4.768h-2.827v2.22H5.605V8.52h3.688V5.992H5.605V2.548h4.568v2.2H13V0H0v2.548h1.78v9.904H0V15z"/></svg>')
}

.multi_h3 .game-E i:after {
	border-bottom-color: #1F5172
}

.game-list-col {
	position: relative;
	padding: 0 6px 0 10px;
	border-bottom: 1px solid #E0E6E6
}

.game-list-col:hover {
	background-color: #EFF2F2
}

.game-list-col dt {
	padding: 5px 0;
	font-weight: bold;
	vertical-align: middle
}

.game-list-col dt span {
	font-weight: normal;
	padding: 0 3px
}

.game-list-col dt .game-list-time {
	color: #777
}

.game-list-col dt .game-list-soon {
	color: #1e1e1e
}

.game-list-col dd {
	position: relative
}

.game-list-col dd a {
	width: 49%;
	font-size: 11px;
	line-height: 13px;
	padding: 13.5px 0;
	cursor: pointer
}

.game-list-col dd a span {
	float: none;
	font-weight: normal
}

.game-list-col dd .info {
	background-position: -399px -2577px;
	height: 15px;
	width: 15px
}

.game-list-col dd .info:hover,
.game-list-col dd .info.icon-info-hover {
	background-position: -399px -2592px
}

/* .game-list-col .col-visit,
.game-list-col .col-home,
.game-list-col .col-draw {
	background-position: 100% -465px
} */

.game-list-col .col-home {
	background-image: none
}

.sport_list-wrap .game-list-col dt {
	width: 70px;
	color: #243a48;
	padding: 8px 0
}

.sport_list-wrap .game-list-col dd {
	padding: 8px 5px 8px 0
}

.sport_list-wrap .game-list-col dd a {
	float: none;
	font-size: 12px;
	line-height: 15px
}

.game-list-col.predict dt {
	padding: 2px 0
}

.game-list-col.predict dd {
	padding: 7px 3px
}

.game-list-col.predict p {
	margin-bottom: 1px
}

.game-list-col.predict .lose,
.game-list-col.predict .to-lose,
.game-list-col.predict .win,
.game-list-col.predict .to-win {
	padding: 0
}

.in_play {
	font-weight: bold !important;
	color: #508d0e
}

.game-wrap-horse {
	margin-bottom: 5px
}

.game-wrap-horse dl {
	padding-bottom: 5px
}

.game-wrap-horse dt,
.game-wrap-horse dd {
	float: none;
	width: auto
}

.game-wrap-horse dt .game-list-place {
	color: #777;
	padding-left: 7px;
	margin-left: 5px;
	background-position: 0 -11449px
}

.game-wrap-horse .hs-time a {
	width: 40px;
	line-height: 19px;
	font-size: 12px;
	border: 1px solid transparent;
	border-radius: 3px;
	margin-right: 5px
}

.game-wrap-horse .hs-time a:hover {
	border-color: #2789ce;
	text-decoration: none
}

.game-wrap-horse .hs-time .in-play {
	background-color: #6BBD11;
	color: #fff;
	border-color: #6BBD11
}

.game-wrap-horse .hs-time .in-play:hover {
	background-color: #6BBD11;
	color: #fff;
	border-color: #6BBD11
}

.sport_list-wrap {
	background-color: #fff;
	border-bottom: 1px solid #7e97a7
}

.game-head {
	position: relative;
	background-color: #fff;
	color: #243a48;
	font-size: 12px;
	margin-bottom: 15px
}

.game-head .favor {
	position: absolute;
	top: 7px;
	margin-left: 5px;
	z-index: 3;
	background-position: -392px -1975px;
	height: 23px;
	width: 22px
}

.game-head .favor:hover,
.game-head .favor.icon-big_star-hover {
	background-position: -392px -1952px
}

.game-head .favor.select {
	background-position: -392px -1929px
}

.game-head .favor.select:hover,
.game-head .favor.select.icon-big_star-add-hover {
	background-position: -392px -1906px
}

.game-head .refresh {
	position: absolute;
	top: 7px;
	right: 0;
	margin-left: 0;
	margin-right: 5px;
	z-index: 3;
	background-position: -392px -2804px;
	height: 23px;
	width: 22px
}

.game-head .fancy-info {
	/* position: absolute;
	left: 50%;
	transform: translate(-50%);
	float: none;
	padding: 0 6px;
	margin: 7px 0;
	background-color: #BED5D8;
	font-size: 10px;
	line-height: 16px;
	border-radius: 3px */
	position: absolute;
    float: none;
    padding: 3px 6px;
    background-color: #BED5D8;
    font-size: 10px;
    line-height: 16px;
    border-radius: 3px;
    right: 0;
    width: 20%;
    text-align: center;
    top: 153%;
}

.game-head .fancy-info dt {
	color: #315195
}

.game-team .game-visit,
.game-scores .game-visit {
	padding: 5px 30px
}

.game-team .game-visit span,
.game-scores .game-visit span {
	position: absolute;
	top: 0;
	right: 0;
	background-position: -388px -772px;
	height: 38px;
	width: 26px
}

.game-team .game-home,
.game-scores .game-home {
	padding: 5px 30px
}

.game-team .game-home span,
.game-scores .game-home span {
	position: absolute;
	top: 0;
	left: 0;
	background-position: -388px -339px;
	height: 38px;
	width: 26px
}

.game-team .game-vs,
.game-scores .game-vs {
	width: 20%;
	font-size: 12px;
	color: #243A48;
	line-height: 16px;
	vertical-align: top
}

.game-team .game-vs div,
.game-scores .game-vs div {
	height: 34px;
	background-color: #eee;
	white-space: nowrap
}

.game-team .game-vs span,
.game-scores .game-vs span {
	color: #7e97a7;
	font-weight: normal
}

.game-team .pin-out,
.game-scores .pin-out {
	padding-left: 10px
}

.game-scores {
	table-layout: fixed
}

.game-scores td {
	position: static;
	width: auto;
	height: auto;
	padding: 5px
}

.game-scores h4,
.game-scores .tc-content h5,
.tc-content .game-scores h5 {
	height: 22px;
	margin-bottom: 3px;
	overflow: hidden
}

.game-scores h4 span,
.game-scores .tc-content h5 span,
.tc-content .game-scores h5 span {
	font-size: 12px;
	font-weight: normal;
	vertical-align: top
}

.game-scores h4 span.rank,
.game-scores .tc-content h5 span.rank,
.tc-content .game-scores h5 span.rank {
	color: #fff;
	background-color: #48575F;
	border-radius: 3px;
	padding: 3px 4px
}

.game-scores .scores-team {
	padding: 5px 10px
}

.game-scores .scores-box {
	width: 19.63534%;
	padding: 5px 10px;
	background-color: #0E181E;
	border-right: 1px solid #34444E
}

.game-scores .scores-box.last-box {
	border-right: 1px solid #34444E
}

.game-scores .scores-space {
	width: 22px
}

.game-scores .scores-space:first-of-type {
	width: 15px
}

.game-scores .scores-time {
	font-size: 10px;
	color: #8EEA29;
	font-weight: normal;
	line-height: 14px
}

.game-scores .scores-time li {
	list-style: none;
	margin-right: 5px;
	padding-left: 10px;
	background-position: -23px -166px
}

.game-scores .scores-time li.finished {
	color: #fff
}

.game-scores .scores-time .filter-first {
	background: none;
	padding-left: 0
}

.game-scores .scores-time span {
	color: #7e97a7
}

.game-scores .scores-inns {
	font-size: 10px;
	color: #7e97a7;
	font-weight: normal;
	line-height: 14px
}

.game-scores .scores-other {
	color: #7e97a7
}

.game-scores .scores-other h4,
.game-scores .scores-other .tc-content h5,
.tc-content .game-scores .scores-other h5 {
	font-weight: normal
}

.game-scores .scores-now {
	color: #8EEA29
}

.game-scores .scores-win {
	color: #ffb80c
}

.game-scores ul .game-visit {
	width: calc(50% - 96px);
	padding: 8px 8px 8px 30px
}

.game-scores ul .game-home {
	width: calc(50% - 96px);
	padding: 8px 30px 8px 8px
}

.game-scores ul .scores-box {
	width: 116px;
	background-color: transparent;
	padding: 0;
	border-width: 0;
	background-position: -298px -3628px
}

.game-scores ul .scores-box p {
	padding: 3px 0 3px;
	margin-bottom: 0
}

.game-scores ul .scores-box span {
	line-height: 16px;
	font-size: 10px;
	font-weight: normal
}

.tennis .scores-box {
	width: 4.90884%;
	padding: 5px;
	border-width: 0
}

.its_turn {
	vertical-align: middle;
	background-position: 100% -2622px;
	height: 22px;
	width: 8px
}

.game-progress {
	position: relative;
	padding: 9px 0
}

.game-progress:after {
	position: absolute;
	left: 50%;
	content: '';
	width: 1px;
	height: 9px;
	background-color: #fff
}

.progress-bar {
	position: relative;
	width: calc(100% - 30px);
	height: 6px;
	margin: 0 15px;
	background-repeat: repeat-x;
	border-radius: 3px;
	background-position: 0 -11471px
}

.progress-bar img {
	position: absolute;
	width: 13px;
	height: 13px;
	margin-left: -6px;
	cursor: pointer
}

.progress-now {
	position: absolute;
	height: 6px;
	background-repeat: repeat-x;
	border-radius: 3px;
	background-position: 0 -11465px
}

.icon-card-yellow {
	background-position: -401px -2020px
}

.icon-card-red {
	background-position: -401px -2007px
}

.icon-soccer {
	background-position: -401px -2946px
}

.sum-status {
	position: absolute;
	width: 15px;
	height: 15px;
	line-height: 15px;
	background-color: #FFCC2F;
	background-image: linear-gradient(-180deg, #FFCC2F 0%, #FFB80C 71%);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
	font-size: 12px;
	color: #1e1e1e;
	font-weight: normal;
	border-radius: 50%;
	margin-left: -7px;
	margin-top: -1px;
	cursor: pointer;
	transform: scale(0.7, 0.7)
}

.team-a {
	top: -8px
}

.team-b {
	top: 2px
}

.score-pop,
.score-pop-last {
	position: absolute;
	top: 15px;
	background-color: #FFF3D4;
	padding: 5px;
	border-radius: 0 0 4px 4px;
	margin-left: -4px;
	z-index: 10;
	pointer-events: none
}

.score-pop:before,
.score-pop-last:before {
	content: '';
	position: absolute;
	top: -8px;
	margin-left: -10px;
	background-position: -395px -109px;
	height: 8px;
	width: 19px
}

.score-pop ul li,
.score-pop-last ul li {
	float: none;
	font-size: 11px;
	color: #1e1e1e;
	font-weight: normal;
	line-height: 15px;
	list-style: none
}

.score-pop img,
.score-pop-last img {
	position: static;
	margin: 0;
	vertical-align: middle
}

.score-pop .scores-now,
.score-pop-last .scores-now {
	color: #508E0D
}

.score-pop.team-b,
.team-b.score-pop-last {
	top: 25px
}

.score-pop-last:before {
	right: 0;
	margin-right: -5px
}

.scores-event,
.scores-line {
	height: 29px;
	line-height: 29px;
	color: #243a48;
	font-weight: bold;
	padding-left: 10px;
	background-repeat: repeat-x;
	background-position: 0 -11477px
}

.scores-event img,
.scores-line img {
	margin-left: 2px;
	vertical-align: top;
	background-position: -396px -3223px;
	height: 29px;
	width: 18px
}

.match-btn {
	justify-content: center;
	list-style: none
}

.match-btn li {
	position: relative
}

.match-btn li:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 25px;
	background: rgba(255, 255, 255, 0.5)
}

.match-btn li:last-of-type:after {
	display: none
}

.match-btn a {
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 25px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	box-sizing: border-box;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold
}

.match-btn a:before {
	content: '';
	width: 14px;
	height: 14px;
	margin-right: 2px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain
}

.match-btn .btn-pin {
	padding-left: 12px;
	background-image: url('data:image/svg+xml,<svg width="100" height="25" viewBox="0 0 100 25" xmlns="http://www.w3.org/2000/svg"><path d="M120 0l-8.293 17.752c-1.87 4.003-6.969 7.248-11.377 7.248h-80.661c-4.413 0-9.506-3.243-11.377-7.248l-8.293-17.752h120z" fill="rgb(59,81,96)"/></svg>')
}

.match-btn .btn-pin:before {
	background-image: url('data:image/svg+xml,<svg width="8" height="12" viewBox="0 0 8 12" xmlns="http://www.w3.org/2000/svg"><path d="M6.714 5.25c.857.321 1.286.812 1.286 1.473 0 .232-.036.384-.107.455-.071.071-.214.107-.429.107h-2.893l-.429 4.714h-.286l-.429-4.714h-2.893c-.214 0-.357-.04-.429-.121-.071-.08-.107-.228-.107-.442 0-.661.429-1.152 1.286-1.473l.143-.054c.262-.107.429-.277.5-.509l.643-3.161v-.134c0-.143-.119-.259-.357-.348l-.036-.027h-.036c-.286-.089-.429-.241-.429-.455 0-.25.048-.406.143-.469.095-.063.262-.094.5-.094h3.286c.238 0 .405.031.5.094.095.063.143.219.143.469 0 .214-.143.366-.429.455h-.036l-.036.027c-.238.089-.357.205-.357.348v.134l.643 3.161c.071.232.238.402.5.509l.143.054z" fill="rgb(255,255,255)"/></svg>')
}

.match-btn .btn-pin.select {
	background-image: url('data:image/svg+xml,<svg width="100" height="25" viewBox="0 0 100 25" xmlns="http://www.w3.org/2000/svg"><path d="M120 0l-8.293 17.752c-1.87 4.003-6.969 7.248-11.377 7.248h-80.661c-4.413 0-9.506-3.243-11.377-7.248l-8.293-17.752h120z" fill="rgb(107,189,17)"/></svg>')
}

.match-btn .btn-refresh {
	padding-right: 12px;
	background-image: url('data:image/svg+xml,<svg width="100" height="25" viewBox="0 0 100 25" xmlns="http://www.w3.org/2000/svg"><path d="M100 0l-8.293 17.752c-1.87 4.003-6.969 7.248-11.377 7.248h-80.661c-4.413 0-9.506-3.243-11.377-7.248l-8.293-17.752h120z" fill="rgb(59,81,96)"/></svg>')
}

.match-btn .btn-refresh:before {
	background-image: url('data:image/svg+xml,<svg width="13" height="16" viewBox="0 0 13 16" xmlns="http://www.w3.org/2000/svg"><path d="M6.408 3.223c1.164 0 2.238.288 3.223.863.972.563 1.739 1.324 2.302 2.283.588.998.882 2.072.882 3.223 0 1.151-.294 2.225-.882 3.223-.563.972-1.33 1.739-2.302 2.302-.998.588-2.072.882-3.223.882-1.151 0-2.225-.294-3.223-.882-.972-.563-1.739-1.33-2.302-2.302-.588-.998-.882-2.072-.882-3.223h1.612c0 .87.214 1.672.643 2.408.428.735 1.01 1.317 1.746 1.746.735.428 1.538.643 2.408.643.87 0 1.672-.214 2.408-.643.735-.428 1.317-1.01 1.746-1.746.428-.735.643-1.538.643-2.408 0-.87-.214-1.672-.643-2.408-.428-.735-1.01-1.317-1.746-1.746-.735-.428-1.538-.643-2.408-.643v3.223l-4.01-4.01 4.01-4.01v3.223z" fill="rgb(255,255,255)"/></svg>')
}

.match-odds {
	height: 30px;
	line-height: 30px;
	color: #243a48;
	font-weight: bold;
	padding-left: 10px;
	background-color: #C5D0D7
}

.match-odds img {
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: -394px -3311px;
	height: 30px;
	width: 20px
}

.tab-HS {
	line-height: 31px;
	height: 32px;
	background-repeat: repeat-x;
	background-position: 0 -11696px
}

.tab-HS a {
	width: 95px;
	color: #243a48;
	padding: 0 10px;
	border-right: 1px solid #96abb8
}

.tab-HS a.select {
	background-color: #fff;
	border-top: 2px solid #ffb80c;
	height: 30px;
	line-height: 28px
}

.tab-HS a.select:hover {
	text-decoration: none
}

.tab-HS .more_drop {
	width: 75px;
	padding-right: 30px;
	background-position: 100% -3337px
}

.tab-HS .more_drop:hover,
.tab-HS .more_drop.more_drop-hover {
	background-position: 100% -3306px
}

.tab-HS .more_drop.select {
	background-position: 100% -3306px
}

.more_drop-list {
	position: absolute;
	min-width: 115px;
	border-radius: 0;
	line-height: 28px
}

.more_drop-list:not(:target) {
	display: none
}

.more_drop-list:target {
	display: block
}

.more_drop-list li {
	float: none
}

.more_drop-list li:last-of-type a {
	border-bottom-color: #7e97a7
}

.more_drop-list a {
	width: calc(100% - 20px);
	border-right-width: 0;
	text-align: left
}

.game-info-wrap {
	border-bottom: 1px solid #7e97a7
}

.game-info {
	padding: 0 10px
}

.game-info li {
	padding: 7px 0;
	margin-right: 8px
}

.game-info .info-live {
	padding: 3px 0
}

.btn-live {
	width: 61px;
	height: 21px;
	line-height: 21px
}

.btn-live img {
	margin-top: 3px
}

.game-low_liq {
	background-color: #d0021b;
	color: white
}

.game-list-col dt .game-low_liq {
	display: inline-block;
	border-radius: 3px;
	height: 16px;
	line-height: 16px;
	font-size: 10px;
	font-weight: bold
}

.game-matched {
	padding: 0 5px
}

.game-matched dt {
	padding: 7px 0
}

.game-matched dd {
	font-weight: bold;
	color: #1e1e1e;
	padding: 7px 0 7px 5px
}

.open-tv-wrap {
	height: 23px;
	line-height: 23px;
	background-image: linear-gradient(180deg, #1E5F89 0%, #194F72 100%);
	border-radius: 3px;
	color: #fff;
	padding: 0 7px;
	margin: 3px 7px 4px 5px
}

.game-head .open-tv-wrap {
	align-items: center
}

.open-tv-wrap:before {
	content: '';
	vertical-align: middle;
	margin-right: 5px;
	background-position: -396px -2659px;
	height: 15px;
	width: 18px
}

.open-tv-wrap:hover {
	text-decoration: none;
	background-image: linear-gradient(180deg, #194F72 0%, #1E5F89 100%)
}

.game-streaming-wrap {
	height: 270px;
	background-image: linear-gradient(90deg, #222 0%, #000 20%, #000 81%, #222 100%)
}

.game-streaming-wrap:not(:target) {
	display: none
}

.game-streaming-wrap:target {
	display: block
}

.tv {
	position: relative;
	width: 480px;
	height: 270px;
	background-color: #000;
	margin: 0 auto
}

.tv video {
	width: 100%;
	height: 100%
}

.tv-control {
	position: absolute;
	width: auto;
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 2;
	margin: 7px
}

.tv-control li {
	list-style: none;
	border-right: 1px solid rgba(255, 255, 255, 0.2)
}

.tv-control li:last-of-type {
	border-right-width: 0
}

.tv-control a {
	width: 50px;
	height: 35px;
	color: #C8C7C7;
	text-decoration: none
}

.tv-control a:hover {
	background-color: rgba(0, 0, 0, 0.8)
}

.tv-control a:before {
	content: "";
	background-size: contain;
	background-repeat: no-repeat
}

.tv-control .close:before {
	width: 14px;
	height: 14px;
	background-image: url('data:image/svg+xml,<svg width="19" height="19" xmlns="http://www.w3.org/2000/svg"><path d="M14 5.912L10.412 9.5 14 13.088l-.912.912L9.5 10.412 5.912 14 5 13.088 8.588 9.5 5 5.912 5.912 5 9.5 8.588 13.088 5z" fill="rgb(207,209,206)" fill-rule="evenodd"/></svg>')
}

.tv-control:nth-of-type(1) {
	top: 0;
	right: 0
}

.tv-control:nth-of-type(2) {
	bottom: 0;
	left: 0
}

.tv-control:nth-of-type(3) {
	bottom: 0;
	right: 0
}

.btn-line span {
	padding-top: 10px
}

.btn-line:before {
	width: 18px;
	height: 14px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 14"><path fill="rgb(207,209,206)" fill-rule="evenodd" d="M3.477 7.67c1.104-1.138 2.394-1.909 3.87-2.312a8.165 8.165 0 0 1 4.326 0c1.477.403 2.76 1.174 3.85 2.312l-1.697 1.815A5.933 5.933 0 0 0 7.948 7.82a5.933 5.933 0 0 0-2.774 1.664L3.477 7.67zm3.436 3.63c.455-.476 1-.8 1.635-.973a3.561 3.561 0 0 1 1.904 0c.635.173 1.18.497 1.635.972L9.5 14l-2.587-2.7zM0 4.082a13.418 13.418 0 0 1 4.45-3.068A13.083 13.083 0 0 1 9.52 0c1.753 0 3.436.338 5.05 1.015A13.198 13.198 0 0 1 19 4.083l-1.739 1.815a10.767 10.767 0 0 0-3.622-2.506A10.498 10.498 0 0 0 9.5 2.549c-1.435 0-2.815.281-4.14.843A10.767 10.767 0 0 0 1.74 5.898L0 4.083z"/></svg>')
}

.tv-control .btn-line {
	font-size: 11px;
	text-indent: inherit
}

.btn-volume_on:before {
	width: 15px;
	height: 15px;
	background-image: url('data:image/svg+xml,<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M10.8 0a8.89 8.89 0 013.699 1.75 9.204 9.204 0 012.56 3.157A9.199 9.199 0 0118 9a9.199 9.199 0 01-.94 4.093 9.204 9.204 0 01-2.561 3.156A8.89 8.89 0 0110.8 18v-2.12a6.805 6.805 0 002.647-1.43 7.164 7.164 0 001.819-2.43A7.11 7.11 0 0015.922 9a7.11 7.11 0 00-.656-3.02 7.164 7.164 0 00-1.819-2.43A6.805 6.805 0 0010.8 2.12V0zm2.7 9c0 .93-.242 1.772-.727 2.525a4.804 4.804 0 01-1.973 1.738V4.737c.83.406 1.488.985 1.973 1.738.485.753.727 1.595.727 2.525zM0 5.986h3.984L9 .947v16.106l-5.016-5.04H0V5.987z" fill="rgb(200,199,199)" fill-rule="evenodd"/></svg>')
}

.btn-volume_off:before {
	width: 15px;
	height: 15px;
	background-image: url('data:image/svg+xml,<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M8.526.947v3.79L6.632 2.842 8.526.947zM1.272 0L18 16.728 16.728 18l-2.064-2.064c-1.2.928-2.416 1.536-3.648 1.824v-2.064a6.364 6.364 0 002.256-1.176L9 10.272v6.744L3.984 12H0V6h4.728L0 1.272 1.272 0zm14.814 8.982a7.598 7.598 0 00-.604-3.015 7.131 7.131 0 00-1.675-2.424 6.136 6.136 0 00-2.439-1.427V0a7.932 7.932 0 013.407 1.747 9.083 9.083 0 012.359 3.15A9.818 9.818 0 0118 8.982c0 .754-.084 1.496-.25 2.226a9.171 9.171 0 01-.73 2.055l-1.413-1.6c.32-.869.479-1.763.479-2.681zm-2.823-.122c0 .295-.018.5-.054.614l-2.788-2.48V4.738c.875.393 1.567.953 2.077 1.681.51.728.765 1.542.765 2.442z" fill="rgb(200,199,199)" fill-rule="evenodd"/></svg>')
}

.btn-fullscreen:before {
	width: 15px;
	height: 15px;
	background-image: url('data:image/svg+xml,<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M18 6.402V0h-6.402v2.536h3.866v3.866H18zm-15.464 0V2.536h3.866V0H0v6.402h2.536zM18 18v-6.402h-2.536v3.866h-3.866V18H18zM6.402 18v-2.536H2.536v-3.866H0V18h6.402z" fill="rgb(200,199,199)" fill-rule="nonzero"/></svg>')
}

.btn-collapse:before {
	width: 15px;
	height: 15px;
	background-image: url('data:image/svg+xml,<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M18 6.402V3.866h-3.866V0h-2.536v6.402H18zm-11.598 0V0H3.866v3.866H0v2.536h6.402zM14.134 18v-3.866H18v-2.536h-6.402V18h2.536zm-7.732 0v-6.402H0v2.536h3.866V18h2.536z" fill="rgb(200,199,199)" fill-rule="nonzero"/></svg>')
}

.bets-wrap {
	position: relative;
	background-color: #fff;
	border-top: 1px solid #7e97a7;
	margin-top: 38px;
	margin-bottom: 30px
}

.player .bets-wrap {
	/* *height: auto !important;
	*height: 650px; */
	min-height: 650px;
	margin-bottom: 10px
}

.over-wrap .bets-wrap {
	margin-top: 23px
}

.player .over-wrap .bets-wrap {
	min-height: calc(100% - 34px)
}

.game-wrap .bets-wrap {
	margin: 26px 3px 5px
}

.live-match .bets-wrap {
	margin-top: 38px
}

.streaming-open .bets-wrap {
	margin-top: 38px
}

.bets-wrap .bet-all {
	line-height: 22px
}

.bets-wrap.match-wrap {
	margin-top: 0px
}

.bets-wrap.match-wrap .bets,
.bets-wrap.match-wrap .bets-HS,
.bets-wrap.match-wrap .bets-GH {
	margin-top: 0px
}

.refer_only {
	position: absolute;
	top: -24px;
	font-size: 11px;
	color: #7e97a7;
	line-height: 23px;
	margin-left: 5px
}

.for-agent {
	height: 182px;
	background-color: #E2E8ED;
	padding: 0 0 15px
}

.for-agent .bets-wrap {
	margin: 0
}

.for-agent .refer-book {
	padding-right: 10px
}

.for-agent .refer_only {
	margin-left: 10px
}

.for-agent .fancy_bet,
.for-agent .sportsbook_bet,
.for-agent .bookmaker_bet {
	margin-top: 38px
}

.for-agent .sportsbook-head {
	width: calc(100% - 5px);
	padding-right: 5px
}

.head-bets-agent {
	background-color: rgba(255, 255, 255, 0.5);
	margin-bottom: 28px;
	border-bottom: 1px solid #7e97a7;
	padding: 0 10px
}

.head-bets-agent .game-matched {
	padding: 0;
	margin-right: 20px
}

.head-bets-agent .game-info {
	padding: 0
}

.head-bets-agent .game-info li {
	margin: 0 0 0 20px
}

.head-bets-agent .game-low_liq {
	margin-left: -10px;
	margin-right: 5px
}

.for-op {
	width: calc(100% - 1px)
}

.for-op .rules-wrap {
	top: 0;
	margin-top: 0
}

.for-op td .fancy-info {
	width: 60%;
	font-size: 13px;
	line-height: 17px;
	margin: 2px 0 0
}

.for-op td .fancy-info dt {
	font-size: 12px
}

.for-op td .fancy-info:last-of-type {
	width: calc(40% - 1%)
}

.bets,
.bets-HS,
.bets-GH {
	width: 100%;
	margin-top: -19px
}

.bets tr:hover,
.bets-HS tr:hover,
.bets-GH tr:hover {
	background-color: #EFF2F2
}

.bets th,
.bets-HS th,
.bets-GH th {
	position: relative;
	padding: 2px 10px 0;
	/* border-bottom: 1px solid #7e97a7; */
}

.bets th p,
.bets-HS th p,
.bets-GH th p {
	width: 292px;
	margin-bottom: 0
}

.bets th span,
.bets-HS th span,
.bets-GH th span {
	font-weight: normal
}

.bets th.predict,
.bets-HS th.predict,
.bets-GH th.predict {
	padding: 3px 10px;
	display: flex;
    flex-direction: column;
}

/* .listRow tr.mchList , tr.mchList{
	min-height:61px !important;
} */

.bets th.predict p,
.bets-HS th.predict p,
.bets-GH th.predict p {
	margin-bottom: 3px
}

.bets td,
.bets-HS td,
.bets-GH td {
	width: 8.97436%;
	border-bottom: 1px solid #7e97a7;
	border-left: 1px solid #ddd;
	font-weight: bold;
	vertical-align: top
}

.bets td:hover,
.bets-HS td:hover,
.bets-GH td:hover {
	background-color: #ededed
}

.bets td a,
.bets-HS td a,
.bets-GH td a {
	position: relative;
	height: 35px;
	color: #1e1e1e;
	padding: 3px 0 2px;
	cursor: pointer
}

.bets td a:hover,
.bets-HS td a:hover,
.bets-GH td a:hover {
	text-decoration: none
}

.bets td span,
.bets-HS td span,
.bets-GH td span {
	font-weight: normal;
	font-size: 11px
}

.bets td.no-liq a,
.bets-HS td.no-liq a,
.bets-GH td.no-liq a {
	line-height: 35px
}

.bets td.no-liq span,
.bets-HS td.no-liq span,
.bets-GH td.no-liq span {
	display: none
}

.bets .refer-bet,
.bets-HS .refer-bet,
.bets-GH .refer-bet,
.bets .refer-book,
.bets-HS .refer-book,
.bets-GH .refer-book {
	font-size: 11px;
	line-height: 22px;
	font-weight: normal
}

.bets .back-1,
.bets-HS .back-1,
.bets-GH .back-1 {
	background-color: #72bbef;
	border-left-color: #fff
}

.bets .back-1:hover,
.bets-HS .back-1:hover,
.bets-GH .back-1:hover {
	background-color: #80c2f1
}

.bets .back-1.select,
.bets-HS .back-1.select,
.bets-GH .back-1.select {
	background-color: #1a8ee1;
	color: #fff;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5)
}

.bets .back-1.select a,
.bets-HS .back-1.select a,
.bets-GH .back-1.select a {
	color: #fff
}

.bets .back-1.single-bet a,
.bets-HS .back-1.single-bet a,
.bets-GH .back-1.single-bet a {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.bets .back-2,
.bets-HS .back-2,
.bets-GH .back-2 {
	background-color: #b7d5eb;
	border-left-color: #fff
}

.bets .back-2:hover,
.bets-HS .back-2:hover,
.bets-GH .back-2:hover {
	background-color: #c3dcee
}

.bets .back-2.select,
.bets-HS .back-2.select,
.bets-GH .back-2.select {
	background-color: #67a6d5;
	color: #fff;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5)
}

.bets .back-2.select a,
.bets-HS .back-2.select a,
.bets-GH .back-2.select a {
	color: #fff
}

.disable .bets .back-2,
.disable .bets-HS .back-2,
.disable .bets-GH .back-2 {
	background-color: #ddd
}

.bets .back-3,
.bets-HS .back-3,
.bets-GH .back-3 {
	background-color: #d7e8f4;
	border-left-color: #fff
}

.bets .back-3:hover,
.bets-HS .back-3:hover,
.bets-GH .back-3:hover {
	background-color: #e3eff7
}

.bets .back-3.select,
.bets-HS .back-3.select,
.bets-GH .back-3.select {
	background-color: #87bade;
	color: #fff;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5)
}

.bets .back-3.select a,
.bets-HS .back-3.select a,
.bets-GH .back-3.select a {
	color: #fff
}

.bets .lay-1,
.bets-HS .lay-1,
.bets-GH .lay-1 {
	background-color: #faa9ba;
	border-left-color: #fff
}

.bets .lay-1:hover,
.bets-HS .lay-1:hover,
.bets-GH .lay-1:hover {
	background-color: #fbb7c6
}

.bets .lay-1.select,
.bets-HS .lay-1.select,
.bets-GH .lay-1.select {
	background-color: #f4496d;
	color: #fff;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5)
}

.bets .lay-1.select a,
.bets-HS .lay-1.select a,
.bets-GH .lay-1.select a {
	color: #fff
}

.bets .lay-2,
.bets-HS .lay-2,
.bets-GH .lay-2 {
	background-color: #efd3d9;
	border-left-color: #fff
}

.bets .lay-2:hover,
.bets-HS .lay-2:hover,
.bets-GH .lay-2:hover {
	background-color: #f3dee3
}

.bets .lay-2.select,
.bets-HS .lay-2.select,
.bets-GH .lay-2.select {
	background-color: #d48898;
	color: #fff;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5)
}

.bets .lay-2.select a,
.bets-HS .lay-2.select a,
.bets-GH .lay-2.select a {
	color: #fff
}

.bets .lay-3,
.bets-HS .lay-3,
.bets-GH .lay-3 {
	background-color: #f6e6ea;
	border-left-color: #fff
}

.bets .lay-3:hover,
.bets-HS .lay-3:hover,
.bets-GH .lay-3:hover {
	background-color: #faf1f3
}

.bets .lay-3.select,
.bets-HS .lay-3.select,
.bets-GH .lay-3.select {
	background-color: #db9bab;
	color: #fff;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5)
}

.bets .lay-3.select a,
.bets-HS .lay-3.select a,
.bets-GH .lay-3.select a {
	color: #fff
}

.bets .bet-all:hover,
.bets-HS .bet-all:hover,
.bets-GH .bet-all:hover {
	background-color: transparent
}

.bets .bet-all td,
.bets-HS .bet-all td,
.bets-GH .bet-all td {
	background-color: transparent;
	border-left-color: transparent;
	padding-bottom: 1px
}

.bets .bet-all td.lay-all,
.bets-HS .bet-all td.lay-all,
.bets-GH .bet-all td.lay-all {
	border-left-color: #fff
}

.bets .bet-all a,
.bets-HS .bet-all a,
.bets-GH .bet-all a {
	position: relative;
	width: 100%;
	height: 22px;
	line-height: 17px;
	cursor: pointer
}

.bets .bet-all img,
.bets-HS .bet-all img,
.bets-GH .bet-all img {
	position: absolute;
	top: 0;
	width: calc(100% - 11px);
	height: 100%
}

.bets .bet-all span,
.bets-HS .bet-all span,
.bets-GH .bet-all span {
	position: absolute;
	width: 100%;
	font-weight: bold;
	font-size: 12px
}

.bets .back-all,
.bets-HS .back-all,
.bets-GH .back-all {
	background-position: -274px -273px
}

.bets .back-all:hover,
.bets-HS .back-all:hover,
.bets-GH .back-all:hover,
.bets .back-all.bg-backall-left-hover,
.bets-HS .back-all.bg-backall-left-hover,
.bets-GH .back-all.bg-backall-left-hover {
	background-position: -274px -317px
}

.bets .back-all img,
.bets-HS .back-all img,
.bets-GH .back-all img {
	left: 11px;
	background-repeat: repeat-x;
	background-position: 0 -6277px
}

.bets .back-all img:hover,
.bets-HS .back-all img:hover,
.bets-GH .back-all img:hover,
.bets .back-all img.bg-backall-hover,
.bets-HS .back-all img.bg-backall-hover,
.bets-GH .back-all img.bg-backall-hover {
	background-position: 0 -6299px
}

.bets .back-all:hover img,
.bets-HS .back-all:hover img,
.bets-GH .back-all:hover img {
	background-repeat: repeat-x;
	background-position: 0 -6299px
}

.bets .lay-all,
.bets-HS .lay-all,
.bets-GH .lay-all {
	background-position: 100% -399px
}

.bets .lay-all:hover,
.bets-HS .lay-all:hover,
.bets-GH .lay-all:hover,
.bets .lay-all.bg-layall-right-hover,
.bets-HS .lay-all.bg-layall-right-hover,
.bets-GH .lay-all.bg-layall-right-hover {
	background-position: 100% -443px
}

.bets .lay-all img,
.bets-HS .lay-all img,
.bets-GH .lay-all img {
	right: 11px;
	background-repeat: repeat-x;
	background-position: 0 -7428px
}

.bets .lay-all img:hover,
.bets-HS .lay-all img:hover,
.bets-GH .lay-all img:hover,
.bets .lay-all img.bg-layall-hover,
.bets-HS .lay-all img.bg-layall-hover,
.bets-GH .lay-all img.bg-layall-hover {
	background-position: 0 -7450px
}

.bets .lay-all:hover img,
.bets-HS .lay-all:hover img,
.bets-GH .lay-all:hover img {
	background-repeat: repeat-x;
	background-position: 0 -7450px
}

.bets .special_bet,
.bets-HS .special_bet,
.bets-GH .special_bet {
	background-color: #243A48;
	color: #fff
}

.bets .special_bet td,
.bets-HS .special_bet td,
.bets-GH .special_bet td {
	padding: 0;
	border-left-width: 0;
	border-bottom-color: #fff;
	line-height: 25px
}

.bets .special_bet td:hover,
.bets-HS .special_bet td:hover,
.bets-GH .special_bet td:hover {
	background-color: #243A48
}

.bets .special_bet h3,
.bets-HS .special_bet h3,
.bets-GH .special_bet h3 {
	position: relative;
	padding: 0 0 0 10px
}

.bets .special_bet h3 a,
.bets-HS .special_bet h3 a,
.bets-GH .special_bet h3 a {
	color: #fff
}

.bets .special_bet h3 p,
.bets-HS .special_bet h3 p,
.bets-GH .special_bet h3 p {
	display: inline-block;
	font-size: 13px;
	font-weight: normal;
	margin: 0 0 0 7px;
	opacity: .7
}

.bets .special_bet a,
.bets-HS .special_bet a,
.bets-GH .special_bet a {
	height: inherit;
	padding: 0
}

.bets .special_bet .btn-fancy_info,
.bets-HS .special_bet .btn-fancy_info,
.bets-GH .special_bet .btn-fancy_info {
	position: absolute;
	top: 0;
	right: 2px;
	background-position: -389px -1390px;
	height: 25px;
	width: 25px
}

.bets .special_bet .fancy-info,
.bets-HS .special_bet .fancy-info,
.bets-GH .special_bet .fancy-info {
	position: absolute;
	top: 0;
	right: 2px;
	font-weight: normal;
	width: auto;
	height: 25px;
	margin: 0
}

.bets.disable td a,
.disable.bets-HS td a,
.disable.bets-GH td a {
	color: #999;
	cursor: not-allowed
}

.bets.disable .back-all,
.disable.bets-HS .back-all,
.disable.bets-GH .back-all {
	background-position: -274px -295px
}

.bets.disable .back-all img,
.disable.bets-HS .back-all img,
.disable.bets-GH .back-all img {
	background-repeat: repeat-x;
	background-position: 0 -6346px
}

.bets.disable .lay-all,
.disable.bets-HS .lay-all,
.disable.bets-GH .lay-all {
	background-position: 100% -421px
}

.bets.disable .lay-all img,
.disable.bets-HS .lay-all img,
.disable.bets-GH .lay-all img {
	background-repeat: repeat-x;
	background-position: 0 -6346px
}

.bets .to-expand,
.bets-HS .to-expand,
.bets-GH .to-expand {
	background-position: 100% -1794px
}

.bets .colgroup-adjust td,
.bets-HS .colgroup-adjust td,
.bets-GH .colgroup-adjust td {
	border-bottom: inherit;
	border-left: inherit
}

.bets.close,
.close.bets-HS,
.close.bets-GH {
	height: 25px;
	overflow: hidden
}

.bets.close tr:not(:nth-of-type(2)),
.close.bets-HS tr:not(:nth-of-type(2)),
.close.bets-GH tr:not(:nth-of-type(2)) {
	display: none
}

.bets.close .special_bet td,
.close.bets-HS .special_bet td,
.close.bets-GH .special_bet td {
	border-bottom-width: 0
}

.bets.close .to-expand,
.close.bets-HS .to-expand,
.close.bets-GH .to-expand {
	background-position: 100% -1585px
}

.disabled .col-visit a,
.disabled .col-home a,
.disabled .col-draw a,
.disabled.col-visit a,
.disabled.col-home a,
.disabled.col-draw a {
	position: relative;
}

.disabled .col-visit a:before,
.disabled .col-home a:before,
.disabled .col-draw a:before,
.disabled.col-visit a:before,
.disabled.col-home a:before,
.disabled.col-draw a:before {
	content: '';
	top: 0;
	background: rgba(51, 51, 51, 0.2) url(images/bg-disabled.png);
	width: 100%;
	height: 100%
}

.disabled td a {
	cursor: not-allowed;
	background: rgba(51, 51, 51, 0.2) url(images/bg-disabled.png)
}

.disabled .back-all,
.disabled .back-all:hover {
	cursor: not-allowed;
	background-color: transparent;
	background-position: -374px -251px
}

.disabled .back-all img,
.disabled .back-all:hover img {
	background: url(images/bg-backall-disabled.png)
}

.disabled .lay-all,
.disabled .lay-all:hover {
	cursor: not-allowed;
	background-color: transparent;
	background-position: 100% -377px
}

.disabled .lay-all img,
.disabled .lay-all:hover img {
	background: url(images/bg-layall-disabled.png)
}

.cooldown .col-visit a,
.cooldown .col-home a,
.cooldown .col-draw a,
.cooldown.col-visit a,
.cooldown.col-home a,
.cooldown.col-draw a {
	position: relative
}

.cooldown .col-visit a:after,
.cooldown .col-home a:after,
.cooldown .col-draw a:after,
.cooldown.col-visit a:after,
.cooldown.col-home a:after,
.cooldown.col-draw a:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.cooldown .col-visit a.btn-back:after,
.cooldown .col-home a.btn-back:after,
.cooldown .col-draw a.btn-back:after,
.cooldown .col-visit a.btn-lay:after,
.cooldown .col-home a.btn-lay:after,
.cooldown .col-draw a.btn-lay:after,
.cooldown.col-visit a.btn-back:after,
.cooldown.col-home a.btn-back:after,
.cooldown.col-draw a.btn-back:after,
.cooldown.col-visit a.btn-lay:after,
.cooldown.col-home a.btn-lay:after,
.cooldown.col-draw a.btn-lay:after {
	background-color: rgba(0, 46, 85, 0.4)
}

.cooldown .col-visit a.btn-lay:after,
.cooldown .col-home a.btn-lay:after,
.cooldown .col-draw a.btn-lay:after,
.cooldown.col-visit a.btn-lay:after,
.cooldown.col-home a.btn-lay:after,
.cooldown.col-draw a.btn-lay:after {
	background-color: rgba(89, 10, 21, 0.4)
}

.cooldown td a {
	position: relative
}

.cooldown td a:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	opacity: 0
}

.cooldown .back-all:after,
.cooldown .lay-all:after {
	display: none
}

.cooldown .back-1 a:after {
	background-color: rgba(0, 46, 85, 0.4)
}

.cooldown .back-2 a:after {
	background-color: rgba(0, 46, 85, 0.4)
}

.cooldown .back-3 a:after {
	background-color: rgba(0, 46, 85, 0.4)
}

.cooldown .lay-1 a:after {
	background-color: rgba(89, 10, 21, 0.4)
}

.cooldown .lay-2 a:after {
	background-color: rgba(89, 10, 21, 0.4)
}

.cooldown .lay-3 a:after {
	background-color: rgba(89, 10, 21, 0.4)
}

.bets-HS th,
.bets-GH th {
	padding: 4px 10px 5px 5px;
	overflow: visible
}

.bets-HS td,
.bets-GH td {
	vertical-align: middle
}

.bets-HS td a,
.bets-GH td a {
	height: 35px
}

.bets-HS td.suspend span,
.bets-GH td.suspend span {
	line-height: 38px
}

.bets-HS .predict th,
.bets-GH .predict th {
	padding: 3px 10px 3px 5px
}

.bets-HS .predict td a,
.bets-GH .predict td a {
	padding: 10px 0 9px
}

.bets-HS .predict .suspend,
.bets-GH .predict .suspend {
	height: 53px
}

.bets-HS .predict .suspend span,
.bets-GH .predict .suspend span {
	height: 100%;
	line-height: 53px
}

.horse-info,
.dog-info {
	width: 292px;
	height: 31px
}

.horse-info>dt,
.dog-info>dt {
	flex: 0 0 auto;
	margin-right: 7px;
	align-items: center
}

.horse-info>dd,
.dog-info>dd {
	flex: 1;
	min-width: 0;
	position: relative;
	align-items: center
}

.horse-info li,
.dog-info li {
	list-style: none
}

.horse-info .icon-predict,
.dog-info .icon-predict {
	margin-right: 0
}

.predict .horse-info,
.predict .dog-info {
	margin-bottom: 2px
}

.horse-box {
	min-width: 25px
}

.horse-box li {
	list-style: none;
	font-size: 11px;
	font-weight: normal
}

.horse-box.only-num {
	font-size: 13px
}

.uniform {
	width: 26px;
	height: 21px;
	margin: 0 0 0 3px;
	background-position: -388px -751px
}

.uniform img {
	width: 26px;
	height: 21px
}

.horse-name {
	cursor: default;
	min-width: 0
}

.horse-name li {
	font-weight: normal
}

.horse-name li:first-of-type {
	font-weight: bold
}

.horse_info-hover {
	display: none;
	position: absolute;
	top: 100%;
	background-color: #fff;
	font-size: 11px;
	font-weight: normal;
	padding: 5px 7px;
	border-radius: 4px;
	z-index: 10;
	pointer-events: none
}

.horse_info-hover dt {
	clear: left;
	margin-right: 5px
}

.horse_info-hover dd {
	clear: right
}

.win,
.to-win {
	color: #508d0e;
	margin: 0 5px 0 0
}

.to-win {
	display: inline-flex;
	align-items: center
}

.to-win:before {
	content: '';
	width: 10px;
	height: 10px;
	margin-right: 3px;
	background-image: url('data:image/svg+xml,<svg width="10" height="10" xmlns="http://www.w3.org/2000/svg"><path d="M4 0l6 5-6 5V7H0V3h4V0z" fill="%234F8C0C" fill-rule="evenodd"/></svg>')
}

.lose,
.to-lose {
	color: #d0021b;
	margin: 0 5px 0 0
}

.to-lose {
	display: inline-flex;
	align-items: center
}

.to-lose:before {
	content: '';
	width: 10px;
	height: 10px;
	margin-right: 3px;
	background-image: url('data:image/svg+xml,<svg width="10" height="10" xmlns="http://www.w3.org/2000/svg"><path d="M4 0l6 5-6 5V7H0V3h4V0z" fill="%23D0021B" fill-rule="evenodd"/></svg>')
}

.more {
	line-height: 24px;
	padding-right: 20px;
	background-position: 100% -1870px
}

.suspend {
	position: absolute;
	width: 24%;
	height: calc(100% - 2px);
	background-color: #fff;
	border: 1px solid #d0021b;
	color: #d0021b;
	margin-left: calc(76% - 42px);
	z-index: 5
}

.suspend span {
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -8px
}

.event-left .suspend,
.event-right .suspend {
	width: 31.78808%;
	margin-left: 66.22517%
}

.col3 .suspend {
	width: 36%;
	margin-left: calc(64% - 38px)
}

dd .suspend,
.event-left dd .suspend,
.event-right dd .suspend,
.col3 dd .suspend {
	width: calc(100% - 8px);
	height: calc(100% - 4px);
	margin-left: 0
}

td .suspend {
	top: 0;
	width: calc(100% - 2px);
	margin-left: 0
}

.bets .suspend,
.bets-HS .suspend,
.bets-GH .suspend {
	position: static;
	border-right-width: 0
}

.bets .suspend span,
.bets-HS .suspend span,
.bets-GH .suspend span {
	position: static;
	top: 0;
	width: calc(100% - 2px);
	background-color: #fff;
	line-height: 37px;
	border: 1px solid #d0021b;
	margin-top: 0
}

.btn-book {
	position: absolute;
	top: 6px;
	right: 5px;
	font-weight: normal
}

.line_markets-team {
	background-repeat: repeat-x;
	background-position: 0 -7494px
}

.line_markets-team .game-visit span {
	background-position: -388px -550px;
	height: 38px;
	width: 26px
}

.line_markets-team .game-home span {
	background-position: -388px -490px;
	height: 38px;
	width: 26px
}

.line_markets-team .game-vs div {
	position: relative;
	background-repeat: repeat-x;
	background-position: 0 -7532px
}

.line_markets-team .game-vs div:before {
	position: absolute;
	content: '';
	background-position: -394px -588px;
	height: 34px;
	width: 20px
}

.line_markets-team .game-vs div:after {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	background-position: -394px -622px;
	height: 34px;
	width: 20px
}

.btn-rules {
	position: absolute;
	width: 68px;
	left: 50%;
	background-color: #E0E6E6;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	font-weight: bold;
	border-radius: 4px;
	margin-top: 3px;
	margin-left: -34px
}

.btn-rules img {
	margin-right: 5px;
	background-position: -404px -2827px;
	height: 9px;
	width: 10px
}

.rules-wrap {
	position: absolute;
	left: 50%;
	width: 460px;
	background-color: #fff;
	border-radius: 0 0 8px 8px;
	margin-left: -230px;
	z-index: 10
}

.rules-wrap:not(:target) {
	display: none
}

.rules-wrap h3 {
	height: 40px;
	line-height: 40px;
	background-color: #eee
}

.rules-wrap .rules-content {
	height: 340px;
	padding: 8px 15px;
	line-height: 18px;
	color: rgba(36, 58, 72, 0.9);
	overflow: hidden;
	overflow-y: auto
}

.rules-wrap ol {
	margin: 0 0 10px 20px
}

.rules-wrap ol li {
	margin-bottom: 5px
}

.rules-wrap .btn-wrap {
	border-top: 1px solid #ccc;
	padding: 8px 0 0
}

.rules-wrap .btn-wrap li {
	width: 100%
}

.rules-wrap .btn-wrap .btn,
.rules-wrap .btn-wrap .btn-send,
.rules-wrap .btn-wrap .pages a,
.pages .rules-wrap .btn-wrap a,
.rules-wrap .btn-wrap .calendarTable_inputBox input,
.calendarTable_inputBox .rules-wrap .btn-wrap input,
.rules-wrap .btn-wrap .calendarTable_inputBox textarea,
.calendarTable_inputBox .rules-wrap .btn-wrap textarea {
	width: 150px;
	margin: 0 auto
}

.line_market-name {
	position: absolute;
	top: -24px;
	font-size: 12px;
	color: #fff;
	line-height: 22px;
	padding-right: 11px;
	background-position: 100% -528px
}

.line_market-name span {
	height: 22px;
	background-repeat: repeat-x;
	padding-left: 5px;
	background-position: 0 -7472px
}

.scores-line {
	color: #fff;
	background-repeat: repeat-x;
	background-position: 0 -11506px
}

.scores-line img {
	background-position: -396px -3252px;
	height: 29px;
	width: 18px
}

.tab-markets {
	background: transparent;
	border-bottom: 1px solid #21323D;
	margin-bottom: 5px
}

.tab-markets a {
	background-position: -284px -729px
}

.tab-markets a.select {
	height: 23px;
	color: #243a48;
	margin-bottom: -1px;
	background-position: -284px -706px
}

.closed-wrap {
	position: relative;
	height: 390px;
	background: url(/images/bg-closed.jpg) no-repeat;
	background-size: cover;
	margin-bottom: 1px
}

.closed-next {
	position: absolute;
	top: 120px;
	left: 50%;
	width: 470px;
	margin-left: -235px;
	background: url(/images/bg-closed_next.jpg) no-repeat;
	color: #fff
}

.closed-next h2 {
	font-size: 25px;
	line-height: 50px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	margin: 0;
	padding: 0
}

.closed-next p {
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 0;
	padding: 9px 0
}

.closed-next a {
	color: #60BBFD;
	font-weight: bold
}

.add-pin,
.delete-pin {
	background-position: -393px -78px;
	height: 21px;
	width: 21px
}

.add-pin:hover,
.delete-pin:hover,
.add-pin.add-pin-hover,
.add-pin-hover.delete-pin {
	background-position: -393px -15px
}

.col-info .add-pin,
.col-info .delete-pin {
	padding: 0;
	background-position: -398px -57px;
	height: 21px;
	width: 16px
}

.col-info .add-pin:hover,
.col-info .delete-pin:hover,
.col-info .add-pin.add-pin-s-hover,
.col-info .add-pin-s-hover.delete-pin {
	background-position: -398px -36px
}

.game-head .add-pin,
.game-head .delete-pin {
	position: absolute;
	top: 8px;
	left: 5px;
	z-index: 3
}

h3 .add-pin,
h3 .delete-pin {
	margin: 0 7px 0 -10px;
	z-index: 1;
	background-position: -385px -1035px;
	height: 25px;
	width: 29px
}

h3 .add-pin:hover,
h3 .delete-pin:hover,
h3 .add-pin.btn-add-pin-hover,
h3 .btn-add-pin-hover.delete-pin {
	background-position: -385px -960px
}

h4 .add-pin,
.tc-content h5 .add-pin,
h4 .delete-pin,
.tc-content h5 .delete-pin {
	border-top: 1px solid #097D8C;
	border-right: 1px solid #097D8C;
	background-position: -385px -1035px;
	height: 25px;
	width: 29px
}

h4 .add-pin:hover,
.tc-content h5 .add-pin:hover,
h4 .delete-pin:hover,
.tc-content h5 .delete-pin:hover,
h4 .add-pin.btn-add-pin-hover,
.tc-content h5 .add-pin.btn-add-pin-hover,
h4 .btn-add-pin-hover.delete-pin,
.tc-content h5 .btn-add-pin-hover.delete-pin {
	background-position: -385px -960px
}

.delete-pin {
	background-position: -393px -1673px;
	height: 21px;
	width: 21px
}

.delete-pin:hover,
.delete-pin.delete-pin-hover {
	background-position: -393px -1610px
}

.col-info .delete-pin {
	background-position: -398px -1652px;
	height: 21px;
	width: 16px
}

.col-info .delete-pin:hover,
.col-info .delete-pin.delete-pin-s-hover {
	background-position: -398px -1652px
}

h3 .delete-pin {
	background-position: -385px -1365px;
	height: 25px;
	width: 29px
}

h3 .delete-pin:hover,
h3 .delete-pin.btn-delete-pin-hover {
	background-position: -385px -1340px
}

h4 .delete-pin,
.tc-content h5 .delete-pin {
	background-position: -385px -1365px;
	height: 25px;
	width: 29px
}

h4 .delete-pin:hover,
.tc-content h5 .delete-pin:hover,
h4 .delete-pin.btn-delete-pin-hover,
.tc-content h5 .delete-pin.btn-delete-pin-hover {
	background-position: -385px -1340px
}

.multi_h3 {
	height: 25px;
	align-items: center
}

.multi_h3 span {
	margin-left: 5px
}

.game-wrap .multi_h3 img {
	margin: 0 0 0 5px
}

.multi-event_type {
	height: 16px;
	background-color: #fff;
	color: #1e1e1e;
	line-height: 16px;
	padding: 0 8px
}

.multi_refresh {
	order: 99;
	background-position: -51px -594px;
	height: 25px;
	width: 29px
}

.game-wrap h3 .multi_name {
	flex: 1;
	width: auto;
	align-items: center
}

.one_click-wrap {
	position: relative
}

.one_click-wrap .overlay {
	z-index: 51
}

.one_click-wrap .dialog-wrap,
.one_click-wrap .dialog-wrap-w {
	top: -170px;
	z-index: 52;
	animation: upIn 0.8s ease
}

.arrow-dialog {
	position: absolute;
	margin-left: 152px;
	background-position: -398px -99px;
	height: 10px;
	width: 16px
}

@keyframes upIn {
	0% {
		opacity: 0;
		top: -140px
	}

	100% {
		opacity: 1;
		top: -170px
	}
}

.white-halo {
	box-shadow: 0 0 8px 8px rgba(255, 255, 255, 0.7)
}

.one_click-setting {
	position: relative;
	height: 31px;
	background-repeat: repeat-x;
	background-color: #3A7000;
	color: #fff;
	padding: 0 10px;
	overflow: hidden;
	z-index: 52;
	background-position: 0 -6246px
}

.one_click-setting h4,
.one_click-setting .tc-content h5,
.tc-content .one_click-setting h5 {
	line-height: 31px
}

.one_click-setting a {
	width: 68px;
	height: 18px;
	border: 1px solid #164F00;
	font-size: 11px;
	line-height: 18px;
	margin: 0
}

.one_click-setting .a-edit {
	border-radius: 4px;
	color: #fff;
	margin-top: 5px;
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5)
}

.one_click-setting .a-edit img {
	margin-left: 3px;
	background-position: -405px -2511px;
	height: 9px;
	width: 9px
}

.one_click-setting .btn-send,
.one_click-setting .nova88exch .total_all .search-but,
.nova88exch .total_all .one_click-setting .search-but,
.one_click-setting .super6exchange .total_all .search-but,
.super6exchange .total_all .one_click-setting .search-but {
	margin-top: 5px
}

.one_click-stake {
	position: absolute;
	left: 50%;
	margin-left: -207px;
	background-position: 0 -5853px;
	height: 31px;
	width: 414px
}

.one_click-stake li {
	width: 65px;
	padding-top: 5px
}

.one_click-stake .btn,
.one_click-stake .btn-send,
.one_click-stake .pages a,
.pages .one_click-stake a,
.one_click-stake .calendarTable_inputBox input,
.calendarTable_inputBox .one_click-stake input,
.one_click-stake .calendarTable_inputBox textarea,
.calendarTable_inputBox .one_click-stake textarea {
	width: calc(100% - 2px);
	font-weight: normal;
	border-color: #174F00
}

.one_click-stake .btn.select,
.one_click-stake .select.btn-send,
.one_click-stake .pages a.select,
.pages .one_click-stake a.select,
.one_click-stake .calendarTable_inputBox input.select,
.calendarTable_inputBox .one_click-stake input.select,
.one_click-stake .calendarTable_inputBox textarea.select,
.calendarTable_inputBox .one_click-stake textarea.select {
	border-color: #6A3D0C
}

.one_click-stake input,
.one_click-stake textarea {
	width: 100%;
	line-height: 18px;
	font-size: 11px;
	color: #174F00;
	padding: 0;
	margin: 0;
	border: 1px solid #174F00;
	background-color: #6EA73C;
	box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.15)
}

.one_click-stake input:focus,
.one_click-stake textarea:focus {
	border-color: #fff;
	background-color: #9FBF69
}

.quick_bet-wrap {
	border: 1px solid #7E97A7;
	border-width: 1px 0 1px 0;
	box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.1);
	padding: 0 2px 0 7px
}

.quick_bet-wrap dt,
.quick_bet-wrap dd {
	box-sizing: border-box
}

.quick_bet-wrap dt {
	width: 53.79665%;
	height: auto;
	line-height: 22px;
	padding: 13px 5px 12px 0
}

.quick_bet-wrap dt .slip-type {
	margin-top: 0
}

.quick_bet-wrap dt .bet-check {
	font-size: 12px;
	opacity: 1
}

.quick_bet-wrap dd {
	padding: 7px 5px 7px 0
}

.quick_bet-wrap .max-bet {
	margin-right: 15px;
	opacity: 1
}

.quick_bet-wrap .max-bet a {
	display: inline-block;
	width: 50px;
	height: 18px;
	background-color: rgba(0, 0, 0, 0.1);
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	margin-right: 5px;
	border-radius: 3px
}

.quick_bet-wrap .col-btn {
	width: 9.00901%
}

.quick_bet-wrap .col-odd {
	width: 8.36551%
}

.quick_bet-wrap .col-stake {
	width: 10.29601%;
	padding-left: 0
}

.quick_bet-wrap .col-send {
	width: 18.01802%
}

.quick_bet-wrap .btn,
.quick_bet-wrap .btn-send,
.quick_bet-wrap .pages a,
.pages .quick_bet-wrap a,
.quick_bet-wrap .calendarTable_inputBox input,
.calendarTable_inputBox .quick_bet-wrap input,
.quick_bet-wrap .calendarTable_inputBox textarea,
.calendarTable_inputBox .quick_bet-wrap textarea {
	height: 31px;
	line-height: 31px;
	margin: 0
}

.quick_bet-wrap .btn.line-2,
.quick_bet-wrap .line-2.btn-send,
.quick_bet-wrap .pages a.line-2,
.pages .quick_bet-wrap a.line-2,
.quick_bet-wrap .calendarTable_inputBox input.line-2,
.calendarTable_inputBox .quick_bet-wrap input.line-2,
.quick_bet-wrap .calendarTable_inputBox textarea.line-2,
.calendarTable_inputBox .quick_bet-wrap textarea.line-2 {
	line-height: 18px
}

.quick_bet-wrap .btn span,
.quick_bet-wrap .btn-send span,
.quick_bet-wrap .pages a span,
.pages .quick_bet-wrap a span,
.quick_bet-wrap .calendarTable_inputBox input span,
.calendarTable_inputBox .quick_bet-wrap input span,
.quick_bet-wrap .calendarTable_inputBox textarea span,
.calendarTable_inputBox .quick_bet-wrap textarea span {
	font-weight: normal;
	font-size: 10px;
	line-height: 12px
}

.quick_bet-wrap input,
.quick_bet-wrap textarea {
	line-height: 33px;
	height: 33px
}

.quick_bet-wrap input.disable,
.quick_bet-wrap textarea.disable,
.quick_bet-wrap input:focus,
.quick_bet-wrap textarea:focus {
	line-height: 31px
}

.quick_bet-wrap input.highlight,
.quick_bet-wrap textarea.highlight {
	background-color: #F6EED0
}

.quick_bet-wrap .odd-add {
	height: 29px;
	top: 9px;
	right: 7px
}

.quick_bet-wrap .odd-add .up {
	line-height: 15px;
	background-position: -402px -3498px;
	height: 16px;
	width: 12px
}

.quick_bet-wrap .odd-add .up:hover,
.quick_bet-wrap .odd-add .up.num_up-big-hover {
	background-position: -402px -3530px
}

.quick_bet-wrap .odd-add .down {
	line-height: 9px;
	background-position: -402px -3456px;
	height: 14px;
	width: 12px
}

.quick_bet-wrap .odd-add .down:hover,
.quick_bet-wrap .odd-add .down.num_down-big-hover {
	background-position: -402px -3484px
}

.quick_bet-wrap .odd-add.disable .up {
	background-position: -402px -3514px;
	height: 16px;
	width: 12px
}

.quick_bet-wrap .odd-add.disable .down {
	background-position: -402px -3470px;
	height: 14px;
	width: 12px
}

.event-left .quick_bet-wrap dt,
.event-right .quick_bet-wrap dt {
	width: 9.36709%
}

.event-left .quick_bet-wrap .col-btn,
.event-right .quick_bet-wrap .col-btn {
	width: 17.72152%
}

.event-left .quick_bet-wrap .col-odd,
.event-right .quick_bet-wrap .col-odd {
	width: 16.4557%
}

.event-left .quick_bet-wrap .col-stake,
.event-right .quick_bet-wrap .col-stake {
	width: 20.25316%
}

.event-left .quick_bet-wrap .col-send,
.event-right .quick_bet-wrap .col-send {
	width: 36.20253%
}

.quick_bet-wrap .col-stake_list {
	width: calc(100% + 7px + 2px);
	padding: 5px 0;
	margin-left: -7px
}

.quick_bet-wrap .col-stake_list ul {
	width: 70%;
	padding-right: 5px
}

.quick_bet-wrap .col-stake_list a {
	height: auto;
	line-height: 23px;
	font-size: 12px
}

.quick_bet-wrap .col-stake_list p {
	display: block;
	text-align: left;
	font-weight: normal;
	margin-left: 10px;
	margin-bottom: 0
}

.edit img {
	margin-left: 2px;
	background-position: -405px -1998px;
	height: 9px;
	width: 9px
}

.quick-bet-confirm {
	width: 100%;
	height: 33px;
	border-radius: 4px;
	background-color: rgba(255, 255, 255, 0.5);
	flex-direction: column;
	justify-content: center
}

.quick-bet-confirm li {
	width: calc(100% - 10px);
	list-style: none;
	line-height: 18px;
	color: #1e1e1e;
	padding: 0 5px
}

.quick-bet-confirm .quick-bet-confirm-title {
	font-size: 10px;
	line-height: 12px;
	color: #222;
	opacity: 0.5
}

.quick_bet-progress {
	padding: 0;
	background-color: #E2E8ED
}

.quick_bet-progress .progress-bar {
	width: auto;
	height: 30px;
	padding: 0;
	margin: 0;
	background: #C2D5E4;
	border-radius: 0;
	box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.1);
	transition: width 0.4s ease
}

.quick_bet-progress .progress-bar-txt {
	position: absolute;
	width: 100%;
	font-weight: bold;
	color: #3B5160;
	line-height: 30px;
	padding: 0
}

.quick_bet-progress .progress-bar-txt span {
	font-weight: normal;
	font-size: 11px;
	padding-left: 12px
}

.quick_bet-message {
	padding: 0 10px;
	border-bottom-width: 0
}

.quick_bet-message dd {
	width: 100%;
	padding: 0;
	line-height: 30px
}

.quick_bet-message strong {
	padding-right: 5px
}

.quick_bet-message .btn-close {
	margin-top: 9px
}

.fancy_bet,
.sportsbook_bet,
.bookmaker_bet {
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1)
}

.fancy_bet .bets,
.sportsbook_bet .bets,
.bookmaker_bet .bets,
.fancy_bet .bets-HS,
.sportsbook_bet .bets-HS,
.bookmaker_bet .bets-HS,
.fancy_bet .bets-GH,
.sportsbook_bet .bets-GH,
.bookmaker_bet .bets-GH {
	table-layout: fixed;
	margin-top: 0
}


.fancy_bet .bet-all,
.sportsbook_bet .bet-all,
.bookmaker_bet .bet-all {
	line-height: 22px
}

.fancy_bet .td-fancy_merge,
.sportsbook_bet .td-fancy_merge,
.bookmaker_bet .td-fancy_merge {
	width: 17.94872%;
	border-left-width: 0;
	font-weight: normal;
	vertical-align: middle
}

.fancy_bet .td-fancy_merge:hover,
.sportsbook_bet .td-fancy_merge:hover,
.bookmaker_bet .td-fancy_merge:hover {
	background-color: transparent
}

.over-wrap .fancy_bet,
.over-wrap .sportsbook_bet,
.over-wrap .bookmaker_bet {
	margin: 48px 0 40px
}

.game-wrap .fancy_bet,
.game-wrap .sportsbook_bet,
.game-wrap .bookmaker_bet {
	margin: 0px 3px 5px;
	border-top: 0;
	box-shadow: none
}

.fancy_bet .fancy-suspend-tr th,
.sportsbook_bet .fancy-suspend-tr th,
.bookmaker_bet .fancy-suspend-tr th,
.fancy_bet .fancy-suspend-tr td,
.sportsbook_bet .fancy-suspend-tr td,
.bookmaker_bet .fancy-suspend-tr td {
	position: relative;
	height: 0;
	border-width: 0;
	margin-bottom: -1px;
	padding: 0
}

.fancy_bet .fancy-suspend-tr span,
.sportsbook_bet .fancy-suspend-tr span,
.bookmaker_bet .fancy-suspend-tr span {
	font-size: 12px; line-height: 46px;
}

.fancy_bet .fancy-quick-tr td a,
.sportsbook_bet .fancy-quick-tr td a,
.bookmaker_bet .fancy-quick-tr td a {
	padding: 0
}

.fancy_bet .fancy-quick-tr td .btn-close,
.sportsbook_bet .fancy-quick-tr td .btn-close,
.bookmaker_bet .fancy-quick-tr td .btn-close {
	height: 10px
}

.fancy_bet .fancy-quick-tr .quick_bet-wrap,
.sportsbook_bet .fancy-quick-tr .quick_bet-wrap,
.bookmaker_bet .fancy-quick-tr .quick_bet-wrap {
	border-width: 0
}

.fancy_bet .bets-bookmaker,
.sportsbook_bet .bets-bookmaker,
.bookmaker_bet .bets-bookmaker {
	margin-bottom: 20px
}

.over-wrap .zone-1 .dd-tips {
	width: auto
}

.over-wrap .zone-1 .dd-tips .fancy-tips {
	margin-right: 15px
}

.gametab-head {
	position: absolute;
	top: -28px;
	width: 100%;
	line-height: 25px;
	height: 25px;
	border-bottom: 4px solid #6AB00F
}

.gametab-head h4,
.gametab-head .tc-content h5,
.tc-content .gametab-head h5 {
	height: 25px;
	width: auto;
	color: #C5D0D7;
	margin-left: -6px;
	justify-content: flex-start;
	cursor: pointer
}

.gametab-head h4 span,
.gametab-head .tc-content h5 span,
.tc-content .gametab-head h5 span {
	padding: 0 5px;
	background-color: #243A48
}

.gametab-head h4 strong,
.gametab-head .tc-content h5 strong,
.tc-content .gametab-head h5 strong {
	padding: 1px 5px;
	margin-left: 5px;
	background-color: #3C6782;
	border-radius: 5px
}

.gametab-head h4:after,
.gametab-head .tc-content h5:after,
.tc-content .gametab-head h5:after,
.gametab-head h4:before,
.gametab-head .tc-content h5:before,
.tc-content .gametab-head h5:before {
	content: '';
	width: 13px;
	height: 25px;
	background-image: url('data:image/svg+xml,<svg width="31" height="60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><image x="304" y="101" width="32" height="60" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAA8CAYAAAAHbrgUAAAABGdBTUEAALGOfPtRkwAAAu5JREFUWAnFmc9rE0EUx98kqQqCP1EUUUSS1FQQURFJ2BIRNT/a2mr3Xjz07MV7/gTP4lEEwWNARZQiXrQXFQURT2JrwZtFQe3O802kYbPdTWdmZ2bnkt3JzPt+5n2zmXkJK9UaywDsOwK8AcAXMMKefF549BUcNVasNkg71BgLCKRbYIXbH192F0LvWLncCBCSYcAesm35m5+ed5dC3UYvc8OiIeAs/x28L3uNi8PGpXlvKEAvMOIu5PC4VG3NpRFKmrs5AM1EhAIyvFvy2u2kQLr9UgC94Ih54MGDotcc0xWLmycPQLMpE9uBwx1EZHHBdPqUAHoCiLWy157TEYubow4gonC8FRdMp08LgB7PiqlHUwtArBQ5u6Gz4ugcbQBAmCg2m1ujAVXvtQHIhh35H7krqoLR8doAIlCAwWw0oOp9KgASmzrh+1tURcPj0wLs/PPt5+VwQNXrtADi6zGVDakB6DQzdWZ+fkR15evjUwNQBnavfvhyaT2g6mt6AFKkvUnbBiMAhHC1Xu8UVFcvxhsBoM/BnpVgUevYZgRArIRz9MWrajMGgMindWwwBwCwd+nv6wuZZUAI08FV2QZjGRAADGHa9/28uJZtRgHosLrv7cpqXVZcjDMKIAJSEaNkg3kAhBkVG4wDUBL2v1v+NS6yIdNsAABnXNoGKwBUQc10Oh2p2FKDZFI5MAbxwL1nr7yBvoQbOwBCTHJvsAZA1es1GRusAdDn4OD9p4u1hMz3u60BCAWUqBusAtDucH2z3xKsAlD5duj4eKvaz3fMhVUAocc5DD2wWgegLAy1wToAlfGHK7XJ8zHZ73XZByCZtdxaog1OAOisljUAHil7E+fibHCTAVJGHsRu0c4Aksp4ZwBUvh0drbXORm1wBiCEeUzd4BSAvhM2PA1OAWhjOlbxJk+HbXAKIISDyNPgHIAjH7DBOQAloUh//5xatyELgIEqOhMAWn3fhmwAEMujXuOksCEbABLmwf8q+h89MMxRntDfugAAAABJRU5ErkJggg==" transform="translate(-304 -101)" fill="none" fill-rule="evenodd"/></svg>');
	background-size: cover
}

.gametab-head h4:before,
.gametab-head .tc-content h5:before,
.tc-content .gametab-head h5:before {
	transform: rotateY(180deg)
}

.gametab-head h4:nth-child(1n),
.gametab-head .tc-content h5:nth-child(1n),
.tc-content .gametab-head h5:nth-child(1n) {
	z-index: 10
}

.gametab-head h4:nth-child(2n),
.gametab-head .tc-content h5:nth-child(2n),
.tc-content .gametab-head h5:nth-child(2n) {
	z-index: 9
}

.gametab-head h4:first-child,
.gametab-head .tc-content h5:first-child,
.tc-content .gametab-head h5:first-child {
	margin-left: 0
}

.gametab-head h4:first-child span,
.gametab-head .tc-content h5:first-child span,
.tc-content .gametab-head h5:first-child span {
	padding-left: 10px
}

.gametab-head h4:first-child:before,
.gametab-head .tc-content h5:first-child:before,
.tc-content .gametab-head h5:first-child:before {
	display: none
}

.gametab-head h4.select,
.gametab-head .tc-content h5.select,
.tc-content .gametab-head h5.select {
	color: #FFF;
	z-index: 10 !important;
	cursor: inherit
}

.gametab-head h4.select span,
.gametab-head .tc-content h5.select span,
.tc-content .gametab-head h5.select span {
	background-image: linear-gradient(180deg, #7CC420 0%, #6AB00F 89%)
}

.gametab-head h4.select strong,
.gametab-head .tc-content h5.select strong,
.tc-content .gametab-head h5.select strong {
	background: #51821C
}

.gametab-head h4.select:after,
.gametab-head .tc-content h5.select:after,
.tc-content .gametab-head h5.select:after,
.gametab-head h4.select:before,
.gametab-head .tc-content h5.select:before,
.tc-content .gametab-head h5.select:before {
	background-image: url('data:image/svg+xml,<svg width="32" height="60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><image x="255" width="32" height="60" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAA8CAYAAAAHbrgUAAAABGdBTUEAALGOfPtRkwAABjtJREFUWAnFWM+LHEUUruoNrj8iiRhcQ2LcZDWCQXJIEBRFRVnFEI0LuQTEqycx4G/dMCBeVbz4P+TgQXMwUYjsriISyEFy8cdFUBD3FmOy2Z0q3/defd01PT07PevI1lD9vX716r3vvarq6Rl/amn6UnR+xvm4HEP80xfFBR/9QnHjlrOdwz8tu/+5+flFEIj3WxwvEKUD/Yor3GnvJz56/+FfLtr4+K9F0IB0jOBowDAZu+FFF1YvvLsw/Wnn4vR2HRrzpYA/hMtD5zFilDq4+PLa5fjj/OLeg/nYOGQl4CQKesxQZRCDDujc7hi7S6e+m35aFWO6FOZf11x5YP0TDw1r4yAhBJ3fGrrhs/nFmUNjiu8KL7GRJTploMkVGqnoQnA3h7j2xQff750aBwmpgGWnGWq1QQakSIyogyS788pK+HAsBMrd1+DNowzSgOhWJcMYw4l3vrn7iYZpI6nsFAzImEtDBB0lAVLoRXhzpGgNxjhiDepmFbYhGhCfEN3se9/eNdNs3U4rBFjSao05FdmisQK0Tfk7eXT7sOpeov1GMG1Cm9of0IJXjo2QVS2Rc26uGh9dKiSL1rNoC9QuFYohHHh7cd/+1k5qhvYkTMp6BVh6Ih4OaoPTgY4mGNaub7gK6RRIJtl6m+eGa7IRY6yNGQgKlf9GgKFyErlcjicBoblwJsfDnfO7dtNuFCzgCcGaAg5zVM6R03A1+BeG2TeNF3Kam/SqKwMkgtXGs00II25MeaPa0DL0bMI+Jr11tuMPnT4GET3JqGKIj3bO79/R52OIQt6IqiXgUhAxl1XIZY4jvspA5yauxb+fg90oTSqAXWwfeIGkmSErCAkhY4xodqYTFmKnX9UjL4MdQ3UrTjS2ocoiEi2GhNdYwGSfMNk99cbSfbeOVIHcYVlaUWoAEIOBYKpHidBATTQ5TPprl49gqG2rbULsLjTuMsqqlIuGS1iRI3FYdWMY6Tjqc0D9Ihsth6E5pQyE+wr1psZXbbx79pOf75nU8RYX3YQt7NTEloOkUAHKRgx8YnBbf//tn9m2PoXA4PeBnrSbSpDrRLYKRrfWDa1PgywB19WyAXMrv+mZdauM0pLIF+TR0/H4RJs5o70PJLIk2I9GPoR4+w/nFh5rRQBGyFXzRRlVIdespAxkQ2oBcd0WvW+1DPYgYjBxmZecoYC5zMi5Tm1SAkY4HBPkOeGUPlQCsNIdLA6IJELETBnWBkQ32+anhozvev3cnQ/ajMFXfSk1xuY9Dzh4mo3QtpwvUVWXGIY4/Cta3geqRhmoHQ4hJ8d1xEwNCKGhyeyhT0XbAzIZgbSkCSGjEe2u94pE0VLCiWhO2N178qupB8yq+SoE5D+SlhkyW9qDtum0TsI2pQBEB7Pu+lXQFxJ7G8B3PTI21ORADMRTivk7AO2ItCNiDqbJZd3jmJYAgdIJSKi5iAcis87RuGlIiBYwoQaXyfJQOnjy66l9atBwsZ9msJau5UyogdQZqMmwTjbZ7hiYCAPKQOnKQuZc7w6sglZAfesF+aIBteAlaiXSSHKvb8Qqp59qMly9JeNG/YDH4Ff29LvAyFp5IVs16giX0LHpnpObfM9x78EM9VL04aFXv9yxk/NyrFWAzjUvuJYO2Sqi3iCrV3MOOd2qX8hl4438cJE/E46V+kywTahOLJBlaAEpsxKYl1eAMsf7MNnDczc0/360VzJ4llZ3mOvUYMilviQwr3Tx8bfO7Lmt7mLM7wNYjuYux3HL1XjlaB+BXFGvQN0ZbGmj87BSaGmLlLIKUJsBEB/5Q6fvONb2QC1AcjQQuOGA0nXPJYRsCRClMsHPvnZ26pbcX88pYHbMHIbUmWxTzXklmzT8KhRuWl1ZfSa3FALVmmEgD5gbNsm0JeE+pG9gkru1n/HyKG5ybbr+APzmBNr/CsTBXnpHJNyRzqUDN1DbswRUDsb6rgN76IBWSaKSFzURJiqHuG351z+eZAx5I7KJGKx3GOmkZE25srNx7gn7PxlnX/a8dNgR87kSsnxTWrcC+aRcJvs65ja5XLcLMTzfiR2NvS6B+sQx3t/x1+cfPwJ/m0UAW0IfSptGQLau7oNNIyB7ZM8rZ7Yd2jQCWP/umpvbVALyCJn7F8B8v3nw4uT3AAAAAElFTkSuQmCC" transform="translate(-255)" fill="none" fill-rule="evenodd"/></svg>');
	background-size: cover
}

.btn_rules {
	position: absolute;
	bottom: 2px;
	right: 0;
	width: 27px;
	height: 27px;
	background-color: #BED5D8;
	border-radius: 5px;
	align-items: center;
	justify-content: center
}

.btn_rules:after {
	width: 15px;
	height: 15px;
	background: url('data:image/svg+xml,<svg width="15" height="15" xmlns="http://www.w3.org/2000/svg"><path d="M6.75 12h1.5v-1.5h-1.5V12zM7.5 0C3.36 0 0 3.36 0 7.5 0 11.64 3.36 15 7.5 15c4.14 0 7.5-3.36 7.5-7.5C15 3.36 11.64 0 7.5 0zm0 13.5c-3.307 0-6-2.692-6-6 0-3.307 2.693-6 6-6 3.308 0 6 2.693 6 6 0 3.308-2.692 6-6 6zM7.5 3a3 3 0 00-3 3H6c0-.825.675-1.5 1.5-1.5S9 5.175 9 6c0 1.5-2.25 1.313-2.25 3.75h1.5c0-1.688 2.25-1.875 2.25-3.75a3 3 0 00-3-3z" fill="rgb(36,58,72)" fill-rule="evenodd"/></svg>') no-repeat;
	background-size: contain
}

.game-head .ico_rules {
	display: flex;
	align-items: center;
	width: 30px;
	height: 29px
}

.game-head .ico_rules:before {
	width: 15px;
	height: 15px;
	background: url('data:image/svg+xml,<svg width="15" height="15" xmlns="http://www.w3.org/2000/svg"><path d="M6.75 9.75h1.5v1.5h-1.5v-1.5zm0-6h1.5v4.5h-1.5v-4.5zM7.493 0C3.353 0 0 3.36 0 7.5 0 11.64 3.352 15 7.493 15 11.64 15 15 11.64 15 7.5 15 3.36 11.64 0 7.493 0zM7.5 13.5c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6z" fill="rgb(36,58,72)" fill-rule="evenodd"/></svg>') no-repeat;
	background-size: contain;
	margin: 0 auto
}

.fancy-th-layout {
	width: 100%;
	height: 30px
}

.fancy-th-layout dt,
.fancy-th-layout dd {
	align-items: center
}

.fancy-th-layout dt {
	/* flex: 1; */
	margin-right: 5px;
	flex-wrap: wrap;
}

.fancy-th-layout dd {
	margin-right: 8px
}

.fancy-th-layout dd:last-of-type {
	margin-right: 0
}

.fancy-th-layout .dd-tips {
	width: 205px;
	justify-content: space-between
}

.bets th .fancy-th-layout p,
.bets-HS th .fancy-th-layout p,
.bets-GH th .fancy-th-layout p {
	width: 100%
}

.fancy-th-layout .btn-book {
	position: relative;
	top: 0;
	left: 0;
	height: 27px;
	padding: 0
}

.fancy-th-layout .btn-book:hover {
	text-decoration: underline
}

.fancy-th-layout .fancy-tips {
	font-weight: normal;
	font-size: 11px;
	list-style: none
}

.fancy-th-layout .fancy-tips li:before {
	content: '';
	width: 4px;
	height: 4px;
	background-color: #7E97A7;
	border-radius: 50%;
	vertical-align: middle;
	margin: 0 5px 0 7px
}

.fancy-head {
	border-bottom-color: #0A92A5
}

.fancy-head h4 span,
.fancy-head .tc-content h5 span,
.tc-content .fancy-head h5 span {
	background-position: 0 -6368px
}

.other-tab {
	position: relative;
	height: 25px;
	line-height: 25px;
	background-repeat: repeat-x;
	color: #C5D0D7;
	font-weight: bold;
	padding: 0 10px;
	margin-left: 7px;
	z-index: 0;
	background-position: 0 -11424px
}

.other-tab:hover {
	text-decoration: none
}

.other-tab:before,
.other-tab:after {
	content: '';
	position: absolute
}

.other-tab:before {
	left: -11px;
	background-position: -403px -656px;
	height: 25px;
	width: 11px
}

.other-tab:after {
	right: -11px;
	background-position: -403px -681px;
	height: 25px;
	width: 11px
}

.other-tab .tag-new {
	top: -6px;
	right: -12px
}

.btn-fancybet_rules,
.btn-sportsbook_rules {
	vertical-align: top;
	margin-left: -4px;
	background-position: -377px -1435px;
	height: 25px;
	width: 37px
}

.fancy-info {
	line-height: 15px
}

.fancy-info dt {
	color: #7E97A7;
	margin-right: 2px
}

.fancy-info dt span {
	width: 50px;
	background-color: #BED5D8;
	border-radius: 3px;
	color: #3b5160;
	font-size: 11px
}

.fancy-info dd {
	margin-right: 8px
}

.fancy-info dd:last-of-type {
	margin-right: 0
}

.fancy-info:last-of-type {
	margin-right: 0
}

td .fancy-info {
	width: calc(70% - 3%);
	margin: 4px 0 0 3%;
	float: left
}

td .fancy-info:last-of-type {
	width: calc(45% - 3%)
}

td .fancy-info dt {
	font-size: 11px
}

.fancy-suspend,
.fancy-suspend-white {
	height: 36px
}

.fancy-suspend span,
.fancy-suspend-white span {
	line-height: 40px
}

.fancy-suspend-white {
	box-sizing: border-box;
	height: 40px;
	background-color: #fff;
	border: 1px solid #d0021b
}

.fancy-suspend-white span {
	line-height: calc(40px - 2px);
	color: #d0021b;
	text-shadow: none;
	opacity: 1
}

.fancy-suspend-white:hover {
	background-color: #fff
}

.sportsbook_bet {
	background-color: transparent
}

.sportsbook_bet .bets,
.sportsbook_bet .bets-HS,
.sportsbook_bet .bets-GH {
	background-color: #fff;
	margin-bottom: 15px;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1)
}

.sportsbook_bet .bets:last-of-type,
.sportsbook_bet .bets-HS:last-of-type,
.sportsbook_bet .bets-GH:last-of-type {
	box-shadow: none
}

.sportsbook_bet .bets .back-1,
.sportsbook_bet .bets-HS .back-1,
.sportsbook_bet .bets-GH .back-1 {
	background-color: #72E3A0
}

.sportsbook_bet .bets .back-1.select,
.sportsbook_bet .bets-HS .back-1.select,
.sportsbook_bet .bets-GH .back-1.select {
	background-color: #16A660
}

.sportsbook_bet .bets.close,
.sportsbook_bet .close.bets-HS,
.sportsbook_bet .close.bets-GH {
	margin-bottom: 1px
}

.sportsbook_bet .fancy-quick-tr dt span {
	display: inline-block
}

.game-wrap .sportsbook_bet .bets,
.game-wrap .sportsbook_bet .bets-HS,
.game-wrap .sportsbook_bet .bets-GH {
	margin-bottom: 0
}

.bookmaker_bet {
	background-color: transparent
}

.over-wrap .bookmaker_bet {
	margin: 0 0 15px
}

.game-wrap .bookmaker_bet {
	margin: 0px 3px 5px
}

.bookmaker_bet .bets,
.bookmaker_bet .bets-HS,
.bookmaker_bet .bets-GH {
	background-color: #fff;
	margin-bottom: 15px;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1)
}

.bookmaker_bet .bets:last-of-type,
.bookmaker_bet .bets-HS:last-of-type,
.bookmaker_bet .bets-GH:last-of-type {
	box-shadow: none
}

.bookmaker_bet .bets.close,
.bookmaker_bet .close.bets-HS,
.bookmaker_bet .close.bets-GH {
	margin-bottom: 1px
}

.bookmaker_bet .fancy-quick-tr dt span {
	display: inline-block
}

.game-wrap .bookmaker_bet .bets,
.game-wrap .bookmaker_bet .bets-HS,
.game-wrap .bookmaker_bet .bets-GH {
	margin-bottom: 0
}

.bets-bookmaker tr,
.bets-bookmaker .bet-all {
	background-color: #FAF8D8
}

.bets-bookmaker tr:hover,
.bets-bookmaker .bet-all:hover {
	background-color: #FFFEEE
}

.bets-bookmaker td {
	border-left: none
}

.bets-bookmaker td:hover {
	background-color: inherit
}

.bets-bookmaker .fancy-suspend,
.bets-bookmaker .fancy-suspend-white{
	height: 46px; width: 100%;
}

.bets-bookmaker .fancy-suspendSM,
.bets-bookmaker .fancy-suspend-whiteSM{
	height: 46px; width: 300%;	
}

.bets-bookmaker .fancy-suspend span,
.bets-bookmaker .fancy-suspend-white span{
	line-height: 46px
}
.suspendedsingle{ position: relative;}
.back-gradient,
.lay-gradient {
	height: 46px;
	background-image: linear-gradient(90deg, rgba(130, 183, 221, 0.15) 0%, rgba(130, 183, 221, 0.8) 65%)
}

.back-gradient dd,
.lay-gradient dd {
	flex: 1;
	padding: 2px;
	color: #59708D
}

.back-gradient dd a,
.lay-gradient dd a {
	justify-content: center;
	align-items: center;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	padding: 0;
	margin: 0;
	background-color: #72BBEF;
	border: 1px solid #FFFFFF;
	border-radius: 4px
}

.back-gradient .select a,
.lay-gradient .select a,
.back-gradient .select a:hover,
.lay-gradient .select a:hover {
	color: #fff;
	background: #2395E6;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5)
}

.back-gradient p,
.lay-gradient p {
	width: 100%;
	margin-bottom: 0
}

.lay-gradient {
	background-image: linear-gradient(270deg, rgba(231, 170, 184, 0.15) 5%, rgba(231, 170, 184, 0.8) 60%)
}

.lay-gradient dd {
	color: #A9616D
}

.lay-gradient dd a {
	background-color: #FAA9BA
}

.lay-gradient .select a,
.lay-gradient .select a:hover {
	color: #fff;
	background: #F4496D;
	border: 1px solid #FFFFFF;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5)
}

.sportsbook-head {
	border-bottom-color: #F26D1C
}

.sportsbook-head h4 span,
.sportsbook-head .tc-content h5 span,
.tc-content .sportsbook-head h5 span {
	background-position: 0 -11583px
}

.sportsbook-head .rules-wrap {
	border-radius: 8px;
	margin-top: 0
}

.sportsbook-head .rules-wrap h3 {
	border-radius: 8px 8px 0 0
}

.sportsbook-head .rules-wrap .rules-content {
	height: auto;
	padding: 0
}

.download-list {
	justify-content: space-between;
	height: 55px;
	line-height: 55px;
	border-bottom: 1px solid #ccc
}

.download-list dt {
	flex: 1;
	align-items: center;
	font-weight: bold;
	padding: 0 10px
}

.download-list dt:before {
	content: '';
	background-size: contain;
	background-repeat: no-repeat
}

.download-list dt a {
	flex: 1
}

.download-list dd {
	flex: 0 0 50px
}

.download-list dd a {
	flex: 1;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	padding: 0 10px;
	border-left: 1px solid #ccc
}

.download-list dd a:before {
	content: '';
	width: 18px;
	height: 22px;
	background-image: url(images/icon-download.png);
	background-repeat: no-repeat;
	background-size: contain
}

.download-list .icon-pdf:before {
	width: 24px;
	height: 29px;
	background-image: url(images/icon-pdf.png);
	margin-right: 10px
}

.download-list:last-child {
	border-bottom: none
}

.download-list:hover {
	background-color: #f7f7f7
}

.download-list a:hover {
	text-decoration: none
}

.btn-sportsbook_rules {
	background-position: -377px -1440px;
	height: 25px;
	width: 37px
}

.special_bets-tab-wrap,
.fancy_bet_tab-wrap {
	background-image: linear-gradient(180deg, #F26D1C 15%, #D14100 100%);
	box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.2);
	justify-content: center;
	align-items: center
}

.special_bets-tab {
	width: auto;
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 5px;
	margin: 1px 0 3px;
	justify-content: center;
	align-items: center
}

.special_bets-tab li {
	list-style: none;
	padding: 2px
}

.special_bets-tab a {
	min-width: 70px;
	height: 18px;
	line-height: 18px;
	color: rgba(163, 64, 5, 0.85);
	font-weight: bold;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 0 5px; position: relative;
}

.special_bets-tab .select a {
	background-color: #fff;
	color: #a34005;
	text-decoration: none
}

.special_bets-tab .more_drop {
	border-left: 1px solid #D14100;
	border-radius: 0 5px 5px 0
}

.special_bets-tab .more_drop:hover {
	background-color: rgba(255, 255, 255, 0.5)
}

.special_bets-tab .more_drop>a {
	min-width: 28px;
	padding: 0;
	justify-content: center;
	align-items: center
}

.special_bets-tab .more_drop>a:before {
	content: '';
	border-top: 5px solid #AF5018;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent
}

.special_bets-tab .more_drop-list li {
	padding: 0
}

.special_bets-tab .more_drop-list a {
	min-width: 100%;
	height: 28px;
	line-height: 28px;
	color: #243A48;
	font-weight: normal;
	border-radius: 0;
	padding: 0 10px
}

.fancy_bet_tab-wrap {
	background-image: linear-gradient(180deg, #0A92A5 15%, #076875 100%)
}

.fancy_bet_tab-wrap .select a,
.fancy_bet_tab-wrap a {
	color: #076875
}

.fancy_bet_tab-wrap .special_bets-tab .more_drop {
	border-left: 1px solid #0A92A5
}

.fancy_bet_tab-wrap .special_bets-tab .more_drop>a:before {
	border-top: 5px solid #076875
}

.bet-khadda .quick_bet-wrap dt {
	width: 38.86744%
}

.bet-khadda .col-runs {
	line-height: 33px
}

.bet-lottery .quick_bet-wrap dt {
	width: calc(100% - 10.16731% - 405px - 10.29601% - 18.01802%)
}

.bet-lottery .lottery-ball {
	display: flex;
	justify-content: flex-start
}

.bet-lottery .lottery-ball a {
	width: 34px;
	height: 34px;
	line-height: 34px;
	background-color: #71BAEF;
	border-radius: 19px;
	margin: 0 3px
}

.bet-lottery .lottery-ball a.select {
	background-color: #1a8ee1;
	color: #fff;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5)
}

.no_bet {
	font-size: 13px;
	line-height: 16px;
	padding: 7px 10px 17px;
	border-bottom: 1px solid #7e97a7
}

.saddle_1 {
	background-color: #BC0000;
	color: #fff
}

.saddle_1:before {
	content: "1"
}

.saddle_1A {
	background-color: #BC0000;
	color: #fff
}

.saddle_1A:before {
	content: "1A"
}

.saddle_1B {
	background-color: #BC0000;
	color: #fff
}

.saddle_1B:before {
	content: "1B"
}

.saddle_1C {
	background-color: #BC0000;
	color: #fff
}

.saddle_1C:before {
	content: "1C"
}

.saddle_1D {
	background-color: #BC0000;
	color: #fff
}

.saddle_1D:before {
	content: "1D"
}

.saddle_1X {
	background-color: #BC0000;
	color: #fff
}

.saddle_1X:before {
	content: "1X"
}

.saddle_1Y {
	background-color: #BC0000;
	color: #fff
}

.saddle_1Y:before {
	content: "1Y"
}

.saddle_2 {
	content: "2";
	background-color: #fff;
	border-color: #dfdfdf;
	color: #000
}

.saddle_2:before {
	content: "2"
}

.saddle_2B {
	content: "2B";
	background-color: #fff;
	border-color: #dfdfdf;
	color: #000
}

.saddle_2B:before {
	content: "2B"
}

.saddle_2C {
	content: "2C";
	background-color: #fff;
	border-color: #dfdfdf;
	color: #000
}

.saddle_2C:before {
	content: "2C"
}

.saddle_2X {
	content: "2X";
	background-color: #fff;
	border-color: #dfdfdf;
	color: #000
}

.saddle_2X:before {
	content: "2X"
}

.saddle_3 {
	background-color: #243B84;
	color: #fff
}

.saddle_3:before {
	content: "3"
}

.saddle_3C {
	background-color: #243B84;
	color: #fff
}

.saddle_3C:before {
	content: "3C"
}

.saddle_3D {
	background-color: #243B84;
	color: #fff
}

.saddle_3D:before {
	content: "3D"
}

.saddle_3E {
	background-color: #243B84;
	color: #fff
}

.saddle_3E:before {
	content: "3E"
}

.saddle_3X {
	background-color: #243B84;
	color: #fff
}

.saddle_3X:before {
	content: "3X"
}

.saddle_4 {
	background-color: #C1A800;
	color: #000
}

.saddle_4:before {
	content: "4"
}

.saddle_4D {
	background-color: #C1A800;
	color: #000
}

.saddle_4D:before {
	content: "4D"
}

.saddle_4X {
	background-color: #C1A800;
	color: #000
}

.saddle_4X:before {
	content: "4X"
}

.saddle_5 {
	background-color: #1C5B1B;
	color: #fff
}

.saddle_5:before {
	content: "5"
}

.saddle_6 {
	background-color: #252525;
	color: #fff
}

.saddle_6:before {
	content: "6"
}

.saddle_7 {
	background-color: #B63D13;
	color: #000
}

.saddle_7:before {
	content: "7"
}

.saddle_8 {
	background-color: #B27692;
	color: #000
}

.saddle_8:before {
	content: "8"
}

.saddle_9 {
	background-color: #14A19C;
	color: #000
}

.saddle_9:before {
	content: "9"
}

.saddle_10 {
	background-color: #610F9A;
	color: #fff
}

.saddle_10:before {
	content: "10"
}

.saddle_11 {
	background-color: #6B6B6B;
	color: #fff
}

.saddle_11:before {
	content: "11"
}

.saddle_11F {
	background-color: #6B6B6B;
	color: #fff
}

.saddle_11F:before {
	content: "11F"
}

.saddle_12 {
	background-color: #2E9A3B;
	color: #fff
}

.saddle_12:before {
	content: "12"
}

.saddle_12F {
	background-color: #2E9A3B;
	color: #fff
}

.saddle_12F:before {
	content: "12F"
}

.saddle_13 {
	background-color: #413733;
	color: #fff
}

.saddle_13:before {
	content: "13"
}

.saddle_13F {
	background-color: #413733;
	color: #fff
}

.saddle_13F:before {
	content: "13F"
}

.saddle_14 {
	background-color: #790031;
	color: #fff
}

.saddle_14:before {
	content: "14"
}

.saddle_14F {
	background-color: #790031;
	color: #fff
}

.saddle_14F:before {
	content: "14F"
}

.saddle_15 {
	background-color: #715933;
	color: #fff
}

.saddle_15:before {
	content: "15"
}

.saddle_15F {
	background-color: #715933;
	color: #fff
}

.saddle_15F:before {
	content: "15F"
}

.saddle_16 {
	background-color: #3B5D8F;
	color: #fff
}

.saddle_16:before {
	content: "16"
}

.saddle_16F {
	background-color: #3B5D8F;
	color: #fff
}

.saddle_16F:before {
	content: "16F"
}

.saddle_17 {
	background-color: #191986;
	color: #fff
}

.saddle_17:before {
	content: "17"
}

.saddle_17F {
	background-color: #191986;
	color: #fff
}

.saddle_17F:before {
	content: "17F"
}

.saddle_18 {
	background-color: #0D4507;
	color: #fff
}

.saddle_18:before {
	content: "18"
}

.saddle_18F {
	background-color: #0D4507;
	color: #fff
}

.saddle_18F:before {
	content: "18F"
}

.saddle_19 {
	background-color: #283F62;
	color: #fff
}

.saddle_19:before {
	content: "19"
}

.saddle_19F {
	background-color: #283F62;
	color: #fff
}

.saddle_19F:before {
	content: "19F"
}

.saddle_20 {
	background-color: #45001B;
	color: #fff
}

.saddle_20:before {
	content: "20"
}

.saddle_20F {
	background-color: #45001B;
	color: #fff
}

.saddle_20F:before {
	content: "20F"
}

.saddle_21 {
	background-color: #45001B;
	color: #fff
}

.saddle_21:before {
	content: "21"
}

.saddle_21F {
	background-color: #45001B;
	color: #fff
}

.saddle_21F:before {
	content: "21F"
}

.saddle_22 {
	background-color: #45001B;
	color: #fff
}

.saddle_22:before {
	content: "22"
}

.saddle_22F {
	background-color: #45001B;
	color: #fff
}

.saddle_22F:before {
	content: "22F"
}

.saddle_23 {
	background-color: #45001B;
	color: #fff
}

.saddle_23:before {
	content: "23"
}

.saddle_23F {
	background-color: #45001B;
	color: #fff
}

.saddle_23F:before {
	content: "23F"
}

.saddle_24 {
	background-color: #45001B;
	color: #fff
}

.saddle_24:before {
	content: "24"
}

.saddle_24F {
	background-color: #45001B;
	color: #fff
}

.saddle_24F:before {
	content: "24F"
}

.saddle_25 {
	background-color: #45001B;
	color: #fff
}

.saddle_25:before {
	content: "25"
}

.saddle_25F {
	background-color: #45001B;
	color: #fff
}

.saddle_25F:before {
	content: "25F"
}

.saddle_26 {
	background-color: #45001B;
	color: #fff
}

.saddle_26:before {
	content: "26"
}

.saddle_26F {
	background-color: #45001B;
	color: #fff
}

.saddle_26F:before {
	content: "26F"
}

.saddle_27 {
	background-color: #45001B;
	color: #fff
}

.saddle_27:before {
	content: "27"
}

.saddle_27F {
	background-color: #45001B;
	color: #fff
}

.saddle_27F:before {
	content: "27F"
}

.saddle_28 {
	background-color: #45001B;
	color: #fff
}

.saddle_28:before {
	content: "28"
}

.saddle_28F {
	background-color: #45001B;
	color: #fff
}

.saddle_28F:before {
	content: "28F"
}

.saddle_29 {
	background-color: #45001B;
	color: #fff
}

.saddle_29:before {
	content: "29"
}

.saddle_29F {
	background-color: #45001B;
	color: #fff
}

.saddle_29F:before {
	content: "29F"
}

.saddle_30 {
	background-color: #45001B;
	color: #fff
}

.saddle_30:before {
	content: "30"
}

.saddle_30F {
	background-color: #45001B;
	color: #fff
}

.saddle_30F:before {
	content: "30F"
}

p.dynamic-min-bet {
	float: right;
	font-size: 11px;
	text-align: right;
	padding: 0;
	margin-bottom: 0
}

.game-list .dynamic-min-bet {
	float: right;
	font-weight: normal
}


.multi_select li {
	width: calc(50% - 1px);
	border-left: #fff 1px solid
}

.multi_suspend {
	--table-tip-content: "Suspend";
	position: relative
}

.multi_suspend:before {
	content: var(--table-tip-content);
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0.8;
	color: #fff;
	text-shadow: 0 0 5px #000;
	font-weight: normal
}

.multi_suspend:after {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	background-color: rgba(36, 58, 72, 0.4);
	width: 100%;
	height: 100%
}

.multi_suspend:hover:before {
	opacity: 1
}

.multi_suspend:hover:after {
	background-color: rgba(36, 58, 72, 0.55)
}

.tc-content,
.tc-content_few,
.announce-content {
	overflow-y: scroll;
	height: calc(580px - 56px - 72px);
	padding: 16px 24px;
	font-size: 14px;
	line-height: 24px
}

.announce-wrap,
.casino-result {
	position: relative;
	top: 12%;
	width: 720px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 24px;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5)
}

.announce-header {
	height: 56px;
	padding-left: 24px;
	border-bottom: 1px solid #E0E6E6
}

.announce-header h1 {
	color: #000000;
	font-size: 20px;
	line-height: 56px
}

.announce-header h1:before {
	position: relative;
	top: 4px;
	width: 6px;
	height: 24px;
	margin-right: 8px;
	content: "";
	background: #ffb80c;
	border-radius: 100px
}

.announce-footer {
	max-height: 73px;
	padding: 12px 0;
	background: #ffffff;
	border-top: 1px solid #E0E6E6;
	font-size: 16px;
	border-radius: 0 0 8px 8px
}

.announce-footer input[type=checkbox],
.announce-footer textarea[type=checkbox] {
	box-sizing: border-box
}

.announce-footer a {
	width: 240px;
	height: 40px;
	margin: 0 16px 0 0;
	color: #1e1e1e;
	font-size: 16px;
	line-height: 40px
}

.announce-footer .confirm-checkbox {
	margin-bottom: 12px
}

.age_box li .secondary:before {
	width: 25px;
	height: 25px;
	background: rgba(255, 255, 255, 0.7) url('data:image/svg+xml,<svg width="25" height="25" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h25v25H0z"/><path fill="rgb(230,0,0)" d="M19.792 6.677l-1.47-1.469-5.822 5.823-5.823-5.823-1.469 1.47 5.823 5.822-5.823 5.823 1.47 1.469 5.822-5.823 5.823 5.823 1.469-1.47-5.823-5.822z"/></g></svg>') center no-repeat;
	margin-right: 8px;
	border-radius: 13px
}

.age_box li .btn-send:before {
	width: 25px;
	height: 25px;
	background: rgba(255, 255, 255, 0.7) url('data:image/svg+xml,<svg width="25" height="25" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h25v25H0z"/><path fill="rgb(0, 129, 43)" d="M9.375 16.844L5.031 12.5l-1.479 1.469 5.823 5.823 12.5-12.5-1.469-1.47z"/></g></svg>') center no-repeat;
	margin-right: 8px;
	border-radius: 13px
}

.urgent-notice {
	z-index: 99;
	width: 660px;
	opacity: 0;
	animation: urgent-notice 0.3s ease 1s 1 alternate forwards
}

.urgent-notice .announce-header {
	padding: 0;
	background: #121212 url(images/skyexchange/bg-send-skyEX.png) repeat-x;
	border-radius: 8px 8px 0 0
}

.urgent-notice .announce-header h1 {
	color: #F8D61C;
	font-size: 24px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6)
}

.urgent-notice .announce-header h1:before {
	display: none
}

.urgent-notice .notice-content {
	padding: 24px 20px;
	font-size: 16px;
	line-height: 24px
}

.urgent-notice .notice-img {
	margin-top: 12px;
	width: 620px;
	height: auto
}

.urgent-notice .hilight {
	font-weight: bold;
	text-decoration: underline
}

@keyframes urgent-notice {
	0% {
		top: -2%;
		opacity: 0
	}

	100% {
		top: 12%;
		opacity: 1
	}
}

.tc-content h1 {
	margin: 40px 0 24px 0;
	font-size: 22px;
	color: #000;
	text-decoration: underline
}

.tc-content h2 {
	margin: 16px 0;
	padding: 0;
	font-size: 20px;
	color: #1b2d38;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 8px
}

.tc-content h3 {
	margin-top: 16px;
	margin-bottom: 8px;
	font-size: 18px;
	color: rgba(30, 30, 30, 0.9)
}

.tc-content h4,
.tc-content h5 {
	margin-left: 8px;
	font-size: 14px;
	color: rgba(30, 30, 30, 0.9)
}

.tc-content h5 {
	margin-left: 32px;
	text-decoration: underline
}

.tc-content ul,
.tc-content ol {
	margin-left: 32px;
	margin-bottom: 16px
}

.tc-content ul ul,
.tc-content ul ol,
.tc-content ol ul,
.tc-content ol ol {
	margin-left: 24px
}

.tc-content strong {
	color: #243a48
}

.tc-content address {
	font-size: 13px;
	margin-bottom: 10px
}

.tc-content_few {
	height: auto
}

.declared {
	background-color: #aed5f5;
	font-size: 13px;
	line-height: 1.4;
	padding: 15px;
	margin: 10px 0;
	border-radius: 8px
}

.declared p:last-of-type {
	margin-bottom: 0
}

.announce-content {
	font-size: 16px;
	line-height: 22px
}

.announce-content h3 {
	margin: 8px 0;
	font-size: 16px
}

.announce-content p {
	margin-bottom: 8px
}

.announce-content table {
	margin: 8px 0 16px 0;
	font-size: 14px
}

.announce-content ul {
	margin-left: 24px
}

.article-wrap {
	position: relative;
	padding: 0px 0px 56px 60px
}

.article-wrap h2 {
	margin-bottom: 16px;
	color: #243A48;
	font-size: 28px;
	line-height: 28px
}

.article-date {
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	margin-right: 24px;
	border-top: 4px solid #4A4A4A;
	color: #4A4A4A
}

.article-date dt {
	margin: 4px 0 2px 0;
	font-size: 30px;
	line-height: 30px
}

.article-date dd {
	font-size: 14px;
	line-height: 16px
}

.news-wrap {
	top: 72px;
	width: 640px
}

.news-wrap .announce-header {
	height: 60px;
	background-color: #FFB80C;
	background-image: linear-gradient(-180deg, #FFCC2E 0%, #FFB80C 58%);
	font-size: 24px;
	font-weight: bold;
	line-height: 60px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 8px 8px 0 0
}

.news-wrap .announce-content {
	height: 412px;
	padding: 24px 20px
}

.news-wrap .announce-content img {
	width: 100%;
	box-shadow: 0px 1px 5px #ddd;
	margin: 20px 0
}

.skyexchange .announce-header h1:before {
	background: #ffb80c
}

.skyexchange .news-wrap .announce-header {
	background: url("images/announcement/popup-header-skyexchange.png") center no-repeat
}
.login-policy {
	top: 0;
	overflow-y: hidden;
	width: 100%;
	height: 100%;
	margin: 0;
	border-radius: 0;
	box-shadow: none
}

.login-policy p {
	margin-bottom: 12px
}

.login-policy .tc-content {
	max-height: inherit;
	height: calc(100% - 56px - 24px - 8px);
	padding-top: 0;
	padding-bottom: 24px;
	margin-top: 56px
}

.login-policy .announce-header {
	position: fixed;
	width: 100%;
	background: #ffffff
}

@media screen and (max-height: 700px) {

	.announce-wrap,
	.casino-result {
		top: 24px;
		height: calc(100% - 24px - 24px);
		min-height: 298px
	}

	.tc-content,
	.news-wrap .announce-content {
		height: calc(100% - 24px - 24px - 56px - 73px);
		min-height: 200px
	}

	.announce-content {
		height: calc(100% - 24px - 24px - 56px - 42px);
		min-height: 200px
	}

	.news-wrap {
		min-height: 333px
	}

	.news-wrap .announce-content {
		height: calc(100% - 24px - 24px - 60px - 73px - 24px);
		min-height: 200px
	}

	.login-policy {
		top: 0;
		height: 100%
	}

	.login-policy .tc-content {
		max-height: inherit;
		height: calc(100% - 56px - 24px - 8px)
	}

	.urgent-notice {
		height: auto
	}
}

.apk-dl {
	width: 480px;
	height: 100%;
	top: 0;
	margin-bottom: 0
}

.apk-img {
	text-align: center
}

.apk-img img {
	width: 200px
}

.marquee-pop {
	flex-direction: column;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 0;
	width: 820px;
	height: 600px
}

.marquee-pop .announce-header {
	background-image: linear-gradient(180deg, #FFCC2F 0%, #FFB80C 71%);
	border-bottom: none
}

.marquee-pop .announce-header h1:before {
	display: none
}

.marquee-pop .function-wrap {
	padding: 10px;
	background-color: #E0E6E6
}

.marquee-pop .function-wrap input,
.marquee-pop .function-wrap textarea {
	height: 25px;
	margin: 0
}

.marquee-pop .input-list li,
.marquee-pop .filter-list li {
	list-style: none;
	line-height: 25px;
	margin: 0 5px 0 0;
	white-space: nowrap
}

.marquee-pop .input-list .btn-send,
.marquee-pop .filter-list .btn-send{
	width: 115px;
	margin: 0
}

.marquee-pop .announce-content {
	height: initial
}

.marquee-pop .announce-content .nofound_box {
	display: none
}

.marquee-pop .nofound {
	align-items: center;
	justify-content: center
}

.marquee-pop .nofound .nofound_box {
	align-items: center;
	vertical-align: top;
	flex-direction: column;
	margin-bottom: 100px;
	max-width: 300px
}

.marquee-pop .nofound .nofound_box dt {
	width: 101px;
	height: 97px;
	margin-bottom: 20px;
	background: url(images/announcement/ic-search.svg) no-repeat
}

.marquee-pop .nofound .nofound_box dd {
	margin-bottom: 5px;
	font-weight: bold;
	flex: 1
}

.marquee-pop .nofound .article-wrap {
	display: none
}

.marquee-pop .pages {
	justify-content: center;
	margin: 10px 0
}

.marquee-pop .pages li {
	list-style: none;
	margin-right: 3px;
	margin-left: 3px
}

.marquee-pop .pages a {
	font-weight: normal;
	line-height: 25px;
	margin: 0;
	padding: 0 10px
}

.search-wrap {
	position: relative
}

.search-wrap::before {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 2px;
	display: block;
	content: '';
	width: 19px;
	height: 19px;
	background-image: url('data:image/svg+xml,<svg width="19" height="19" xmlns="http://www.w3.org/2000/svg"><path d="M12.547 11.543H12l-.205-.172a4.539 4.539 0 001.06-2.914A4.442 4.442 0 008.41 4C5.983 4 4 5.989 4 8.457a4.442 4.442 0 004.445 4.457c1.094 0 2.12-.411 2.905-1.062l.206.171v.548L14.974 16 16 14.971l-3.453-3.428zm-4.102 0a3.069 3.069 0 01-3.077-3.086 3.068 3.068 0 013.077-3.086 3.069 3.069 0 013.076 3.086 3.069 3.069 0 01-3.076 3.086z" fill="rgb(30,30,30" fill-rule="nonzero"/></svg>');
	background-repeat: no-repeat;
	background-size: contain;
	transform: translateY(-50%)
}

.search-input {
	width: 280px;
	padding-left: 25px;
	margin: 0;
	height: 25px;
	box-sizing: border-box
}

.search-input::placeholder {
	color: #AAAAAA
}

.search-input:focus {
	padding-left: 25px;
	padding-right: 25px
}

.search-input:focus::placeholder {
	color: transparent
}

.search-clear {
	position: absolute;
	top: 50%;
	right: 2px;
	width: 20px;
	height: 20px;
	border: 0;
	transform: translateY(-50%);
	background-color: #edeced
}

.search-clear:before {
	display: block;
	content: '';
	width: 20px;
	height: 20px;
	background-image: url('data:image/svg+xml,<svg width="19" height="19" xmlns="http://www.w3.org/2000/svg"><path d="M14 5.912L10.412 9.5 14 13.088l-.912.912L9.5 10.412 5.912 14 5 13.088 8.588 9.5 5 5.912 5.912 5 9.5 8.588 13.088 5z" fill="rgb(30,30,30" fill-rule="evenodd"/></svg>');
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 auto
}

.suggestion-wrap {
	position: absolute;
	z-index: 4;
	top: 22px;
	width: 280px;
	background: #fff;
	border-top: 1px solid #E0E6E6;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);
	box-sizing: border-box
}

.suggestion-wrap ul {
	max-height: 210px;
	overflow: hidden;
	overflow-y: auto
}

.suggestion-wrap li {
	height: 32px;
	line-height: 32px;
	list-style: none;
	text-indent: 6px
}

.suggestion-wrap .no-matching,
.suggestion-wrap p,
.suggestion-wrap a {
	margin: 0;
	color: #666666;
	cursor: default
}

.suggestion-wrap p,
.suggestion-wrap a {
	color: #1E1E1E;
	cursor: pointer
}

.suggestion-wrap p:hover,
.suggestion-wrap p.hover,
.suggestion-wrap a:hover,
.suggestion-wrap a.hover {
	background-color: #E2E8ED
}

.profile-wrap {
	background-color: #fff;
	border-bottom: 1px solid #7e97a7;
	margin-bottom: 15px
}

.profile-wrap h3 {
	background-color: #7e97a7;
	color: #fff;
	line-height: 24px;
	padding: 0 10px
}

.profile-wrap dt {
	width: 125px;
	padding: 5px 0 5px 10px;
	color: #243a48
}

.profile-wrap dd {
	position: relative;
	min-height: 16px;
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid #E0E6E6
}

.profile-wrap dd:last-child {
	border-bottom-width: 0
}

.profile-wrap .favor-set {
	position: absolute;
	right: 0;
	top: 1px
}

.profile-wrap select {
	min-width: 150px;
	margin: 0
}

.pop_bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 80
}

.pop_bg:not(:target) {
	display: none
}

.pop_bg:target {
	display: block
}

.pop_box {
	position: fixed;
	top: 110px;
	left: 50%;
	background-color: #eee;
	width: 400px;
	border-radius: 5px;
	padding: 15px;
	transform: translate(-50%, 0)
}

.pop_box h3 {
	font-size: 16px;
	color: #3b5160;
	margin-bottom: 18px
}

.pop_box .btn,
.pop_box .btn-send,
.pop_box .pages a,
.pages .pop_box a,
.pop_box .calendarTable_inputBox input,
.calendarTable_inputBox .pop_box input,
.pop_box .calendarTable_inputBox textarea,
.calendarTable_inputBox .pop_box textarea {
	width: 55%;
	margin: 15px 0 0
}

.close_pop {
	position: absolute;
	right: 15px;
	background-position: -41px -632px;
	height: 16px;
	width: 17px
}

.form_list {
	padding: 0 20px;
	margin-bottom: 10px
}

.form_list dt {
	width: 122px;
	margin-right: 10px;
	line-height: 24px
}

.form_list dd {
	position: relative;
	margin-bottom: 10px;
	padding-left: 132px
}

.form_list dd input,
.form_list dd textarea {
	width: 160px;
	margin: 0
}

.form_list dd select {
	width: 172px
}

.must {
	font-size: 13px;
	color: #d0021b
}

.error-text {
	color: #d0021b;
	font-size: 11px
}

input.error,
textarea.error {
	background-color: #efd3d9;
	color: #1e1e1e
}

.confirm_box {
	width: 280px;
	margin: 15% 0 0 -140px
}

.confirm_box h3 {
	height: 15px
}

.confirm_box .white-wrap {
	padding: 15px 10px;
	margin-bottom: 10px
}

.confirm_box .white-wrap p {
	width: 100%
}

.confirm_box .btn_box .btn,
.confirm_box .btn_box .btn-send,
.confirm_box .btn_box .pages a,
.pages .confirm_box .btn_box a,
.confirm_box .btn_box .calendarTable_inputBox input,
.calendarTable_inputBox .confirm_box .btn_box input,
.confirm_box .btn_box .calendarTable_inputBox textarea,
.calendarTable_inputBox .confirm_box .btn_box textarea {
	width: 110px;
	margin-right: 5px
}

.confirm_box .btn_box .btn:last-of-type,
.confirm_box .btn_box .btn-send:last-of-type,
.confirm_box .btn_box .pages a:last-of-type,
.pages .confirm_box .btn_box a:last-of-type,
.confirm_box .btn_box .calendarTable_inputBox input:last-of-type,
.calendarTable_inputBox .confirm_box .btn_box input:last-of-type,
.confirm_box .btn_box .calendarTable_inputBox textarea:last-of-type,
.calendarTable_inputBox .confirm_box .btn_box textarea:last-of-type {
	margin-right: 0
}

.go-back,
.pop-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 85px;
	height: 100%;
	line-height: 38px;
	color: #fff;
	font-weight: normal;
	border-left: 1px solid #5F6C74
}

.go-back img,
.pop-close img {
	margin-right: 5px;
	background-position: -46px -1182px;
	height: 12px;
	width: 12px
}

.pop-close img {
	background-position: -46px -1242px;
	height: 12px;
	width: 12px
}

.pop-content {
	height: calc(100% - 35px - 38px);
	padding: 20px 15px 15px;
	overflow: auto
}

.tab {
	min-width: 375px;
	width: 40%;
	margin: 0 0 10px;
	border-left: 1px solid #3b5160;
	border-radius: 5px
}

.tab li {
	list-style: none;
	border: 1px solid #3b5160;
	border-width: 1px 0
}

.tab li:first-child {
	border-radius: 4px 0 0 4px
}

.tab li:first-child a {
	border-radius: 3px 0 0 3px
}

.tab li:last-child {
	border-radius: 0 4px 4px 0
}

.tab li:last-child a {
	border-radius: 0 3px 3px 0
}

.tab a {
	background-color: #fff;
	border-right: 1px solid #3b5160;
	color: #3b5160;
	font-size: 13px;
	line-height: 27px;
	font-weight: bold
}

.tab .select {
	background-color: #3b5160;
	color: #fff
}

.tab .select:hover {
	text-decoration: none
}

.tab.col2 li {
	width: 50%
}

.tab.col3 li {
	width: 33.33%
}

.tab.col4 li {
	width: 25%
}

.tab.col5 li {
	width: 20%
}

.function-wrap {
	position: relative;
	padding: 10px 10px 0;
	background-color: #E0E6E6;
	border-bottom: 1px solid #7e97a7;
	margin-bottom: 10px
}

.white-wrap .function-wrap {
	border-bottom-color: #E0E6E6;
	margin-bottom: 0
}

.game-wrap .function-wrap {
	margin-bottom: 0;
	padding-top: 5px
}

.game-wrap .function-wrap .input-list,
.game-wrap .function-wrap .filter-list {
	margin-bottom: 0
}

.trans-wrap .function-wrap {
	margin-bottom: 0
}

.input-list,
.filter-list {
	margin-bottom: 5px;
	margin-right: 5px
}

.input-list li,
.filter-list li {
	list-style: none;
	line-height: 25px;
	margin: 0 5px 5px 0;
	white-space: nowrap
}

.input-list label,
.filter-list label {
	margin-right: 5px
}

.input-list input,
.filter-list input,
.input-list textarea,
.filter-list textarea,
.input-list select,
.filter-list select {
	margin: 0 5px
}

.input-list .time-input,
.filter-list .time-input {
	margin-left: -3px
}

.input-list .btn,
.filter-list .btn,
.input-list .btn-send,
.filter-list .btn-send,
.input-list .pages a,
.pages .input-list a,
.filter-list .pages a,
.pages .filter-list a,
.input-list .calendarTable_inputBox input,
.calendarTable_inputBox .input-list input,
.filter-list .calendarTable_inputBox input,
.calendarTable_inputBox .filter-list input,
.input-list .calendarTable_inputBox textarea,
.calendarTable_inputBox .input-list textarea,
.filter-list .calendarTable_inputBox textarea,
.calendarTable_inputBox .filter-list textarea {
	width: 95px;
	margin: 0;
	font-weight: normal
}

.input-list .btn-send,
.filter-list .btn-send,
.super6exchange .total_all .filter-list .search-but {
	font-weight: bold
}

.filter-list .filter-head {
	width: 85px;
	font-weight: bold
}

.filter-list .filter-content {
	width: calc(100% - 195px);
	height: 25px
}

.filter-list .filter-content span {
	margin-right: 5px;
	color: #243a48;
	padding-left: 10px;
	background-position: -23px -166px
}

.filter-list .filter-content .filter-first {
	background: none;
	padding-left: 0
}

.filter-list .filter-btn {
	width: 95px
}

.filter-list .filter-btn .btn,
.filter-list .filter-btn .btn-send,
.filter-list .filter-btn .pages a,
.pages .filter-list .filter-btn a,
.filter-list .filter-btn .calendarTable_inputBox input,
.calendarTable_inputBox .filter-list .filter-btn input,
.filter-list .filter-btn .calendarTable_inputBox textarea,
.calendarTable_inputBox .filter-list .filter-btn textarea {
	width: 93px
}

.filter-list.golf-list .filter-content {
	width: calc(100% - 95px);
	height: auto
}

.filter-list.golf-list .compt {
	position: relative;
	width: auto;
	height: 23px;
	padding: 0 0 0 10px
}

.filter-list.golf-list .compt img {
	border-radius: 0 4px 4px 0;
	vertical-align: middle;
	margin-top: -3px;
	margin-left: 5px;
	background-position: -15px -71px;
	height: 23px;
	width: 12px
}

.filter-list.golf-list .compt img:hover,
.filter-list.golf-list .compt img.btn-comt-hover {
	background-position: -15px -48px
}

.filter-list.golf-list .compt:hover img {
	background-position: -15px -48px
}

.filter-pop {
	position: absolute;
	right: 0;
	width: 500px;
	border-radius: 4px;
	background-color: #fff;
	padding: 8px 8px 0;
	margin-left: -500px;
	z-index: 3
}

.filter-pop:not(:target) {
	display: none
}

.filter-pop:target {
	display: block
}

.filter-pop ul {
	margin-bottom: 5px
}

.filter-pop li {
	width: 250px;
	list-style: none;
	margin-bottom: 3px
}

.filter-pop .btn-wrap {
	border-top: 1px solid #ccc;
	padding-top: 8px
}

.filter-pop .btn-wrap .btn,
.filter-pop .btn-wrap .btn-send,
.filter-pop .btn-wrap .pages a,
.pages .filter-pop .btn-wrap a,
.filter-pop .btn-wrap .calendarTable_inputBox input,
.calendarTable_inputBox .filter-pop .btn-wrap input,
.filter-pop .btn-wrap .calendarTable_inputBox textarea,
.calendarTable_inputBox .filter-pop .btn-wrap textarea {
	width: 15%;
	margin-right: 10px
}

.filter-pop .btn-wrap .btn-send,
.super6exchange .total_all .filter-pop .btn-wrap .search-but {
	width: 20%
}

.expand-close,
.expand-open {
	text-decoration: none;
	color: #000;
	padding-right: 20px;
	background-position: 100% -136px
}

table .expand-close,
table .expand-open {
	text-decoration: none
}

.align-L .expand-close,
.table01 caption .expand-close,
.table-s caption .expand-close,
.slip-back .refer .expand-close,
.slip-lay .refer .expand-close,
.slip-book .refer .expand-close,
.slip-back .keep-option .expand-close,
.slip-lay .keep-option .expand-close,
.slip-book .keep-option .expand-close,
.message-bet p .expand-close,
.slip-head .col-bet .expand-close,
.matched-head .col-bet .expand-close,
.tips-popup .expand-close,
.full-amount .expand-close,
.no-data .expand-close,
.event-left .col-game .expand-close,
.event-right .col-game .expand-close,
.event-left .game-list-col dt .expand-close,
.game-list-col .event-left dt .expand-close,
.event-right .game-list-col dt .expand-close,
.game-list-col .event-right dt .expand-close,
.bets th .expand-close,
.bets-HS th .expand-close,
.bets-GH th .expand-close,
.bets .refer-bet .expand-close,
.bets-HS .refer-bet .expand-close,
.bets-GH .refer-bet .expand-close,
.bets .refer-book .expand-close,
.bets-HS .refer-book .expand-close,
.bets-GH .refer-book .expand-close,
.bets .special_bet td .expand-close,
.bets-HS .special_bet td .expand-close,
.bets-GH .special_bet td .expand-close,
.fancy_bet .td-fancy_merge .expand-close,
.sportsbook_bet .td-fancy_merge .expand-close,
.bookmaker_bet .td-fancy_merge .expand-close,
.fancy_bet .fancy-quick-tr td .expand-close,
.sportsbook_bet .fancy-quick-tr td .expand-close,
.bookmaker_bet .fancy-quick-tr td .expand-close,
.align-L .expand-open,
.table01 caption .expand-open,
.table-s caption .expand-open,
.slip-back .refer .expand-open,
.slip-lay .refer .expand-open,
.slip-book .refer .expand-open,
.slip-back .keep-option .expand-open,
.slip-lay .keep-option .expand-open,
.slip-book .keep-option .expand-open,
.message-bet p .expand-open,
.slip-head .col-bet .expand-open,
.matched-head .col-bet .expand-open,
.tips-popup .expand-open,
.full-amount .expand-open,
.no-data .expand-open,
.event-left .col-game .expand-open,
.event-right .col-game .expand-open,
.event-left .game-list-col dt .expand-open,
.game-list-col .event-left dt .expand-open,
.event-right .game-list-col dt .expand-open,
.game-list-col .event-right dt .expand-open,
.bets th .expand-open,
.bets-HS th .expand-open,
.bets-GH th .expand-open,
.bets .refer-bet .expand-open,
.bets-HS .refer-bet .expand-open,
.bets-GH .refer-bet .expand-open,
.bets .refer-book .expand-open,
.bets-HS .refer-book .expand-open,
.bets-GH .refer-book .expand-open,
.bets .special_bet td .expand-open,
.bets-HS .special_bet td .expand-open,
.bets-GH .special_bet td .expand-open,
.fancy_bet .td-fancy_merge .expand-open,
.sportsbook_bet .td-fancy_merge .expand-open,
.bookmaker_bet .td-fancy_merge .expand-open,
.fancy_bet .fancy-quick-tr td .expand-open,
.sportsbook_bet .fancy-quick-tr td .expand-open,
.bookmaker_bet .fancy-quick-tr td .expand-open {
	padding-right: 0;
	padding-left: 15px;
	color: #2789ce;
	background-position: -16px -136px
}

.expand-open {
	background-position: 100% -151px
}

.align-L .expand-open,
.table01 caption .expand-open,
.table-s caption .expand-open,
.slip-back .refer .expand-open,
.slip-lay .refer .expand-open,
.slip-book .refer .expand-open,
.slip-back .keep-option .expand-open,
.slip-lay .keep-option .expand-open,
.slip-book .keep-option .expand-open,
.message-bet p .expand-open,
.slip-head .col-bet .expand-open,
.matched-head .col-bet .expand-open,
.tips-popup .expand-open,
.full-amount .expand-open,
.no-data .expand-open,
.event-left .col-game .expand-open,
.event-right .col-game .expand-open,
.event-left .game-list-col dt .expand-open,
.game-list-col .event-left dt .expand-open,
.event-right .game-list-col dt .expand-open,
.game-list-col .event-right dt .expand-open,
.bets th .expand-open,
.bets-HS th .expand-open,
.bets-GH th .expand-open,
.bets .refer-bet .expand-open,
.bets-HS .refer-bet .expand-open,
.bets-GH .refer-bet .expand-open,
.bets .refer-book .expand-open,
.bets-HS .refer-book .expand-open,
.bets-GH .refer-book .expand-open,
.bets .special_bet td .expand-open,
.bets-HS .special_bet td .expand-open,
.bets-GH .special_bet td .expand-open,
.fancy_bet .td-fancy_merge .expand-open,
.sportsbook_bet .td-fancy_merge .expand-open,
.bookmaker_bet .td-fancy_merge .expand-open,
.fancy_bet .fancy-quick-tr td .expand-open,
.sportsbook_bet .fancy-quick-tr td .expand-open,
.bookmaker_bet .fancy-quick-tr td .expand-open {
	background-position: -16px -151px
}

.table-s td,
.table-s th {
	padding: 5px
}

.table-s input,
.table-s textarea {
	margin-bottom: 0;
	padding: 0
}

.small-date {
	font-size: 11px;
	line-height: 13px
}

.market-float {
	width: 94%
}

.expand {
	background-color: #E2E8ED
}

.expand>td {
	position: relative;
	padding: 0;
	border-top-color: #7e97a7;
	border-bottom: 1px solid #7e97a7
}

.expand table {
	width: 85%;
	border-left: 1px solid #7e97a7;
	border-bottom-width: 0;
	margin-left: 15%
}

.expand table th {
	background-color: transparent;
	border-top-width: 0
}

.expand table td {
	border-width: 0;
	padding: 8px 10px
}

.expand table .even {
	background-color: #f2f4f7
}

.table-s .expand table td {
	padding: 5px
}

.expand .table-commission {
	width: 75%;
	margin-left: 23%;
	border-right: 1px solid #7e97a7
}

.expand .sum-pl {
	background-color: #D9E4EC;
	border-top: 1px solid #7e97a7
}

.expand .sum-pl td {
	padding: 0
}

.expand-arrow {
	position: absolute;
	left: 15%;
	margin-left: -10px;
	background-position: -17px -127px;
	height: 9px;
	width: 10px
}

.sum-pl dl {
	padding: 5px 0
}

.sum-pl dt {
	width: 82%;
	padding: 0 10px 5px;
	color: #243a48
}

.sum-pl dd {
	padding: 0 10px 5px
}

.sum-pl .net_total {
	padding-top: 5px;
	border-top: 1px dotted #7e97a7
}

.expand-arrow-R {
	position: absolute;
	left: 98%;
	margin-top: -1px;
	background-position: -17px -118px;
	height: 9px;
	width: 10px
}

.white-wrap {
	background-color: #fff;
	color: #3b5160;
	padding: 7px 10px 5px;
	border-bottom: 1px solid #7e97a7;
	margin-bottom: 15px
}

.white-wrap h3 {
	width: 85%;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 7px
}

.white-wrap p {
	width: 85%;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 5px
}

.acc-info {
	margin-bottom: 5px
}

.acc-info li {
	margin-right: 15px;
	padding-left: 20px
}

.acc-info .user {
	background-position: -12px -205px
}

.acc-info .time {
	background-position: -12px -190px
}

.total-show {
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	margin-bottom: 5px
}

.total-show select {
	width: 140px;
	margin-bottom: 0;
	font-weight: bold
}

.table-other {
	margin-top: -10px;
	color: #3b5160
}

.head-balance {
	width: 31.37255%;
	border-right: 1px solid #d8d8d8;
	margin-right: 10px
}

.head-balance dt {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 7px
}

.head-balance dd {
	font-size: 30px;
	line-height: 36px;
	font-weight: bold;
	color: #2789ce
}

.head-balance dd span {
	font-size: 12px;
	color: #7e97a7;
	font-weight: normal
}

.total,
.grand-total {
	font-weight: bold;
	color: #243a48
}

.total td,
.grand-total td {
	border-top-color: #7e97a7;
	border-bottom: 1px solid #7e97a7
}

.grand-total {
	background-color: #E0E6E6
}

.tax {
	font-weight: bold;
	border-bottom: 2px solid #979797
}

.fromto {
	margin: 0 5px;
	background-position: -20px -182px;
	height: 8px;
	width: 7px
}

.pages {
	margin: 25px 0
}

.pages li {
	list-style: none;
	line-height: 25px;
	margin-right: 5px
}

.pages a {
	display: inline;
	font-weight: normal;
	margin: 0;
	padding: 4px 10px
}

.calendarPanel {
	position: absolute;
	z-index: 9999;
	left: 0px;
	top: 0px;
	background-color: #fff
}

.calendarTable_1 {
	background-color: #243a48;
	width: 100%
}

.calendarTable_1 th {
	line-height: 30px;
	height: 30px;
	padding: 5px
}

.calendarTable_1 select {
	margin: 0;
	width: 80px
}

.calendarTable_1 .calendarYear {
	width: 60px
}

.calendarTable_1 input,
.calendarTable_1 textarea {
	width: 27px;
	height: 20px;
	cursor: pointer;
	margin: 0;
	border-radius: 0;
	box-shadow: none
}

.prevMonth {
	background-position: 0 -280px
}

.prevMonth:hover,
.prevMonth.prev_m-hover {
	background-position: 0 -260px
}

.nextMonth {
	background-position: 0 -240px
}

.nextMonth:hover,
.nextMonth.mext_m-hover {
	background-position: 0 -220px
}

.calendarTable_2 {
	font-size: 12px
}

.calendarTable_2 th {
	width: 25px;
	padding: 3px;
	font-weight: normal;
	font-size: 11px;
	color: #243a48;
	border: 1px solid #7e97a7;
	border-width: 1px 0 1px 0;
	background-color: #E4E4E4
}

.calendarTable_2 td {
	width: 25px;
	padding: 3px;
	border: 1px solid #ddd
}

.calendarTable_inputBox {
	background-color: #c2c2c2
}

.calendarTable_inputBox th {
	border-bottom-width: 0
}

.calendarTable_inputBox input,
.calendarTable_inputBox textarea {
	width: 100%;
	font-size: 12px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	box-shadow: none;
	font-weight: normal
}

.comingDate {
	color: #999 !important
}

.pop-left {
	position: relative;
	width: 310px;
	height: 542px;
	padding: 20px 20px 0 20px;
	overflow: hidden;
	font-size: 15px;
	line-height: 20px
}

.pop-left dl {
	margin-bottom: 10px
}

.pop-left dt {
	width: 125px;
	margin-bottom: 10px;
	color: #3b5160
}

.pop-left dd {
	position: relative;
	color: #000;
	font-weight: bold
}

.pop-left .select-betting {
	line-height: 23px;
	border-bottom: 1px solid #c5d0d7
}

.selection {
	height: 23px;
	line-height: 23px;
	border: 1px solid #7e97a7;
	border-radius: 4px;
	padding: 0 10px;
	background-position: 100% 0
}

.select-betting .selection {
	width: 163px
}

.selection-list {
	top: 25px;
	right: 0;
	min-width: 185px;
	font-weight: normal;
	z-index: 5
}

.selection-list:not(:target) {
	display: none
}

.selection-list:target {
	display: block
}

.selection-list a {
	font-size: 14px;
	line-height: 28px;
	white-space: nowrap
}

.chart-wrap {
	width: 278px;
	overflow: hidden;
	font-size: 13px;
	margin-bottom: 10px
}

.chart-wrap img {
	width: 350px;
	height: 255px;
	margin-bottom: -5px
}

.chart-wrap h2 {
	position: absolute;
	width: 100%;
	font-size: 18px;
	line-height: 25px;
	background-color: #fff;
	margin: 0;
	padding: 0
}

.pop-note {
	position: absolute;
	bottom: 0;
	width: 310px;
	border-top: 1px solid #c5d0d7;
	font-size: 12px;
	color: #3b5160;
	line-height: 14px;
	padding: 5px 0 10px;
	margin-bottom: 0
}

.pop-right {
	width: 529px;
	height: 542px;
	padding: 20px 20px 0;
	overflow: auto;
	overflow-x: hidden;
	border-left: 1px solid #c5d0d7
}

.pop-right h2 {
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 5px;
	padding-top: 0
}

.tab-depth {
	border-left: 1px solid #eee
}

.tab-depth td {
	border-right: 1px solid #eee;
	border-color: #eee;
	padding: 5px 10px
}

.tab-depth .back {
	background-color: #CDE8FD;
	color: #1e1e1e !important;
	border-color: #fff
}

.tab-depth .lay {
	background-color: #FAE5EB;
	color: #1e1e1e !important;
	border-color: #fff
}

.initial-balance,
.final-balance {
	background-color: #ECE7DC;
	color: #3B5160;
	font-size: 14px;
	line-height: 20px;
	border-bottom: 1px solid #7e97a7
}

.initial-balance dt,
.final-balance dt,
.initial-balance dd,
.final-balance dd {
	padding: 10px
}

.initial-balance dt span,
.final-balance dt span {
	width: 60px;
	color: #1e1e1e;
	background-color: #CEA976;
	margin-right: 15px;
	font-weight: bold;
	border-radius: 3px
}

.initial-balance dd,
.final-balance dd {
	padding-left: 0;
	color: #000
}

.initial-balance dd:first-of-type,
.final-balance dd:first-of-type {
	width: 120px;
	padding-left: 10px;
	color: #3B5160
}

.table01 .initial-balance,
.table-s .initial-balance,
.table01 .final-balance,
.table-s .final-balance {
	background-color: #fff;
	font-size: 12px;
	line-height: 15px
}

.table01 .initial-balance td,
.table-s .initial-balance td,
.table01 .final-balance td,
.table-s .final-balance td {
	border: 1px solid #7e97a7;
	border-width: 1px 0 1px 0
}

.final-balance {
	border-top: 1px solid #7e97a7;
	margin: -15px 0 15px
}

.tab-scroll-y {
	width: 100%;
	height: 512px;
	overflow: hidden;
	overflow-y: auto;
	margin-bottom: 15px;
	border-bottom: 1px solid #7E97A7
}

.tab-scroll-y .table01,
.tab-scroll-y .table-s {
	margin-bottom: 0;
	border-bottom-width: 0
}

.report-tab-wrap {
	position: relative;
	margin-top: 16px;
	list-style-type: none
}

.report-tab-wrap .report-tab {
	display: inline-block;
	padding: 5px 24px 9px;
	margin-right: 2px;
	background-color: #FFFFFF;
	border: 1px solid #3B5160;
	border-radius: 3px 3px 0 0;
	color: #3B5160;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer
}

.report-tab-wrap .report-tab.select {
	background-color: #3B5160;
	color: #FFFFFF
}

.report-tab-wrap .report-tab.select:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #3B5160
}

.casino-grand-total {
	border-top: 1px solid #7E97A7;
	background-color: #D9E4EC;
	font-weight: bold
}

.table-trans {
	width: 100%;
	border-top: 1px solid #7E97A7;
	border-bottom: 1px solid #7E97A7
}

.table-trans tr {
	background-color: #FFFFFF
}

.table-trans tr:nth-child(odd) {
	background-color: #f2f4f7
}

.table-trans th {
	padding: 8px;
	border-right: 1px solid #7E97A7;
	border-bottom: 1px solid #7E97A7;
	background-color: #E4E4E4;
	color: #243A48
}

.table-trans th:last-child {
	border-right: none
}

.table-trans td {
	padding: 8px
}

.table-trans td span {
	display: block
}

.trans-replay {
	margin: 0 auto;
	background-position: -3px -94px;
	height: 24px;
	width: 24px
}

.data-del {
	position: relative;
	color: #999999 !important
}

.data-del:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background-color: #666666
}

.data-del span {
	color: #999999 !important
}

.casino-result {
	width: 1200px
}

.casino-result iframe {
	width: calc(100% - 16px);
	height: calc(560px - 16px);
	padding: 8px;
	overflow-y: scroll
}

.casino-result .announce-header span {
	padding: 2px 10px;
	margin: 0 5px;
	border-radius: 4px;
	background-color: #243A48;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal
}

.casino-result .announce-header .close_pop {
	top: 18px;
	transform: scale(1.4)
}

.trans-wrap .input-list,
.trans-wrap .filter-list {
	display: inline-block;
	margin-left: 12px
}

.trans-wrap .input-list:first-of-type,
.trans-wrap .filter-list:first-of-type {
	margin-left: 0
}

.trans-wrap .input-list label,
.trans-wrap .filter-list label {
	margin-right: 0
}

.trans-wrap .input-list select,
.trans-wrap .filter-list select {
	margin: 0
}

.trans-wrap .btn-send{
	margin-left: 20px
}

.trans-wrap .pages {
	position: relative;
	height: 24px;
	margin: 0 auto;
	padding: 12px 0;
	background: #FFFFFF
}

.trans-wrap .pages:before {
	content: '';
	position: absolute;
	top: -2px;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.1))
}

.trans-wrap .pop-title {
	height: calc(100% - 35px - 48px);
	overflow-y: auto;
	margin-bottom: 0;
	padding-bottom: 16px;
	border: none;
	box-sizing: border-box
}



.error-wrap {
	position: relative;
	width: 1024px;
	height: 600px;
	background: url(/images/bg-error.jpg) no-repeat;
	background-size: contain;
	margin: 0 auto
}

.col-center.gamehall {
	margin-left: auto;
	margin-right: auto;
	width: 76.38889%;
	height: auto;
	overflow: initial;
	margin: 0 auto
}

.gamehall-wrap-simple {
	display: grid;
	/*grid-template-columns: 1fr 1fr 1fr 1fr 1fr; */
	grid-gap: 10px
}

.gamehall-wrap-simple a {
	position: relative;
	/* grid-column: span 2 */
}

.gamehall-wrap-simple a img {
	position: relative;
	z-index: 2;
	display: block;
	width: 100%; height: 225px; object-fit: cover;
}

.gamehall-wrap-simple a:before {
	content: '';
	padding-top: 38.35616%;
	float: left
}

.gamehall-wrap-simple a:after {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: ""
}

.gamehall-wrap-simple .entrance-half {
	grid-column: span 1
}

.gamehall-wrap-simple .entrance-half:before {
	content: '';
	/* padding-top: 77.77778%; */ padding-top: 149.77778%;
	float: left
}

.on_live {
	position: absolute;
	z-index: 3;
	right: 0;
	width: 120px;
	padding: 6px;
	background-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.7) 82%, transparent 100%)
}

.on_live dt {
	margin-bottom: 12px
}

.on_live .live_icon {
	height: 20px;
	line-height: 20px;
	color: #fff;
	padding-right: 5px;
	font-size: 12px;
	font-weight: bold;
	background-image: linear-gradient(180deg, #FB3434 0%, #E80505 100%);
	border-radius: 3px;
	margin-bottom: 0;
	display: inline-flex
}

.on_live .live_icon span {
	height: 100%;
	padding: 0 3px;
	margin-right: 5px;
	background-image: linear-gradient(180deg, #fff 0%, #E8E8E8 100%);
	border-radius: 3px 0 0 3px
}

.on_live .live_icon span:before {
	width: 16px;
	height: 10px;
	background: url('data:image/svg+xml,<svg width="14" height="8" xmlns="http://www.w3.org/2000/svg"><g fill="rgb(255,0,0)" fill-rule="evenodd"><path d="M12.012 0l-.698.727c1.734 1.808 1.734 4.738 0 6.546l.698.727c2.117-2.207 2.117-5.79 0-8zM10.3 1.714l-.7.735c.967 1.014.967 2.66 0 3.673l.7.735c1.352-1.418 1.352-3.721 0-5.143zM1.588 0l.698.727c-1.734 1.808-1.734 4.738 0 6.546L1.588 8c-2.117-2.207-2.117-5.79 0-8zM3.3 1.714l.7.735c-.967 1.014-.967 2.66 0 3.673l-.7.735c-1.352-1.418-1.352-3.721 0-5.143z"/><circle cx="6.8" cy="4.4" r="1.6"/></g></svg>') no-repeat;
	background-size: contain;
	content: ""
}

.on_live dd {
	color: #fff;
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 7px;
	vertical-align: top;
	flex-wrap: wrap
}

.on_live dd p {
	flex: 1;
	margin-bottom: 0;
	line-height: 16px
}

.on_live dd span {
	color: #333333;
	background: #FFFFFF;
	text-align: center;
	border-radius: 3px;
	padding: 0 3px;
	min-width: 16px;
	height: 16px
}

.entrance-title {
	position: absolute;
	z-index: 4;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30px;
	background-color: #222121;
	border-bottom: 5px solid var(--primary-color);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between; margin: 0;
}

.entrance-title dt {
	flex: 1;
	font-size: 17px;
	line-height: 28px;
	text-indent: 10px;
	color: #fff;
	font-weight: bold
}

.entrance-title dd {
	width: 80px;
	line-height: 30px;
	/* background-image: url('data:image/svg+xml,<svg width="16" height="26" xmlns="http://www.w3.org/2000/svg"><path d="M11.853 0H16v26H0L11.853 0z" fill="rgb(255, 184, 12)" fill-rule="evenodd"/></svg>');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left; */
	background: var(--primary-color)!important;
	clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%);
	text-indent: 15px;
	font-size: 12px;
	font-weight: bold;
	color: #000
}

.entrance-title dd:after { display: none!important;
	position: absolute;
	z-index: -1;
	bottom: 0;
	right: 0;
	width: 64px;
	height: 100%;
	background-color: #FFB80C;
	content: ""
}
.refressh .btn-primary{ color: #000!important;}
.refressh .btn-primary:hover{ background: #204d74;}
.slip-list .oddCol .short-amount { text-overflow: ellipsis;   white-space: nowrap; max-width: 135px;}

@media screen and (min-width: 1600px) {
	.verticialImagesMain.gamehall-wrap-simple a img, .landingVerticalPg .gamehall-wrap-simple a img {height: calc(100% - 42px);}
	.entrance-title {
		height: 42px
	}
	
	.entrance-title dt {
		line-height: 34px;
		font-size: 16px
	}
	.game-head .fancy-info {
		
		width: 22%;
		
	}

	.entrance-title dd {
		width: 95px;
		font-size: 12px;
		line-height: 42px;
		text-indent: 25px
	}

	.entrance-title dd:after {
		width: 74px
	}
}

.result .marquee-box {
	margin-bottom: 10px
}

.result-search select {
	line-height: 29px;
	height: 29px;
	margin: 0px;
	width: 180px;
	height: 29px;
	-webkit-height: 40px;
	-moz-height: 40px
}

body.skyexchange {
	background-color: #f0ece1
}

.skyexchange .btn.select,
.skyexchange .select.btn-send,
.skyexchange .nova88exch .total_all .select.search-but,
.nova88exch .total_all .skyexchange .select.search-but,
.skyexchange .super6exchange .total_all .select.search-but,
.super6exchange .total_all .skyexchange .select.search-but,
.skyexchange .pages a.select,
.pages .skyexchange a.select,
.skyexchange .calendarTable_inputBox input.select,
.calendarTable_inputBox .skyexchange input.select,
.skyexchange .calendarTable_inputBox textarea.select,
.calendarTable_inputBox .skyexchange textarea.select {
	color: #f8d61c;
	background: #444 url(images/skyexchange/btn-select-skyEX.jpg) repeat-x;
	border-color: #222
}

.skyexchange .btn.select:hover,
.skyexchange .select.btn-send:hover,
.skyexchange .nova88exch .total_all .select.search-but:hover,
.nova88exch .total_all .skyexchange .select.search-but:hover,
.skyexchange .super6exchange .total_all .select.search-but:hover,
.super6exchange .total_all .skyexchange .select.search-but:hover,
.skyexchange .pages a.select:hover,
.pages .skyexchange a.select:hover,
.skyexchange .calendarTable_inputBox input.select:hover,
.calendarTable_inputBox .skyexchange input.select:hover,
.skyexchange .calendarTable_inputBox textarea.select:hover,
.calendarTable_inputBox .skyexchange textarea.select:hover {
	background: #444 url(images/skyexchange/btn-select-skyEX.jpg) repeat-x
}

.skyexchange .btn-send,
.skyexchange .nova88exch .total_all .search-but,
.nova88exch .total_all .skyexchange .search-but,
.skyexchange .super6exchange .total_all .search-but,
.super6exchange .total_all .skyexchange .search-but {
	background: #121212 url(images/skyexchange/bg-send-skyEX.png) repeat-x;
	color: #f8d61c;
	border-color: #000
}

.skyexchange .btn-send:hover,
.skyexchange .nova88exch .total_all .search-but:hover,
.nova88exch .total_all .skyexchange .search-but:hover,
.skyexchange .super6exchange .total_all .search-but:hover,
.super6exchange .total_all .skyexchange .search-but:hover {
	background: #464646 url(images/skyexchange/bg-send_hover-skyEX.png) repeat-x;
}

.skyexchange .btn-send.disable,
.skyexchange .nova88exch .total_all .disable.search-but,
.nova88exch .total_all .skyexchange .disable.search-but,
.skyexchange .super6exchange .total_all .disable.search-but,
.super6exchange .total_all .skyexchange .disable.search-but {
	background: #a4a4a4 url(images/skyexchange/bg-send-disable-skyEX.png) repeat-x;
	border-color: #aaa;
	color: #e6dfcd
}

.skyexchange .kv {
	background: #000 url(images/skyexchange/bg-login_wrap-skyEX.jpg) no-repeat
}

.skyexchange .login-panel {
	color: #000
}

.skyexchange .icon-login {
	background-position: 0 -533px;
	height: 12px;
	width: 12px
}

.skyexchange .announce-header h1:before {
	background: #ffb80c
}

.skyexchange .top {
	background: #000 url(images/skyexchange/bg-top-skyEX.jpg) repeat-x
}

.skyexchange .header {
	color: #ffb80c
}

.skyexchange .header h1 {
	margin-top: -10px
}

.skyexchange .login-wrap li.user {
	background-position: -96px -8891px
}

.skyexchange .login-wrap .error {
	color: #f8d61c
}

.skyexchange .login-wrap .btn-signup {
	display: block
}

.skyexchange .account-wrap li .refresh-bar {
	background: url(images/livesports/refresh80-livesports.gif) no-repeat center
}



app-d4-header .login-wrap{
	position:relative !important;
}

.skyexchange .account-wrap .main-wallet.no-multi .red {
	padding: 1px 3px;
	color: #f2e9cf !important;
	background-color: #bf0000;
	border-radius: 3px
}

.skyexchange .account-wrap a {
	color: #ffb80c
}

.skyexchange .account-wrap .main-wallet {
	border-color: rgba(0, 0, 0, 0.8)
}

.skyexchange .account-wrap .a-wallet .nums {
	border: 1px solid var(--primary-color)
}

.skyexchange .account-wrap .a-wallet {
	background-color: rgba(255, 255, 255, 0.15) 
}

.skyexchange .account-wrap .a-wallet.open {
	background-color: rgba(255, 255, 255, 0.25) 
}

.skyexchange .account-wrap .loading-bar span {
	background: #fff
}

.skyexchange .account-wrap .a-refresh img {
	background: url('data:image/svg+xml,<svg width="13" height="16" viewBox="0 0 13 16" xmlns="http://www.w3.org/2000/svg"><path d="M6.408 3.223c1.164 0 2.238.288 3.223.863.972.563 1.739 1.324 2.302 2.283.588.998.882 2.072.882 3.223 0 1.151-.294 2.225-.882 3.223-.563.972-1.33 1.739-2.302 2.302-.998.588-2.072.882-3.223.882-1.151 0-2.225-.294-3.223-.882-.972-.563-1.739-1.33-2.302-2.302-.588-.998-.882-2.072-.882-3.223h1.612c0 .87.214 1.672.643 2.408.428.735 1.01 1.317 1.746 1.746.735.428 1.538.643 2.408.643.87 0 1.672-.214 2.408-.643.735-.428 1.317-1.01 1.746-1.746.428-.735.643-1.538.643-2.408 0-.87-.214-1.672-.643-2.408-.428-.735-1.01-1.317-1.746-1.746-.735-.428-1.538-.643-2.408-.643v3.223l-4.01-4.01 4.01-4.01v3.223z" fill="%23FFB80C"/></svg>') no-repeat center center;
	background-size: contain
}

.skyexchange .account-wrap .main-wallet.no-multi .a-refresh {
	background-color: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(0, 0, 0, 0.8)
}

.skyexchange .account-wrap .head-refresh a {
	background-position: -80px -3125px;
	height: 25px;
	width: 30px
}

.skyexchange .account-wrap .account {
	background-position: 0 -1525px;
	height: 25px;
	width: 110px
}

.skyexchange .account-wrap ul a {
	color: #1e1e1e
}

.skyexchange .account-wrap .logout a {
	color: #fff
}

.skyexchange .menu-wrap {
	background-image: linear-gradient(180deg, #ffcc2f 8%, #ffb80c 100%);
	/* box-shadow: inset 0 10px 0 0 #000; */ position: relative;
}
.skyexchange .menu-wrap::before, .skyexchange .menu .select::before{height: 10px; position: absolute; top: 0; left: 0; content: ''; background: var(--menuBeforeBG); width: 100%;}

.skyexchange .menu-wrap a.menu-drop:after {
	border-top-color: #222
}

.skyexchange .menu li,
.skyexchange .setting-wrap li {
	border-right-color: rgba(69, 32, 7, 0.2)
}

.skyexchange .menu li ul a,
.skyexchange .setting-wrap li ul a {
	color: #ffb80c
}

.skyexchange .menu a,
.skyexchange .setting-wrap a {
	color: #222
}

.skyexchange .menu a:hover,
.skyexchange .setting-wrap a:hover {
	background-color: transparent;
	text-decoration: underline
}

.skyexchange .menu .select,
.skyexchange .setting-wrap .select {
	box-shadow: inset 0 1px 3px 0 rgba(52, 9, 9, 0.5);
	background var(--menuActive)!important;
	background-position: inherit
}

.skyexchange .menu .tag-new,
.skyexchange .setting-wrap .tag-new {
	color: #ffffff
}

.skyexchange .setting {
	border-left-color: rgba(69, 32, 7, 0.2)
}

.skyexchange .setting img {
	background: url('data:image/svg+xml,<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M6 8.106c.385 0 .745-.096 1.081-.289.336-.192.602-.45.8-.771a2.002 2.002 0 0 0 0-2.099 2.19 2.19 0 0 0-.8-.779A2.139 2.139 0 0 0 6 3.88c-.385 0-.743.096-1.074.288-.33.193-.594.452-.792.78a2.002 2.002 0 0 0 0 2.098c.198.322.462.579.792.771.331.193.689.289 1.074.289zm4.605-1.515l1.288.981c.06.048.094.11.104.188a.333.333 0 0 1-.044.216l-1.244 2.077a.269.269 0 0 1-.156.13.336.336 0 0 1-.214-.015l-1.526-.591c-.394.279-.745.476-1.05.591L7.54 11.74a.364.364 0 0 1-.111.188.272.272 0 0 1-.185.072H4.756a.29.29 0 0 1-.281-.26l-.237-1.572A3.752 3.752 0 0 1 3.2 9.577l-1.54.591c-.158.068-.28.03-.37-.115L.047 7.976a.333.333 0 0 1-.044-.216.278.278 0 0 1 .104-.188l1.303-.98A4.395 4.395 0 0 1 1.38 6c0-.26.01-.457.03-.591L.107 4.428a.278.278 0 0 1-.104-.188.333.333 0 0 1 .044-.216l1.244-2.077c.09-.144.212-.183.37-.115l1.54.591c.356-.26.701-.457 1.037-.591L4.475.26A.29.29 0 0 1 4.756 0h2.488c.069 0 .13.024.185.072.054.048.091.11.111.188l.222 1.572a3.87 3.87 0 0 1 1.051.591l1.526-.591a.336.336 0 0 1 .214-.015c.064.02.116.063.156.13l1.244 2.077c.04.067.054.14.044.216a.278.278 0 0 1-.104.188l-1.288.98c.02.135.03.332.03.592 0 .26-.01.457-.03.591z" fill="%23222" fill-rule="evenodd"/></svg>') no-repeat
}

.skyexchange .one_click {
	border-top-color: #ffb80c;
	color: #ffb80c !important;
	background-image: linear-gradient(180deg, #444 13%, #1b1b1b 81%);
	background-position: inherit
}

.skyexchange .one_click img {
	background-position: -94px -6650px
}

.skyexchange .one_click.select {
	color: #1e1e1e !important;
	background-image: linear-gradient(180deg, #00c15d 0%, #009347 100%) !important;
	background-position: inherit
}

.skyexchange .one_click.select img {
	background-position: -94px -6620px
}

.skyexchange .one_click.select:hover {
	background-image: linear-gradient(180deg, #009347 100%, #00c15d 0%) !important
}

.skyexchange .one_click:hover {
	background-image: linear-gradient(0deg, #444 19%, #1b1b1b 87%)
}

.skyexchange .slip_set-pop a:hover,
.skyexchange .oneclick_set-pop a:hover {
	text-decoration: none
}

.skyexchange .slip_set-pop .btn-send,
.skyexchange .oneclick_set-pop .btn-send,
.skyexchange .slip_set-pop .nova88exch .total_all .search-but,
.nova88exch .total_all .skyexchange .slip_set-pop .search-but,
.skyexchange .oneclick_set-pop .nova88exch .total_all .search-but,
.nova88exch .total_all .skyexchange .oneclick_set-pop .search-but,
.skyexchange .slip_set-pop .super6exchange .total_all .search-but,
.super6exchange .total_all .skyexchange .slip_set-pop .search-but,
.skyexchange .oneclick_set-pop .super6exchange .total_all .search-but,
.super6exchange .total_all .skyexchange .oneclick_set-pop .search-but {
	color: #f8d61c
}

.skyexchange .time_zone {
	color: #000
}

.skyexchange .time_zone span {
	color: #9a7816
}

.skyexchange .menu-list li { position: relative;
	border-bottom-color: #efe1c1
}
.skyexchange .menu-list li a{ position: relative;}
.skyexchange .menu-list li a::after{content: '\f105'; position: absolute; right: 5px; top: 5px; border: 1px solid var(--primary-color); width: 15px; height: 15px; text-align: center; line-height: 15px; border-radius:3px; font-family: FontAwesome; color: var(--primary-color);}
.skyexchange .menu-list li a:hover::after, .skyexchange .menu-list li a.select::after{border: 1px solid var(--primary-color); background: var(--primary-color); color: #fff;}

.skyexchange .menu-list a {
	color: #222
}

.skyexchange .menu-list a:hover {
	background-color: #f2dca7
}
.skyexchange .menu-list .select {
	background-color: #f2dca7;
	color: #222
}

.skyexchange .menu-list .select:hover {
	background-color: #f2dca7
}

.skyexchange .menu-list .Go {
	background-position: 100% -2750px;
	height: 25px;
	width: 31px
}

.skyexchange .menu-list .Go:hover,
.skyexchange .menu-list .Go.Go-skyEX-hover {
	background-position: 100% -2775px
}

.skyexchange .path {
	background: #222
}

.skyexchange .path a {
	color:var(--primary-color)
}

.skyexchange .path .path-back {
	background-position: 0 -6675px;
	height: 25px;
	width: 36px
}

.skyexchange .path .path-back:hover,
.skyexchange .path .path-back.path-back-skyEX-hover {
	background-position: 0 -6700px
}

.skyexchange .path .path-back.select {
	background-position: 0 -6700px;
	height: 25px;
	width: 36px
}

.skyexchange .path-pop {
	background-color: #222
}

.skyexchange .login_to_go {
	background-color: #ffb80c
}

.skyexchange .login_to_go .close {
	background-position: -394px -1240px;
	height: 20px;
	width: 20px
}

.skyexchange .one_click-setting {
	color: #1e1e1e;
	background-repeat: repeat-x;
	background-color: #008841;
	background-position: 0 -6091px
}

.skyexchange .one_click-setting a {
	border-color: #005f2d
}

.skyexchange .one_click-setting .a-edit {
	color: #1e1e1e
}

.skyexchange .one_click-setting .a-edit img {
	background-position: -405px -2448px;
	height: 9px;
	width: 9px
}

.skyexchange .one_click-stake {
	background-position: 0 -5511px;
	height: 31px;
	width: 414px
}

.skyexchange .one_click-stake input,
.skyexchange .one_click-stake textarea {
	border-color: #005f2d;
	color: #fff;
	background-color: #1f8c53
}

.skyexchange .one_click-stake input:focus,
.skyexchange .one_click-stake textarea:focus {
	border-color: #fff;
	background-color: #00632f
}

.skyexchange .menu .logout,
.skyexchange .setting-wrap .logout {
	border-left-width: 0
}

.skyexchange .menu .logout img,
.skyexchange .setting-wrap .logout img {
	background: url('data:image/svg+xml,<svg width="10" height="11" xmlns="http://www.w3.org/2000/svg"><path d="M5.71 7.706l1.432-1.604H1.778V4.898h5.39L5.71 3.294l.781-.86L9.278 5.5 6.49 8.565l-.78-.86zM1.12 0C.825 0 .564.124.339.372a1.24 1.24 0 0 0-.339.86v8.536c0 .325.113.611.339.86.225.248.486.372.78.372H8.88c.295 0 .556-.124.781-.372a1.24 1.24 0 0 0 .339-.86V7.333H8.88v2.435H1.12V1.232h7.76v2.435H10V1.232a1.24 1.24 0 0 0-.339-.86C9.436.124 9.175 0 8.881 0H1.12z" fill="%23222" fill-rule="evenodd"/></svg>') no-repeat
}

.skyexchange .footer_fixed .main_wrap,
.skyexchange .footer_fixed .header {
	background-color: #f0ece1
}

.skyexchange .submit-wrap .btn-send span,
.skyexchange .submit-wrap .nova88exch .total_all .search-but span,
.skyexchange .submit-wrap .super6exchange .total_all .search-but span{
	background-color: #666
}


html {
	height: 100%
}






@media screen and (-webkit-min-device-pixel-ratio: 0) {
	.game-scores .scores-inns {
		display: inline-block;
		transform: scale(0.8)
	}

	.slider {
		display: flex
	}

	.fancy-info {
		padding: 0 6px;
		transform: scale(0.9)
	}

	td .fancy-info {
		padding: 0
	}

	.table-pt td {
		padding: 8px 3px
	}
}

.dd-tips .fancy-tips:not(*:root) {
	transform: scale(0.9)
}

.tag-new:not(*:root) {
	padding: 6px;
	transform: scale(0.8)
}

.other-tab .tag-new:not(*:root) {
	top: -12px;
	right: -16px
}

.menu .tag-new:not(*:root),
.setting-wrap .tag-new:not(*:root) {
	padding: 0 10px 0 20px;
	transform: none
}

.game-E:not(*:root) {
	transform: scale(0.9)
}





.bet-slip-container{
    overflow: scroll!important;
    z-index: 99;
    height: calc(100vh - 0px)!important;
	height: -webkit-calc(100vh - 0px)!important;
}

.bet-slip-container {
    display: inline-block;
    vertical-align: top;
    padding-right: 11px;
    width: 360px;
    height: calc(100vh - 85px);
    height: -webkit-calc(100vh - 85px);
    background: #fffff9 !important;
    overflow-y: scroll;
}

.leftsideMenu{
	display:inline;
	text-align:center;
    vertical-align: top; 
    padding-left: 11px;
	width: 264px;
	height: calc(100vh - 85px);
    height: -webkit-calc(100vh - 85px);
    background: #fffff9 !important;
    overflow-y: scroll;
}

.imgesizes{
	padding: 0px 100px 0px 100px !important;
}

.leftCol{margin-left: 0; margin-right: 26.04167%; padding: 0 15px 0 0;}


.tgreen{
    color: #3EBE71 !important;
    font-weight: bold;
  }
  
  .tred{
    color: #F62727 !important;
    font-weight: bold;
  }
  
  .login-wrap li{ position: relative;}
  .toggelPass{ position: absolute; right: 5px; top: 6px;}
  .search-wrap{ width: 280px;}
  .search-wrap .completer-holder{ width: 100%;}
  .search-wrap .completer-holder input{ width: 100%; padding: 0 0 0 30px; height: 25px;}
  .search-wrap::before{ top:44%;}
  .login_to_go .close{ right: 9px;}
/******************************  details page ******************************/

.slideScore {
    background-color: #000000;
    margin-top: -2px;
}



app-live-score .dropdown{
    margin: 5px 0px !important;
}

app-live-score .dropdown button{
    background-color: var(--cricket)!important;
    width: 100% !important;
    border-radius: 0;
    padding: 9px 10px;
}

.live-bets-report .report-event-title {
	background-color: rgba(0, 0, 0, .2);
	padding: 6px;
	color: #fff
}

.live-bets-report .table {
	table-layout: unset
}

div#UnrealPlayer1 {
	width: 100% !important;
  }
  
  video#UnrealPlayer1_Video {
	width: 100% !important;
  }
  
  .live_pop.match {
	margin-top: 0px;
	border-top: solid 2px #e5943f;
	margin: 0 -5px 0 -8px;
  }
  

  .negative{
	color: red!important;
  }
  .positive{
	color:green !important;
  }

  .tgreen{
	color: green !important;
}

.text-green{
	color: green !important;
}
.text-red{
    color: red !important;
}
  .slip-wrap h3, .matched-wrap h3, .live-wrap h3, .tv-wrap h3{ margin: 0;}
  .slip-list h4, .slip-list .tc-content h5, .tc-content .slip-list h5{ font-size: 11px; margin: 4px 0;}
  .incre-decre-btn-bg{ background: none; border: none; padding: 0 5px;}
  .slip-back .col-stake_list li, .slip-lay .col-stake_list li, .slip-book .col-stake_list li{ width: auto;}
  .slip-back .col-stake_list a, .slip-lay .col-stake_list a, .slip-book .col-stake_list a{ line-height: 10px;}
  .game-wrap, .game-highlight-wrap, .game-wrap-horse{ border: none; margin: 0;}
  .slip-lay .keep-option input{ margin-top: 5px;}
  .btn{ line-height: 15px;}
  .tab{ margin: 10px 0;}


  .titlename{margin-bottom: 10px; width: 100%;}

.titlename50{width: 49.5%; margin-bottom: 10px;}

.titlename30{width: 32.5%; margin-bottom: 10px;}

.ditlabar {
    min-height: 30px;
    height: auto;
    padding: 5px 8px;
    border-radius: 8px 8px 0 0;
    background-color: var(--bg-table-header);
    color: var(--text-table-header);
    width: 100%;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.slip-option label{ font-weight: 400;}
.slip-option input{ margin: 0 5px 0 0;}
.sport_list-wrap{ border-bottom:none;}
.game-wrap{ margin: 0 0 15px;}
.game-wrap h3{margin: 0;}
.special_bet h5{ padding-left: 10px; line-height: 6px; font-size: 12px!important;}
app-exposure-details .modal-content .table-header{ background: #000;}
app-live-score .maindroppa p span{float: none;}
app-live-score .maindroppa span{ float: right;}
.matched-wrap{ border-bottom: none;}
.bg-white{ background: #fff;}
.bets-wrap dl, .bets-wrap .fancy-head h4{ margin: 0px;}
.bets-wrap .listRow .mchList dl{ display: none;}
.bets-wrap .listRow .runerinfo0 dl{ display: flex; align-items: center; 
    overflow: hidden !important;
     text-overflow: ellipsis !important;
}
.bets-wrap .listRow .runerinfo0 dl .dd-tips{ position: relative; text-align: right; display: block;}
.bets-wrap .listRow .runerinfo0 dl .dd-tips .btn-book{ display: inline-block; font-size: 10px;}
.whiteBox{ padding: 0!important;}
.close{ color: #000!important;}
.loading-icon{ padding-bottom: 0!important; height: auto!important;}
app-live-score .dropdown button:focus{ border: 0!important;}
#sr-widget{ width: 100%!important;}
.game-head dl{ margin: 0;}
.col-odd input{ padding-right: 6px!important;}
.slip-list .col-icons{ margin: 0 3px;}
.slip-list .col-icons button{background: #eee; color: #000; border-radius: 3px; font-size: 8px;}
.full_btn .btn-wrap .btn{ line-height: 10px!important; width: 90%;}
.acceptAnyOdds{ display: flex; align-items: center;}
.slip-option li{ display:flex; align-items: center;}
.slip-option label{ margin: 0;}
.bookmaker_bet{ border: 1px solid #7e97a7; border-bottom: none;}
.khadotd, .khadotd:hover{ border-left: none!important; background: none!important;}
.bets, .bets-HS, .bets-GH{ margin-top: -20px;}
.bets-wrap{ background: none; border: none;}
.bets-bookmaker .ng-star-inserted{ background-color: #FAF8D8;}
.bets-bookmaker .ng-star-inserted marquee, .bets-bookmaker .ng-star-inserted span{ background-color: transparent;} 
.bets-bookmaker .ng-star-inserted dl{ margin: 0;}
.refer_only{ top:-5px}
.game-matched{ margin: 0;}
app-player-account-details .padding-0{ padding: 0;}
app-player-account-details{display: block;}
app-player-account-details .form-group{ position: relative;}
app-player-account-details .form-group .fa-eye, app-player-account-details .form-group .fa-eye-slash{ margin-top: -40px;}
app-player-account-details .profile-panel .change-password-box form{ background: #fff; padding: 15px 15px 10px; border-bottom: 1px solid #7e97a7;}
app-player-account-details .profile-panel .change-password-head-text{ background: #7e97a7; font-size: 14px; font-weight: bold; padding: 5px 15px; color: #fff; margin: 0 0 10px;}
app-player-account-details .btn-submit-payment{ margin-left: 24px; background: #FFB80C; border: none; font-size: 12px; font-weight: bold;}
.card-header h4{font-size: 13px; font-weight: bold;}
.visible{ width: 100%;}
.filters div.date-btn-main{ margin-bottom: 0px!important;}
.date-btn-main div{ background: none!important;}
.row.margin-0.bet-history-status.balance-status{
	float: left;
	width: 100%;
}
 ngx-datatable{
	padding-left: 20px !important;
	float: left;
	width: 100%;
}
ngx-datatable datatable-body{
	height: calc(100vh - 320px) !important;
}
.usercontan{ height: calc(100vh - 120px); position: relative;}
/* .usercontan .filters{ margin: 0 0 0 15px!important;} */
.usercontan .filters .games-section{ display: flex; align-items: center; }
.container-main-profit-loss .filters{padding: 0 18px 0 0!important;}
.filters .befoclass{ background-color: #fff!important; }
.filters .filter-type{ margin-left: 0!important;}
.filters .filter-type select:focus{ outline: 0;}
#dateRange, #mobiledateRange{ height: 30px!important; padding: 5px!important; font-size: 12px; margin: 0!important; box-shadow: none; background: none!important;}
#dateRange:focus, #mobiledateRange:focus{ outline: none; box-shadow: none; border: 1px solid #cdcdcd!important;}
.colDate div{ margin: 0 0 0 5px!important; padding: 0!important;}
.filter-type{ padding: 0!important;}
.befoclass select{ height: 30px!important; margin: 0!important; background: none!important; border: 1px solid #cdcdcd!important; margin-right: 10px!important;}
.balance-custom-btn{ background:#243a48!important; margin: 0 0 0 5px; line-height: 15px;}
.document_button{ background-color: none!important; margin: 5px 0;}
.document_button .btnpdf, .btnexc{ background: none!important;}
.balance-status{ margin: 0 0 0 2px; width: 98.2%!important;}
.balance-status ngx-datatable{ padding: 0!important; font-size: 12px!important;}
.empty-row, .empty_message, .bet-table-nodatafu{ padding: 10px; font-weight: bold; font-size: 16px;}
.profileWrap{ width: 1350px; margin: 0 auto;}
.profileWrap .col-center{ margin-right: 0; margin-left: 17.99111%;}
  app-bet-history .balance-status > ngx-datatable {
	height: calc(100vh - 200px)!important
  }
  app-player-profit-loss .balance-status > ngx-datatable {
	height: calc(100vh - 270px)!important
  }
  app-account-statement .balance-status > ngx-datatable {
	height: calc(100vh - 200px)!important
  }
  app-player-activity-log .balance-status > ngx-datatable {
	height: calc(100vh - 250px)!important
  }
  app-player-activity-log .balance-status > ngx-datatable datatable-body{height: calc(100vh - 270px) !important;}
.ngx-datatable .datatable-body-row{ border-bottom: 1px solid #ccc; line-height: 16px;}
.ngx-datatable .datatable-footer .datatable-footer-inner{ justify-content: center;}
.ngx-datatable .datatable-footer .datatable-pager{text-align: center!important; flex:inherit!important;}
.ngx-datatable .datatable-footer .datatable-pager .pager, .ngx-datatable .datatable-footer .datatable-pager .pager{ display: flex!important;}
.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell{height: 30px!important;}
.pager li > a{ border-radius: 0; height: 40px;}
.ngx-datatable .datatable-footer .datatable-pager .pager, .ngx-datatable .datatable-footer .datatable-pager .pager li{ vertical-align: middle;}
.pager li{ border: 1px solid #dee2e6; margin-left: -1px!important;}
.pager li > a, .pager li > span{ padding: 12px 12px 10px 12px;}
.pager li > a{ line-height: 16px;}
.ngx-datatable .datatable-header{ background: #e4e4e4; border-top: 1px solid #7e97a7; border-bottom: 1px solid #7e97a7; height: auto!important; padding: 5px;}
.ngx-datatable .datatable-body .datatable-scroll{ padding: 5px 8px;}
ngx-datatable datatable-body datatable-row-wrapper .datatable-row-detail{ display: flex; justify-content: flex-end;}
.ngx-datatable *, .ngx-datatable :after, .ngx-datatable :before{ font-size: 12px;}
.usercontan .filters{ padding: 0px;}
.usercontan .filters .games-section{margin: 10px 0 10px!important; background: none!important; position: relative; left: -15px;}
.ngx-datatable .visible{ background: #fff; position: relative; height: 100%;}
app-player-profit-loss .ngx-datatable .datatable-body .visible { height: 300px!important; position: relative; margin: 10px 0 0;}
app-player-profit-loss .ngx-datatable .datatable-body .visible .datatable-footer{ position: absolute; bottom: -20px; right: 0;}
.usercontan .games-section .games-text{margin: 10px 0 0 -1px; background: #fff;}
.usercontan .games-section .games-text a{ padding: 8px 15px!important; font-weight: bold; display: block; border: 1px solid #3b5160;}
.usercontan .games-section .games-text a.custom-active-games{ background: #3b5160!important; color:#fff!important}
/* .tabsRow .tab{ margin-left: -15px;} */
app-player-profit-loss .d3-foote{ border-radius: 0!important;}
.d3-footer{ border-radius: 0px!important; clear: both; position: relative; top:-3px; margin:0!important;}
.d3-footer .mobilevv{ background: #fff!important; display: block; width: 100%;}
.d3-footer .mobilevv .col-lg-12{text-align: center!important;}
.befoclass .display-ib, .befoclass .select_filter{ margin: 0!important; padding: 0!important;}
.daterangepicker .drp-buttons .btn{ float: left;}
.daterangepicker .drp-buttons .btn:hover{background:#3b5160; color: #fff;}
app-d4-gametype-marketcard{min-height: 450px; display: block; clear: both}
.container-main-activitylog .activity-log-text-2 svg{display: none;}
.filter_by_page input{ box-shadow: none; margin: 0; border: 1px solid #ccc; text-transform: capitalize;}
.filter_by_page button{ padding: 5px 10px!important;}
.filter_by_page input:focus{  box-shadow: none; outline: none;}
.modal-footer .close-modal .btn{ background:#3b5160!important; color:#fff!important; border: none!important;}
.modal-body .nav-link{ color:#000}
.modal-body .tab-pane{padding: 10px 0 0;}
.suspendedtext {
	position: relative;
	pointer-events: none
}
.suspendedtext:after {
	content: attr(data-title);
	text-transform: capitalize;
	background-color: rgba(36, 58, 72, 0.4);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	height: 100%;
	width: 100%;
	right: 0px;
	top: 0px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	cursor: not-allowed;
  pointer-events: none; text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  opacity: 0.9
}
.matchtit{ width: 90px; border-radius: 3px; display: flex; align-items: center; margin: 18px 0 10px; background: #3b5160; padding: 2px 10px; color:#fff; cursor: pointer;}
.matchtit svg{ margin: 0 5px 0 0; fill:#fff!important;}
.bet_slip .full_btn .slip-option{ margin: 0 0 15px;}
.acceptAnyOdds input{ margin-top:0!important;}
.fancy_bet { background: #fff!important;}
.fancy_bet .bet-all{ border-bottom:1px solid #7e97a7!important;}
.listRow{border-bottom:1px solid #7e97a7!important;}
.listRow th{ border-bottom: none!important;}
.listRow .td-fancy_merge .fancy-info{ flex-direction:column; padding-left: 20px;}
.usercontan .filters .tabsRow .tab{ width: 100%; max-width: 100%;}
.usercontan .filters .tabsRow .tab.col3 li{ width: auto;}
.usercontan .filters .tabsRow .tab li a{ padding: 0 20px;}
@media(max-width:1680px){
	.slip-list .oddCol .short-amount {
		max-width: 100px;
	}
	.slip-list .slip-back dt, .slip-lay dt, .slip-book dt{width: 39.0904%;}
	.headSlip .slip-back dt, .headSlip .slip-lay dt, .headSlip .slip-book dt{width: 38.0904%;}
	.bets-bookmaker th, td{ border-bottom: none!important;}
	.bets-bookmaker tr{border-bottom: 1px solid #7e97a7!important;}
	.bets-bookmaker .predict{width: 210px!important; display: block;}
	.full-wrap .slip-wrap{ overflow: auto;}
	
	.bets-wrap .disabled:before{left:67%;}
}
.popimgcoin .modal-header .modal-title{ font-size: 18px;}
.popimgcoin .modal-header .modal-title .close{ border: none!important; opacity:inherit!important;}
.popimgcoin .modal-header .modal-title .close span{ font-size:20px; color: #000;}
.ch-theme{ display: flex; justify-content: center; flex-wrap: wrap;}
.ch-theme li{display: flex; align-items: center; width: 25%; background: #000; border: 1px solid #fff; padding: 10px;  margin: 10px; cursor: pointer; border-radius: 10px; transition: all 0.5s ease 0s ;}
.ch-theme img{ max-width: 100%; border-radius: 10px;}
.ch-theme li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
.ch-theme li:focus{ box-shadow: none;}
.bets-wrap .disabled{ position: relative;}
.bets-wrap .disabled:before{ 
	/* content:attr(data-title);  */
	color:#000; position: absolute; left:63%; top:52%; font-weight: bold; text-shadow: 2px 2px 4px rgba(0, 0, 0, .5);}

.changePasswordModal  .modal-title{font-size: 18px;}
.changePasswordModal input {padding: 20px 15px;}
.changePasswordModal .modal-body{padding: 15px 22px!important;}
.changePasswordModal .modal-footer {border-top: none; padding-top: 0; justify-content: flex-end;}
.changePasswordModal .modal-footer .btn-primary{font-size: 12px; background: #FFB80C !important; border: none !important;   padding: 12px 15px; float: right;}
.changePasswordModal span.errorMa {color: red;}
.changePasswordModal span.eyeIcon {position: absolute; right: 13px;  top: 15px;}
.changePasswordModal .form-group {position: relative;}
.changePasswordModal .modal-dialog {width: 520px;}

.close{ opacity: inherit!important;}
app-agree-continue-rules .largerCheckbox{outline: none!important; box-shadow: none!important; width: 25px!important; height: 25px!important;}
app-agree-continue-rules .modal-footer{align-items: center;}
app-agree-continue-rules .modal-footer .btn-primary{ color:#000; font-size: 12px; background: #FFB80C!important; border: none!important; box-shadow: none!important; margin: 0px; padding: 12px 15px}
.login-wrap .fa-user{position: absolute; left: -18px; top:8px; color:#FFB80C;}
.slip-list { margin: 0 0 15px;}
.slip-list .oddCol{ line-height: 13px;}
.slip-list .oddCol .short-amount{ font-size: 11px;}
.slip-list h6{ font-weight: bold; padding: 0 10px; font-size: 11px;}
.slip-back dd:last-child, .slip-lay dd:last-child{ float: right; margin-right: 10px;}
.slip-back dt, .slip-lay dt{ display: flex; align-items: center; flex-wrap: wrap;}
.login-panel .toggelPass{ margin: 5px 0 0;}
.login-panel .form-control:focus{padding: 6px 12px;}
.slip_set-pop .btn-send:hover{ background: #243a48!important; color:#fff;}
.form-control{ font-size: 12px;}
.daterangepicker.show-calendar .drp-buttons{    display: flex; align-items: center; justify-content: end;}
.daterangepicker .drp-buttons .btn{ margin-bottom: 0;}
app-casino-winner-details .modal-footer{ display: flex;}
.iconview{
    float: right;
    padding: 7px;
}
.game-wrap .collapsed .fa-minus-square {
    display: none;
}
.game-wrap  .collapsed .fa-plus-square {
    display: inline-block;
}
.game-wrap .fa-plus-square {
    display: none;
}
.keep-option{ display: flex; justify-content: space-between; width:100%; flex-direction: row-reverse;}
.filterTab{width: 100%; white-space: nowrap; display: flex; margin: 20px 0; }
.filterTab a{ background-color: #222; padding: 3px 20px; min-width: 82px;}
.filterTab a img{height: 34px!important;}
.gameTab{width: 100%; overflow: hidden; overflow-x: auto; white-space: nowrap;display: flex; margin: 20px 0 0; border-left: none;}
.gameTab a{ display: block; padding: 3px 15px;}
.popimgcoin{ width: 100%!important;}
.popimgcoin .modal-header .close{ right: 6px!important;}
.footermm button{ width: 101%!important; padding: 25px 0!important; color: #fff !important; font-size: 18px;}
app-d4-player-event-detail .footermm button{ width: 100%!important; padding: 15px 0!important; color: #000 !important; font-size: 18px;}
app-d4-player-event-detail .footermm button:hover{background: #3b5160!important; color:#fff!important}
.wearecasin { width: 70%; margin: 0 auto; }
.gamehall-wrap-simple{ overflow-x: auto; height: calc(100vh - 330px); align-content: start;}
.homeCasino .gamehall-wrap-simple{ height:auto!important; margin:8px 0}
#marketName{ width:100%;}
.live_pop.match{ margin: 0;}
.uldata{ list-style: none; align-items: center;}
.uldata .suspended{ display: flex; justify-content: center; align-items: center;}
.event_card .wrapper_card .card_event:hover{border-left: solid 5px #FFB80C!important;}
.uldata .suspended p{ color: #fff!important;}
.uldata .casinoodds{ padding: 5px 0!important;}
app-casino-event-detail div.container-livescore.casino.for-d4{height: calc(100vh - 150px) !important; overflow-x: hidden!important;}
app-accept-rules .modal-footer .close-modal .btn{ float: right;}
.scoreboard-2 .tName{ top:-24px!important;}
.scoreboard-2 .score-header .top-header{ width:96%!important}
.runs-needs{ font-size: 12px;}
.scoreboard-2 .score-header .detail-score .run-rates .run-rate{ font-size: 12px!important;}
.score-details .header{ width: inherit !important; height: inherit!important;}
.cardagr, .cardandtit{ list-style: none;}
.text-right{ text-align: right!important;}
.slip-head .col-stake, .matched-head .col-stake{width: 19.17647%;}
ngx-datatable datatable-body .empty-row {
	background-image: none!important; font-size: 0px; display: flex; justify-content: center; align-items: center;
}
ngx-datatable datatable-body .empty-row::after{ content: 'No Record found'!important; font-size: 18px; padding: 10% 0 0;}
/* .dummyArea .entrance-half{ min-height: 311px;} */
.dummyArea .menu{width: 100%; display: flex; align-items: center; background: #ddd; gap: 0 1px; border-radius: 5px; margin: 20px 0; overflow: hidden;}
.dummyArea .menu .menu-item{animation: placeHolderShimmer 1.25s infinite linear; min-width: 120px; min-height: 40px; text-align: center;
	background: #ced5da linear-gradient(to right, #ced5da 8%, #d8dfe4 18%, #ced5da 33%);
	background-size: 800px 104px;}
.dummyArea .menu .menu-item img{height: 40px;}
.dummyArea .subListDummy{width: 100%; display: flex; align-items: center; background: #ddd; gap: 0 1px;  border-radius: 5px; margin: 0 0 20px; list-style: none; overflow: hidden;}
.dummyArea .subListDummy li{animation: placeHolderShimmer 1.25s infinite linear; min-width: 100px; min-height: 38px; text-align: center; font-size:13px; font-weight: bold; display: flex; justify-content: center; align-items: center;
	background: #ced5da linear-gradient(to right, #ced5da 8%, #d8dfe4 18%, #ced5da 33%); background-size: 800px 104px;}
.dummyArea .subListDummy li:first-child{min-width: 48px;}

app-virtual-sports .gamehall-wrap-simple, app-slot-game .gamehall-wrap-simple{height: calc(100vh - 122px);}
app-d4-acecasino-event .gamehall-wrap-simple{height: calc(100vh - 280px);}



@media(max-width:1680px){
	.wearecasin { width: 80%;}
	.grayBox{ width: 96%!important;}
}
@media(max-width:1499px){
	.wearecasin { width: 95%;}
	.slip-list .oddCol .short-amount{text-overflow: ellipsis; white-space: nowrap; width: 82px; max-width: none;}
	.gamehall-wrap-simple{ height: calc(100vh - 275px);}
}
/* @media(max-width:1440px){
	.menu-wrap a {padding: 0 8.5px;}
} */

@media(max-width:1349px){
.usercontan .filters .tabsRow .tab li a{ padding: 0 12px;}
}
@media(max-width:1299px){
	.power-wrap{ width: 100%;}
}
@media(max-width:1199px){
	body{ font-size: 11px;}
	.fancy_bet .bets, .sportsbook_bet .bets, .bookmaker_bet .bets, .fancy_bet .bets-HS, .sportsbook_bet .bets-HS, .bookmaker_bet .bets-HS, .fancy_bet .bets-GH, .sportsbook_bet .bets-GH, .bookmaker_bet .bets-GH{ table-layout: inherit;}
	.slip-head .col-bet, .matched-head .col-bet{width: 41.23529%;}
	.slip-list .slip-back dt, .slip-lay dt, .slip-book dt {width: 44.0904%;}
	.slip-back .col-loss, .slip-lay .col-loss, .slip-book .col-loss{    width: 24.75141%;}
	.slip-list .oddCol .short-amount{ font-size: 9px;}
	.slip-list .oddCol{ font-size: 9px;}
	.slip-back dt .slip-type, .slip-lay dt .slip-type, .slip-book dt .slip-type{ width: 28px; text-align: center; font-size: 8px;}
	.slip-back dd:last-child, .slip-lay dd:last-child{ margin-right: 3px;}
	.game-list-col{ padding: 0 5px;}
	.bets .bet-all span, .bets-HS .bet-all span, .bets-GH .bet-all span{ font-size: 10px;}
	.maindroppa p{ font-size: 11px;}
	.filterTab a{ padding: 0 10px;}
	.filterTab img{ height: 30px!important;}
}
.live_pop{ background:#000;}
.inputboxmain1{ width: 50%; margin: 0 auto!important;}
.slider::-webkit-slider-thumb {
	width: 35px;
	height: 35px;
	background: #3b5160!important;
  }
.inputboxmain1{ width: 100%;}
.amountValue{ font-weight: bold;}
.scard-change{ background: #000; padding: 5px 0 10px;}
.grayBox{ 
	background: var(--mainLightColor, #ffb80c)!important; border-radius: 0 0 10px 10px!important;
} 
.scoreboard-2 .tName{ background: var(--heading-color)!important;}
.scoreboard-2 .score-header .detail-score .small-score-details{ background: #000 !important;}
.scoreboard-2 .score-header .detail-score .small-score-details .more-tab .more-arrow{bottom: -39px!important;}
.scoreboard-2 .score-header .top-header{ border:2px solid var(--heading-color)!important; border-radius: 0!important;}
.scoreboard-2 .score-header .left-team .team-name .team-img, .scoreboard-2 .score-header .right-team .team-name .team-img{border: 2px solid #394e5d!important; box-shadow: none!important; background: #000!important; width: 88px!important; height: 88px!important; bottom: -5px!important; border-radius: 0!important;}
.scoreboard-2 .score-header .right-team .team-name .team-img{right: -2px!important; border-left: 0!important; border-radius: 0 10px 0 0!important;}
.scoreboard-2 .score-header .left-team .team-name .team-img{left: -2px!important; border-right: 0!important; border-radius: 10px 0 0 0!important; }
.scoreboard-2 .score-header .detail-score .small-score-details{border-radius: 5px!important;}
.filter-type{ display: flex; align-items: center;}
.filter-type span{ display: block;}
@media (max-width:1600px) {
	.scoreboard-2 .score-header .left-team .team-name .team-img, .scoreboard-2 .score-header .right-team .team-name .team-img{ width: 85px!important; height: 85px!important; bottom: -9px!important;}
	.scoreboard-2 .score-header .top-header{ width: 98%!important;}
	.scoreboard-2 .score-header .detail-score .small-score-details{ width: 98%!important;}
	.scoreboard-2 .score-header .detail-score .small-score-details .more-tab .more-arrow{ bottom: -36px!important;}
	.grayBox {width: 98%!important;}
}
@media(max-width:1366px){
	.full-wrap, .top, .menu-wrap{ max-width: 100%; min-width: 100%;}
	.tamil .tab.inplaysection a{font-size: 12px;}
	.tamil .game-head .fancy-info { font-size: 9px; }
	.tamil .fancy-info dt span { width: 40px; } 
	.tamil td .fancy-info:last-of-type { width: calc(54% - 3%); }
	/* .tamil li.account a.username-info { font-size: 7px !important; } */
}
@media(max-width:1280px){
	/* .menu-wrap a{ padding: 0 6px;} */
	.col-center.gamehall{ width: 98%;}
}
.videoWrapper { width: 50%; margin: 0 auto;
    position: relative;
    padding-bottom: 28.25%; /* 16:9 */
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; border: none!important;
    height: 100%;
}
.live_pop{ margin:0 0 10px!important}
.disabled .suspend{background: rgba(51,51,51,0.2) url(images/bg-disabled.png); width: 100%; height: 100%; font-size: 0px; border: none;}


.bets.bets-bookmaker tr, .bets tr{
	border-bottom: 1px solid #7e97a7; position: relative;
}

.fancy_bet tr{
	border-bottom: none;
}


.searchhh .completer-dropdown-holder .completer-dropdown {
    width: 100% !important;
    height: 150px !important;
    overflow-y: scroll !important;
	overflow: hidden;
}
.header .logoBox{ width:158px; height: 50px; margin: 0 30px 10px 0; float: left; }
.header .logoBox a{ height: 100%; display: flex; align-items: center;}
.header .logoBox img{ max-width: 100%; max-height: 100%; }

.othertheme .modal-dialog{ max-width: 700px;}
.othertheme .modal-header{ border-bottom: 1px solid #f0f0f0;}
.icetheme .modal-header{ border-bottom: 1px solid #fff;}
.othertheme .modal-title{ color:#000; font-weight: bold;}
.othertheme .ch-theme li{ width: inherit; border: none; padding: 0; }

@media(max-width:575px){
	.ch-theme li{ width: 40%;}
}



.slip-list .slip-back dt, .slip-lay dt, .slip-book dt{
	/* flex-wrap: nowrap; */
}

.fancy-suspend-tr.high-index .fancy-suspend {
    z-index: 6;
}

.game-list-col span.fancy_icon_listing, .game-list-col span.market_icon_listing {
    padding: 0px;
    display: inline-flex;
    width: 17px;
    align-items: center;
    margin: 0px;
    height: 16px;
    justify-content: center;
    border-radius: 3px;
    vertical-align: middle;
}
.game-list-col span.fancy_icon_listing img, .game-list-col span.market_icon_listing img {
    width: 12px;
    height: 12px;
}
span.market_icon_listing {
    background: #226bc3;
}
span.fancy_icon_listing {
    background: #0a92a5;
    margin-right: 3px !important;
}
.ford6{ display: none;}

/* Loader Css */
.loader-cycle-disks{ left: 68px; position: absolute; z-index: 9; top: 25px;}
.loader-cycle-disks:before, .loader-cycle-disks:after {
	content: '';
	left: 0;
	position: absolute;
	width: 21px;
	height: 21px;
	border-radius: 50%;
	background-color: #3d5161;
	-webkit-animation: movingCircles 1s infinite ease-in-out;
			animation: movingCircles 1s infinite ease-in-out;
  }
  .loader-cycle-disks:after {
	-webkit-animation-delay: -0.5s;
			animation-delay: -0.5s;
	background-color: #fbb60c;
  }
  
  @-webkit-keyframes movingCircles {
	0% {
	  z-index: 1;
	  -webkit-transform: translate(0, 0);
			  transform: translate(0, 0);
	}
	50% {
	  z-index: 1;
	  -webkit-transform: translate(120%, 0);
			  transform: translate(120%, 0);
	}
	50.1% {
	  z-index: 0;
	  -webkit-transform: translate(120%, 0);
			  transform: translate(120%, 0);
	}
	100% {
	  z-index: 0;
	  -webkit-transform: translate(0, 0);
			  transform: translate(0, 0);
	}
  }
  
  @keyframes movingCircles {
	0% {
	  z-index: 1;
	  -webkit-transform: translate(0, 0);
			  transform: translate(0, 0);
	}
	50% {
	  z-index: 1;
	  -webkit-transform: translate(120%, 0);
			  transform: translate(120%, 0);
	}
	50.1% {
	  z-index: 0;
	  -webkit-transform: translate(120%, 0);
			  transform: translate(120%, 0);
	}
	100% {
	  z-index: 0;
	  -webkit-transform: translate(0, 0);
			  transform: translate(0, 0);
	}
  }
/* End Loader css */

/* ====== ADD HEADER CSS ======= */
/* .header.full-wrap {
	width: 100%;
	min-height: inherit;
	height: 54px
} */
.form-control-d3{ border: solid 1px #cdcdcd!important;}
.header.full-wrap {
    width: 100%;
    min-height: inherit;
    padding: 10px 0 0!important;
    height: auto!important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flexRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}


@media(max-width:1366px){
	/* .events-card-main .left-div-w-70 .eventTime {position: relative;	top: -4px;} */
	.header.full-wrap {
		padding-left: 12px !important; padding-right: 12px !important
	}
}
/* ====== ADD HEADER CSS ======= */


  .forget-password .btn-login, .singpopup .btn-login{ border: none!important; margin: 0 auto;}
  .allcontaiber{ width: 68%!important;}
  app-balance-overview .usercontan .filters{ margin: 0!important;}
  app-balance-overview .usercontan .form-control{ padding: 11px 0px 11px 16px !important; height: auto; }
  app-balance-overview .nav > li > a{ background: none!important; }
  app-balance-overview .inputbos, app-balance-overview .deposit-listing{ width: 100%!important;}
  app-balance-overview .amoutvalue{ margin-bottom: 10px; border: 0; }
  app-balance-overview .depositRow .filedisables:before{margin: 20px 12px!important;}
  app-balance-overview .depositRow .filefile{ width: 100%!important;}
  app-balance-overview .depositRow .filefile input{ width: 60%;}
  app-balance-overview .depositRow .btn-warning{ width: 100%!important;}
  app-balance-overview  .radiotext{ margin: 0 35px;}
  app-balance-overview .deposit-amounts-container button.btn.btn-warning{width: auto !important;}
  app-balance-overview .stepper{padding: 0 35px!important;}
  app-balance-overview .deposit-amounts-container button.btn.btn-warning:focus {
    outline: 0px !important;
}
 
  .pad35{ padding: 0 35px!important;}
  .amountfeild{ height: 50px;}
  .amountfeild::placeholder{color: #fff;}
  .apl-btn.apl-btn-large.btn-login{
	width: 100% !important;
	height: 44px;
    border: none;
  }
   

  .deposit-listing .list-group-item {
    display: block !important;
}
  .deposit-listing .list-group-item .fa.fa-copy {
    position: absolute !important; right: 20px;  top: 32px;  font-size: large;  z-index: 999;   width: 30px; height: 30px; text-align: center; line-height: 50px; cursor: pointer;
}

.deposit-listing .list-group-item .fa.fa-copy::after {
    top: 28px !important;
}
.text-link {
    color: #0088cc;
    cursor: pointer;
    font-size: 14px;
}
.rules-text-style p {
    line-height: 20px;
    font-size: 14px;
}
.rules-text-style ol {
    padding: 0 0 0 23px;
}
.rules-text-style ol li {
    list-style-type: auto !important;
    padding-bottom: 14px;
    font-size: 14px;
}
div#bonus-terms .modal-title .close > span {
    color: #000 !important;
}
.whatsappBar a i.fa.fa-whatsapp {
    font-family: FontAwesome;
}
app-banking-tranfer .filters .befoclass{width: 101.5%;}
app-d4-livecasino .filterTab, app-d4-acecasino-event .tab.filterTab, .filter_scrollable_sky{ overflow-x: auto;}
app-bank-transfer .filtermain .firterbox .searchfilter .div11 select{width: 120px;}
@media (max-width:1399px) {
	.filefile:before{ margin: 17px 10px!important;}
	.game-head .fancy-info {width: 18.5%;} 

}
.or-text {
    font-size: 15px;
    display: block;
    text-align: center;
    font-weight: bold;
    margin-bottom: 6px;
    padding-bottom: 4px;
    position: relative;
    z-index: 1;
    padding: 1px 7px;
    color: #000;
    float: left;
    width: 100%;
    margin-top: 14px;
}
	
	.or-text::after {
	  position: absolute; width: 44%; height: 1px; content: "";  left: 0; background: linear-gradient(45deg,transparent,#000);  top: 50%;
	}
	
	.or-text::before {
	  position: absolute;  width: 44%;  height: 1px;  content: ""; right: 0; background: linear-gradient(45deg,#000,transparent);  top: 50%;
	}
	
	.signUpNew_icons img {
	  height: 55px; filter: invert(1);
	  width: 55px;
	  margin: 0 4px;
	}

.forget-div{
	
    text-align: right;
    padding-top: 6px;
	padding-right: 5px;
   
}
.forget-pass-text {
    color: #000;
}
.loading-wrap ul.loading li {
    width: 100% !important;
}
.profit-loss-status.balance-status .ngx-datatable .datatable-footer .datatable-footer-inner {
    background: #fff;
}
#login .login-panel dd {
    width: 100%;
}
.qr-code-title {font-size: 18px;  text-transform: uppercase;   color: #0a365b;    border-bottom: solid 1px #ccc !important; font-weight: 600; padding: 14px 0 14px;}
.qr-code li button:hover {background: #ec971f;}
ul.qr-code li .accountName {background: #011931;  color: #fff;  padding: 14px 12px;  border-radius: 4px;  margin: 10px 0px 16px; text-transform: uppercase;}
ul.qr-code li > .scan-code {
	width: 210px;;   
}
ul.qr-code li label { display: none !important; }
ul.qr-code li > button { border: 0;padding: 14px 10px; width: 100%; color: #000; border-radius: 4px; font-weight: bold; background-color: var(--primary-color) !important; }
ul.qr-code li > button:hover { box-shadow: inherit !important; opacity: 0.8; }
.qr-code {display: flex;  flex-wrap: wrap; align-items: center; justify-content: center;   margin: 30px 0px 20px; list-style-type: none;}
ul.qr-code li { flex-basis: 100%;}
ul.qr-code li label { font-size: 14px;}
ul.qr-code li label, span.accountName {display: block; font-weight: 400;}
.transction-modal button.view_bet {
    background: #ffb80c !important;
}
.transction-modal .footer-modal {
    border-top: 1px solid #e5e5e5;
}

.deposit-modal-ui .modal-dialog { min-height: inherit !important; }





.signUpNew_whattsUp {
	margin: 10px 0 15px; 
}

.signUpNew_whattsUp_title {
	margin: 0 10%;
	text-align: center;
	font-weight: 500;
	font-size: 14px;
	color:  #000;
	line-height: 23px;
}

.signUpNew_icons {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	color: #000;
	margin-top: 20px; text-align: left;
	font-size: 11px;
}

@media screen and (min-width: 1024px) {
	.signUpNew_icons {
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		color: #000;
		margin: 20px;
		font-size: 13px;
	}
}

.signUpNew_whattsUp_button {
    display: flex;
}
.signUpNew_whattsUp_button {
    background: #009834 !important;   padding-top: 0px !important;   border-radius: 4px;
}
.signUpNew_whattsUp_button .signUpNew_whattsUp_button-number i.fa {
    font-size: 20px !important;
    vertical-align: middle;
}
.signUpNew_whattsUp_button .signUpNew_whattsUp_button-number {
    padding: 15px 0px;   border-radius: 6px !important;  margin: 0px;
}
.signUpNew_whattsUp_button-icon {
    position: absolute;
    left: 0;
}
.signUpNew_whattsUp_button-number {
	font-weight: 600; color: #fff !important;	font-size: 16px;
}

.signUpNew_whattsUp_button-icon {
	font-size: 32px;
	color: #25d366;
	padding-left: 15px;
}

.blinking {
	animation: blink 1s infinite !important;
}

app-player-signup .singpopup.modal-dialog-centered {
    margin: 0 auto;
}
  
  /* ====== LOGIN CSS CHANGE ======= */
  @media(max-width:1366px){
	  .singpopup .downline-form .col-sm-12.username .form-group {
		  margin-bottom: 6px !important;
	  }
	  .signUpNew_whattsUp_button .signUpNew_whattsUp_button-number {
		font-size: 15px;
	}
	  .singpopup .modal-content {
		  padding: 35px 40px 15px;
	  }
	.singpopup .downline-form .form-control {
	  height: 37px!important;
  }
  .singpopup .downline-heading img {
	height: 60px;
  }
  .login-form .login-panel .panel-body .form-group input {
	
	padding: 13px 15px;
	
  }
  
  /* div#player-signup .btn-login, .signUpNew_whattsUp_button {
	height: 36px;
  } */
  .signUpNew_whattsUp_button-number {
	font-size: 13px;
  }
  .signUpNew_whattsUp_button .signUpNew_whattsUp_button-icon {
	font-size: 24px;
  }
  .signUpNew_whattsUp {
    margin: 10px 0;
}
.signUpNew_icons img {
	height: 50px;	width: 50px;
  }
  
  }
  /* ====== LOGIN CSS CHANGE ======= */


  .maindrop{
	width: 50px;
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;
  }

  .btn.btn-secondary.dropdown-toggle.dropdownaaa{
	background: transparent;
    border: none;
    height: 34px;
    margin: 0;
}
 


  .dropdownlogion{
	top: 0;
    padding: 0;
    margin: 0;
    border: solid 1px #ffb80c;
    background-color: #000;
    box-shadow: 1px 6px 13px 3px #00000059;
  }
  .dropdownlogion a{
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	color: #f8d61c;
  }

  .dropdownlogion a i{
	font-size: 16px;
	width: 22px;
	text-align: left;
  }
  
  .dropdownlogion a i.fa.fa-mobile{
    font-size: 20px;
  }
  

  .dropdownlogion a:nth-child(1){
	border-bottom: solid 1px #ffb80c;
  }

  
  /* ====== LOGIN CSS CHANGE ======= */
  .maindrop button > .fa-mobile { font-size:20px !important;}
  .message_btn.btn-action {
    margin-top: 3px;
    width: 32px !important;
}

  app-balance-overview .marchnet li a {
    margin-right: 10px !important;
}
ul.list-group.deposit-listing h5 {
	margin: 0 !important;
}
.usercontan .input-group-btn button.red i.fa.fa-trash {
    font-size: 16px;     color: red !important;
}
/* app-balance-overview .bonusRow{ width: 100%!important;} */
  .arrowDown{
	 margin-left: 2px
  }

  div#liveMatchGameHead button.cashout-button {
    margin-top: 4px;
}
.cashout-button {
    background: #ffc11c;   border: 0px; border-radius: 4px;   color: #000 !important;  font-weight: 600;
    font-size: 12px;   padding: 4px 8px;   margin-left: 2px;  cursor: pointer;   height: 24px;
}
.cashout-button[disabled] {
    opacity: 0.7 !important;  cursor: no-drop !important;     background: #ddddddd9;
}
tr#bookMakerSpecialBet dl.fancy-info {
    /* padding-top: 23px; */
    top: 50%;
    transform: translateY(-50%); 
    padding-right: 8px;
}



.notificationCol .viewAll{ background: var(--menuBG)!important;}
#notification-details .table-header{ background: #000;}


app-balance-overview .fa.fa-copy.copyt, app-balance-overview .fa.fa-copy.copytty{
	margin-top: 0;
}



app-notification-log .btn.btn-primary.btn-sm:hover{
	color: #000 !important;
}

app-notification-log  .table-header{ background: var(--menuBG)!important;}






:root{
    --eventbg: #222 !important;
    --red-color: #d2145a;
    --light-greey: #eeeeee;
    --light-green: #39b14a;
    --text-red: #d03231;
	--side-bg : ;
	--main-color-white :  #fff;
}
:root{
    --eventbg: var(--mainColor);
}

.evetn-main-wrapper{
	--heading-color: #fdcf13;
}

/* ====== PLAYER EVENTS START ======= */
.evetn-main-wrapper { position: relative; margin-top: 20px;}
.events-header-bg { background: var(--side-bg); width: 100%; float: left; position: absolute; min-height: 360px;}
.card-container {margin: 0 auto; position: relative; z-index: 1; width: 1000px;  padding-top: 0px;}
.evetn-main-wrapper .card-box {background-color: #fff; overflow: hidden; border-radius: 10px; box-shadow: 0 0 20px 6px #0000001f; padding: 20px; height: calc(100vh - 150px);}
.evetns-tab ul { display: flex;}
.evetns-tab ul li { flex-grow: 1; margin: 0px 10px;}
.evetns-tab ul li::marker{content: " ";}
.evetns-tab .tab-button.active{pointer-events: none}
.evetns-tab .tab-button.active, .evetns-tab .tab-button:hover {background: var(--eventbg);  color: var(--main-color-white);}
.evetns-tab .tab-button {border: 0px; background: var(--light-greey); padding: 18px 20px; border-radius: 4px; font-weight: bold; color: var(--side-bg); font-size: 16px;
  text-align: left; display: flex; align-items: center; justify-content: space-between; width: 100%;
}

button.back-button {
    border: 0px;  margin-right: 15px; color: #fff;  background: transparent;
}
.contextTab > ul.match-listing {   justify-content: space-around;}
.evetns-tab .tab-button.active i.fa, .evetns-tab .tab-button:hover i.fa { color: var(--heading-color);}
ul.match-listing {display: flex; flex-wrap: wrap;}
.match-listing .match_box { position: relative;}
.single-card ul.match-listing > li.match_box, .gusses_wrap li.match_box, .contextTab ul.match-listing ul.input-listing li {cursor: default;}
ul.match-listing .match_box .img-fluid { width: 100%; height: auto !important;}
ul.match-listing { display: flex; flex-wrap: wrap;}
ul.match-listing li { width: 48%; margin: 0px 1%;   overflow: hidden; cursor: pointer; margin-bottom: 20px;}
ul.match-listing .match_box .img-fluid, ul.match-listing li{border-radius:10px;}
.match-listing .match_box h5 {background: var(--red-color); text-align: center; color: #fff; font-size: 14px; padding: 3px 0px; text-transform: uppercase; font-weight: 800 !important;}
.match-listing .match_box p { background: var(--eventbg) !important; color: var(--main-color-white); padding: 2px 20px;
  font-size: 14px; text-align: center;  line-height: 18px; display: flex; justify-content: center; align-items: center; height: 40px;
}
.match-listing .match_box .match-overlay {
    position: absolute; left: 0; height: 42%; display: flex; justify-content: center; align-items: flex-end;
    width: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 46%);
    bottom: 50px;  padding-bottom: 14px !important;  color: #fff !important;    border: 0 !important;   margin: 0 !important;
}
.match-listing-wrapper.single-card h4.match-overlay {
    bottom: 0;
}
.match-listing .match_box  .match-overlay span {
    color: #ff0000 !important;  padding: 0 2px !important;
}
.match-listing .match_box p, .match-listing .match_box h5 { font-weight: bold; margin: 0;}
.match-listing .match_box .image-caption { position: absolute; bottom: 0;  width: 100%;}
/* ====== SINGLE CARD CSS ====== */
.match-listing-wrapper.single-card ul.match-listing { justify-content: space-evenly;}
.match-listing-wrapper.single-card ul.match-listing .highest-score {margin: 7px 0px 7px;   border-radius: 6px;   border-bottom: 4px solid var(--heading-color);}
.match-listing-wrapper .inner-card {border-radius: 8px; background: #fff; box-shadow:0 0 6px 4px #0000001f;  margin: 9px 6px; overflow: hidden;}
.evetns-tab .tab-button .fa-exchange { transform: rotate(90deg);}
.match-listing-wrapper.single-card ul.match-listing .input-listing li:last-child { border: 0;}
ul.match-listing .input-listing li { width: 100%; padding: 10px 10px 10px 15px;  display: flex; justify-content: space-between; align-items: flex-start; font-weight: bold; text-transform: uppercase; font-size: 18px; background: #fff;  margin-bottom: 6px; color: var(--eventbg);}
ul.match-listing .input-listing li .text-center{ width: 100%; text-align: center;}
/* ul.match-listing .input-listing li { width: 100%; font-weight: bold; display: flex; justify-content: space-between; height: 60px; font-size: 18px; background: #fff;  margin-bottom: 6px;} */
ul.match-listing .input-listing li input[type='radio']{width: 18px!important; height: 18px!important; position: relative; }
ul.match-listing .input-listing li input[type='radio']::before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 18px!important; height: 18px!important; border-radius: 50%;
    transform: scale(0); box-shadow: 0 0 0 2px var(--heading-color); border: 4px solid #fff; background:var(--heading-color);}
ul.match-listing .input-listing li input[type='radio']:checked::before {transform: scale(1); display: block;}
/* ul.match-listing .input-listing li .radioStyle{  accent-color:var(--navText)}  */
.gusses_wrap ul.input-listing li {   color: var(--eventbg) !important;  box-shadow: none;  margin: 0; border-radius: 0px;}
.gusses_wrap h6 { text-align: center; font-weight: bold !important; font-size: 19px; color: var(--eventbg) !important;  padding: 4px 0px 0;}
.contextTab h4 {  color: var(--eventbg) !important; border: 0px !important;  padding: 25px 0px !important; }
.single-card ul.match-listing .input-listing li.active input{ background:#ffc726; border: 2px solid var(--eventbg);}
.match-listing-wrapper.single-card .input-listing li label {display: flex; align-items: center; justify-content: space-between; color: var(--eventbg) !important; font-weight: bold; font-size: 14px; text-transform: uppercase;  margin: 0px;}
.single-card picture {position: relative; height: 120px; overflow: hidden; display: block;  margin: 0 6px;}
.match-listing-wrapper.single-card ul.match-listing .img-fluid {top: 0; position: absolute;  max-width: 100%; height: auto!important;  width: 100%;}

.match-listing-wrapper.single-card .radio-btn {width: 16px; height: 16px;  border-radius: 50%;}
.single-card ul.input-listing { padding: 20px 20px 10px 20px;}
.single-card .prize { border-radius: 0px 0px 6px 6px;}
.match-listing-wrapper .submit {/* maindark background: var(--navText);  */  background: var(--heading-color);  width: 59%;}
.match-listing-wrapper .btn {text-transform: uppercase; font-weight: bold; border: 0px; font-size: 16px; display: inline-block !important; padding: 8px 25px !important;border-radius: 30px; margin: 0px 0 20px 16px;}
.single-card figure, .single-card .highest-score { margin-left: 6px !important;  margin-right: 6px !important;}
.match-listing-wrapper .cancel {background: var(--eventbg) !important; color: #fff;   width: 30%;}
.single-card .match_box figure { height: 120px;  overflow: hidden;}
.single-card figure > .img-fluid { max-height: 100%; border-radius: 8px 8px 0px 0px !important;}
.gusses_wrap h4 { min-height: 120px; display: flex; align-items: center; flex-direction: column; justify-content: center; font-weight: bold; color: var(--light-green); margin: 0;  border-bottom: 25px solid var(--light-green);  padding: 14px 10px 14px;  font-size: 18px;}
.gusses_wrap li.match_box { padding-top: 0px; box-shadow: 0 7px 20px 0 #0000001f; margin-top: 20px;}
.gusses_wrap h4 strong { display: block; font-size: 36px;}
.gusses_wrap .lost h4 { color: var(--text-red); border-color: var(--text-red);}
.contextTab h4 strong {color: var( --red-color);}
.image_wrap{position: relative;}
.round input[type=checkbox]:checked + label {background-color: var(--heading-color) !important;}
.round label:after {border: 2px solid var(--heading-color) !important;}

/* ====== SINGLE CARD CSS END ====== */
.match-listing-wrapper.gusses_wrap img.img-fluid { border-radius: 8px 8px 0 0!important; }
.gusses_wrap li > p { border-bottom: 4px solid var(--heading-color);}
.match-listing-wrapper > ul.match-listing {  overflow-y: auto; margin-top: 20px; height: calc(100vh - 230px);}
/* ul.match-listing .input-listing {   overflow-y: auto;   max-height: 340px;   overflow-x: hidden;} */
.gusses_wrap li.match_box { margin-top: 0;  align-self: flex-start}
.match-listing-wrapper.gusses_wrap > ul.match-listing {justify-content: space-around;}
.no_event {text-align: center;  font-weight: bold;  font-size: 28px;  margin: 30% 0 0;}
.contextTab .image-caption p, .gusses_wrap  .image-caption p {  border-bottom: 4px solid var(--heading-color);}
.red-box { display: flex; justify-content: space-between; border-radius: 0 0 10px 10px; padding: 6px 10px 11px; background: #d2145a;}
.red-box h6 {  font-size: 15px; color: #fff !important;   margin: 7px 0 0 !important;   font-weight: 600 !important;   padding: 0px !important;   text-align: left;
}
.match_box .red-box h6 i.fa.fa-inr {
    margin-right: 4px; font-size: 14px;
}
.gusses_wrap ul.input-listing li .bg-yellow {
    background: var(--heading-color);
    padding: 10px 0px;
    border-radius: 4px;
}
.match-listing-wrapper .btn:focus {
    outline: 0px;
}
.gusses_wrap h4 strong i.fa.fa-inr {
    font-size: 38px; margin-right: 2px;
}
.totalRow{ text-align: center;}
.totalRow span{ margin:0 0 20px!important; border-radius: 3px; background: var(--eventbg); padding: 8px 20px!important; display: inline-block; font-size: 14px; color: #fff!important;}


.contextTab .red-box {  margin-top: -6px;}
.logo_image a{ width: 170px; display:flex; align-items: center; height: 40px;}
.logo_image a img{max-width: 100%; max-height: 100%; }
.logoo{ height: auto !important;}
.dynamic-player-select ul.player-card-list h6 {
    margin-top: 0px;
}

.status-box i.fa {
    margin-right: 4px;   font-size: 19px;  vertical-align: middle;
}
.status-box::after {
    position: absolute;   width: 0 !important;  height: 0;  content: "";  bottom: -12px;  right: 1px !important;
    border-top: 13px solid #086825;  border-right: 9px solid transparent;    z-index: 1;
    width: 130px;
}
.status-box {
    background: #0a8830;
    opacity: 1;
    color: #fff;
    display: inline-block;
    padding: 6px 1px 7px 10px;
    position: absolute;
    top: 0;
    right: -4px;
    z-index: 2;
    font-weight: 400;
    font-size: 13px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    width: 92px;
    text-align: left;
}
.status-box.status-red {
    background: #f9ab1b;
}
span.status-box.status-red::after {
    border-top: 13px solid #b87d10;
    border-right: 9px solid transparent;
}
/* ===== MEDIA QUERY CSS ====== */
@media(max-width:1600px){
	.modal .modal-dialog.ranged3{max-width: 500px;}
    .card-container { padding-top: 45px; }
    .evetns-tab .tab-button {  padding: 14px 20px; }
    ul.match-listing .input-listing li {padding: 10px;}
    /* ul.match-listing .input-listing {    max-height: 275px;  } */

    .gusses_wrap h6 {  font-size: 16px; }
    .evetn-main-wrapper .card-box {
      
        height: calc(100vh - 130px);
    } 
    app-d2-casino-header div[header] div[headerBg] nav.navbar .container-fluid.navmain .sport nav ul li {
        font-size: 14px; margin: 0 12px !important;
    }
    .start-evetns .shadow-box > .display-flex.text-center {
        padding: 10px 0px 18px;
    }
	/* .events-card-main .left-side .text-container .flex-items h6 span {
		font-size: 22px !important;
	} */
	.events-card-main .left-side .text-container .flex-items h6 {
		font-size: 13px;
		padding: 9px 9px 0;
	}
	.gamehall-wrap-simple a img {height: 210px;}
   
}

@media(max-width:1400px){
    .card-container { padding-top: 22px; }
    .evetns-tab .tab-button { padding: 14px 20px; }
    .match-listing-wrapper > ul.match-listing {margin-top: 16px; }
    ul.match-listing .input-listing li { padding: 6px; font-size: 16px;}
    .match-listing-wrapper.single-card ul.match-listing .input-listing li {font-size: 14px;  margin-bottom: 2px;}
    .match-listing-wrapper .btn { font-size: 14px;     padding: 6px 25px !important; }
   
    .gusses_wrap h4 {padding: 16px 10px 12px;   font-size: 16px; }
    .gusses_wrap h4 strong {font-size: 28px; }
    .contextTab h4 { padding: 16px 0px !important;    }
    .match-listing-wrapper .btn {margin: 0px 0 12px 16px;}
    .match-listing .match_box .match-overlay { bottom: 38px;}
    .gusses_wrap h4 strong i.fa.fa-inr {
        font-size: 28px;
    }

    .left-side.start-evetns ul.player-card-list p {
        font-size: 13px !important;
    }
    .events-card-main .left-side .text-container .flex-items h6 {
        font-size: 13px !important;
      
        padding: 9px 8px 0 !important;
       
    }

}


@media(max-width:1367px){
    app-d2-casino-header div[header] div[headerBg] nav.navbar .container-fluid.navmain .sport nav ul li {font-size: 13px; margin: 0 13px !important; }
    .start-evetns .shadow-box > .display-flex.text-center {
        padding: 8px 0px 18px !important;
    }
	.cashout-button {font-size: 10px;padding: 4px 4px;	height: 24px;}
	.modal .modal-dialog.ranged3{max-width: 470px;}
    
}


@media(max-width:1024px){ 
  .card-container { width: 950px;}
}
@media(max-width:992px){
  .card-container { width: 720px;}
  .match-listing .match_box p {padding: 2px 12px;}
  .match-listing-wrapper .submit { width: 52%;}
  .match-listing-wrapper .cancel { width: 35%;}
  .main-downlinelisting-container.container-bg.form-label-styling .downline-form {padding: 20px 16px;}
}
@media(max-width:767px){
  .evetn-main-wrapper .events-header-bg { display: none;} 
  ul.match-listing li {width: 100%; padding-top: 12px;}
  .match-listing .match_box p {font-size: 14px;  line-height: 18px;}
  .card-container {max-width: 100%;}
  .evetn-main-wrapper { margin-top: 40px;}
  .match-listing .match_box h5 { font-size: 11px;}
  .evetns-tab .tab-button { padding: 10px 7px; font-size: 11px;}
  .evetn-main-wrapper .card-box {box-shadow: none; border-radius: 0px; padding: 10px 10px; height: auto !important;}
  .evetns-tab ul li {flex-grow: 1; margin: 0px 3px;}
  
  .match-listing-wrapper.single-card .input-listing li label { font-size: 14px;}
  .match-listing-wrapper.single-card ul.match-listing .input-listing li {padding: 8px 10px;   font-size: 14px;}
  .match-listing-wrapper .btn {font-size: 14px; padding: 4px 13px !important;}
  .gusses_wrap h4 {font-size: 16px; border-width: 15px;}
  .gusses_wrap h4 strong {font-size: 36px;}
  .contextTab h4 {padding: 16px 0px !important;}
  .match-listing-wrapper > ul.match-listing {max-height: auto !important;}
  ul.match-listing .match_box .img-fluid {height: auto !important;}
  .evetns-tab ul li i.fa {font-size: 10px !important;}
  app-sidebar-profile .admin{ top:95px}
  .container-main-balance{ width: 100%; margin: 0;}
  app-admin-signup-code .container-main-balance{ position: relative; top:120px}
  .completer-dropdown { max-height: 230px !important;  overflow-y: auto !important;   overflow-x: hidden !important;}
  .dashboard.dashboard-bg {margin-top: 92px !important;}
 
}

.wrapper_dashboardrisk .maincardss {
    margin-top: 40px;
}

.demoLogin{background: linear-gradient(180deg, rgba(244,9,5,1) 0%, rgba(171,17,17,1) 100%)!important; border: none; color: #fff!important;}

/* ====== PLAYERs EVENTS END ======= */    
    .validation-message {
        font-size: 11px!important;  color: red !important;
    }    
.livescro img{ height: auto;}

app-fantasy-gamelist .imagwitex img{ height: auto; border-radius: 10px;}


/* =========== PLAYER BATTLE CSS START =========== */
.events-card-main .container-main {
    padding: 20px 20px;
}
.evetn-main-wrapper.events-card-main .evetns-tab li {
    margin: 0 15px 0 0px;   flex-grow: inherit;
}
.evetn-main-wrapper.events-card-main .evetns-tab .tab-button {
    width: 190px; padding: 16px 14px;
}
.tamil .evetns-tab .tab-button{font-size: 13.5px;}
.event-box {
    background: var(--eventbg);border-bottom: 7px solid #ffc726; margin-top: 10px;  height: 60px; border-radius: 4px;
    color: #ffc726;  display: flex;  align-items: center; padding: 0 20px;   font-size: 22px;  font-weight: bold;
    display: flex;
    justify-content: space-between;
}
.small-card-box h5 {
    color: #b1b1b1;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    position: relative;
    padding: 8px 0 0px 14px;
}
.small-card-box h5.text-center {
    text-align: center;
}
.left-side.start-evetns .flex-container-box .fixed-logo > img {
    width: auto;   height: 110px;
}
.left-side.start-evetns .shadow-box {
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
    border-radius: 16px 16px 0 0; margin-top: 14px;
    background: #fff;
}
.left-side.start-evetns .flex-container-box .fixed-logo:last-child {
    text-align: right;
}.small-card-box img {
    height: 100% !important;
}
.left-side.start-evetns.w-100{
    width: 100%;
}


.left-side.start-evetns .flex-container-box .fixed-logo {
    height: auto;
}
.left-side.start-evetns .flex-container-box {
    border-radius: 16px 16px 0 0; 
    box-shadow: none;
}
.left-side.start-evetns .display-flex {
    margin: 0;  border-radius: 0;  box-shadow: none;  background: #fff;  padding: 0 50px 10px;
}
.left-side.start-evetns .display-flex p:last-child {
    text-align: right;
}
.left-side.start-evetns .display-flex p {
    font-size: 17px; font-weight: 500;  line-height: 22px;
}
.left-side.start-evetns .display-flex p strong {
    display: block; font-weight: 600;
}
.start-evetns .shadow-box > .display-flex {
    justify-content: space-between;
}
.card-btn strong {
    font-weight: 600;
}

.start-evetns .display-flex.text-center strong span {
    color: #d2145a !important;
}
.start-evetns .display-flex.text-center span:first-child {
    color: #0071ba;
}
.pbplayer, .start-evetns .display-flex.text-center strong span.pbplayer{
    color: #0071ba !important;
}
.pbcomp{
    color: #d2145a !important;
}
.start-evetns .shadow-box > .display-flex.text-center {
    justify-content: center;
    /* padding: 30px 0px 18px;  */  padding: 10px 0px 18px;
}
.start-evetns .display-flex.text-center p strong {
    display: inline-block !important;
}
.start-evetns .display-flex.text-center p {
    color: #000;
    font-size: 18px;
}
.card-btn { background: #0071ba; border: 0; color: #fff;    font-size: 30px;  text-transform: uppercase;  padding: 33px 0;  width: 50%;  border-radius: 0 0 1px 16px;}
.right-card-box h4 span {
    font-weight: 400;
}
.right-card-box.stake-box .stake-input:focus-visible {
    outline: 0px !important;
    box-shadow: none !important;
}
.card-listing-box { display: flex;  flex-wrap: wrap; justify-content: space-between; list-style-type: none;}
.card-listing-box li { flex-basis: 48.5%; margin: 20px 2px 0px;}
.fixed-logo {  height: 60px;}
.fixed-logo > img {  height: 100%; width: 100%;}
.events-card-main .text-container h4 { font-size: 28px;   font-weight: bold;   margin: 0;    line-height: 18px; text-transform: uppercase;}
.events-card-main .left-side .flex-container-box strong { font-size: 48px;  margin: 0 16px;}
.events-card-main .left-side .flex-container-box h4 span {  font-size: 13px;}
.events-card-main .left-side .text-container {   flex-wrap: wrap; position: relative;   top: 16px; }
.events-card-main .left-side .text-container .flex-items {
    width: 100%;   display: flex;   justify-content: center; flex-wrap: wrap;
}
.events-card-main .left-side .text-container .flex-items h6 {
    font-size: 14px;
    text-align: center;
    padding: 9px 10px 0;
    font-weight: 600;
    /* margin-bottom: 0; */
}
.events-card-main .left-side .text-container .flex-items h6 span {
    display: block;  color: #ff0000;   font-weight: bold;   font-size: 24px;
}
.right-card-box.stake-box h4 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 0;
}
.events-card-main .left-side .text-container .flex-items p span:first-child {  color: #0071ba;}
.events-card-main .left-side .text-container .flex-items p span { font-weight: bold;  color: #d2145a;}
.events-card-main .left-side .text-container .flex-items p {
    width: 100%;   text-align: center;  font-size: 18px;   font-weight: bold !important;  padding-top: 20px; margin-bottom: 0;
}
.events-card-main .left-side .flex-container-box h4{font-size: 48px; line-height: 30px;}

.events-card-main .text-container h4 span {
    display: block;  color: #b1b1b1; font-size: 10px; font-weight: 600; line-height: 12px; padding-top: 6px;
}
.events-card-main .text-container {
    display: flex;  align-items: baseline;  justify-content:center;   width: calc(100% - 140px);   padding: 0 8px;
}
/* .card-listing-box {  height: calc(100vh - 300px);  overflow-y: auto;} */
.flex-container-box {
    display: flex;  align-items: center; padding-left: 16px; padding: 14px 10px 6px 10px; justify-content: space-between;
}
.text-container strong{color: #ff0000; font-size: 24px; margin: 0px 8px;}
.text-container h4:first-child {  text-align: right;}
.small-card-footer {
    display: flex;  align-items: center; justify-content: space-between;  background: #f0f0f0;  margin-top: 8px;  height: 31px;
}
.small-card-footer h6 {
    background: #e9e9e9; margin: 0;  height: 100%; font-weight: 600;  color: #000;  font-size: 12px; padding-top: 9px; position: relative;   text-align: center; width: 33.33%;
}
.small-card-footer h6::after {
    width: 10%; height: 100%; background: #e9e9e9;  position: absolute;  right: -7px;  content: "";  top: 0;  transform: skew(20deg, 1deg);   z-index: 5;
}
.small-card-footer h6:last-child::after {
    background: #e9e9e9;  right: auto;   left: -7px;  transform: skew(-20deg, 1deg);
}
.small-card-footer h6 span {font-weight: 600;}
.small-card-box {
    box-shadow: 0px 0px 5px rgb(0 0 0 / 16%);  width: 100%;   border-radius: 10px; background: #fff; cursor: pointer;
}

.small-card-box h5::after, .right-card-box.stake-box::after {
    width: 96%;  height: 6px;  background: url(../../assets/images/player-border.png);
    position: absolute;  left: 50%;  bottom: -11px;  content: "";  transform: translateX(-50%);  background-size: 100% 100%;
}
.right-card-box.stake-box::after {
    bottom: -30px;  width: 100%; 
}
.right-card-box.bg-red { 
    position: relative;
}
.evetn-main-wrapper.events-card-main .card-container {
    width: 1180px;
}
.small-card-footer strong {color: #ff0000; font-size: 13px; }
.events-card-main {background: #fff;  padding: 20px 0px; min-height: calc(100vh - 66px);}
.back-btn {color: var(--eventbg) !important;  font-weight: bold !important; display: inline-block; margin: 20px 20px 4px 0;}
.player-card-list {display: flex;   flex-wrap: wrap;  width: 100%;   padding: 20px 0px 20px;   position: relative;}
.bg-black-div .dynamic-player-select {
    width: 100%;    display: flex;   justify-content: space-between;
}
.dynamic-player-select ul.player-card-list {
    width: 49.5%;    justify-content: space-between;
}
.dynamic-player-select ul.player-card-list li {
    width: 49%;  margin: 1% 0; align-items: self-start;
}
.player-card-list:last-child .small-card {  text-align: left;}
.display-flex{display: flex;}
ul.player-card-list li {
    margin: 1% 0.5%;  background: #fff;  display: flex;   align-items: center;  
    border-radius: 10px;   padding: 12px 12px 0; text-align: right; width: 24%;   overflow: hidden;  position: relative; min-height: 110px;
}
.player-card-list li:hover::after {
    opacity: 1;
    transition: 0.3s ease;
}
.player-card-list li::after {
    width: 100%; height: 100%;  position: absolute;  top: 0;  left: 0;  content: ""; background: rgba(0, 113, 186, .5);
    border-left: 10px solid #0071ba; opacity: 0;
}
/* .player-card-list:last-child li::after {background: rgba(210, 20, 90, .6); border-right: 10px solid #d2145a; border-left: 0;} */
.player-card-list li.computer-slt::after {opacity: 1;background: rgba(210, 20, 90, .5); border-left: 10px solid #d2145a; border-right: 0;}
.player-card-list li.selected-player::after {
    opacity: 1;  transition: 0.3s ease;  border-color:#0071ba
}
.player-card-list .lock-player{
    pointer-events: none;
  }
.player-card-list .lock-player::after {
    background: rgba(51, 51, 51, .8) !important;  border: 0 !important;  content: "\f023";  font-family: FontAwesome;  display: flex;
    justify-content: center;  align-items: center;  font-size: 58px;   color: #979797;   opacity: 1;
}

.right-card-box.stake-box h4 { padding-bottom: 12px;}
.back-btn:hover {  color: #ffc726 !important;}
.right-card-box.active-stake-box button.cancel-btn {  background: #ff0000;}
.right-card-box.active-stake-box button.submit-btn {  background: #39b34a;}
.player-card-list:last-child li { text-align: left;}
ul.player-card-list li > img {
    height: 90px;
    position: absolute;
    bottom: 0; width: auto !important;
}
.events-card-main .right-side {  float: right;  width: 30%;   padding: 0px 0px 0 20px; }
.right-card-box h4 {
       text-align: center;  color: #fff;  padding: 21px;  text-transform: uppercase;   font-weight: bold;  font-size: 22px;  border-radius: 8px;
}
.right-card-box.blue-bg h4 {
    background: #0071ba;
}

.right-card-box.bg-red h4 {
    background: var(--red-color);
}
.right-card-box.bg-red ul li.select-player i {
    color: var(--red-color);
}
.bg-black-div {
    background: #333333 !important;
    /* margin: -11px 0 !important; */
    padding: 0 20px !important;
    justify-content: space-between !important;
    border-radius: 0 0 10px 10px !important;
}
 .left-side {
    width: 70%; float: left;
} 

.right-card-box ul {
    display: flex;   flex-wrap: wrap; justify-content: space-between;
}
.right-card-box ul li.select-player {
    color: #000;
}
.right-card-box ul li {
    width: 50%;   padding: 0 16px;   font-size: 12px;   text-transform: uppercase;  font-weight: bold;  color: #b1b1b1;   margin-bottom: 8px; white-space: nowrap;
    text-overflow: ellipsis;  overflow: hidden;
}
.right-card-box ul li.select-player i {
    color: #0071ba;
}
.right-card-box ul li i {
    margin-right: 6px;   font-size: 20px;   vertical-align: middle;
}
.right-card-box {
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);   border-radius: 8px;   padding-bottom: 10px; margin-bottom: 35px;
}
ul.player-card-list li h6 span {
    display: block;
    font-size: 12px;
    text-transform: none;
    margin-top: 25px;
    font-weight: 600;
}


.player-card-list:last-child li {
    text-align: left;
}
.events-card-main .container-fluid {
    padding: 0 6%;
}
.left-side .flex-container-box {
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);   border-radius: 16px;   padding: 10px 50px; position: relative;   z-index: 1;  background: #fff;
}
ul.player-card-list li h6 {
    font-size: 18px;
    text-transform: uppercase;
    max-width: 127px;
    cursor: pointer;
    margin-left: auto;
    text-align: right;
    font-weight: bold; margin-top: 0;
}
button.red-card-bg {  background: #d2145a; border-radius: 0 0 16px 0px;}


.evetn-main-wrapper.events-card-main .evetns-tab .tab-button >  svg {
    width: 20px;
}
.evetn-main-wrapper.tab-button > svg .cls-2, .cls-3 {
    stroke: #564f4f;
}
.evetn-main-wrapper .tab-button.active .cls-1, .evetn-main-wrapper .tab-button.active .cls-2, .evetn-main-wrapper .tab-button:hover .cls-1, .evetn-main-wrapper .tab-button:hover .cls-2 {
    fill: #ffb322 !important; stroke: #564f4f !important;
}
.evetns-tab .tab-button circle {
    stroke: #08365b;
}
.evetns-tab .cls-2, .evetns-tab .cls-3 {
    stroke: #fbfbfb !important; 
}
.left-side .flex-container-box .fixed-logo {
    height: 220px;
}
.left-side .flex-container-box .fixed-logo img {
     width: auto;
}
.left-div-w-70{width: 70%; float: left;}

.right-card-box.stake-box {
    background: #333333;   padding: 0px 28px;   display: block;  position: relative;  margin-bottom: 60px;
}

.stake-input-wrap {
    position: relative;
    margin-bottom: 10px;
}
.stake-input-wrap .clear_btn {
    position: absolute;
    top: 48%;
    right: 30px;
    transform: translateY(-50%);
    font-size: 16px;
    color: #08365b;
    border-radius: 4px;
    cursor: pointer;
}
.right-card-box.stake-box li h6 {
    margin: 0 0 4px;
}
ul.stake-list {
    justify-content: center;
}
.stake-input::placeholder{
    color: #b1b1b1;
}
.right-card-box.stake-box .stake-input {
    width: 100%;   text-align: center;  padding: 11px 10px; color: #000;  border-radius: 30px;  border: 0;  font-size: 20px; font-weight: bold;  -webkit-appearance: none;    -moz-appearance: textfield;
}

.stake-input::-webkit-outer-spin-button, .stake-input::-webkit-inner-spin-button{-webkit-appearance: none;  -webkit-appearance: none;
    -moz-appearance: none;   appearance: none;}

.right-card-box.stake-box li {
	font-size: 17px;cursor: pointer;width: auto !important;
	height: auto !important;border-radius: inherit !important;	background: transparent !important;
	padding: 6px 12px 11px !important;	color: #fff !important;	text-align: center;
}

.stake-box button.cancel-btn {
    background: #712424;   width: 35%;
}
.stake-box button.submit-btn {
    width: 61%;  background: #355a3a;
}
.events-card-main .right-card-box.stake-box .display-flex {
    margin: 0; padding: 0;  border-radius: 0; justify-content: space-between;
}
.events-card-main .right-card-box.stake-box .display-flex button {
    text-transform: uppercase; border: 0;  font-weight: bold;  cursor: pointer;  color: #fff;  padding: 13px 0px;   border-radius: 38px;  font-size: 18px;   display: inline-block;
}
.right-card-box.stake-box p {
    color: #fff;  text-align: center;   margin: 0;  padding: 13px 0; text-transform: uppercase; font-weight: bold; font-size: 13px;
}
span.rollign-actionBtn {display: flex; margin-top: 3px;}
span.rollign-actionBtn button {width: auto !important;}
div#rollingHistory .empty-row {padding: 30px 50px;}
div#rollingHistory .modal-content.mobile-mx-auto {float: left; padding-bottom: 40px;}
div#rollingHistory .modal-content ngx-datatable.ngx-datatable{height: auto !important;}
div#rollingHistory .modal-content ngx-datatable datatable-body{height: auto !important; max-height: 350px;}

@media(max-width:1600px){
    ul.player-card-list li{min-height: auto !important;}
    .small-card-footer strong {font-size: 11px;}
    .left-side .flex-container-box .fixed-logo { height: 130px; }
    .events-card-main .left-side .flex-container-box h4 {font-size: 40px;  }
    ul.player-card-list li h6 {font-size: 15px; }
    ul.player-card-list li > img { height: 65px; }
    .events-card-main .left-side .flex-container-box strong {
        font-size: 40px;
    }
    .events-card-main .left-side .text-container .flex-items p { font-size: 16px; }
    .right-card-box h4 {padding: 17px; }
    .right-card-box.stake-box li {font-size: 15px;}
    .events-card-main .right-card-box.stake-box .display-flex button{font-size: 14px;}
    .right-card-box.stake-box .stake-input { padding: 9px 10px; font-size: 18px; }
    .right-card-box.stake-box p {font-size: 11px;}
    /* .events-card-main .display-flex {max-height: 338px;} */
    .event-box { font-size: 19px; }
    .left-side.start-evetns .display-flex p {font-size: 16px; line-height: 20px; }
    .events-card-main .left-side .text-container {  top: 0px;  }
    .card-btn {font-size: 21px; padding: 22px 0; }
    .player-card-list { 
        padding: 10px 0px 10px;
    }
	ul.player-card-list li p {
		font-size: 14px !important;
		line-height: 19px !important;
	}
	.left-side.start-evetns .display-flex {
		padding: 6px 27px 10px;
	}
    ul.player-card-list li h6 {
        max-width: 120px; padding-left: 10px;
    }
    ul.player-card-list li h6 span {
      
        margin-top: 15px;
        
    }
    .right-card-box {
        margin-bottom: 25px;
    }
    .left-side .flex-container-box {
        padding: 10px 30px;
      
    }
    .events-card-main .left-side .flex-container-box h4 span {
        font-size: 12px;
    }
    .right-card-box.stake-box h4 {
        font-size: 18px;
    }
	.events-card-main .right-card-box.stake-box .display-flex button {
		padding: 10px 0px;
	}
}




@media(max-width:1366px){
    .left-side .flex-container-box .fixed-logo { height: 100px;}
    
    /* .status-box {
        padding: 6px 8px !important;
        font-size: 12px !important;
        width: 118px !important;
    } */
    .events-card-main .left-side .flex-container-box h4 span {font-size: 11px;}
    .card-btn {font-size: 21px;  padding: 18px 0; }
    .events-card-main .left-side .text-container .flex-items h6 span {font-size: 18px;}
    .events-card-main .left-side .text-container .flex-items h6 {
        font-size: 14px;
        padding: 10px 6px 0;
    }
    ul.player-card-list li h6 { font-size: 13px;}
    .small-card-footer strong {font-size: 12px; }
    .right-card-box.stake-box li, .events-card-main .right-card-box.stake-box .display-flex button {font-size: 13px;}
    .right-card-box.stake-box p { font-size: 10px;}
    .right-card-box.stake-box {padding: 0px 14px; }
    .right-card-box ul li i {font-size: 16px;}
    .events-card-main .container-fluid { padding: 0 4.5%; }
    
    .event-box {font-size: 17px; height: 60px; }
    .events-card-main .text-container h4 span {
        font-size: 9px; padding-top: 4px;
    }
    .right-card-box h4 {
       
        font-size: 18px;
    }
    .right-card-box.stake-box h4 {
        font-size: 16px;
    }
    .right-card-box.stake-box {
        margin-bottom: 50px;
    }
    .events-card-main .left-side .flex-container-box strong {
        font-size: 34px; margin: 0 10px;
    }
    ul.player-card-list li h6 {
        font-size: 13px;
    }
    ul.player-card-list li h6 span {
        font-size: 11px;
    }
    .dynamic-player-select ul.player-card-list h6 span {
        font-size: 10px;
    }
    .dynamic-player-select ul.player-card-list h6 p {
        font-size: 13px !important;
    }

    .dynamic-player-select ul.player-card-list h6 {
        margin-top: 0px;
    }
    
    .small-card-footer strong {
        font-size: 11px;
    }
    ul.player-card-list li h6 {
        max-width: 120px; margin-top: 0;
        
    }
    .bg-black-div {
        padding: 0 16px !important;
    }
    .small-card-box h5::after, .right-card-box.stake-box::after {
        background-size: 100% 96%;
    }
    .small-card-footer h6 {
        font-size: 11px;
    }
    
    .left-side.start-evetns .display-flex p {
        font-size: 15px;
        
    }
    .left-side.start-evetns .flex-container-box .fixed-logo > img {
      
        height: 100px;
    }
    .events-card-main .left-side .flex-container-box h4 {
        font-size: 34px; line-height: 24px;
    }
    .card-listing-box li {
        flex-basis: 49%;
        margin: 20px 0px;
    }
    .events-card-main .text-container h4 span {
        font-size: 9px;
    }
    /* span.status-box i.fa {
        font-size: 20px !important;
    margin-right: 6px !important;
        
    } */
}

@media(max-width:1300px){
    .small-card-footer strong {
        font-size: 10px;
    }
    app-d2-casino-header div[header] div[headerBg] nav.navbar .container-fluid.navmain .sport nav ul li {
        font-size: 12px;
        margin: 0 10px !important;
    }
    .events-card-main .text-container h4 span {
        font-size: 8px;
    }
}


@media(max-width:1300px){
    .events-card-main .left-side .text-container .flex-items h6 {
        font-size: 13px;
        padding: 10px 6px 0;
    }
}



@media(max-width:1200px){
    ul.player-card-list li > img { height: 75px; }
    .left-side.start-evetns .flex-container-box .fixed-logo > img {height: 70px;}
    ul.player-card-list li {padding: 12px 10px 0;}
    .left-side .flex-container-box .fixed-logo {height: 86px; }
    .left-side .flex-container-box {padding: 10px 21px; }
    .events-card-main .left-side .flex-container-box h4,  .events-card-main .left-side .flex-container-box strong  { font-size: 32px; }
    .evetn-main-wrapper.events-card-main .card-container {  width: 1000px; }
    .small-card-box h4 span {font-size: 10px; line-height: normal; }
    .fixed-logo { height: 50px;  }
    .text-container {  width: calc(100% - 120px);  padding: 0 16px;  }
    .small-card-footer strong, .left-side.start-evetns .display-flex p { font-size: 12px; }
    .small-card-footer h6 {
        font-size: 10px;
    }
    
}
@media(max-width:992px){
    .evetn-main-wrapper.events-card-main .card-container {
        width: 100%;
    }
    .card-listing-box li {flex-basis: 100%; }
    .event-box { height: 52px;   }
}
@media(max-width:767px){
    .evetn-main-wrapper.events-card-main .card-box {padding: 20px 12px;}
    .small-card-box h4 {font-size: 24px; }
    .text-container strong {font-size: 18px;}
    .small-card-box h5, .small-card-footer strong {font-size: 13px;}
    .event-box { height: 46px;  border-bottom: 4px solid #ffc726;}
    .card-listing-box {height: auto;}
    .left-div-w-70 { width: 100%;}
    .evetn-main-wrapper.events-card-main .evetns-tab .tab-button > svg {width: 14px;}
  .evetn-main-wrapper.events-card-main .evetns-tab .tab-button {width: 100%; text-transform: uppercase; font-size: 12px;}
  .evetns-tab ul { justify-content: space-between;}
  .evetns-tab ul li {flex-grow: inherit !important; margin: 14px 0px 7px !important; width: 31%;}
}

@media(max-width:420px){
    .fixed-logo { height: 40px;}
    .text-container { padding: 0 10px;}
    .small-card-footer h6, .small-card-footer strong {   font-size: 11px;}
    .small-card-box h5 {font-size: 12px;}
    .evetn-main-wrapper.events-card-main .evetns-tab .tab-button {font-size: 10px; padding: 10px 8px;}
.evetns-tab ul li {width: 31.5%;}
    
}



@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
  }

  .notification-box {
    overflow: hidden;
    padding: 0 10px;
    background: #eeeeee9e;
    width: 100%;
}
.notification-box ul {
    overflow: hidden;
    margin: 0;
    align-items: center;
    display: inline-block;
    width: 100%; max-height: 30px;
}
.notification-box .marquee {
    -webkit-animation: marquee 18s linear infinite;
    animation: marquee 18s linear infinite;
    white-space: nowrap;
    margin: 0;
    overflow: hidden;
    padding-top: 4px;
    padding-bottom: 6px;
    line-height: 26px; display: inline-block; 
}
.notification-box  li {
    width: auto !important;
    color: #000;
    font-size: 14px;
    font-weight: 500; 
}



.fa-exchange:before {
    /* content: "⇅" !important; */
	font-family: "FontAwesome";
}

app-bonus-terms .modal-title button span {
    color: #000 !important;
}

.no-data {
	background: #eeeeee59;
	min-height: calc(100vh - 135px);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.no-data p {
	font-size: 28px !important;
	color: #000 !important;
	padding-top: 7px;
} 
/* ====== PLAYER EVENTS END ======= */



.gusses_wrap ul.input-listing li .bg-yellow {
    background: #fdcf13 !important;
    color: #fff;
}


.modal-dialog.anncoumentimg.anncmulti{
	height: 100vh;
    width: 70%;
    display: flex;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
}

.modal-dialog.anncoumentimg.anncmulti .modal-content{
    width: 100% !important;
}

button.close{
    opacity: 1 !important;
}

/* / D4 PROFIT ,MODAL CSS START / */
.btn.balance-custom-btn.table-small-btn { font-size: 13px;  padding: 2px 8px; margin-top:3px}

div#detail-marketPNL .modal-content {
  width: 745px; 
}
/* /  PROFIT ,MODAL CSS START / */

/* ======= VIRTURAL SPORT CSS START  ======= */
/* .livescro.virtual-sport-pt-0 { padding-top: 0 !important;} */
app-virtual-sports .maibody .matos {width: 25%; padding: 0 5px;}
app-virtual-sports .livescro { background-image: none !important;}


app-bet-history a.primary-color { color: #000;   text-decoration: none;}
.profit-loss-status .row.d3-footer { display: flex;   align-items: center;   width: 100%; justify-content: center;}
.profit-loss-status .d3-footer .mobilevv {display: inline-block !important;   width: auto !important;    padding: 5px 10px !important;}
.profit-loss-status .d3-footer ul.pager {display: flex !important;  padding: 0px !important;  margin: 0 !important;  align-items: center !important;}

.bellIcon{
	text-decoration: none !important;
}



.noevent{ background: #fff; border: 1px solid #7e97a7; border-radius: 10px; color: #7e97a7; font-size: 20px; margin: 25px; text-align: center; padding: 15px;} 
.noevent p{ display: none;}
.noevent h2{font-size: 24px; color: #7e97a7; border-bottom: 1px solid #e0e6e6; position: relative; padding:0  0 10px; margin: 20px 0 40px; align-items: center; line-height: 1.5; display: flex; text-align: center; justify-content: center;}
.noevent h2:before{content: ""; width: 35px; height: 35px; margin-right: 10px; background: url('../../assets/images/icon-nodata.9375fcbd63e450aae2a2.svg') no-repeat;}
.noevent h2:after{content: "Please add some markets from events."; color: #7e97a7; font-size: 20px; width: 100%; text-align: center; position: absolute; bottom: -40px;}

.casinoBox .topBarHide{width: 75%!important; left: 0!important;}
.casinoBox .leftBarHide{ left: 0!important;}
 app-casino-winner-details .modal-dialog .btn{background: #ddd !important; color: #333;}

.paymentBox .modal-content .modal-footer { display: flex; border: 0; }
.paymentBox .modal-content .modal-footer .btn { margin-bottom: 0; }
.paymentBox .modal-content .modal-footer .btn:hover { color: #1e1e1e; }
.paymentBox .modal-dialog .modal-content { margin-left: auto; margin-right: auto; }
.paymentBox .modal-content .modal-footer .btn.active-buttons { border-color: var(--primary-color) !important; background-color: var(--primary-color) !important; }

.filters .tabactive::after {   background: var(--primary-color) !important;}
.filters .activemerchant{box-shadow: 0 0 0 2px var(--primary-color) !important;} 

.btn-warning.deposit-btn, .btn-greenn.deposit-btn, .btn.next-step.deposit-btn  {
    background-color: var(--primary-color) !important;   border: 0px !important;
}
.backgrounheader, input.amount-style, .setAmountVal .amountStyle, app-all-balance-overview .allcontaiber .stepper table th {
	background: var(--headerBG)!important;
}
input.inputbos.amountStyle { margin-bottom: 0; color: #fff; border-radius: 7px; }

.filters.depositRow .couponRow li p{
	background-color: var(--primary-color) !important;
}
.usercontan input[type=radio] {
	border: solid 1px var(--primary-color);
}

.usercontan .activeee input[type=radio] {
	border: 2px solid var(--primary-color) !important; background: var(--primary-color) !important;
}
.modal-socialLInk a i {
    font-size: 46px ;
    color: #000;

}

.toast.betmsz { right: -390px !important;}
.toast.on.betmsz { transform: translateX(-390px) !important;}
.toast.betmsz { width: 390px !important;}
.betmsz span.error-msg,  .betmsz .msga{ margin-left: 14px;}
.betmsz span.error-msg, .betmsz .msga {   margin-left: 10px;}
.betmsz span > strong { display: block; font-size: 15px; padding-bottom: 3px;}
.modal-socialLInk {padding: 3px 0 0; width: 100%;}
.betmsz i.fa { padding: 20px 20px !important;}
.marchnet.d3-horizontal-scroll {   padding-left: 10px;}
.betmsz i.fa {padding: 20px 20px !important;}
.errorMessageContrl p { margin-bottom: 0;  position: absolute; bottom: -12px;}
.qrcodeImage button { background: var(--primary-color)}
.modal-socialLInk a:focus {outline: 0px;  text-decoration: none;}
@keyframes blink{
	0%, 100% {
    opacity: 1;
}
50% {
    opacity: .1;
}
}

.blinking {
    animation: blink 1s infinite !important;
}
.getUser{pointer-events: none;}
.loginDemo { text-align: right; padding-right: 5px;}
.loginDemo a{text-decoration: underline;   color: #ffffff; font-weight: 600;}
.loginDemo.bankingTrue {display: inline-block;   margin-top: 7px;  text-align: right !important;   width: 100%;}
.forgetInfopass .forget-enterNo { padding-top: 20px;}
.forgetInfopass .finalChgPassBox { padding-top: 12px;}
.dialog-wrap-w.login_to_go dl.login-panel .btn-send { width: 100%;}
.d4-bonusHistory {display: flex;   align-items: center;  justify-content: space-between;  padding: 7px 0 0px;}
.d4-bonusHistory .filters {margin: 0px !important;}
.d4-bonusHistory h3.activity-log-text-2 {  font-weight: normal !important;   margin: 0px !important;}
/* .filters.depositRow .div11 { padding: 0.5% 4.5% 2% !important;} */
#player-signup button.btn.btn-primary.otpBtn {
    font-size: 12px;  color: #fff !important;   padding: 13px 0px;   border-radius: 4px;
    background: #121212 url(images/skyexchange/bg-send-skyEX.png) repeat-x !important; border: 0px;outline: 0px;
}

.whatsapp-CTA{position: fixed; right: 0; top: 70%; z-index: 101;  display: flex; justify-content: space-between; align-items: center;}
.whatsapp-CTA .wt-text{ padding: 12px 48px 8px 15px;  white-space: nowrap; font-size: 19px; height: 40px; line-height: 16.5px; background: #009834; border-radius: 30px; width: auto; font-weight: 700; color: #fff; transition: all 0.8s; right: 0; position: absolute; z-index: 9;}
.whatsapp-CTA a{color: #fff; z-index: 99;}
.whatsapp-CTA .fa{background: #009834; border-radius: 30px; height: 36px; line-height: 38px!important; font-size: 40px!important; font-family:'FontAwesome'}
.whatsapp-CTA .hideTextwt{opacity: 0; padding-left: 15px; }

app-balance-overview .usercontan .filefile.filedisables:before { content: attr(title) !important; }
app-loyalty-points .main-card .row .col-lg-10 {width: 100%;}
app-loyalty-points .container-main-history.container-bg {margin-top: 40px !important;}
.main-card button.btn-loyalty {background: var(--headerBG) !important;}
.main-card button.btn-loyalty.redeem{background: var(--primary-color) !important;}
.heading-stripe {background: var(--headerBG) !important;}
.loyaltyConfirm .btn-primary{background: var(--primary-color) !important; border-color:var(--primary-color) !important;}
.loyaltyHistory .ngx-datatable{padding-left: 0px !important;}
.loyaltyHistory ul.pager {justify-content: flex-end;}
.loyaltyHistory .modal-content{display: inline-block;}
.loyaltyHistory ngx-datatable datatable-body{height: 310px !important;}
.loyaltyHistory .ngx-datatable .datatable-footer .datatable-pager {
    display: flex !important;  justify-content: flex-end !important;   width: 100%;
}
#loyaltyHistory ngx-datatable.ngx-datatable {height: 407px !important;}
.amount_text_wrap span{line-height: 22px;}
app-d4-player-header-login .singpopup .loader-cycle-disks {top: -10px;}
.whatsapp-CTA.d3-new-whatsappBtn a {text-decoration: none;}
.whatsapp-CTA.d3-new-whatsappBtn .wt-text {padding: 4px 35px 3px 15px; font-size: 12px; width: 210px; white-space: normal;}
.skycursorPointer, .over-wrap > .slide .item > img{cursor: pointer;}
.hidecalanderOnNavigate{
	display: none !important;
  }
.whatsapp-CTA.d3-new-whatsappBtn a {text-decoration: none;}
.whatsapp-CTA.d3-new-whatsappBtn .wt-text {padding: 4px 35px 3px 15px; font-size: 12px; width: 210px; white-space: normal;}


/* Deposit & Withdraw css */
.designdeposit .couponRow h4.appliedBonusDiv span { font-size: 12px !important;}
.designdeposit .couponRow .appliedBonusDiv i {color: #fff; margin-right: 5px;}
.designdeposit .couponRow .appliedBonusDiv {background:linear-gradient(180deg, #2a3a43 27%, #1c282d 83%) !important;}
.details .top .filePreview {color: #000; right: 38px; font-size: 19px; top: -1px; position: absolute; cursor: pointer;}
.withdraw-section .withdrawal-amount h4 > span {font-size: 14px;}
.filePreview > i {font-weight: normal;}
.withdraw-section h2 { margin-bottom: 18px; margin-top: 35px; font-weight: 700; font-size: 20px; text-align: center; }
.withdraw-section .add-bank .column { margin-bottom: 15px; min-height: 160px; display: flex; align-items: center; justify-content: center; border: 1px dashed #B8B8B8; border-radius: 5px; background: #fcfcfc; }
.withdraw-section .add-bank .column .link { padding: 0 23px; min-height: 44px; color: #08182F; cursor: pointer; font-weight: 700; text-transform: uppercase; border-radius: 5px; font-size: 16px; line-height: 1; display: flex; align-items: center; justify-content: center; background: #CDCDCD; }
.withdraw-section .add-bank .column .link:hover { text-decoration: none; }
.filters .withdraw-section  .btn.btn-primary { padding: 12px 16px; width: 100%; font-weight: 700; }
.withdraw-section .list-inline > li { width: 100%; }
.withdraw-section .tab-content { width: 100%; }
.withdraw-section .tab-content > .tab-pane { padding: 18px; width: 100%; border: 1px dashed #B8B8B8; border-radius: 5px;  overflow: hidden; }
.withdraw-section .list-inline.pull-right { padding: 0 !important; }
.withdraw-section .top-heading { margin-top: 6px; padding: 20px 0; width: 100%; display: flex; align-items: center; justify-content: center; position: relative; text-transform: uppercase; color: #08182F; font-weight: 700; font-size: 20px; }
.withdraw-section .top-heading a { position: absolute; left: 0; cursor: pointer; }
.withdraw-section label { font-weight: 600; color: #08182F !important; }
.withdraw-section .form-control { border-color: #CDCDCD !important; box-shadow: inherit; color: #08182F; font-weight: 500; background: #fff; }
.withdraw-section .form-control:focus { border-color: #08182F !important; }
.withdraw-section .add-bank .column.edit-account .link { display: none; }
.withdraw-section .add-bank .column.edit-account { align-items: flex-start; border: 5px solid var(--primary-color); }
.withdraw-section .add-bank .column.edit-account .top { position: relative; text-transform: uppercase; background: var(--primary-color) !important; }
.withdraw-section .add-bank .column.edit-account .details { width: 100%; text-align: center; line-height: 1.42857; background: var(--headerBG); }
.withdraw-section .add-bank .column.edit-account .top .edit-icon { position: absolute; right: 10px; top: 5px; cursor: pointer; }
.withdraw-section .add-bank .column.edit-account .top span { font-size: 22px; font-weight: 600; }
.withdraw-section .add-bank .column.edit-account .list li { padding: 5px 10px; width: 100%; display: block; border-bottom: 1px solid #CDCDCD33; }
.withdraw-section .add-bank .edit-account .list li span {word-wrap: break-word; color: #fff; display: block; font-weight: 600; font-size: 110%; }
.withdraw-section .add-bank .edit-account .list li small { color: #B8B8B8; display: block; font-size: 100%; }
.withdraw-section .list-inline.pull-right { flex-wrap: wrap; }
.withdraw-section .edit-bank .list-inline > li { margin-bottom: 15px; text-align: center; }
.filters .withdraw-section .pull-right .btn.delete-btn svg { margin-left: 6px; height: 16px; width: 18px; }
.withdraw-section .withdrawal-amount .amountStyle { height: 40px !important; background: transparent !important; color: #08182F !important; border: 1px solid var(--side-bg) !important; }
.withdraw-section .withdrawal-amount .amountStyle::placeholder, .withdraw-section .withdrawal-amount .amountStyle::-webkit-input-placeholder { opacity: 1; color: #B8B8B8 !important; }
.withdraw-section .withdrawal-amount h4 { font-weight: 600; }
.withdraw-section .withdrawal-amount .amoutvalue li a { padding: 8px 11px !important; color: #08182F !important; }
.withdraw-section .withdrawal-amount { padding-top: 10px; }
.designdeposit .depositRow .newnav-pills, .designdeposit .div11 { padding: 0 5% !important; }
.designdeposit .div11 .tittt { display: none; }
.container-main-balance .designdeposit .depositRow ul.newnav-pills { margin-bottom: 15px !important; }
.designdeposit .filters .list-group {  margin-bottom: 0; padding: 16px 5% !important; background-color: transparent !important; }
.designdeposit .deposit-amounts-container .amoutvalue { margin-bottom: 10px; }
.designdeposit .dropdown-text { border-color: #CDCDCD !important; box-shadow: inherit; appearance: none; color: #08182F; background-image: url(../assets/images/select-arrow1.svg) !important; background-repeat: no-repeat !important; background-position: 98.5% center !important; }
.designdeposit .nav-pills > li > a { box-shadow: 0 0 0 2px #CDCDCD; border-radius: 6px; }
.designdeposit .nav-pills > li > .activemerchant { box-shadow: 0 0 0 2px var(--maindark); }
.designdeposit .filters .btn.btn-primary { padding: 13px 16px; width: 100%; height: auto; font-size: 16px; line-height: 1.33333; font-weight: 700; }
.designdeposit .filters .btn.btn-primary:hover { opacity: 0.9; }
.designdeposit .filters .btn.btn-primary:focus { border: 0; box-shadow: inherit; outline: none; }
.deposit-amounts-container { flex-wrap: wrap; }
.designdeposit .notification { padding-top: 15px; text-align: center; color: #08182F; font-size: 14px; font-weight: 600; line-height: 1.7; }
.designdeposit .notification span { position: relative; }
.designdeposit .notification span:before { content: ''; position: absolute; left: -15px; top: 4px; width: 11px; height: 11px; background: url(../assets/images/notification-icon.png) no-repeat; background-size: cover; }
.depositRow { overflow: hidden; }
.designdeposit .text-link { margin-top: 30px; text-align: center; color: #08182F; }
.designdeposit .qr-codes { margin: 15px 0; border: 1px solid #CDCDCD; border-radius: 5px; border-top: 0; }
.designdeposit .qr-codes .qrcodeImage { padding-bottom: 22px; text-align: center; }
.designdeposit .qr-codes .qr-heading {cursor: pointer; padding: 0 15px; height: 48px; border: 1px solid #CDCDCD; border-radius: 5px; display: flex; align-items: center; justify-content: space-between; font-weight: 700; text-transform: uppercase; }
.designdeposit .qr-codes .qr-heading .ShowQR { margin-right: 0; }
.designdeposit .qr-codes .qrcodeImage button { color: #fff; background: var(--headerBG) !important; }
.designdeposit .qr-codes .qrcodeImage .qrdoenload { padding-left: 10px; color: #fff; font-size: inherit; }
.designdeposit .filefile { width: 100%; min-height: 56px; }
.designdeposit .filefile .input-group-btn { position: absolute; min-height: 56px; display: flex; align-items: center; padding: 0; right: 0; margin: 0; width: auto; }
.designdeposit .qr-codes .qrcodeImage h5 { margin-top: 30px; margin-bottom: 2px; }



.designdeposit .bonusRow .couponRow {max-height: 262px; display: block; -webkit-columns: 2; columns: 2; overflow: hidden; scroll-behavior: smooth;
	position: relative; counter-reset: decimal-counter; }
.designdeposit .bonusRow .couponRow li { width: 100% !important; min-width: inherit !important;
    flex: inherit !important; }
.designdeposit .bonusRow .couponRow li .bonusCard { width: 100% !important; border: 5px solid transparent !important; border-radius: 15px !important; counter-increment: decimal-counter; position: relative; }
.designdeposit .bonusRow .couponRow li .bonusCard:before { display: none !important; content: counter(decimal-counter); width: 15px; height: 15px; border-radius: 50%; font-size: 12px; position: absolute; right: -4px; top: -10px; color: #08182F; font-weight: 500; display: flex; align-items: center; justify-content: center; background: var(--primary-color); }
.designdeposit .bonusRow .couponRow  li.active .bonusCard { border: 5px solid var(--maindark); border-radius: 15px; box-shadow: none; border-color: var(--primary-color) !important; }
.designdeposit .filters.depositRow .couponRow li .bonusCard { background: var(--headerBG)!important; }
.designdeposit .bonusRow .couponRow li { border-width: 3px !important; }
.designdeposit .bonusRow .couponRow li.active{border: 3px solid transparent!important;}


.designdeposit .bank-detail { text-align: center; color: #08182F; font-size: 15px !important; }
.designdeposit .couponRow h4 { padding: 5px 0; border-radius: 4px; color: #08182F !important; font-weight: 700 !important; background: var(--primary-color) !important; }
.designdeposit .couponRow .moreDetail strong { font-size: 18px !important; }
.designdeposit .bonusRow { margin: 0 auto !important; position: relative; overflow: inherit !important; border: 0; background-size: cover; }
.designdeposit .bonusRow .left-arrow, .designdeposit .bonusRow .right-arrow { position: absolute; top: 41%; position: absolute; width: 16px; height: 27px; cursor: pointer; }
.designdeposit .bonusRow .left-arrow { left: -3%; background-image: url(../assets/images/left-arrow1.png); background-size: cover; }
.designdeposit .bonusRow .right-arrow { right: -3%; background-image: url(../assets/images/right-arrow1.png); background-size: cover; }
.designdeposit .rolling-note { margin-bottom: 15px; padding: 0 5%; }
.designdeposit .rolling-note strong { position: relative; }
.designdeposit .rolling-note span { color: #08182F; }
.designdeposit .rolling-note strong:before { content: ''; position: absolute; right: -15px; top: 4px; width: 11px; height: 11px; background: url(../assets/images/notification-icon.png) no-repeat; background-size: cover; }
.designdeposit .utr-number { margin: 0; border-color: #CDCDCD !important; border-radius: 5px !important; box-shadow: none; }
app-all-balance-overview .designdeposit .filefile:before { margin: 20px 0 !important; width: 100%; text-align: center; text-transform: uppercase; font-size: 15px !important; font-weight: 700 !important;  }
.designdeposit .filters .space { margin-bottom: 15px !important; }
.designdeposit .utr-number::-webkit-input-placeholder {  color: #08182F; opacity: 1; }
.designdeposit .utr-number::-moz-placeholder {  color: #08182F; opacity: 1; }
.designdeposit .utr-number:-ms-input-placeholder {  color: #08182F; opacity: 1; }
.designdeposit .utr-number:-moz-placeholder { color: #08182F; opacity: 1; }
.designdeposit .AmountDiv { padding: 1.5% 4.5% 0 !important; }
.designdeposit .amountStyle { background-color: var(--side-bg) !important; }
.designdeposit .withdraw-section .inputbos.amountStyle.form-control::-webkit-input-placeholder {  color: #B8B8B8; opacity: 1; }
.designdeposit .withdraw-section .inputbos.amountStyle.form-control::-moz-placeholder {  color: #B8B8B8; opacity: 1; }
.designdeposit .withdraw-section .inputbos.amountStyle.form-control:-ms-input-placeholder {  color: #B8B8B8; opacity: 1; }
.designdeposit .withdraw-section .inputbos.amountStyle.form-control:-moz-placeholder { color: #B8B8B8; opacity: 1; }
.designdeposit .input-group-btn { width: auto; right: 0; }
.designdeposit .account-select { height: 42px !important; }

/* ====== SCAN CODE CSS START =======  */
.qr-code-title {  margin-top: 32px;
    font-size: 18px;  text-transform: uppercase;   color: #0a365b;    border-bottom: solid 1px #ccc !important; font-weight: 600;  padding-bottom: 14px;
}
.qr-code li button:hover {
    background: #ec971f;
}
ul.qr-code li .accountName {
    background: #011931;  color: #fff;  padding: 14px 12px;  border-radius: 4px;  margin: 10px 0px 16px; text-transform: uppercase;
}
ul.qr-code li > .scan-code {
    width: 100%;   padding: 25px;  box-shadow: 0 0 17px rgb(0 0 0 / 10%);  border-radius: 8px;  border: 1px solid #e9e9e9;   
}
ul.qr-code li:last-child {
    padding-left: 40px;
}
ul.qr-code li > button {
    background: var(--headerBG) !important; color: #fff;  border: 0;padding: 14px 10px; width: 100%; border-radius: 4px; font-weight: 600;
}

ul.qr-code li > button i { margin-right: 3px; font-size: inherit !important; color: #fff !important; }
ul.qr-code li .copy-addressBtn .fa {color: #000 !important;}
ul.qr-code li .copy-addressBtn { border: 1px solid #000;  margin-bottom: 12px;  background: transparent !important; color: #000;}
ul.qr-code li .copy-addressBtn:hover { color: #fff !important;  background: var(--headerBG) !important;}
    ul.qr-code li .copy-addressBtn:hover .fa{color: #fff !important;}

.qr-code {
    display: flex;  align-items: center; justify-content: center;   margin: 30px 0px 20px;
}
ul.qr-code li { flex-basis: 50%;}
ul.qr-code li label, span.accountName {
	color: #333333;
    display: block !important; font-weight: 400;
}
.text-link {
    color: #0a5da3; font-size: 14px;
}
/* ====== SCAN CODE CSS END =======  */


.notification-text:nth-child(2) { display: none !important; }
.progress #progress-bar {margin: 0; background-repeat: repeat !important; position: static;} 


	/* ===== LISTING PAGE START ====== */
.dummyHeading, .dummyEventBox .dotsD, .dummyEventBox .dummyLine, ul.dmOddsBox li{
	animation: placeHolderShimmer 1.25s infinite linear;background: #ced5da linear-gradient(to right, #ced5da 8%, #d8dfe4 18%, #ced5da 33%);
    background-size: 800px 104px;
}
.dummyEventRow .dummyEventNames {width: 25%; display: flex;}
.dummyHeading { height: 25px; width: 100%;}
ul.dmOddsBox li {height: 40px;width: 58px; margin: 1px;}
ul.dmOddsBox { list-style-type: none;   display: flex;}
.dummyeventDtl .dummyEventBox {justify-content: space-between;}
.dummyEventBox {height: 51px;padding: 6px;  display: flex; align-items: center; gap: 0 10px;border-bottom: 1px solid #ced5da;}
.dummyEventBox .dotsD { width: 11px; height: 11px; border-radius: 11px; margin-right: 6px;}
.dummyEventBox .dummyText {display: flex; flex-direction: column;  width: 100%; gap: 5px;}
.dummyEventBox .dummyLine.smallD {width: 40%;}
.dummyEventBox .dummyLine {height: 10px;border-radius: 5px;  width: 100%;}
/* ===== LISTING PAGE END ====== */
ul.login-wrap.logindisplayFlex {display: flex;}
.apk_Apllication a img {width: 27px;}
.apk_Apllication.withoutLoginApk {margin-right: 15px;}
.apk_Apllication.isLoginApk {margin-right: 15px;}

.sportsbookOpen .top {min-width: 110px;}
.sportsbookOpen .top {position: fixed; width: 100%;  z-index: 9991;}
.centerWrap.sportifream {margin-top: 110px;}
.playernow p {margin: 0;}
.playernow{
	position: absolute; left: 130px;   top: 15px;   font-size: 12px;   width: auto !important; padding: 0; color: #3bc996; 
	font-weight: 600; display: flex;  align-items: center;
}
.playernow i.fa {margin-left: 2px;}
/* .gameCell #eventInfo{ padding: 15px 0 0;} */

#theme-modal.modal{
	z-index: 10500!important;
}

.header .login-wrap.logindisplayFlex form.errorMessageContrl{margin-left: 20px;}
.header .login-wrap.logindisplayFlex form.errorMessageContrl p {bottom: -16px;}
.game-list-col .col-info {margin-top: 10px;}
#player-signup::-webkit-scrollbar {width: 0;}
.footerInfo > ul li {margin-left: 14px !important;}

/* ========== VERTICAL IMAGES START ========== */
.verticialImagesMain.gamehall-wrap-simple a img, .landingVerticalPg .gamehall-wrap-simple a img {/*height: auto !important;*/ height: calc(100% - 30px);}
.landingVerticalPg .gamehall-wrap-simple {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
.gamehall-wrap-simple a {grid-column: span 3;}
.gamehall-wrap-simple {grid-template-columns: 1fr 1fr 1fr 1fr 1fr; margin-top: 20px;}
.verticialImagesMain .entrance-title dt{font-size: 15px;}
@media(max-width:1600px){
	.gamehall-wrap-simple {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
	.gamehall-wrap-simple .entrance-half:before {padding-top: 148.77778%;}
	.status_new::before {top: -6px;}
}
@media(max-width:1599px){
	.status_new::before {top: -6px !important;}
	.status_new::after {border-top: 12px solid transparent !important;}
}

@media(max-width:1440px){
	.verticialImagesMain .entrance-title dt {font-size: 13.5px; line-height: 25px !important}
	.gamehall-wrap-simple .entrance-half:before {padding-top: 149.77778%;}
}

@media(max-width:1366px){
	.gamehall-wrap-simple {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
}
/* ========== VERTICAL IMAGES END ========== */
.whatsapp-CTA span#whatsupAnim.wt-text {min-height: 31px;}
.whatsapp-CTA span#whatsupAnim a {text-decoration: none;}
div#edit-stack, div#exposure-details, #bonus-terms {z-index: 9991;}

.headerLang select {
    background: var(--headerBG) !important;
    border: solid 2px #000 !important; appearance: none;
    -webkit-appearance: none;border-radius: 4px; text-transform: uppercase;
    border-right: 0;position: relative; z-index: 1;
    line-height: normal; padding: 4px 22px 6px 13px;
    color: #fff;   height: auto; width: auto;
}
.headerLang i.fas {position: absolute; right: 12px; font-size: 17px;  color: #fff;  z-index: 1; top: 4px;}
.headerLang select option {color: #000;}
.account-wrap .headerLang {margin: 5px 8px 0px 0px;}
.barcode-verificationMdl .modal-header {background: #fff !important; color: #000 !important;}
.barcode-verificationMdl .modal-header button.close span {color: #000 !important;} 
.barcode-verificationMdl .btn.verfication-btn.btn-warning, .demodeposit button, .demodeposit button:hover{background: var(--primary-color)!important;  color: #000;}
/* #edit-stack, div#exposure-details, #bonus-terms {z-index: 9991;} */

.demodeposit button, .qrcodeImage.qrcodeCrypto button.download-btn.statusBtn {background: var(--primary-color) !important; color: #000 !important;}
.flexContainerss button {
    background: var(--primary-color);
    border: 0px;color: #000; padding: 10px 14px;  font-size: 14px; font-weight: bold;  border-radius: 4px;  margin-top: 10px;
}
/* .demodeposit button {background: var(--primary-color); color: #000 !important;} */
div#edit-stack, div#exposure-details, #bonus-terms {z-index: 9991;}
.barcode-verificationMdl .btn.verfication-btn.btn-warning{background: var(--primary-color)!important;     color: #000;}
.barcode-verificationMdl .modal-header {background: #fff !important; color: #000 !important;}
.barcode-verificationMdl .modal-header button.close span {color: #000 !important;} 
.barcode-verificationMdl .modal-header h5 {font-weight: bold; font-size: 15px;}
.barcode-verificationMdl .modal-dialog {width: 400px;}
.iceModalCentered {margin: 0 auto; display: flex;  align-items: center;justify-content: center;  min-height: 100vh;}
.barcode-verificationMdl .modal-footer button {outline: 0px !important;}
.ice-display-flex{display: flex;}
  .ice-column-12{width: 100%;}
  .ice-column-6{width: 50%;}
  .ice-column-3{width: 25%;}
  .ice-column-9{width: 75%;}
  .ice-image-fluid{max-width: 100%;}
  .text-user-selectAuto { user-select: text !important;  -webkit-user-select: text !important;}
  .ice-justify-content-between{justify-content:space-between;}
  .ice-align-items-center{align-items: center;}
  .ice-mt-10{margin-top: 10px;}
  .ice-ml-auto{margin-left: auto;}
  .ice-m-0{margin: 0 !important;}
  .ice-ml-10{margin-left: 10px;}
  .ice-flex-wrap{flex-wrap: wrap;}
  .resenOtpdBtn {color: #fff;background: var(--headerBG);}

/* ====== LANGUAGE CSS START  ======= */
.kannada .account-wrap .username-info {font-size: 10px;}  
.gujarati .account-wrap .username-info {font-size: 11px;}
.tamil .rollign-actionBtn .balance-custom-btn {font-size: 10px; padding: 5px 6px;}
/* .tamil .top .menu-wrap ul.menu li a {padding: 0 7px;} */
.tamil li.account a.username-info {text-align: right; padding-right: 14px; line-height: 9px;  font-size: 10px;}
.header  .login-wrap .btn-login, .header  .login-wrap .btn-signup{width: auto; min-width: 80px; padding: 0 5px;}
/* @media(max-width:1800px){
	.tamil .top .menu-wrap ul.menu li a {font-size: 11px;}
	.tamil .setting-wrap{font-size: 11px;}
} */

/* @media(max-width:1680px){
	.tamil .top .menu-wrap ul.menu li a {font-size:10px; padding: 0 5px;}
	.tamil .time_zone{padding: 0 5px;} 
	.kannada .top .menu-wrap ul.menu li a {padding: 0 7px; font-size: 11px;}
} */
@media(max-width:1520px){
	.header  .blink_me { margin-right: 15px; font-size: 14px; padding: 8px 8px;} 
/* .tamil .top .menu-wrap ul.menu li a {font-size: 9px; padding: 0 5px;} */
}
@media(max-width:1439px){
	.tamil .header .blink_me{font-size: 12px; margin-right: 10px;} 
	.tamil .apk_Apllication.isLoginApk {margin-right: 10px;}
	.tamil .header .account-wrap li {margin-left: 10px;}
	/* .tamil .top .menu-wrap ul.menu li a { padding: 0 4px;} .tamil .setting-wrap {font-size: 10px;} */

}
/* @media(max-width:1359px){
	.tamil .top .menu-wrap ul.menu li a {font-size: 8.7px; padding: 0 3.7px;}
	.kannada .top .menu-wrap ul.menu li a {padding: 0 6px; font-size: 10.6px;}
} */

app-d4-player-login .dialog-wrap-w.login_to_go dl.login-panel {float: inherit !important;  margin-left: 0;  padding: 0 24px;}
app-d4-player-login .dialog-wrap-w.login_to_go form {width: 100%;}

.tamil .forget-pass-text{font-size: 10px;}
.telugu .login-panel dt, .kannada .login-panel dt{font-size: 16px;}
.setAmountVal span.pull-right {font-size: 14px; margin-bottom: 5px;}



.acceptChange {text-align: right; padding: 0 12px; margin: 3px 0 0;}
.acceptChange .acText{ background: #ffed95; width: 100%; display: block; padding: 5px; text-align: center; margin: 5px 0;}
.acceptChange .accBtn{background:#00c231; color: #fff; margin-top: 5px; float: right;}
.disabledbtn{opacity: 0.3!important;}
.disabledbtn:hover{opacity: 0.3!important;}


.dummyPM-Row{position: relative;}
.dummyPM-Row .lockRow{position: absolute; display: flex; justify-content: center; gap: 5px 0; align-items: center; flex-direction: column; top: 0; left: 0; right: 0; width: 100%; height: 100%;}
.dummyPM-Row .lockRow .toPlay{padding: 8px 15px; text-transform: uppercase; font-weight: 600; border-radius: 5px; background: #000; color: #fff; border: none; display: inline-block;}
.dummyPM-Row .lockRow .fa{font-size: 24px; margin-right: 5px;}

.premiumDummy{margin: 10px 0 0; border-top: 1px solid #000; filter: blur(3.5px);}
.premiumDummy:first-child{border-top: none;}
.premiumDummy h3{font-size:14px; color: #000; margin:5px; font-weight: 800;}
.premiumDummy ul{margin: 0 3px 15px; }
.premiumDummy li{border-bottom: 1px solid rgba(0, 0, 0, 0.3); padding: 1px 5px; display: flex; align-items: center;}
.premiumDummy li h6{width: 60.5%; margin: 2px 0;}
.premiumDummy li h6 span{display: block;}
.premiumDummy li:last-child{border-bottom: none;}
.premiumDummy li .mthOdd{width: 200px; height: 38px; border-radius: 4px; border: 1px solid #fff; background: #72BBEF; display: flex; justify-items: center; justify-content: center;}
.premiumDummy li .mthOdd span{margin: 12px 0;}
.setAmountVal span.pull-right {font-size: 14px; margin-bottom: 5px;}
.premiumRow{margin: 0 0 40px!important;}
.premiumRow h6{font-size: 12px; font-weight: 600; margin-left: 8px; width: 100%; text-align: left;}
.premiumRow .border-0{border: none!important;}
.premiumRow .multi_select li{width: calc(90% - 1px);}
.premiumRow .border-0{border: none!important;}
.premiumRow .prOdds{display: flex!important; justify-content: center; align-items: center;}
.premiumRow .listRow .mchList dl{display: block!important;}
app-d4-player-login .dialog-wrap-w.login_to_go dl.login-panel {float: inherit !important;  margin-left: 0;  padding: 0 24px;}
app-d4-player-login .dialog-wrap-w.login_to_go form {width: 100%;}

.tamil .forget-pass-text{font-size: 10px;}
.telugu .login-panel dt, .kannada .login-panel dt{font-size: 16px;}
.setAmountVal span.pull-right {font-size: 14px; margin-bottom: 5px;}
.market_icon_listing.pIcon {background: #273f4f; margin-left: 3px !important;}
/* body > div.widget-visible.hidechatboat{display: none!important;} */

.full-wrap .menu {width: 81%; display: flex; flex-wrap: nowrap;  white-space: nowrap; overflow-x: auto; overflow-y: hidden;}
.full-wrap ul#tabMenu::-webkit-scrollbar {height: 6px;}
.full-wrap ul#tabMenu::-webkit-scrollbar-track {background: #f1f1f1;}
.full-wrap ul#tabMenu::-webkit-scrollbar-thumb {background: #888;}

/* ======== BALL BY BALL CSS START ========= */
.ballByBallMain {height: calc(100vh - 135px); overflow: hidden; overflow-y: auto;}
.ballByBallMain .announcebar {display: none;}
#ballbyball .modal-footer { justify-content: center; text-align: center;}
.streamingRow{margin:5px 0px 0; padding: 0 0 10px; position: sticky; top: 5px; z-index: 99; background: #f0ece1;}
.embed-responsive{border-radius: 5px 5px 0 0;}
.info-icon{cursor: pointer; font-size: 14px; line-height: 14px;}
.info-icon i{color: #fff;}
.ballBanner{position: relative; border-radius: 5px 5px 0 0; overflow: hidden; border: 1px solid rgb(0, 0, 0, .2); border-bottom: 0;}
.ballByBallMain .dummyEventMain .dummyScoreBoxLive {display: none;}
.ballBanner img{width: 100%;}
.ballBanner .scoreBall{position: absolute; z-index: 999; width: calc(100% - 78%); height: calc(100% - 65%); top: 48%; left: 48.5%; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center;}
.ballBanner .scoreBall img{max-width: 100%;}
.ballBanner .scoreBall .scoreRes{color: #fff; font-size:1.5vw; line-height: 1.5vw; font-weight: 600;}
.roundId{width: 100%; background: #3b5667; padding:12px 10px; margin: 0; color: #fff; border-radius:0 0 5px 5px; font-size: 14px; font-weight: 600;}
.lastResult{width: 100%; margin: 0 0 20px; background: #fff; border-radius:0 0 5px 5px;}
.lastResult .headingText{background: #3b5667; color: #fff; text-transform: uppercase; border-radius: 5px 5px 0 0; padding: 12px 10px; font-size: 14px; font-weight: 600; margin: 0 0 10px; display: flex; justify-content: space-between; align-items: center;}
.lastResult ul{display: flex; flex-wrap: wrap; justify-content: center; gap:10px; padding:0 8px 8px;}
.lastResult li{/*width: 9.5%;*/ width: 35px; height: 35px; background: url("../assets/images/ballBG.png") no-repeat 0 2px; background-size: 100%; cursor: pointer; color: #fff; font-weight: 600; font-size: 14px; border-radius: 5px; align-content: center; display: flex; justify-content: center; align-items: center;}
.lastResult li.waitingBall{background: url("../assets/images/ballBG-wait-withshadow.png") no-repeat 0 2px; background-size: 100%;}
.lastResult li.blankBall{background: url("../assets/images/ballBG-blank.png") no-repeat 0 2px; background-size: 100%;}
.centermmbox .lastResult li{width: 8%;}
.ballByRow{margin: 10px 0 0;}
.ballByRow ul{display: flex; flex-wrap: wrap; gap:10px;     margin-top: 10px;}
.ballByRow li {width: 32.3%; display: flex;  justify-content: space-between; align-items: center; background: #fff; position: relative;  padding: 5px 6px 5px 10px;  border: 1px solid #7e97a7; border-radius: 4px;}
.ballByRow h4 {color: #000;  margin: 0; font-size: 12px;  font-weight: 700;    line-height: 1.42857143;}
.ballByRow .minMaxCell > span > span {color: #000;}
.ballByRow h4 > span {display: flex;   gap: 0 3px;   font-weight: 400;}
.ballByRow .oddsBox{display: flex; align-items: center; gap:0 10px; position: relative; width: 48%;}
.ballByRow .ballOdds{background: #72bbef; cursor: pointer; padding: 3px; height: 35px; width: 50%; font-weight: 600; color: #000; display: flex; justify-content: center; align-items: center; border-radius: 4px;}
.ballByRow .minMaxCell{width: 45%;height: 35px; display: flex; justify-content: center; flex-direction: column; }
.ballByRow .minMaxCell > span { display: block;   font-size: 11px;line-height: 1.42857143; color: #7E97A7;}
.ballByRow .suspended {display: flex; justify-content: center;  align-items: center;  height: 46px; font-weight: 600;  position: absolute;  width: 100%; background-color: rgba(36, 58, 72, 0.4);  z-index: 5;  left: 0;  color: rgba(255, 255, 255, .8);  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);  font-size: 12px; border-radius: 4px;}
.no-animation {animation: none;}
.remainingRow{background: #F2F3F7; border: 1px solid rgb(0, 0, 0, .2); padding:8px; width: 100%; display: flex; align-items: center; gap: 0 15px; }
.remainingRow h6{margin: 0; font-weight: 600;}
.remainingRow ul{display: flex; flex-wrap: wrap; gap: 2px;}
.remainingRow li{width: 20px; height: 20px; background: #000; border-radius: 50%; color: #fff; display: flex; justify-content: center; align-items: center;}
.remainingRow li span{font-size: 12px; line-height: 18px;}

.timerBox { position: absolute;  width: 100px; height: 100px; left: 20px; top:20px; background: #fff; border-radius: 50%;} 
/* .timerBox .circle {width: 100%; height: 100%; background: #fff; border: 10px solid #ddd; border-top: 10px solid #4caf50; border-radius: 50%; animation: countdown 15s linear infinite;}
.timerBox .half-time {border-top: 10px solid #ff5722;}   */
.timerBox .countdown {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2em; font-weight: bold; color: #333;}
.timerBox .progress-ring{transform: rotate(-90deg);}
.timerBox .ring-bg {fill: none; stroke: #e6e6e6; stroke-width: 10;}
.timerBox .ring-progress { fill: none; stroke: #4caf50; stroke-width: 10; stroke-dasharray: 282.74; stroke-dashoffset: 282.74;}
@keyframes timerDown {
  to {
    stroke-dashoffset: 0;
  }
}
.listnone ul{list-style: none;}
#ballbyball .modal-header{display: flex; justify-content: space-between;}
#ballbyball .modal-body{padding: 0; background: #000;}
#ballbyball .embed-responsive{border-radius:0;}
#ballbyball .modal-header h4{width: 100%; text-align: center; font-weight: 600;}
.ballByBall .modal-body h4:first-child {margin-top: 0;}
#ballbyball .modal-footer p{margin: 0;     font-weight: bold;}
.ballByBall ul {margin: 0 0 10px;  padding: 0;   list-style-type: none;}
.ballByBallMain .eventTextLabelPre {animation: placeHolderShimmer 1.25s infinite linear;background: #ced5da linear-gradient(to right, #ced5da 8%, #d8dfe4 18%, #ced5da 33%); background-size: auto;background-size: auto;background-size: 800px 104px;height: 10px;border-radius: 5px;width: 30%; }

@keyframes countdown {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
  }

.ballVideoBox{position: relative;}
#videoFrame{position: absolute; z-index: 8;}
video#videoFrame{width: 100%!important; height: 100%!important; background: #000;}
.dummyEventMain .ballBanner{padding-bottom: 63.6%; background:rgba(0,0,0,0.2);  border-radius: 5px; border-color:transparent;}
.dummyEventMain .lastResult li{background: url("../assets/images/ballBG-blank.png") no-repeat 0 0; background-size: 100%;}

.rePlayBtn{cursor: default; background: #fff; padding: 5px 20px 5px 5px; min-height: 40px; text-transform: uppercase; font-size: 18px; line-height: 18px; font-weight: 600; border-radius: 20px 5px 5px 20px; display: flex; align-items: center; gap: 0 5px; border: none; position: absolute; z-index: 11; left: 15px; top: 15px;}
.rePlayBtn img{width: 30px;}
.horseracingGType .timerBox{z-index: 1;}
.horseracingGType .lastResult ul{gap: 8px 5px; justify-content: space-between;}
.horseracingGType .lastResult li{background: #000; width: 8%; height: 32px;}
.horseracingGType .ballBanner .scoreBall{width: auto; height: auto; right: 24.5%; top: 18%; left: inherit; transform: skew(-5deg, -5deg); display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 1vw 0;}
.horseracingGType .ballBanner .scoreBall .headRes{ font-size: 1.8vw; font-weight: 900; color: #ff0000;}
.horseracingGType .ballBanner .scoreBall .scoreRes{font-size: 1.6vw; line-height:  1.6vw; padding: 0 4px; font-weight: 900; background: #2b2b2b; color: #fff; width: auto; height: auto; position: static!important;}
.horseracingGType .dummyEventMain .lastResult li{animation: gradient 2s linear infinite;
    background-image: linear-gradient(120deg,rgba(255,255,255,0.8),rgba(255,255,255,0.6),rgba(255,255,255,0.6),rgba(255,255,255,0.8));
    background-size: 300% 100%;}
    @keyframes gradient {
        0% { background-position: 100% 0%;}
        100% { background-position: 0% 0%;}
}
.horseracingGType .cricBall{display: none;}
#horseRacingRules .modal-body{padding-left: 30px;}
.horseracingGType .ballByRow{background: #FAF8D8; margin: 0;}
.horseracingGType .ballByRow ul{flex-direction: column; gap: 2px; box-shadow: 0 0 3px rgba(0, 0, 0, .2); margin: 0; border-radius: 5px; overflow: hidden;}
.horseracingGType .ballByRow ul li{width: 100%; padding: 3px 0 3px 10px; border: none; border-bottom: 1px solid #7e97a7; border-radius: 0; background: none;}
.horseracingGType .ballByRow .oddsBox{gap: 10px; position: relative; width: 50%;}
.horseracingGType .ballByRow .oddsBox::before{content: ''; left: 0; top: -2px; position: absolute; z-index: 0; display: block; height: 45px; width: 50%; background-image: linear-gradient(90deg, rgba(130, 183, 221, 0.15) 0%, rgba(130, 183, 221, 0.8) 65%);}
.horseracingGType .ballByRow .oddsBox::after{content: ''; right: 0; top: -2px; position: absolute; z-index: 0; display: block; height: 45px; width: 50%; background-image: linear-gradient(270deg, rgba(231, 170, 184, 0.15) 5%, rgba(231, 170, 184, 0.8) 60%);}
.horseracingGType .ballByRow .ballOdds{height: 38px; border: 1px solid #fff; position: relative; z-index: 1; font-size: 14px; font-weight: 700; color: #000!important;}
.horseracingGType .ballByRow .suspended{height: 46.5px; width: 49.7%; left: inherit; right: 0; border-radius: 0; font-size: 12px; font-weight: 400; color: #fff;}
.horseracingGType .ballByRow h4 {font-weight: 600; color: #1e1e1e;}
.horseracingGType .ballByRow h4 span{font-size: 12px; line-height: 20px; font-weight: 400;}


/* .ballByBallMain .eventMain .dummyScoreBoxLive {display: none;} */
    @keyframes gradient {
        0% { background-position: 100% 0%;}
        100% { background-position: 0% 0%;}
      }
      

@media (max-width:1680px) {
    .lastResult ul{gap: 7px;}
	.ballByRow .oddsBox {width: 56%;}
	/* .timerBox{width: 85px; height: 85px;}
	.timerBox .circle {	border: 8px solid #ddd;border-top: 8px solid #4caf50;} */
	.lastResult li{font-size: 12px; height: 28px;}
	.penaltyShoot-modal .lastResult ul { gap: 10px !important; padding: 0 12px !important;}
}
@media (max-width:1499px) {
    .lastResult li{width: 14%;}
    /* .centermmbox .lastResult li{width: 10.4%;} */
	.ballByRow .minMaxCell > span {font-size: 10px;	}
	.remainingRow li{width: 18px; height: 18px;}
	.remainingRow li span{ font-size: 11px;}

	.horseracingGType .ballBanner .scoreBall{gap:0.5vw 0}
}
@media (max-width:1399px) {
    .ballByRow li{width: 32.2%;}
	.ballByRow .oddsBox{width: 57%;}
	.remainingRow ul{gap: 0 1px;}
	.full-wrap .menu {width: 78%;}

}
@media (max-width:1299px) {
    .lastResult li{width: 16.8%;}
}

@media (max-width: 1399px) {
	.pokerVirtual{width: 420px!important;}
}
@media (max-width: 1024px) {
	.pokerVirtual{width: 100%!important;}
}

/* ======== BALL BY BALL CSS END ========= */
.gujarati  .headerLang select{line-height: 16px;}
.Ssb100_20230920 .singpopup .downline-heading img {
    height: 49px;
}

.noGameAvailable > .fa {font-size: 44px; padding-bottom: 8px;}
.noGameAvailable {font-size: 24px; font-weight: 600; text-align: center;  position: absolute;  top: 50%;  left: 0;  width: 100%;  transform: translateY(-50%); color: #222;}
.promo-banner-wrap{margin-bottom: 0;}
.headgameNav{clear: both; background: var(--menuBG); width: 100%; margin-bottom: 15px;}
.headgameNav ul{display: flex; align-items: center; flex-wrap: nowrap; white-space: nowrap; overflow-x: auto; overflow-y: hidden; margin: 0;}
/* .headgameNav ul::-webkit-scrollbar{display: none;} */
.headgameNav ul li{border-left: 1px solid rgba(69, 32, 7, 0.2); margin: 0; list-style: none;}
.headgameNav ul li:first-child{border-left: none;}
.headgameNav ul li a{display: flex; align-items: center; gap: 0 8px; padding:5px 10px; cursor: pointer;  min-height:30px;}
.headgameNav .gmIcon{width: 15px; height: 20px; display: flex; align-items: center; }
.headgameNav .gmIcon img{max-width: 100%; filter: invert(1);}
.headgameNav .gmIcon svg{fill:#fff;  filter: invert(1);}
.headgameNav .gmText{color:#222; font-size: 12px; font-weight: bold;}

.dummyGameNav{display: flex; justify-content: center; gap: 0 15px;}
.dummyGameNav .dummyText{ margin: 4px 0; height: 15px; width: 65px;}
.dummyText{width: 60px; height: 10px; animation: gradient 1s linear infinite; background-image: linear-gradient(120deg,rgba(255,255,255,0.1),rgba(255,255,255,0.3),rgba(255,255,255,0.1),rgba(255,255,255,0.3)); background-size: 300% 100%;  border-radius: 10px; display: block; margin: 0 0 15px 15px;}

div#sessionCheck .modal-footer.footermm > .btn {color: #000 !important; padding: 15px !important;  width: 100% !important;}
div#sessionCheck .modal-content.popimgcoin {margin: 0px auto;}
.hasFreespinText {display: flex; justify-content: space-between;  padding: 0 6px;}
.actionBonusBtnStyling{display: flex;}
.actionBonusBtnStyling .btn-sm {margin: 0px; padding: 4px 8px !important;}
.actionBonusBtnStyling .freeSpinBtn {background: var(--primary-color);border-color: var(--primary-color);}
div#sessionCheck .modal-footer.footermm > .btn {
    color: #000 !important;
    padding: 15px !important;
    width: 100% !important;
}

div#sessionCheck .modal-content.popimgcoin {
    margin: 0px auto;
}


.bookmakerheading1 {background: #3b5667; width: 100%; display: block; margin: 10px 0 10px; font-size: 14px;  color: #fff; font-weight: 600; padding: 12px 10px; border-radius: 5px 5px 0 0;}

.ball-bookMaker{margin: 20px 0 0;}
.ball-bookMaker .bookHead, .dummyEventMain .bookHead{background: #3b5667; display: flex; justify-content: space-between; align-items: center; padding: 12px 10px; border-radius: 5px 5px 0 0;}
.ball-bookMaker .bookHead h3{flex: 0 0 50%; font-size: 14px; font-weight: 600; color: #fff; margin: 0;}
.ball-bookMaker .bookHead ul.backlayText{flex: 0 0 50%; display: flex; justify-content: center; margin: 0; list-style: none;}
.ball-bookMaker .bookHead ul.backlayText li{width: 20%; text-align: center; font-size: 14px; color: #fff;}
.ball-bookMaker .bookmarBox{background: #FAF8D8; margin:0 0 5px;}
.ball-bookMaker .bookEvent{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #7e97a7;}
.ball-bookMaker .bookeventName{padding: 2px 10px; flex: 0 0 50%;}
.ball-bookMaker .bookeventName span{display:flex; gap:0 2px; font-weight: 600;}
.ball-bookMaker .bookeventName .bm-minText span{font-weight: 400;}
.ball-bookMaker .bookOddvalue{flex: 0 0 50%; display: flex; justify-content: center; align-items:center; height: 42px; gap:10px; position: relative;}
.ball-bookMaker .bookOddvalue::before{content: ''; left: 0; top: 0; position: absolute; z-index: 0; display: block; height: 42px; width: 50%; background-image: linear-gradient(90deg, rgba(130, 183, 221, 0.15) 0%, rgba(130, 183, 221, 0.8) 65%);}
.ball-bookMaker .bookOddvalue::after{content: ''; right: 0; top: 0; position: absolute; z-index: 0; display: block; height: 42px; width: 50%; background-image: linear-gradient(270deg, rgba(231, 170, 184, 0.15) 5%, rgba(231, 170, 184, 0.8) 60%);}
.ball-bookMaker .bookOddvalue li{flex: 0 0 14.5%; z-index: 1; cursor: pointer; border-radius: 4px; height: 35px; border: 1px solid #fff!important; color: #000!important; display: flex; justify-content: center; align-items: center; font-size: 14px; font-weight: 700;}
.ball-bookMaker .back-light, .ball-bookMaker .lay-light{opacity: 0;}
.ball-bookMaker .back{background: #72BBEF;}
.ball-bookMaker .lay{background: #FAA9BA;}
.ball-bookMaker .suspended-BM{background: rgba(0, 0, 0, .25); color: #fff; margin: 0; height: 44px; font-size: 12px; width: 100%; position: absolute; z-index: 9; display: flex; justify-content:center; align-items: center;}

.dummyEventMain .bookHead {min-height: 39px;} 
.dummyEventMain .bookHead .eventTextLabelPre {width: 200px;} 
.dummyEventMain .ball-bookMaker .bookOddvalue{gap: 10px 8px;}
.dummyEventMain .bookOddvalue:before, .dummyEventMain .bookOddvalue::after {display: none;} 
.dummyEventMain .bookOddvalue li{overflow: hidden;  border-radius: 4px; animation: placeHolderShimmer 1.25s infinite linear;   background: #ced5da linear-gradient(to right, #ced5da 8%, #d8dfe4 18%, #ced5da 33%); background-size: 800px 104px;}

div#sessionCheck .modal-footer.footermm > .btn { color: #000 !important;  padding: 15px !important;   width: 100% !important;}
div#sessionCheck .modal-content.popimgcoin {margin: 0px auto;}
@keyframes smooth-blink {0%, 100% {opacity: 1;}  50% {opacity: 0;}}  
.blink-animate {animation: smooth-blink 1s infinite;}
.forResultT{display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: 0 8px;}
.vidIcon{padding: 0 5px; margin: 2px 0 0 0; border: 1px solid rgba(255, 255, 255, .5); border-radius: 3px;}
.vidIcon:hover{border: 1px solid var(--primary-color); color: var(--primary-color);}
.bonusHistoryMain .ngx-datatable .datatable-body .datatable-scroll {padding-top: 0;}
.bonusHistoryMain .actionBonusBtnStyling {padding-top: 5px;}
.rolling-modal#rollingDetail .modal-content {width: 100% !important;}
.rolling-modal .modal-body {overflow-y: auto;  max-height: calc(100dvh - 120px) !important;}

.setting-wrap .time_zone{padding: 10px 10px 0;}
.aboutus .container, .aboutus .container h2, .aboutus .container h4, .aboutus .container h3, .aboutus .container p {color: #000!important;}
.aboutus h2{font-size: 24px; font-weight: 600;}
.aboutus .hide-print{padding: 8px 12px; background: #000; color: #fff; border: 1px solid #fff; border-radius: 5px;}

.filters .befoclass{overflow: inherit!important;}
.filters .befoclass div{margin: 0!important; }
.filters .date-btn-main.col-md-12.befoclass{padding: 4px 0!important;}
.filter-type span{margin-right: 0!important;}
.filters .filterColRow{padding: 0 7px!important;}
.filters .margin-left-16.d3-mobileDate{margin: 0!important; padding: 0!important;}
.form-control#dateRange{border: solid 1px #cdcdcd!important;}
.dateBoxFitlter{margin: 0;}
.dateBoxFitlter .labelText{margin: 0!important; padding: 0!important;}
.loyaltyHistory .ngx-datatable .datatable-body-cell{display: flex; align-items: center;}
#freespin-reload-modal .modal-dialog{width: 420px;}
.reloadModal .btn-warning{border-radius: 5px; font-size: 14px; line-height: 2; padding: 5px 30px;}
.Squidbetz_20230996 .singpopup .downline-heading img {
    height: 52px;
}
.game-list-time.play_text > .in_play { align-items: center; display: flex;}
.game-list-time.play_text > .in_play .fancy_icon_listing {  margin-left: 6px;}

.col-stake{display: flex;}
.stakeleftAr{background: #eee; width: 20px; padding: 0; color: #000; border-radius: 3px; font-size: 12px; line-height: 20px; border: none; margin: 0 0 0 3px;}
.maxBet a{background: #000!important; color: #fff!important;}
.casinoGameRow.casinoGameFixedHeight {width: 70%; margin: 0 auto;  background: #000;}
.casinoGameRow.casinoGameFixedHeight .ifream {height: calc(95vh - 100px);}

.wearecasin.virtual-margin-top {padding-bottom: 0 !important;}

/* ********** GROUPING CSS START *********** */
.spNorecoard{text-align: center; width: 100%; padding: 30px 0; font-size: 16px; font-weight: 600;} 
.premium_book_tab {  padding: 5px 10px;  background: linear-gradient(180deg, #0A92A5 15%, #076875 100%);}
.sportbookTabs > ul {display: flex;	gap: 5px;  list-style: none;  justify-content: center;}
.premium_book_tab .dropdowm-mores { position: absolute;   background: #fff;  min-width: 125px;   z-index: 2;   margin-top: 6px; box-shadow: 0px 0px 10px rgba(0, 0, 0, .2); padding: 0;}
.premium_book_tab .dropdowm-mores a {padding: 6px 10px !important;  display: block; font-size: 12px;  color: #1e1e1e;  border-bottom: 1px solid #e0e6e6 !important;  line-height: normal;   margin: 0px !important;}
.premium_book_tab .dropdowm-mores a:hover { color: #1e1e1e;  background-color: #eff2f2;}
.premium_book_tab .caret.d-none {  display: none;}
.sportbookTabs > ul li a {padding: 2px 12px 2px 7px;  color: rgba(255, 255, 255, .5);   font-size: 12px; border-radius: 0;  border-right: 1px solid rgba(255, 255, 255, .5);    font-weight: bold; text-decoration: none;}
.dropdowm-mores .dropdown-menu ul {flex-direction: column;}
.sportbookTabs > ul li:last-child a{border: 0;}
.sportbookTabs ul > li > a:hover, .sportbookTabs ul > li > a.active { color: rgba(255, 255, 255, 1);}
.premium_book_tab .dropdowm-mores ul {list-style-type: none;}
.premium_book_tab .dropdowm-mores a.active, .premium_book_tab .dropdowm-mores a:hover { background: var(--primary-color) !important;  color: #1e1e1e;}
/* ********** GROUPING CSS END *********** */

.bage-premimum {background: #f00;  color: #fff;   padding: 1px 2px 1px; display: inline-block;  line-height: normal;  position: absolute;  top: -10px; right: -8px;  font-weight: 600;  border-radius: 2px;  font-size: 0; width: 30px;  height: 14px;}
.bage-premimum::after { position: absolute;  left: 0;  content: "NEW"; font-size: 9px;  width: 100%;  display: flex;  align-items: center;  justify-content: center;  animation: smooth-blink 1s infinite;}

.fadeinImg{  opacity: 0; transition: opacity 0.3s ease-in-out;}
.fadeinImg.loaded {opacity: 1;}
.newBadge{padding: 3px; border-radius: 3px; background: #ffd000; color: #000; font-size: 8px; height: 14px; line-height: 8px; font-weight: bold; top: -2px; position: relative;}
#pb-term .modal-body {max-height: calc(100dvh - 106px) !important;}





/* LPP Menu Style */
/* .lppPointMenu{background: linear-gradient(90deg,var(--maindark) 0%, var(--main-color) 80%); border-radius: 6px;  width: 96%; padding:10px!important; margin: 9px auto 0!important; overflow: hidden;}
.lppPointMenu .dwonArrow{ width: 22px; height: 22px; font-size: 22px; color: #fff; display: flex; justify-content: center; align-items: center;}
.lppPointMenu .coinIconBox{width: 35px;}
.lppPointMenu .coinIconBox img{max-width: 100%;}
.pointCell{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px;}
.lppProgCell{flex: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.lppProgCell .pointsText{display: flex; justify-content: space-between; flex: auto;}
.lppProgCell .pointsText h4{color: #fff; font-size: 14px; margin: 0; font-weight: 600;}
.lppProgCell .pointsText h6{color: #fff; font-size: 12px; font-weight: 600; margin: 0;}
.lppProgCell .pointsText h6 small{font-size: 400; font-size: 12px; color: #fff;}
.lppProgCell .progressBar {width: 90%; background: var(--maindark); border: 1px solid rgba(0, 0, 0, .5); box-shadow: inset 0 0 12px #000; border-radius: 8px; overflow: hidden; height: 8px;}
.lppProgCell .progressFill {height: 100%; background: var(--maindark); width: 0; transition: width 0.4s ease-in-out;}
.lppShow .dwonArrow{transform: rotate(180deg);}


.withOutProgress{display: flex; justify-content: space-between; align-items: center;}
.withOutProgress h3{font-size: 16px; font-weight: 600; margin: 0; color: #fff; display: flex; align-items: center; gap:0 5px;}
.withOutProgress .redeemBtn{ border-radius: 5px; padding: 5px; font-size: 10px; background: var(--maindark);}
.withOutProgress .coinWithValue{flex: auto; display: flex; justify-content: flex-end; align-items: center; gap: 10px;}
.withOutProgress .coinWithValue h4{color: #fff; margin: 0;}
.withOutProgress .coinIconBox img{max-width: 100%; filter: drop-shadow(0 0 8px rgba(255,255,255,5));}

ol.lppDataRow{padding: 10px; list-style: none; display: flex; flex-direction: column; }
ol.lppDataRow li{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.7); padding: 5px; font-size: 16px; font-weight: 600; color: #fff;}
ol.lppDataRow li:last-child{border-bottom: none!important;}
ol.lppDataRow .lpText, .lpValue{text-transform: uppercase; font-size: 14px; font-weight: 600;}
ol.lppDataRow .expText{font-size: 9px; color: rgba(255, 255, 255, .7); text-transform: uppercase;}
ol.lppDataRow .expDateCell{padding: 10px 0 0!important;}
ol.lppDataRow .hrBtnRow{ display: flex; gap:0 8px;}
ol.lppDataRow .btn{border-radius: 5px; padding: 5px 8px; font-size: 12px; border: none;}
ol.lppDataRow .btn-history{background: #fff!important; color: #000!important;}
ol.lppDataRow .btn-Redeem{background: var(--maindark)!important; color: #fff!important;} */


/* LPP Menu Style End */
/* Coin Toss style */
.coinTossGM .full-wrap .col-center{width: 70%; margin-right: auto; margin-left: auto;}
.coinTossGM .full-wrap .col-right, .coinTossGM .full-wrap .col-left{display: none;}
.coinTossGM .tossTimer{bottom: -3.5rem!important;}
.coinTossGM .coinModal{margin: 30px auto 0!important;}
.coinTossGM .coinModal .modal-body{padding: 1rem!important;}
.coinTossGM .coinModal ul li{list-style: disc!important; display: list-item!important;}
.coinTossGM .modal-header{padding: 10px 15px;}
@media (max-width:1299px) {
	html.coinTossGM{font-size: 10px!important;}		
}
/* End Coin Toss style */
@media(max-width:1599px){.boxingGame .ifream {height: 100dvh !important;}}


.ice-score-card-main .ice-score-teams-name {width: 75% !important;}
@media(max-width:1440px){.ice-score-card-main .ice-score-teams-name {width: 71% !important;}}

.designdeposit .qr-codes .qr-heading > span {animation: smooth-blink 1s infinite; font-size: 14px; }
/* ****** KHADOO MARKET CSS START ******* */
.range-kahdoo-mkt {width: 100%;  margin: 10px 0 6px;}
.range-box {color: #ff0000; background: #ededed;  width: 29%;  display: flex;  border: 1px solid rgba(0, 0, 0, 0.5);  border-radius: 4px; justify-content: center;  align-items: center;  min-height: 34px;  font: 600 12px/ 14px Helvetica, Tahoma, sans-serif;}
.range-container { gap: 6px;  padding: 0px 2px 0px 8px;}
.range-active {color: #000;  width: 38%;  border-color: #39b44a;  background: #fff;  padding: 2px 12px;}
.range-active .badge  {background: #16a34a; border-radius: 4px;  margin:1px auto 1px; padding: 5px 8px;}
.fancy-suspend-tr.mkt_typeKhado_Market .fancy-suspend-td .fancy-suspend {width: 50%;  left: 50%;}
td.khadoback {padding-left: 20%;}
.bet_slip.over-wrap .slip-list .col-stake {justify-content: center;}
/* ****** KHADOO MARKET CSS END ******* */
.fixtext {padding: 0px 2px 1px 2px !important;}
.Oddsbook_20231169 .singpopup .downline-heading img {height: 30px !important;}
.listRow.fanctTbody .lucynomain .btn-book {top: 0px !important;  line-height: 20px;  height: 27px;}


/*  ========= PENALTY SHOOT START  =========  */
 .paneltyShootGType .lastResult li.paneltyRedball {background: url("../assets/images/ballBGRed.png") no-repeat; cursor: pointer;}
 .paneltyShootGType .lastResult li.paneltyGreenball  {background: url("../assets/images/ballBGGreen.png") no-repeat; cursor: pointer;}
 .paneltyShootGType .lastResult li.paneltyWaitingBall  {background: url("../assets/images/ballBGGrey.png") no-repeat; cursor: inherit;}
 .paneltyShootGType .animationRedGreen {animation: penaltyAnimation 0.2s infinite alternate;}
.paneltyShootGType .lastResult li.cursor-None {width: 30px; height: 30px; background-size: contain !important;}
.paneltyShootGType .dummyEventMain .lastResult li {background: #ddd;  border-radius: 50%; width: 30px;  height: 30px;}
.teams-goal-result span {letter-spacing: 1px;}
@keyframes penaltyAnimation {
  0% {background: url("../assets/images/ballBGGreen.png") no-repeat;}
  100% {background: url("../assets/images/ballBGRed.png") no-repeat;}
}

 .paneltyShootGType .teamsGoalMain {display: flex;  flex-wrap: nowrap;   padding: 0 8px 8px; align-items: center;}
 .paneltyShootGType .teamsGoalMain .result-team-a {width: 42%; display: flex;  align-items: center;}
 .paneltyShootGType .teamsGoalMain .team-image { width: 35px;}
 .paneltyShootGType .teamsGoalMain li { width: auto;  height: auto; background: transparent; color: #333333;  flex-direction: column; font-size: 11px; cursor: default;}
 .paneltyShootGType .teamsGoalMain .greenDot .goals-status   {background: #5bbb01;}
 .paneltyShootGType .teamsGoalMain .emptyDot .goals-status {background: #b9b9b9;}
 .paneltyShootGType .teamsGoalMain .goals-status {width: 12px; height: 12px; background: #b9b9b9;border-radius: 50%; position: relative;}
 .paneltyShootGType .teamsGoalMain .redDot .goals-status{background: transparent;}
 .paneltyShootGType .teamsGoalMain .redDot .goals-status::after {font-family: FontAwesome; content: "\f00d ";  display: inline-block; padding-right: 3px;  vertical-align: middle;   color: #f74356;  font-size: 16px;  font-weight: normal !important; text-transform: uppercase;  position: absolute; left: 1px; top: -2px;}
 .paneltyShootGType .teamsGoalMain .team-image img {width: 100%;}
 .paneltyShootGType .teamsGoalMain li .goal-fail {color: #f74356; font-size: 14px;} 
 .teams-goal-result { width: 16%;background: rgba(0, 0, 0, .6);  border-radius: 8px;  color: #fff;  font-size: 18px;   font-weight: 600; padding: 8px 0px; line-height: normal; text-align: center;}
 .paneltyShootGType .teamsGoalMain .result-team-b {justify-content: flex-end;}
 .paneltyShootGType .teamsGoalMain ul {padding-top: 4px;}

.headingText.headingPenalty {font-size: 13px;}
.headingText.headingPenalty .roundIdPenalty {font-size: 11px;}
.paneltyShootGType .ballByRow ul {box-shadow: 0 0 3px rgba(0, 0, 0, .2); gap: 0; position: relative; margin-top: 0;}
 .paneltyShootGType .ballByRow ul li .oddsBox::after {content: ''; right: -5px; top: 0; position: absolute;z-index: 0;display: block; height: 40px; width: 51%;  background-image: linear-gradient(270deg, rgba(231, 170, 184, 0.15) 5%, rgba(231, 170, 184, 0.8) 60%);}
.paneltyShootGType .ballByRow ul li .oddsBox::before{content: ''; left: 0; top: 0; position: absolute; z-index: 0; display: block;  height: 40px;  width: 50%; background-image: linear-gradient(90deg, rgba(130, 183, 221, 0.15) 0%, rgba(130, 183, 221, 0.8) 65%);}
.paneltyShootGType .ballByRow ul li { width: 100%; border: 0; padding: 0px 6px 0px 10px;  border-radius: 0; border-bottom: 1px solid #7e97a7; background: #FAF8D8;}
#penaltyshootRules .modal-body ul, #fixPenaltyRules .modal-body ul {list-style: none;}  
 .paneltyShootGType .ballByRow .ballOdds, .paneltyShootGType .ball-bookMaker .lay{border: 1px solid #fff !important; position: relative; z-index: 3; color: #000 !important; font-size: 14px; font-weight: bold;}
 .paneltyShootGType .ballByRow ul li h4 {font-weight: 600; line-height: inherit; width: 50%; padding-right: 15px;}
.penaltyShoot-modal .modal-title {display: flex; justify-content: space-between; font-size: 15px;}
.penaltyShoot-modal .modal-dialog {max-width: 435px; margin-top: 50px;}
.paneltyShootGType .ball-bookMaker .ballByRow {margin: 0;}
.penaltyShoot-modal .modal-body.lastResult { margin: 0;}
.penaltyShoot-modal .modal-footer.footermm {padding: 0 0 10px 0px; border: 0;  font-weight: bold; justify-content: center;  text-align: center;}
.penaltyShoot-modal .close {position: absolute; right: 0; top: -22px; color: #fff !important;  padding: 0;}
div#penaltyshootRules .modal-title {display: inline;}
.paneltyShootModal button.close {position: absolute;  right: 0;  top: -10px;}
.paneltyShootModal .modal-title { display: flex;  justify-content: space-between;  font-size: 12px;}
.paneltyShootModal .modal-footer.footermm { border: 0;     padding-bottom: 0;  text-align: center;  font-weight: bold;}
.paneltyShootGType .ballByRow .suspended { border-radius: 0;  font-weight: normal;  color: #fff; width: 50%;    height: 40px; left: auto; right: 0;}
.paneltyShootModal .modal-dialog {margin-top: 20px;}
.paneltyShootModal .modal-body.lastResult {background: none;  margin-top: 10px;}
.paneltyShootGType .ballByRow ul li .oddsBox{ width: 50%; z-index: 3; padding: 3px; position: relative;}
@media(max-width:1600px){
	.paneltyShootGType .teamsGoalMain .team-image {width: 30px;}
	.lastResult .teamsGoalMain ul {gap: 5px;}
	.teams-goal-result {font-size: 16px;  padding: 8px 0px;}
}

@media(max-width:1499px){
.paneltyShootGType .teamsGoalMain .redDot .goals-status::after { font-size: 13px;  left: 0px;}
.paneltyShootGType .teamsGoalMain .goals-status { width: 10px; height: 10px;}
.paneltyShootGType .lastResult li.cursor-None {width: 27px; height: 27px;}
}

.ball-bookMaker .suspended.lay,.suspended-BM.lay{width: 49.5%!important; right: 0; border-radius: 4px;}
.ball-bookMaker .suspended.back,.suspended-BM.back{width: 49.5%!important;  left: 0;  border-radius: 4px;}

/*  ========= PENALTY SHOOT END  =========  */
.ball-bookMaker .suspended.lay, .suspended-BM.lay, .paneltyShootGType .ball-bookMaker .suspended-BM.lay{width: 49.5%!important; height: 40px; right: 0; border-radius: 4px; position: absolute!important; background: rgba(0, 0, 0, .25); color: #fff!important;}
.ball-bookMaker .suspended.back, .suspended-BM.back, .paneltyShootGType .ball-bookMaker .suspended-BM.back{width: 49.5%!important; height: 40px; left: 0; border-radius: 4px; position: absolute!important; background: rgba(0, 0, 0, .25); color: #fff!important;}
.Goldking9_20231207 .singpopup .downline-heading img {
        height: 35px !important;
    }