@import url('https://fonts.googleapis.com/css?family=PT+Sans');

body {font-family: 'PT Sans', sans-serif; color: #ffffff; background-color: #000000; overflow-x:hidden;}

.clear {clear: both;}

.mb10 {margin-bottom: 10px;}

.form-control { background-color: #000000; color: #ffffff; border: 1px solid #555555; border-radius: 0px; }
.form-control.error {border: 1px solid #ff0000}
label {font-weight: normal;}
label.error {color: #ff0000; font-size: 12px;}

.modal-content { border: 1px solid #937951; background: #000000; overflow: hidden;}
.modal-header {
	border-bottom: 1px solid #937951; padding:8px 15px;
	background: #937951;
}
.modal-footer {border-top: 1px solid #937951;}

.closeBtt {color: #000000;}
.CommonBtt {background-color: #000000; color: #937951; border:1px solid #937951;}

#mob-bar, #mob-con, #showM {
 	-webkit-transition: all 0.5s;
 	-moz-transition: all 0.5s;
 	transition: all 0.5s;
}

#showM {position: absolute; top: 0px; height: 100%; width: 100%; background-color: #000000}
	#showM img {max-width: 100%; height: auto; padding: 3px}
	#showM img.btn-play {max-width: 70%; margin-bottom: 15px;}

#showM.active {
	transform: translate3d(300px, 0, 0);
	-webkit-transform: translate3d(300px, 0, 0);
	-moz-transform: translate3d(300px, 0, 0);
}
#showM.active #mob-overlay { display: block; }

#mob-bar {
	position: absolute; left: 0px; top: 0px; z-index: 1; width: 300px; height: 100%; overflow-y: auto; padding:10px 20px 0px; /*border-right: 1px solid #c443fa;*/
	transform: translate3d(-100%, 0, 0);
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
}
	#mob-bar ul {margin: 0px; padding:0px; list-style: none;}
	#mob-bar ul a {padding: 5px 10px; font-size: 16px; display: block; color: #ffffff}
	#mob-bar ul a span {width: 30px; text-align: center; font-size: 20px;}

	#mob-bar ul ul a {padding: 5px 10px 5px 30px;}

	#mob-bar h3 {text-align: center; font-size: 16px; text-transform: uppercase; margin-top: 20px;}
	#mob-bar .copyright {text-align: center; padding:15px 0px;}

	#mob-bar .mob-lv2 {display: none}

	.mob-bar-info { background-color: #333333; padding: 10px 15px; margin-bottom: 10px; }
		.mob-bar-info select {width: calc(100% - 25px); color: #000000}

#mob-con {height: 100%; position: relative;}
	#mob-overlay {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0,0,0,0.5); z-index: 99; display: none; cursor: pointer;}
	#showM.active #mob-con {overflow:hidden;}

#mob-top {
	height: 65px; position: fixed; z-index: 20; width: 100%;
	background: #937951;
	/*border-bottom: 1px solid #c443fa;*/
}
	#mob-top .container {padding: 0px 0px}
	#mob-logo {max-height: 64px; margin-left: 15px;}
		#mob-logo img {max-height: 48px; margin-top: 8px; max-width: 220px;}
	#mob-topr {position: absolute; top: 16px; right: 10px;}
		#mob-topr .w {position: absolute; right: 38px; width: 100px; text-align: right; top: 6px;}
		.mob-menu {position: relative; padding-left: 60px; font-size: 1.5em}
		.mob-menu:before {position: absolute; top: 2px; right: 0; width: 30px; height: 4px; background: #fff; box-shadow: 0 0px #000, 0 10px #fff, 0 10px #000, 0 20px #fff; content: '';}

#mob-annoucement {padding-top: 66px; /*border-bottom: 1px solid #c443fa;*/ color: #fff}
	.a-icon {width: 6%; float: left; padding-top: 4px;}
	.a-text {width: 94%; float: left; font-size: 12px; padding: 3px 0px}

/* #mob-banner {}
	#mob-banner .carousel,  #mob-banner .carousel-inner .item {height: auto}
	#mob-banner .carousel-inner { position: relative !important }
	#mob-banner .carousel-indicators {bottom: 10px}
	#mob-banner .carousel-indicators li {margin: auto;} */

#mob-content {background-color: #000000; padding-bottom: 80px;}
	.accor {}
		.accor-title {
			color: #ffffff; display: block; padding:5px; position: relative;
			/*background-color: #616975;*/
			background: -moz-linear-gradient(top, rgb(118, 122, 134), rgb(80, 88, 100));
			background: -o-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
			background: -ms-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
			background: linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#727a86', EndColorStr='#505864');
			border-bottom: 1px solid #33373d;
			text-shadow: 0px 1px 0px rgba(0,0,0,.5);
		}
			.accor-title .fa {width: 25px; text-align: center;}
			.accor-title span {position: absolute; right: 10px; background-color: #48515c; border-radius: 10px; padding: 2px 8px; font-size: 12px;}
		.accor-title.active {
			/*background-color: #35afe3;*/
			background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 204, 0)),to(rgb(255, 102, 0)));
			background: -webkit-linear-gradient(top, rgb(255, 204, 0), rgb(255, 102, 0));
			background: -moz-linear-gradient(top, rgb(255, 204, 0), rgb(255, 102, 0));
			background: -o-linear-gradient(top, rgb(255, 204, 0), rgb(255, 102, 0));
			background: -ms-linear-gradient(top, rgb(255, 204, 0), rgb(255, 102, 0));
			background: linear-gradient(top, rgb(255, 204, 0), rgb(255, 102, 0));
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#45c7eb', EndColorStr='#2698db');
			border-bottom: 1px solid #103c56;
			-webkit-box-shadow: inset 0px 1px 0px 0px #000;
			-moz-box-shadow: inset 0px 1px 0px 0px #000;
			box-shadow: inset 0px 1px 0px 0px #000;
			color: #ffffff;
		}
			.accor-title.active span {background-color: #2173a1}

		.accor-box {display: none;}
			.accor-box a {display: block; background: #fff; border-bottom: 1px solid #efeff0; color: #878d95; position: relative; padding: 3px 35px;}
			.accor-box a span {position: absolute; right: 10px; border-radius: 5px; padding: 2px 8px; font-size: 10px; border: 1px solid #999999}

	#mob-content h1, #mob-content h2 {text-align: center; font-size: 30px; line-height: normal; /*padding: 20px 0px*/}
	#mob-content h3 {text-align: center;}

#mob-quickbtn {text-align: center; border-top: 1px solid #c443fa}
	#mob-quickbtn div {
		/*background-color: #616975;*/
		background: -moz-linear-gradient(#150505, #534806);
		background: -o-linear-gradient(#150505, #534806);
		background: -ms-linear-gradient(#150505, #534806);
		background: linear-gradient(#150505, #534806);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#150505', EndColorStr='#534806');
		border: 1px solid #c443fa; border-top: 0px; border-bottom: 0px; border-left: 0px;
		text-shadow: 0px 1px 0px rgba(0,0,0,.5);
	}
	#mob-quickbtn .fa, #mob-quickbtn .fab, #mob-quickbtn .fas {display: block; font-size: 30px;}
	#mob-quickbtn a {color: #ffffff; padding: 12px 0px; display: block;}

#mob-footer {
	position: fixed; bottom: 0px; width: 100%; text-align: center; font-size: 12px;
	background: #222222;
	background: -moz-linear-gradient(top,  #222222 0%, #111111 100%);
	background: -webkit-linear-gradient(top,  #222222 0%,#111111 100%);
	background: linear-gradient(to bottom,  #222222 0%,#111111 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#111111',GradientType=0 );
	/*border-top:1px solid #c443fa*/
}
	#mob-footer div.active, #mob-footer div:hover {
		background: #937951;
		background: -moz-linear-gradient(top,  #937951 0%, #ba8a1c 100%);
		background: -webkit-linear-gradient(top,  #937951 0%,#ba8a1c 100%);
		background: linear-gradient(to bottom,  #937951 0%,#ba8a1c 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#937951', endColorstr='#ba8a1c',GradientType=0 );
	}
	#mob-footer .fa, #mob-footer .fab {display: block; font-size: 22px;}
	#mob-footer a {color: #ffffff; padding: 12px 0px; display: block;}

.ct {text-transform: uppercase;}
	.ctl {
		float: left; width: 50%; text-align: center;
		background: #b98952;
	}
		.ctl a {color: #ffffff;}
	.ctr {
		float: left; width: 50%; text-align: center;
		background: #222222;
	}
		.ctr a {color: #ffffff;}
	.ct a {text-shadow: 0px 0px 4px #444444; padding: 8px 0px; display: block; font-size: 16px;}

.ct2 {text-transform: uppercase;}
	.ct2b {
		float: left; width: 33.33%; text-align: center;
		background: #937951;
		background: -moz-linear-gradient(top,  #937951 0%, #ba8a1c 100%);
		background: -webkit-linear-gradient(top,  #937951 0%,#ba8a1c 100%);
		background: linear-gradient(to bottom,  #937951 0%,#ba8a1c 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#937951', endColorstr='#ba8a1c',GradientType=0 );
	}
	.ct2b:nth-child(even) {
		background: #696969;
		background: -moz-linear-gradient(top,  #696969 0%, #383838 100%);
		background: -webkit-linear-gradient(top,  #696969 0%,#383838 100%);
		background: linear-gradient(to bottom,  #696969 0%,#383838 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#383838',GradientType=0 );
	}
	.ct2b a {text-shadow: 0px 0px 4px #444444; padding: 8px 0px; display: block; font-size: 14px; color: #ffffff;}
		.ct2b a .fa {display: block; font-size: 26px; padding-bottom: 2px;}

#jackpot { background:url(../img/home/jackpot_bg.webp) no-repeat top center; position: relative; height: 82px; background-size: cover; /*border: 1px solid #c443fa; border-left: 0px; border-right: 0px;*/}
	.j-text {
		background:url(../img/home/jackpot.gif) no-repeat top center; width: 220px; height: 70px; border-radius: 7px; position: absolute; top: 50%; left: 50%; background-size: cover;
		font-size: 24px; font-weight: bold; line-height: 70px; text-align: center;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform:    translate(-50%, -50%);
		-ms-transform:     translate(-50%, -50%);
		-o-transform:      translate(-50%, -50%);
		transform:         translate(-50%, -50%);
	}
	.login-jackpot .j-text{line-height: 50px;}

#seo {color: #999999; font-size: 12px; padding: 20px 0px; background-color: #111111}
	#seo h1 {font-size: 14px;}
	#seo a {color: #efd77f}

.tabbox {}
	.tabbox-tab {position: relative;}
		.tabbox-tab ul {padding: 10px 0px 0px; white-space: nowrap; overflow-x: auto; font-size: 0px; margin: 0px}
		.tabbox-tab li {display: inline-block; font-size: 12px; text-align: center; padding: 6px 8px; cursor: pointer; list-style: none; /*width: 21%;*/ border-left: 0px; border-top: 0px; background-size: 36px; background-position: top 5px center; background-repeat: no-repeat; padding-top: 45px; color: #efd77f; margin: 0px 10px; opacity: 0.6}
		.tabbox-tab li.active, .tabbox-tab li:hover {color: #efd77f; opacity: 1}

		.tabbox-tab li.sg {background-image: url(../img/m/icon/webp/sg.webp)}
		/*.tabbox-tab li.sg.active, .tabbox-tab li.sg:hover {background-image: url(../img/m/icon/webp/sg2.webp)}*/
		.tabbox-tab li.lc {background-image: url(../img/m/icon/webp/lc.webp)}
		/*.tabbox-tab li.lc.active, .tabbox-tab li.lc:hover {background-image: url(../img/m/icon/lc2.webp)}*/
		.tabbox-tab li.sb {background-image: url(../img/m/icon/webp/sb.webp)}
		/*.tabbox-tab li.sb.active, .tabbox-tab li.sb:hover {background-image: url(../img/m/icon/webp/sb2.webp)}*/
		.tabbox-tab li.poker {background-image: url(../img/m/icon/webp/poker.webp)}
		/*.tabbox-tab li.poker.active, .tabbox-tab li.poker:hover {background-image: url(../img/m/icon/webp/poker2.webp)}*/
		.tabbox-tab li.tangkas {background-image: url(../img/m/icon/webp/tangkas.webp)}
		/*.tabbox-tab li.tangkas.active, .tabbox-tab li.tangkas:hover {background-image: url(../img/m/icon/webp/tangkas2.webp)}*/
		.tabbox-tab li.togel {background-image: url(../img/m/icon/webp/togel.webp)}
		/*.tabbox-tab li.togel.active, .tabbox-tab li.togel:hover {background-image: url(../img/m/icon/webp/togel2.webp)}*/
		.tabbox-tab li.fish {background-image: url(../img/m/icon/webp/fish.webp)}
		/*.tabbox-tab li.fish.active, .tabbox-tab li.fish:hover {background-image: url(../img/m/icon/webp/fish2.webp)}*/
		.tabbox-tab li.gaple {background-image: url(../img/m/icon/webp/gaple.webp)}
		.tabbox-tab li.others {background-image: url(../img/m/icon/webp/fight.webp)}

	.tab-arrow {position: absolute; top: 0px; background-color: rgba(0,0,0,0.8); height: 100%; color: #efd77f; padding: 0px 8px;}
		.tab-arrow i {font-size: 26px; line-height: 78px;}
		.tab-arrow.l {left: 0px;}
		.tab-arrow.r {right: 0px;}

	.tabbox-content {padding: 10px 0px}
		.tbc {display: none; overflow: hidden; text-align: center;}
		.tbc.active {display: block}
		.tbc.pad {padding: 20px;}
		.tbc.pad img {margin-bottom: 10px}

		.tbc h3 { text-align: center; padding: 10px 0px }

		.tbc.bg {min-height: 250px; background-size: cover; background-position: top center; background-repeat: no-repeat; position: relative;}
			.tbc.bg a {
				position: absolute; bottom: 20px; left: 50%; width: 80%; text-align: center;
				-webkit-transform: translateX(-50%);
				-moz-transform:    translateX(-50%);
				-ms-transform:     translateX(-50%);
				-o-transform:      translateX(-50%);
				transform:         translateX(-50%);
			}

		.tbl {cursor: pointer;}
			.tbl img {width: 100%;}
			.tbl span {display: block; color: #ffffff; text-align: center; font-size: 14px; background-color: #222222; padding: 5px; border-right: 1px solid #000000; text-transform: uppercase;}

.gamebox {margin: 5px 0px; text-align: center;}
	.gamebox img {width: 100%;}
	.gamebox .gtittle {padding: 5px 0px}

.cm { display: block; width:100%; padding: 0; margin-left: 0px; border: 1px solid #d9b300;}
.contentblock { display: block; padding:15px 0;}
.contentblock.hidden { display: none; }
.contentblock img {width: 100%}
.contentblock a {padding: 8px 0px; display: block;}

.sidemenu { margin: 0; padding: 0; width: 100%; float: left; border-top: 1px solid #d9b300;}
.sidemenu li { display: block; text-align: center; border: 1px solid #d9b300; border-top:none;font-size: 17px; font-weight:600;}
.sidemenu li a { display: block; text-align:center; color: #fff; text-decoration: none; height:35px; padding-top:4px;}
.sidemenu li a:hover { color:#fff; background:#4d0707;}
.sidemenu li a strong { display: block; }
.sidemenu li a.open { background:#d9b300; width:101%; }

#showM .input-group-addon img {max-width: none;}

.btn-af-page {
	margin-bottom: 10px;
}
.btn-af-page button, .btn-af-page button:focus, .btn-af-page button:hover {
	border: 1px solid #4d4d4e;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	width: 100%;
	background: #d9b300;
}
.btn-af-page .dropdown-menu {
	background: rgb(78,80,81); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(78,80,81,1) 0%, rgba(24,24,24,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(78,80,81,1) 0%, rgba(24,24,24,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(78,80,81,1) 0%, rgba(24,24,24,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e5051', endColorstr='#181818', GradientType=0 ); /* IE6-9 */
	text-align: center;
	border: 1px solid #4d4d4e;
	width: 100%;
}
.btn-af-page button .caret {
	right: 4%;
	top: 45%;
	position: absolute;
}
.btn-af-page .dropdown-menu li a {
	color: #FFFFFF;
	font-size: 15px;
}
.btn-af-page .dropdown-menu li a:hover, .dropdown-menu li a:focus {
	background: #003471;
	color: #FFFFFF;
}

#bl {display: none;}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {border-top:1px solid #555;}
.table > thead > tr > th {border-bottom: 1px solid #555555}

.dlapps {padding: 10px; border-radius: 5px; border: 1px solid #222; text-align: center;}
	.dlapps .fab {color: #a4c639; font-size: 70px;}
	.dlapps a {color: #ffffff; display: block;}
	.dlapps span {display: block;}

.zopim {display: none !important}

/*** WALLET ***/
.blbbox {position: relative; margin-top: 3px; margin-left: 3px; display: inline-block;}
	.blbboxtop {padding: 3px 10px; display: inline-block; background-color: #2e2f2e; border: 1px solid #ffe000; cursor: pointer;}
		.blbboxtop span {font-size: 14px; padding-left: 2px;}

	.blbbox.active .blbboxtop {background-color: #ffe000; color: #333333}

	.blbboxin {background-color: #900000; position: absolute; z-index: 99; right: 0px; min-width: 180px; display: none; border:1px solid #ffe000; text-align: right;}
		.blbboxin:before {display: block; width: 0px; height: 0px; position: absolute; top: -6px; right: 11px; border-right: 6px solid transparent; border-left: 6px solid transparent; border-bottom: 6px solid #900000; content: ""}
		.blbboxin .bbl {padding: 2px 8px; border-bottom: 1px solid #dd2323; position: relative;}
		.blbboxin .bbl p {float: left; margin:0px; font-size: 12px;}
		.blbboxin .bbl span {padding: 0px 5px; font-size: 12px;}
		.blbboxin .bbl a {color: #ffe000}
			.blbboxin .bbl a:hover {color: #ffffff}

		.blbboxin .bbllast {padding: 3px 8px; background-color: #ffe000; text-align: center;}
			.blbboxin .bbllast a {color: #333333}
			.blbboxin .bbllast.no {background-color: #dddddd}

	.bbloverlap {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); background-image: url(../img/preloader.svg); background-repeat: no-repeat; background-position: center; background-size: auto 40px}

	.blbbox.active .blbboxin {display: block;}

	/*.blbbox:hover .blbboxin {display: block;}*/
/*** END WALLET ***/

#Join .form-control, .regContainer .form-control {text-shadow: 1px 1px 1px #000000; background-color: #474864;}

#showM.wt {}
#showM.wt #mob-con {top: 60px;}
#showM.wt #mob-overlay {position: fixed; z-index: 9999;}

body.swmenu .g8app-mob {transform: translate(280px);}
.g8app-mob {height: 60px; background-color: #111111; position: fixed; top: 0px; width: 100%; z-index: 9998; transition-duration:300ms; display: none;}
.g8app-mob .l {height: 60px; position: absolute; left: 0px; top: 0px; width: 50px; font-size: 20px; text-align: center; cursor: pointer;}
.g8app-mob .l i {line-height: 60px;}
.g8app-mob .c {height: 50px; position: absolute; left: 50px; top: 5px; width: calc(100% - 110px)}
.g8app-mob .c .cl {float: left; height: 50px; padding-right: 15px;}
.g8app-mob .c .cl img {max-height: 100%}
.g8app-mob .c .cr {float: left;}
.g8app-mob .c .cr h3 {margin: 0px; text-transform: uppercase; font-size: 20px;}
.g8app-mob .c .cr p {margin: 0px; font-size: 12px;}
.g8app-mob .r {height: 60px; position: absolute; right: 0px; top: 0px; width: 120px; font-size: 26px;display: flex;}
.g8app-mob .r a {text-align: center;width: 60px; background-color: #e3a43b; color: #ffffff;}
.g8app-mob .r i {line-height: 60px;}
.g8app-mob .r img {width: 60px;}

@media only screen and (max-width: 767px) {
	.tbcbox1 {float: left; width: 50%}
	.tbcbox2 {float: left; width: 25%}
	.tbcbox3 {float: left; width: 25%}
	.tbcbox4 {float: left; width: 25%}
}

@media only screen and (max-width: 479px) {
	.tbcbox1 {float: left; width: 100%}
	.tbcbox2 {float: left; width: 50%}
	.tbcbox3 {float: left; width: 33.33%}
	.tbcbox4 {float: left; width: 25%}

	/* Mission */
	.openmis, .openmis-mob, .sw-a {display: none}
	.miswrap, .mlwrap {
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.miswrap.active, .mlwrap.active {visibility: visible; opacity: 1}

	.miswrap {position: fixed; width: 100%; height: 100%; z-index: 9990; visibility: hidden; opacity: 0}
	.miswrap .overlay {position: absolute; width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0,0.7);}
	.miswrap .misbox {max-width: 800px; width: 90%; position: absolute; z-index: 2; max-height: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
	.miswrap .misbox .mishead {background-color: #ffe000; position: relative;}
	.miswrap .misbox .mishead h2 {color: #333333; padding: 10px 15px; font-size: 20px; font-weight: bold; margin:0px;}
	.miswrap .misbox .mishead .mistol {position: absolute; right: 30px; top: 50%; transform: translateY(-50%); font-size: 12px; font-weight: bold; color: #ffffff; background-color: #222222; padding:3px 10px; border-radius: 5px;}
	.miswrap .misbox .mishead .misclose {color: #222222; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
	.miswrap .misbox .mishead .misclose:hover {opacity: 0.8}

	.miswrap .misbox .misbody {background-color: #000000; border: 1px solid #ffe000; max-height: 450px; overflow-y: auto;}
	.miswrap .misbox .misbody .mislist {line-height: normal; padding: 15px; border-bottom: 1px solid #ffe000; font-size: 0px;}
	.miswrap .misbox .misbody .mislist h3 {margin:0px; font-size: 18px; font-weight: bold; color: #ffe000; padding-bottom: 5px;}
	.miswrap .misbox .misbody .mislist .desc {font-size: 14px;}

	.miswrap .misbox .misbody .mislist .l {width: 75%; padding-right: 10px; display: inline-block;}
	.miswrap .misbox .misbody .mislist .r {width: 25%; padding-left: 10px; display: inline-block; text-align: right; vertical-align: top; border-left: 1px solid #333333;}
	.miswrap .misbox .misbody .mislist .r span {color: #ffffff; font-size: 14px; display: block;}
	.miswrap .misbox .misbody .mislist .r a {color: #ffffff; text-transform: uppercase; font-size: 12px; background-color: #555555; border: 1px solid #888888; border-radius: 5px; padding: 5px 5px; display: inline-block; margin-top: 5px}
	.miswrap .misbox .misbody .mislist .r a.btn-continue {color:#ffffff; background-color: #5cb85c; border-color: #5cb85c}
	.miswrap .misbox .misbody .mislist .r a:hover {border-color: #ffe000; background-color: #ffe000; text-decoration: none; color: #333333}

	.miswrap .misbox .misbody .mislist .r span.btn-void {color: #555555; text-transform: uppercase; font-size: 12px; background-color: #111111; border: 1px solid #222222; border-radius: 5px; padding: 5px 5px; display: inline-block; margin-top: 5px}
	.miswrap .misbox .misbody .mislist .r span.btn-done {color: #333333; text-transform: uppercase; font-size: 12px; background-color: #ffe000; border: 1px solid #ffe000; border-radius: 5px; padding: 5px 5px; display: inline-block; margin-top: 5px}

	.miswrap .misbox .misbody .mislist.done {background-color: #222222;}
	.miswrap .misbox .misbody .mislist.done .r a {border-color: #ffe000; background-color: #ffe000; text-decoration: none; color: #333333; cursor: default;}

	.mlwrap {position: fixed; width: 100%; height: 100%; z-index: 9991; visibility: hidden; opacity: 0}
	.mlwrap .overlay {position: absolute; width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0,0.7);}
	.mlwrap .mlbox {max-width: 500px; width: 90%; position: absolute; z-index: 2; max-height: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
	.mlwrap .mlbox .mlhead {background-color: #ffe000; position: relative;}
	.mlwrap .mlbox .mlhead h2 {color: #333333; padding: 10px 15px; font-size: 20px; font-weight: bold; margin:0px;}
	.mlwrap .mlbox .mlhead .mlclose {color: #222222; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
	.mlwrap .mlbox .mlhead .mlclose:hover {opacity: 0.8}

	.mlwrap .mlbox .mlbody {background-color: #000000; border: 1px solid #ffe000; padding: 15px;}
	.mlwrap .mlbox .mlbody input {width: 100%; color: #333333; padding: 3px 10px}
	.mlwrap .mlbox .mlbody input::placeholder {color: #333333}
	.mlwrap .mlbox .mlbody .subbtn {color: #aaaaaa; text-transform: uppercase; font-size: 14px; background-color: #222222; border: 1px solid #555555; border-radius: 5px; padding: 5px 15px; display: inline-block; margin-top: 10px;}
	.mlwrap .mlbox .mlbody .subbtn:hover {border-color: #ffe000; background-color: #ffe000; text-decoration: none; color: #333333}

	.mlwrap .mlbox .mlbody .error {font-size: 12px; text-align: center; display: block; padding: 3px 0px; color: #ff0000; font-weight: bold;}

	.f-banner {display: none;}

	/* Hot Matches */
	.matches{max-width:35rem;margin:16px auto 0px;padding:0 11px;position:relative}.matches__top{background:linear-gradient(-207deg,#171342 50%,#105a72);position:relative;border-top-left-radius:15px;border-top-right-radius:15px}.matches__top-title{font-size:15px;text-transform:uppercase;padding:4px;text-align:center;font-weight:700;margin-bottom:-1px}.matches__top-title strong{color:#1da0cb}.matches__top-close{position:absolute;top:5px;right:5px;cursor:pointer}.matches__top-close:active{opacity:.2}.matches__top-close i{font-size:19px;color:#1da0cb}.matches__title{position:absolute;top:33px;left:24px;z-index:999}.matches__pagination{background:#301d6e;margin:0;padding:15px;position:relative}.matches__detail{background-image:url(../img/football.png);background-color:#fff;background-repeat:no-repeat;background-position:center -35px;background-size:65%;border:1px solid #dedede;border-bottom-left-radius:15px;border-bottom-right-radius:15px}.matches__detail-versus{display:flex;justify-content:center;align-items:flex-end;padding:12px 24px}@media only screen and (max-width:475px){.matches__detail-versus{padding:6px 2px}}.matches__detail-versus .club-detail{display:flex;flex-direction:column;align-items:center;flex:1;padding:0 8px}.matches__detail-versus .club-detail__logo img{width:32px;height:32px}.matches__detail-versus .club-detail__versus{background-color:#000;width:32px;height:32px;border-radius:100%;display:flex;justify-content:center;align-items:center;margin-bottom:16px}.matches__detail-versus .club-detail__name{color:#292b2c;font-size:12px;white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.matches__detail-versus .club-detail__score{background-color:#000;padding:5px 7px;border-radius:4px;font-size:12px;width:93%;margin:auto;display:flex;justify-content:space-between}.matches__detail-versus .club-detail__score-title{text-transform:uppercase}.matches__detail-versus .club-detail__score-point{color:#1da0cb;font-weight:700}.matches__detail-footer{background-color:#e8e8e8;padding:8px 15px;display:flex;justify-content:space-between;border-bottom-right-radius:15px;border-bottom-left-radius:15px}.matches__detail-footer .detail-time{color:#000;font-size:14px;font-weight:700}.matches__detail-footer .button-cta{background-color:#1da0cb;color:#000;padding:8px 24px;font-weight:700;font-size:14px}.matches .swiper-button-next,.matches .swiper-button-prev{color:#fff;top:15px}.matches .swiper-button-next::after,.matches .swiper-button-prev::after{font-size:12px}.matches .swiper-button-next:focus,.matches .swiper-button-prev:focus{outline:0}.matches .swiper-button-next{right:0px}.matches .swiper-button-prev{left:auto;right:58px}.matches .swiper-pagination-fraction{top:6px;width:unset!important;right:23px;font-size:12px;left:unset!important}
	.matches__detail-versus .club-detail__score.center {display: inline-block; text-align: center;}
	.matches__top {background: #000000}
	.matches__top-title strong {color: #ff0000}
	/*.matches__top-close {background-color: #ffffff; border-radius: 50%}*/
	.matches__top-close i, .matches__detail-versus .club-detail__score-point {color: #051A23}
	.matches__pagination {background-color: #051A23; color: #ffffff}
	.matches__detail-footer .button-cta {background-color: #051A23; color: #ffffff}
	.g8-lshm{padding: 10px;}
}

.input-group.eye {position: relative;}
.input-group.eye input {padding-right: 27px;}
.input-group.eye > .fa {position: absolute;top: 50%;transform: translateY(-50%);right: 0;cursor: pointer;z-index: 2;padding: 7px;}