@import url(system.css);
* {
	outline: 0 !important;
}
a {
	color: #ececec;
}
a:not([href]):not([tabindex]) {
	color: #ececec;
	cursor: pointer;
}
h1 {
	font-size: 24px;
	text-align: center;
	color: #030c13;
}
h3 {
	margin-top: 15px;
	font-size: 14px;
	text-align: left;
	color: #fff;
}
button:hover {
	cursor: pointer;
}
input[type="email"],
input[type="number"],
input[type="password"],
input[type="text"] {
	background-color: #fff;
	font-size: 14px;
	color: grey;
	line-height: 30px;
	border: 1px #ccc solid;
	padding: 0 5px;
	border-radius: 3px;
	outline: 0;
	-webkit-appearance: none;
	font-size: 0.875rem;
}
ul {
	list-style: none;
}
[class^="col-"] {
	float: left;
}
.text-bold {
	font-weight: 700;
}
.text-success {
	color: #28a745 !important;
}
.text-danger {
	color: #dc3545 !important;
}
.text-warning {
	color: #da9319 !important;
}
.text-primary {
	color: #337ab7 !important;
}
.text-ellipsis {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.text-underline {
	text-decoration: underline;
}
.clear {
	clear: both;
}
.img-captcha {
	border-radius: 4px !important;
	height: 32px !important;
}
.img-captcha.img-thumbnail {
	padding: 2px;
}
.bd-callout {
	padding: 1.25rem;
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	border: 1px solid #eee;
	border-left-width: 0.25rem;
	border-radius: 0.25rem;
	background-color: #fff;
}
.bd-callout-danger {
	border-left-color: #d9534f;
}
.bd-callout-info {
	border-left-color: #5bc0de;
}
.bd-callout-warning {
	border-left-color: #f0ad4e;
}

#ReloadCaptcha,
#ReloadCaptchaLogin,
#ReloadCaptchaRegister {
	cursor: pointer;
}
#ReloadCaptcha,
#ReloadCaptchaLogin,
#ReloadCaptchaRegister,
#iconCheck {
	line-height: 32px;
	margin-left: 10px;
	font-size: 16px;
}
.form-group input[type="email"],
.form-group input[type="number"],
.form-group input[type="password"],
.form-group input[type="text"] {
	position: relative;
	height: 32px;
	line-height: 32px;
	margin-bottom: 10px;
	background-color: #f5f5f5;
	border-color: silver;
	vertical-align: top;
}
.form-group.validation-error {
	color: #d32f2f;
}
.form-group.validation-error i {
	color: #d32f2f;
	opacity: 1;
}
.form-group.validation-pass i {
	color: #388e3c;
	opacity: 1;
}
.form-group.validation-error input {
	border-color: #d32f2f;
}
.index-body {
	font-family: Ubuntu, sans-serif;
	color: #ececec;
	font-size: 12px;
	background-color: #000;
	background-size: 100% 100%;
}
#dialog-maskga {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	position: fixed;
	z-index: 2000;
	top: 0;
}
#loader {
	width: 200px;
	height: 50px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	color: #000;
	font-size: 1rem;
	background-color: #fff;
	border-radius: 40px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.top-nav {
	padding: 5px 0;
	background-color: #040a0e;
	color: #ededed;
	width: 100%;
	border-bottom: none;
}
.nav-wrapper {
	position: relative;
}
.newsInfo {
	width: 100%;
	max-width: 600px;
	position: relative;
}
.newsInfo > i {
	width: 28px;
	height: 25px;
	line-height: 25px;
	font-size: 1rem;
	position: relative;
	left: 0;
}
.newsInfo .marquee {
	width: calc(100% - 28px);
	height: 25px;
	line-height: 25px;
	position: absolute;
	font-size: 16px;
	text-transform: uppercase;
}
.help-bar {
	position: absolute;
	right: 0;
	top: 0;
}
.left-col,
.right-col {
	width: 100%;
}
.left-col {
	max-width: 250px;
	display: flex;
}
.left-col > a {
	display: flex;
	align-items: center;
}
.right-col {
	max-width: 890px;
}
.icon-soc > a {
	line-height: 25px;
	display: inline-block;
}
.icon-soc > a > img {
	max-width: 25px;
}
.announcement {
	min-width: 800px;
}
.scroll-left {
	overflow: hidden;
	position: relative;
	margin: 0;
}
.scroll-left > marquee {
	margin: 0;
	position: relative;
	width: 100%;
	height: 20px;
	top: 4px;
}

@-moz-keyframes scroll-left {
	0% {
		-moz-transform: translateX(100%);
	}
	100% {
		-moz-transform: translateX(-100%);
	}
}
@-webkit-keyframes scroll-left {
	0% {
		-webkit-transform: translateX(100%);
	}
	100% {
		-webkit-transform: translateX(-100%);
	}
}
@keyframes scroll-left {
	0% {
		-moz-transform: translateX(100%);
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
	100% {
		-moz-transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}
.dropdown {
	position: relative;
	display: inline-block;
}
.dropbtn {
	max-width: 25px;
	border: none;
	padding: 0;
	margin: 0 6px;
}
.dropbtn img {
	max-width: 25px;
	border-radius: 50%;
}
.dropMenu {
	display: none;
	width: 107px;
	position: absolute;
	right: 36px;
	top: 0;
	z-index: 114;
	padding-left: 0;
	background-color: #ececec;
	border: 1px solid #989898;
	-webkit-box-shaiadow: 0 3px 12px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.5);
}
.dropMenu li {
	padding: 5px;
	float: left;
	color: #797979;
}
.dropMenu img {
	max-width: 25px;
	border-radius: 50%;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	box-shadow: 1px 2px 4px 1px rgba(0, 0, 0, 0.3);
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.dropMenu img:hover {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
}
.header {
	background: url(../infini/images/common/black-opacity.png);
	padding: 0 0 5px 0;
}
.logo {
	margin: 0;
	max-height: 55px;
	display: block;
}
.login-box {
	padding: 5px;
	font-size: 12px;
	border-radius: 0 0 4px 4px;
	text-align: right;
}
input[type="email"].login-form,
input[type="password"].login-form,
input[type="text"].login-form {
	width: 150px;
	padding: 3px 6px;
	border: 1px solid #4c4c4c;
	background-color: #232323;
	border-radius: 4px 4px;
	margin: 0 0 5px 5px;
	color: #ececec;
	font-size: inherit;
	line-height: inherit;
}
.login-form:focus {
	box-shadow: none;
	outline: 0;
}
.login-form::placeholder {
	color: #787878;
}
.login-box ul {
	padding-left: 0;
	list-style: none;
	margin-bottom: 5px;
}
.login-box ul > li {
	display: inline-block;
	margin-left: 5px;
}
.login-box ul > li:first-child {
	margin-left: 0;
}
.login-box ul.banking {
	margin-bottom: 0;
}
.banking img {
	height: 22px;
	position: relative;
	top: -1px;
}
.banking > li > .bttn-logout {
	line-height: 23px;
	cursor: pointer;
}
.user-info i {
	padding-right: 3px;
	position: relative;
	top: 1px;
	font-size: 1.25em;
}
.user-info > li > a {
	line-height: 26px;
	padding: 0 6px;
	display: block;
	color: #fff;
}
.user-info > li:last-child > a {
	padding-right: 0;
}
.banking img:hover,
.user-info > li:first-child > a:hover i {
	opacity: 0.5;
}
.balance-wrapper i {
	padding-right: 0;
	top: 0;
	font-size: 1em;
}
.user-info-balance {
	border: 1px solid #37434c;
	border-radius: 4px;
	background-color: #05253c;
	color: #fff;
	width: 170px;
	line-height: 24px;
	position: relative;
}
.user-info-balance > span {
	cursor: pointer;
}
#reloadBalance > span,
.user-info-balance > span {
	line-height: 22px;
	display: inline-block;
	user-select: none;
}
#creditBalance {
	width: 115px;
	position: absolute;
	left: 0;
	text-align: center;
}
#calibrate,
#iconReload {
	width: 26px;
	text-align: center;
}
.user-info-balance img {
	position: relative;
	height: 18px;
	top: -1px;
}
#calibrate {
	border-left: 1px solid #37434c;
	width: 30px;
}
.popover-balance-content {
	display: none;
	position: absolute;
	width: 300px;
	right: -1px;
	z-index: 999;
	top: 29px;
	border: 1px solid #37434c;
	border-radius: 4px;
	background-color: #05253c;
	color: #fff;
	line-height: 24px;
}
.popover-balance-content.v2 {
	width: 600px;
}
.popover-balance-content .calibrate {
	display: block;
	cursor: pointer;
}
.pop-wallet td,
.pop-wallet th {
	padding: 3px 5px;
	line-height: 20px;
}
.pop-wallet td:nth-child(even) {
	text-align: right;
}
.pop-wallet td:nth-child(odd) {
	text-align: left;
	text-transform: uppercase;
}
.pop-wallet > tfoot {
	border-top: 1px solid #3c3c3c;
}

#avatar b {
	text-decoration: underline;
}
.icon-new {
	position: absolute;
	color: red;
	font-size: 1rem;
}
.navbar {
	background-position: 12px -659px;
	border-bottom: 2px groove #3c474e;
	border-top: 2px groove #3c474e;
	background-color: #020516;
	z-index: 99;
}
.navbar ul {
	padding: 0;
	margin: 0 auto;
	z-index: 99;
}
.navbar li {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: block;
	float: left;
	font-size: 12px;
	margin-top: -6px;
}
.navbar li:last-child {
	margin-right: 0;
}
.navbar li.home i {
	text-align: center;
	position: relative;
	padding-top: 15px;
}
.label-new {
	position: absolute;
	margin-top: 2px;
	font-size: 10px;
	font-weight: bold;
	line-height: 16px;
	padding: 0 6px;
	border-radius: 4px;
	min-width: 30px;
	margin-left: 10px;
	background-color: #e83e37;
	color: #fff;
	z-index: 1;
	top: 24px;
}
.label-new-top-right {
	top: 2px;
	right: -2px;
	font-size: 0.75rem;
	padding: 2px 0.75rem;
}
ul#gameListMenu li > span.label-new.blink {
	top: 5px;
	text-transform: uppercase;
}

.navbar a {
	position: relative;
	min-width: 90px;
	height: 84px;
	display: block;
	padding: 0 5px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-filter: drop-shadow(0 0 0 #000);
	filter: drop-shadow(0 0 0 #000);
}
.nav_name {
	color: #fff;
}
.navbar a:hover .nav_name,
.navbar a:hover i {
	opacity: 0.34;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.navbar li:hover a {
	color: #fff;
	font-weight: 700;
}
.navbar li:hover i {
	opacity: 0.34;
}
.navbar li:hover .icon-new > i {
	opacity: 1;
}
.navbar li:hover .subnavbar {
	display: block;
}
.navbar i {
	display: block;
	width: 100%;
	height: 84px;
}
.navbar [class^="icon_"] {
	background: url(../infini/images/common/icon_nav.png) no-repeat;
	background-size: 80%;
	/* filter: brightness(0) saturate(100%) invert(82%) sepia(89%) saturate(726%) hue-rotate(2deg); */
}
.navbar .icon_home {
	background-position: center 11px;
}
.navbar .icon_casino {
	background-position: center -218px;
}
.navbar .icon_slot {
	background-position: 10px -58px;
}
.navbar .icon_tembak_ikan {
	background-position: center -300px;
}
.navbar .icon_lottery {
	background-position: center -387px;
}
.navbar .icon_poker {
	background-position: center -477px;
}
.navbar .icon_sports,
.navbar .icon_sportsbook {
	background-position: center -721px;
}
.navbar .icon_cock_fighting {
	background-position: center -884px;
}
.navbar .icon_games {
	background-position: center -806px;
}
.navbar .icon_promo {
	background-position: center -132px;
}
.navbar .icon_referral {
	background-position: center -565px;
}
.navbar .icon_favorite {
	background-position: center -647px;
}
.navbar .nav_name {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 90.91px;
	font-size: 0.65rem;
	text-align: center;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.navbar .icon-new {
	top: 11px;
	right: 7px;
}
.subnavbar {
	display: none;
	width: 100%;
	min-height: 100px;
	min-width: 1000px;
	background-color: #0d1b50;
	border-bottom: 1px solid #2c2947;
	text-align: center;
	position: absolute;
	top: 82px;
	left: 0;
	z-index: 1;
	-webkit-box-shadow: inset 0 3px 23px 0 rgba(0, 0, 0, 0.4);
	box-shadow: inset 0 3px 23px 0 rgba(0, 0, 0, 0.4);
	opacity: 0.9;
}
.navbar .subnavbar .icon-new {
	top: -2px;
	right: -2px;
	font-size: 1.3rem;
}
.subnavbar .gameNav {
	display: inline-block;
	width: auto;
}
.subnavbar .gameNav li {
	width: 120px;
	margin: 0 3px 0 0;
	padding: 0 5px;
	display: block;
	float: left;
}
.subnavbar .gameNav a {
	display: block;
	height: auto;
	line-height: 30px;
	padding: 84px 0 0 0;
	background: url(../infini/images/common/icon_menu.png) no-repeat;
	background-position: 0 8px;
}

/* Owl Carousel Customization */
.home-slider .owl-dots,
.home-slider .owl-nav {
	position: absolute;
	width: 100%;
}
.home-slider .owl-nav {
	top: 0;
	margin-top: 0 !important;
	height: 100%;
	font-size: 3rem;
	font-weight: 700;
	visibility: hidden;
}
.home-slider .owl-nav button {
	margin: 0 !important;
	width: 100px;
	visibility: visible;
}
.home-slider .owl-nav button.owl-prev {
	float: left;
	height: 100%;
}
.home-slider .owl-nav button.owl-next {
	float: right;
	height: 100%;
}
.home-slider .owl-nav [class*="owl-"]:hover {
	background: 0 0;
}
.home-slider .owl-dots {
	bottom: 0;
}
.home-slider .owl-dots .owl-dot span {
	height: 8px;
	width: 40px;
	margin: 5px 3px;
	border-radius: 10px;
	background: #adadad;
}
.home-slider .owl-dots .owl-dot.active span {
	background: #545454;
}

/* Progressive Jackpot */
.progressive-jackpot {
	position: relative;
	text-align: center;
	margin: 0 auto;
	background-size: 100% 100%;
	filter: contrast(100%) hue-rotate(-22deg) grayscale(49%) saturate(1.4);
}
.progressive-jackpot > h2 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: inline-block;
	outline: 0;
	box-sizing: border-box;
	border: none;
	border-radius: 0.3em;
	text-transform: uppercase;
	box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(179 179 179 / 40%),
		inset 0 -2px 5px 1px rgb(0 0 0), inset 0 -1px 1px 3px rgb(151 151 151);
	background-image: linear-gradient(
		160deg,
		#424242,
		#595959,
		#787878,
		#4f4f4f,
		#000
	);
	border: 1px solid #000;
	color: #f5f5f5;
	font-weight: 700;
	text-shadow: 0 2px 2px rgb(0 0 0);
	transition: all 0.2s ease-in-out;
	background-size: 100% 100%;
	background-position: center;
	font-size: 16px;
	max-width: 290px;
	z-index: 5;
	letter-spacing: 0;
	margin: 0 auto;
	line-height: 1.5;
}
#jackpot {
	font-family: "Space Mono", monospace;
	background-image: linear-gradient(
		160deg,
		#fff,
		#515151,
		#f7f7f7,
		#dfdfdf,
		#fff,
		#575757,
		#e9e9e9
	);
	color: #fff;
	-webkit-background-clip: text;
}
.progressive-jackpot,
.progressive-jackpot img {
	width: 100%;
}
.progressive-jackpot img {
	max-width: 100%;
}
.jackpot-wrapper {
	display: flex;
	vertical-align: middle;
	align-items: center;
}
.jackpot-wrapper > span {
	position: absolute;
	width: 100%;
	font-size: 3rem;
}

.middle:not(.middle-index) {
	padding: 10px;
	padding-bottom: 20px;
	min-height: 550px;
}
.middle-index {
	padding-top: 0;
	min-height: 500px;
}
.box-middle {
	background: url(../infini/images/common/black-opacity.png);
	padding: 5px;
	margin: 0 5px 10px;
	max-width: 430px;
}
#SupportedBank {
	min-height: 50px;
	margin: 0 auto;
	position: relative;
	width: 100%;
	text-align: center;
}
.title {
	margin-bottom: 18px;
	color: #fff;
	letter-spacing: 1px;
	text-indent: -14px;
	text-transform: uppercase;
}
.title:before {
	content: "";
	padding-left: 5px;
}

/* Promotion Accordion */
.accordion .card .card-header {
	background-color: #222;
	padding: 0;
}
.accordion h2 > .btn {
	color: #fff;
}
.accordion h2 > .btn:focus,
.accordion h2 > .btn:hover {
	text-decoration: none;
}

.promotion_group {
	margin: 10px 0 24px 0;
	background-color: #f5f5f5;
	padding-bottom: 1px;
}
.promotion_group .wrap {
	padding: 5px;
}
.promotion_group .title_wrap {
	position: relative;
}
.promotion_group .title_wrap img {
	width: 100%;
	height: 210px;
}
.promotion_group .watermark {
	position: absolute;
	width: auto !important;
	max-height: 70px;
	opacity: 0.8;
	padding: 15px;
}
.promotion_group .liveitem {
	position: absolute;
	top: 62px;
	right: -102px;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	display: block;
}
.liveitem li {
	display: block;
	float: left;
}
.promotion_group .liveitem a {
	display: block;
	border: 1px solid #1392a6;
	min-width: 210px;
	line-height: 40px;
	letter-spacing: 0.6px;
	font-size: 0.9375rem;
	text-transform: uppercase;
}
.liveitem a {
	color: #fff;
	background-color: #137f97;
	text-align: center;
	font-weight: 700;
	min-width: 115px;
	padding: 2px 8px;
	font-size: 0.75rem;
}
.info_wrap {
	margin: 10px 5px 5px 5px;
	padding: 10px 50px 10px 10px !important;
	position: relative;
	-webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.4);
	box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.4);
	border: 1px solid #646464;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-size: 0.8125rem;
	color: #222;
}
.info_wrap p {
	font-size: 0.8125rem;
}
.info_wrap .btn_close {
	position: absolute;
	float: right;
	top: 10px !important;
	right: 10px !important;
	padding: 5px;
	width: 32px;
	height: 32px;
	text-indent: -99999px;
	background: #656565 url(../infini/images/common/icon_main.png) no-repeat -28px -1206px;
	opacity: 0.75;
	-webkit-border-radius: 50%;
	-mos-border-radius: 50%;
	border-radius: 50%;
}
.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -22.5px;
	margin-left: -22.5px;
}
.col-6 {
	position: relative;
	width: 100%;
	padding-right: 22.5px;
	padding-left: 22.5px;
	flex: 0 0 50%;
	max-width: 50%;
}
.promotion_row,
.tournament_body-terms {
	margin-top: 32px;
}
.tournament_body-terms_body li {
	margin-left: 16px;
	margin-bottom: 8px;
}
.promotion_row .heading,
.tournament_body-terms_heading {
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 8px;
}
.promotion_row a {
	color: inherit;
	text-decoration: underline;
	font-weight: 700;
}
.tournament_body-minbet_heading {
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 16px;
}
.tournament_body-minbet_table {
	text-align: center;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
.tournament_body-minbet_table .currency-flag {
	text-align: left;
	display: block;
	width: 100px;
	margin-left: auto;
	margin-right: auto;
}
.tournament_body-minbet_table .currency-flag img {
	padding-left: 20px;
}
.table-heading {
	background-color: #545252;
	font-weight: 700;
}
.table-heading .col-6 {
	padding: 5px 0;
	color: #fff;
	font-weight: 700;
}
.table-row {
	padding: 4px 0;
	font-size: 14px;
	font-weight: 300;
}
.table-row img {
	height: 28px;
	vertical-align: middle;
}
.table-row-odd {
	background-color: #7b767699;
}
.table-row-even {
	background-color: #c5c3c399;
}
.block-image .aligncenter {
	margin-left: auto;
	margin-right: auto;
}
.block-image .aligncenter,
.block-image .alignleft,
.block-image .alignright,
.block-image.is-resized {
	display: table;
}
.aligncenter {
	clear: both;
}
.table-referral td {
	padding: 0.5rem;
}
.table-referral tr:last-child > td {
	border-bottom: 1px solid #dee2e6;
}
.referral-share {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
.referral-link {
	width: 100%;
	max-width: 500px;
	position: relative;
	border: 1px dashed #fff;
	border-radius: 6px;
	margin: 0 auto;
	padding: 8px 16px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	text-align: center;
}
.modal-content {
	border: 1px solid rgba(224, 224, 224, 0.2);
	border-radius: 15px;
}
.modal-header {
	border-bottom: 2px groove #3c474e;
	background-color: #020516;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.close,
.close:hover {
	color: #fff;
}
.modal-body {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1rem;
	background-color: #000;
	background-size: 100% 100%;
}
#checkAvailability,
#iconCheck {
	display: inline-block;
}
.bttn-banking,
.bttn-calibrate,
.bttn-check,
.bttn-claim,
.bttn-login,
.bttn-logout,
.bttn-register {
	border: 1px solid #37434c;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
}
.bttn-banking,
.bttn-check,
.bttn-login {
	background-color: #1d2a33;
}
.bttn-calibrate,
.bttn-logout,
.bttn-register {
	background-color: #b8171f;
	min-width: 80px;
}
.bttn-calibrate {
	width: 100%;
}
.bttn-login:active {
	background-color: #17b857;
}
.bttn-register:active {
	background-color: #b8171f;
}
.bttn-banking {
	font-size: 12px;
	line-height: 23px;
	cursor: pointer;
	border-radius: 4px;
	min-width: 80px;
}
.bttn-banking:hover {
	background-color: #fff;
	color: #1d2933;
}
.game > a,
.login-box > a {
	cursor: pointer;
}
#GameCategory .icon-new {
	z-index: 1;
	top: -4px;
	right: 0;
}
#GameCategory .nav-link.active + .icon-new {
	filter: drop-shadow(1px 0 2px #fff);
}
#GameCategory,
#PromotionCategory {
	margin-bottom: 20px;
	background-color: #e3e9ea;
}
#GameCategory .nav-item {
	position: relative;
}
#GameCategory a,
#PromotionCategory a {
	border: none;
	border-radius: 0;
	padding: 8px 15px;
	font-weight: 700;
	color: #000;
	text-transform: uppercase;
}
#GameCategory a.active,
#GameCategory a:hover,
#PromotionCategory a.active,
#PromotionCategory a:hover {
	background-color: #215471;
	color: #fff;
}
#GameCategory a:hover,
#PromotionCategory a:hover,
.game-list:hover {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/* Promotion Detail */
.middle.promotion,
.middle.promotion section {
	color: #000;
}
.promotion article {
	background-color: #fff;
	filter: drop-shadow(0px 2px 6px black);
}
.gx-4 {
	--bs-gutter-x: 1.5rem;
}
.gx-lg-5 {
	--bs-gutter-x: 3rem;
}
.row-cols-2 > * {
	flex: 0 0 auto;
	width: 50%;
}
.row-cols-md-3 > * {
	flex: 0 0 auto;
	width: 33.3333333333%;
}
.row-cols-xl-4 > * {
	flex: 0 0 auto;
	width: 25%;
}
.fw-bolder {
	font-weight: bolder !important;
}
.promotion-name {
	color: black;
}
.promotion_group .card-img-top {
	max-width: 1100px;
}

#GameCategory a.active + .icon-new,
#GameCategory a:hover + .icon-new {
	filter: drop-shadow(1px 0 2px #fff);
}
.game-list:not(.maintenance):hover {
	background-color: #215471;
}
.game-list:not(.maintenance):hover .btn-game {
	display: block;
}
.game-list.maintenance {
	background-color: transparent;
}
.game-list-content {
	position: relative;
}
.game-list-content .game-icon-frame,
.game-list-content .maintenance-game {
	position: absolute;
	left: 0;
	z-index: 1;
}
.game-list-content .game-icon-frame {
	left: 0;
	z-index: 1;
}
.game-list-content .maintenance-game {
	z-index: 6;
	opacity: 0.8;
}
.game-list-content > button {
	width: 100%;
	display: none;
	position: absolute;
	bottom: 0;
	border: none;
	line-height: 28px;
	background-color: #48b5cb;
	z-index: 3;
}
.figure-text {
	text-align: center;
}
.figure-text > p {
	position: relative;
	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 5px;
	margin-bottom: 10px;
}
.game-favorite {
	position: absolute;
	width: 30px;
	height: 30px;
	text-align: center;
	outline: 0;
	left: -10px;
	bottom: 18px;
	font-size: 1rem;
	color: #929294;
	cursor: pointer;
	transition: ease 0.2s;
	z-index: 5;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.game-favorite > i {
	line-height: 28px;
}
.game-favorite.favorited {
	color: #f6c202;
}
.game_iframe {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 999999;
}
.game_iframe.isin4d {
	background-color: #e0e0e0;
}

/* Popup Desktop */
.reward_pop {
	width: 710px;
	background-color: #000;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 3000;
	-webkit-box-shadow: 4px 4px 80px #000;
	box-shadow: 4px 4px 80px #000;
	font-size: 0.8125rem;
	margin: auto;
	height: 100%;
	max-height: 404px;
}
.sub_color {
	background-color: #003147;
	min-width: 700px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}
.logo_wrap {
	padding: 6px;
}
.reward_pop .logo_wrap {
	text-align: center;
	height: 60px;
}
.reward_pop .logo_wrap > img {
	max-height: 45px;
}
.reward_pop .close_icon {
	width: 48px;
	height: 45px;
	position: absolute;
	right: -24px;
	top: -20px;
	background: url(../infini/images/common/close_icon.png) no-repeat center
		center;
	background-size: 100%;
	font-size: 0;
}
.reward_pop .reward_content {
	padding: 10px 16px;
}
.reward_pop .reward_content img {
	width: 100%;
}

/* Footer General */
.footer {
	background-color: #0b0b0b;
	padding: 20px;
	color: #fff;
}
.footer .container {
	min-height: 50px;
}
.footer h2 {
	margin-top: 15px;
	font-size: 20px;
	text-align: center;
	color: #fff;
}

._seo_footer {
	padding: 25px 0;
	text-align: center;
}
.footer-copyright {
	background-color: #030c13;
	padding: 10px 0;
	text-align: center;
	text-transform: uppercase;
}
.footer .provider-list {
	padding-left: 22.5px;
}

/* Bank Section */
.bank {
	margin: 5px 3px;
	border: 1px solid #4c4c4c;
	background-color: #080d10;
	border-radius: 8px;
	padding: 5px 0;
	max-width: 148px;
	float: none;
	display: inline-block;
	height: 40px;
}
.bank > div {
	width: 100px;
	height: 26px;
	margin-left: 35px;
	margin-top: 1px;
	background: url(../infini/images/common/bank.png) no-repeat;
	background-size: 200%;
}
.bank .bca {
	background-position: right -1px;
}
.bank .permata {
	background-position: right -35px;
}
.bank .mandiri {
	background-position: right -66px;
}
.bank .bni {
	background-position: right -104px;
}
.bank .danamon {
	background-position: right -139px;
}
.bank .cimb {
	background-position: right -170px;
}
.bank .bri {
	background-position: right -200px;
}
.bank .ovo {
	background-position: right -233px;
}
.bank .gopay {
	background-position: right -267px;
}
.bank .xl {
	background-position: right -299px;
}
.bank .simpati {
	background-position: right -330px;
}
.bank .dana {
	background-position: right -359px;
}
.bank .linkaja {
	background-position: right -393px;
}
.bank .panin {
	background-position: right -421px;
}
.bank .sakuku {
	background-position: right -452px;
}
.bank .bsi {
	background-position: right -486px;
}
.bank .tri {
	background-position: right -519px;
}
.bank .neo {
	background-position: right -554px;
}
.bank .jenius {
	background-position: right -593px;
}
.bank .btn {
	background-position: right -634px;
}
.bank .qris {
	background-position: right -677px;
	margin-left: 23px;
}
.bank .maybank {
	background-position: right -713px;
}
.bank .sinarmas {
	background-position: right -750px;
}
.bank .jago {
	background-position: right -785px;
}
.bank .allo {
	background-position: right -820px;
}
.bank .indosat {
	background-position: right -850px;
}
.bank .blu {
	background-position: right -881px;
}
.bank .seabank {
	background-position: right -916px;
}
.bank .ocbc {
	background-position: right -947px;
}
.bank .vabca {
	background-position: right -985px;
}
.bank .vapermata {
	background-position: right -1022px;
}
.bank .vamandiri {
	background-position: right -1055px;
}
.bank .vabni {
	background-position: right -1094px;
}
.bank .vabri {
	background-position: right -1129px;
}
.bank .vacimb {
	background-position: right -1162px;
}
.bank .superbank {
	background-position: right -1194px;
}

.bank .bca:hover {
	background-position: 3px -1px;
}
.bank .permata:hover {
	background-position: 3px -35px;
}
.bank .mandiri:hover {
	background-position: 3px -66px;
}
.bank .bni:hover {
	background-position: 3px -104px;
}
.bank .danamon:hover {
	background-position: 3px -139px;
}
.bank .cimb:hover {
	background-position: 3px -170px;
}
.bank .bri:hover {
	background-position: 3px -200px;
}
.bank .ovo:hover {
	background-position: 3px -233px;
}
.bank .gopay:hover {
	background-position: 3px -267px;
}
.bank .xl:hover {
	background-position: 3px -299px;
}
.bank .simpati:hover {
	background-position: 3px -330px;
}
.bank .dana:hover {
	background-position: 3px -359px;
}
.bank .linkaja:hover {
	background-position: 4px -393px;
}
.bank .panin:hover {
	background-position: 3px -421px;
}
.bank .sakuku:hover {
	background-position: 3.5px -452px;
}
.bank .bsi:hover {
	background-position: 3px -486px;
}
.bank .tri:hover {
	background-position: 3px -519px;
}
.bank .neo:hover {
	background-position: 3px -554px;
}
.bank .jenius:hover {
	background-position: 3px -593px;
}
.bank .btn:hover {
	background-position: 3px -634px;
}
.bank .qris:hover {
	background-position: 3px -677px;
}
.bank .maybank:hover {
	background-position: 3px -713px;
}
.bank .sinarmas:hover {
	background-position: 3px -750px;
}
.bank .jago:hover {
	background-position: 3px -785px;
}
.bank .allo:hover {
	background-position: 3px -820px;
}
.bank .indosat:hover {
	background-position: 0 -850px;
}
.bank .blu:hover {
	background-position: 2px -881px;
}
.bank .seabank:hover {
	background-position: 2px -916px;
}
.bank .ocbc:hover {
	background-position: 3px -947px;
}
.bank .vabca:hover {
	background-position: 0.5px -985px;
}
.bank .vapermata:hover {
	background-position: 0.5px -1022px;
}
.bank .vamandiri:hover {
	background-position: 0.5px -1055px;
}
.bank .vabni:hover {
	background-position: 0.5px -1094px;
}
.bank .vabri:hover {
	background-position: 0.5px -1129px;
}
.bank .vacimb:hover {
	background-position: 2px -1162px;
}
.bank .superbank:hover {
	background-position: 2px -1194px;
}

.indicator {
	position: absolute;
	top: 12px;
	left: 12px;
	width: 14px;
	height: 14px;
}
.indicator.on {
	background: url(../infini/images/common/indic-on.png) no-repeat;
}
.indicator.off {
	background: url(../infini/images/common/indic-off.png) no-repeat;
}
.indicator.on,
.indicator.off {
	background-position: center center;
	background-size: 88%;
}

.form-group {
	position: relative;
	padding: 10px 0;
	margin-bottom: 0;
}
.form-group[class*="col-"] {
	margin-bottom: 0;
}
.form-group label {
	display: inline-block;
	line-height: 16px;
	font-weight: 700;
	vertical-align: top;
}
.form-group label > span {
	margin: 0 5px;
	color: #c90000;
}
.input-field {
	width: 100%;
}
.check-availability {
	line-height: 28px;
	min-width: 120px;
}
#RegisterForm .form-group input[type="email"],
#RegisterForm .form-group input[type="password"],
#RegisterForm .form-group input[type="text"],
#RegisterForm .form-group input[type="number"],
#RegisterForm .form-group select {
	position: relative;
	height: 32px;
	line-height: 32px;
	margin-bottom: 0;
	background-color: #f5f5f5;
	border-color: silver;
	vertical-align: top;
}
#RegisterForm .form-group select {
	background-color: #232323;
	width: 100%;
}
#RegisterForm .bank-list,
#RegisterForm .form_group_category {
	display: block;
}
.form-group .input-field i {
	font-size: 1.5em;
	position: absolute;
	right: 25px;
	top: 7px;
	opacity: 0;
}
.help-block {
	display: block;
	margin: 0.4em 0;
	line-height: 14px;
	font-size: 12px;
}
.popup-body {
	font-family: Ubuntu, sans-serif;
	background-color: #000;
	background-size: 100% 100%;
	color: #1f1f1f;
	font-size: 100%;
	line-height: 24px;
	height: 100%;
	position: relative;
	margin: 0;
}
.account_hd {
	padding-left: 20px;
	background-color: #003147;
	line-height: 44px;
	height: 44px;
	color: #fff;
	min-width: 930px;
	zoom: 1;
	border-bottom: none;
}
.account_hd h3 {
	line-height: 44px;
	font-size: 1.125rem;
	float: left;
	margin: 0;
	font-weight: 700;
	text-transform: uppercase;
}
.account_hd .popup-logo {
	height: 32px;
}
.account_hd .logout {
	padding: 0 14px;
	border-left: 1px solid #0b4965;
	text-align: center;
	background-color: #003147;
	letter-spacing: 1px;
	font-size: 1rem;
	box-sizing: border-box;
	float: right;
	text-transform: uppercase;
}
.account_hd .logout:hover {
	background-color: #26a9bf;
	text-decoration: none;
}
.account_hd ul {
	display: block;
	font-size: 0.8125rem;
	float: right;
	zoom: 1;
	margin: 0;
	padding: 0;
}
.account_hd ul li {
	display: block;
	float: left;
	margin-right: 15px;
}
.account_hd a {
	display: block;
	color: #fff;
}
.account_hd .livehelp,
.account_hd .userid {
	padding-left: 26px;
	background: url(../infini/images/common/icon_main.png) no-repeat 0 -704px;
}
.account_hd .livehelp {
	background-position: 0 -742px;
}
.account_hd .livehelp:hover {
	background-position: 0 -773px;
	color: #2ccad7;
	text-decoration: none;
}
.account_hd .avatar {
	font-size: 1.5em;
	position: relative;
	top: 3px;
	margin-right: 3px;
}
.account_main_width {
	zoom: 1;
}
.popup-header-time {
	margin-left: 15px;
	font-size: 13px;
}
.account_nav {
	background-color: #020516;
	min-width: 930px;
	position: relative;
	border-top: groove 2px #2f2f2f;
	border-bottom: groove 2px #2f2f2f;
	z-index: 7;
}
.account_nav ul {
	margin: 0;
	padding: 0;
}
.account_nav ul:after {
	content: "";
	display: block;
	clear: both;
}
.account_nav ul li {
	display: block;
	float: left;
}
.account_nav ul li:last-child {
	border-right: none;
}
.account_nav ul a {
	display: block;
	padding: 5px 20px;
	font-size: 0.875rem;
	text-decoration: none;
	color: #fff;
	border-bottom: 3px solid transparent;
}
.account_nav ul a.choice,
.account_nav ul a:hover {
	color: #3fc3ff;
	text-decoration: none;
	background-color: #020516;
	border-bottom-color: #3fc3ff;
}
.account_nav ul .nav_sub {
	position: relative;
}
.account_nav ul .nav_sub:hover .choice_nav {
	display: block;
}
.account_nav .icon_more {
	padding-right: 28px;
	background: url(../infini/images/common/icon_main.png) no-repeat right -1920px;
}
.account_nav .icon_more:hover {
	background-position: right -1948px;
}
.account_nav .choice_nav {
	display: none;
	width: 160%;
	background-color: #dbdbdb;
	position: absolute;
	top: 34px;
	left: 0;
	z-index: 19;
	font-size: 0.8125rem;
}
.account_nav .choice_nav p {
	padding: 3px 10px;
	background-color: #4b4b4b;
	color: #fff;
}
.account_nav .choice_nav ol li {
	border-right-width: 0;
	background-color: rgba(255, 255, 255, 0.5);
	margin-bottom: 1px;
	float: none;
}
.account_nav .choice_nav ol a {
	padding: 5px 8px 5px 15px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.account_nav .choice_nav ol a:hover {
	background-color: transparent;
	letter-spacing: 0.5px;
	color: #003147;
}
.account_nav .choice_nav ol a:hover:before {
	content: "\2714"" ";
}
.row.con_box {
	margin: 0;
}
.con_box {
	padding: 20px;
	min-width: 930px;
}
.con_item {
	position: relative;
	padding: 18px;
	display: block;
}
.con_item h4 {
	margin-bottom: 18px;
	color: #fff;
	letter-spacing: 1px;
	text-indent: -14px;
	font-size: 1.25rem;
	font-weight: 700;
	text-transform: uppercase;
}
.con_item h4:before {
	content: "";
	padding-left: 10px;
	border-left: 4px solid #205472;
}
.con_item .info_type {
	margin: 0 0 10px 0;
	width: 354px;
	height: 32px;
	padding-left: 10px;
	display: inline-block;
	line-height: 30px;
	border: 1px solid #a8a8a8;
	background-color: #d4d4d4;
	cursor: not-allowed;
	color: #000;
	vertical-align: top;
	-webkit-border-radius: 3px;
	-mos-border-radius: 3px;
	border-radius: 3px;
	font-size: 0.875rem;
}
.deposit_content {
	position: relative;
	display: inline-block;
}
.con_item ul li {
	float: left;
	text-transform: uppercase;
}
.account_main {
	margin: 10px auto;
	width: 1000px;
	min-height: 430px;
	color: #fff;
	zoom: 1;
}
#BonusListDiv {
	color: #1f1f1f;
}
.popup-body .form-group label {
	display: inline-block;
	width: 33%;
	max-width: 180px;
	line-height: 16px;
	font-weight: 700;
	vertical-align: top;
	font-size: 0.875rem;
	color: #fff;
}
.form_group_category {
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.form_group_category .select_input {
	margin-bottom: 10px;
}
.form_group_category select {
	padding-right: 30px;
}
.form_group_category .check-availability {
	position: absolute;
	top: 0;
	right: -135px;
}
.popup-body .form_group_category input[readonly] {
	background-color: #232323 !important;
	color: #999 !important;
}
.copyText {
	position: absolute;
	right: -30px;
	font-size: 1.3em;
	top: 7px;
	cursor: pointer;
}
.copyText:focus,
.copyText:hover {
	opacity: 0.5;
}
.copyRef {
	display: block;
	cursor: pointer;
}
.copied {
	margin-top: -5px !important;
	color: #fff !important;
}
.referral .copied {
	display: block;
	text-align: center;
	margin-top: 5px !important;
}
.refcounter-wrap {
	text-align: center;
	width: 100%;
}
.refcounter-wrap h1 {
	font-weight: 300;
	font-size: 1rem;
	color: #fff;
	margin: 0;
}
.refcounter-number {
	font-weight: 700;
	color: #fff;
	font-size: 54px;
}
.form-group .explain_text {
	font-size: 0.75rem;
	margin: 0;
}
.form-group .explain_text span {
	font-weight: 700;
	color: #fff;
	margin-left: 5px;
}
.form-group:after {
	content: "";
	display: block;
	clear: both;
}
select {
	background-color: #fff;
	font-size: 13px;
	color: grey;
	line-height: 30px;
	height: 30px;
	border: 1px #ccc solid;
	padding: 0 5px;
	border-radius: 3px;
	outline: 0;
	font-size: 0.875rem;
}
.form-group select {
	position: relative;
	width: 354px;
	height: 32px;
	line-height: 32px;
	margin-bottom: 10px;
	background-color: #f5f5f5;
	border-color: silver;
	vertical-align: top;
	top: 0 !important;
}
.popup-body .form-group input[type="number"],
.popup-body .form-group input[type="password"],
.popup-body .form-group input[type="text"] {
	position: relative;
	width: 354px;
	height: 32px;
	line-height: 32px;
	margin-bottom: 10px;
	background-color: #f5f5f5;
	border-color: silver;
	vertical-align: top;
	font-size: 0.875rem;
}
.popup-body .form-group input[type="number"] {
	background-color: unset;
}
.popup-body .form-group input[type="text"]:disabled {
	background-color: #f5f5f5;
}
.popup-body .form-group textarea {
	position: relative;
	width: 354px;
	min-height: 32px;
	margin-bottom: 10px;
	border-color: silver;
	font-size: 0.875rem;
	resize: none;
	border-radius: 3px;
	outline: 0;
	padding: 5px;
}
.btn_type {
	display: block;
	margin: 20px 0 0 180px;
	padding: 0;
}
.btn_type li {
	margin-right: 10px;
	display: block;
	float: left;
}
.btn_type .btn_default {
	box-shadow: none;
}
.btn_type input[type="button"],
.btn_type input[type="reset"],
.btn_type input[type="submit"] {
	box-shadow: none;
	border: 1px solid #37434c;
	width: 168px;
	height: 34px;
	border-radius: 4px;
	margin: 0 0 0 5px;
	background-color: #105473;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.captcha {
	margin-left: 33%;
	padding-left: 4px;
}
.captcha .img-thumbnail {
	width: 100px;
	height: 32px;
	padding: 0.15rem;
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: 0.25rem;
	max-width: 100%;
}
.captcha .form-group span {
	margin: 0 5px;
}
.mainNav_width {
	width: 1000px;
	margin: 0 auto;
}
.account_list {
	min-width: 930px;
	padding: 20px;
	-webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
	color: #fff;
}
.account_list.embed_account_list {
	background-color: #040a0e;
}
.account_list h4 {
	color: #fff;
	margin-bottom: 15px;
	font-size: 1.25rem;
	font-weight: 700;
	text-transform: uppercase;
}
.account_list h4:before {
	content: "";
	padding-left: 10px;
	border-left: 4px solid #003147;
}
.account_list .account_info {
	border-bottom: 2px solid #003147;
	background-color: #fff;
	margin-bottom: 30px;
}
.account_list table {
	width: 100%;
	text-align: center;
	font-size: 0.8125rem;
}
.account_list .account_info thead {
	background-color: #105473;
}
.account_list .account_info th {
	line-height: 30px;
	color: #fff;
	border-right: 1px solid #1b4965;
	padding: 0;
}
.account_list .account_info td:last-child,
.account_list .account_info th:last-child {
	border-right: 0;
}
.account_list .account_info td {
	border-right: 1px solid #fff;
	line-height: 22px;
	padding: 2px 6px;
	color: #030303;
}
.trx-refno {
	font-size: 110%;
	font-weight: bold;
}
.trx-refno > .copyRef {
	display: inline-flex;
	padding-left: 1rem;
}
.trx-refno > .copied {
	margin-left: 0;
}
.empty-list {
	margin: 0 auto;
	width: 500px;
	padding: 60px 0;
	text-align: left;
}
.empty-list > h2 {
	margin-bottom: 10px;
	font-size: 1.5em;
	font-weight: 700;
}
.withdraw-money {
	width: 100%;
	display: block;
	color: #fff !important;
	margin-left: 0 !important;
}
.withdraw-money > label {
	width: 100% !important;
	display: block !important;
	cursor: pointer;
	line-height: 30px !important;
	margin-bottom: 0;
}
.date_list {
	line-height: 30px;
	margin-bottom: 10px;
	font-size: 0.8125rem;
	display: inline-block;
	padding: 0;
}
.date_list li {
	margin-right: 10px;
	display: block;
	float: left;
}
.date_list li:first-child {
	width: 100px;
}
.date_list .selection {
	display: block;
	border: 1px solid #aaa;
	background: #fff url(../infini/images/common/icon_main.png) no-repeat right -1143px;
	padding: 0 38px 0 10px;
	color: #333;
	-webkit-border-radius: 3px !important;
	-mos-border-radius: 3px !important;
	border-radius: 3px !important;
}
.date_list .selection:hover {
	text-decoration: none;
	color: #ec9838;
}
.date_list input[type="password"],
.date_list input[type="text"] {
	cursor: pointer;
	background-color: #fff;
	color: grey;
	line-height: 30px;
	border: 1px #ccc solid;
	border-radius: 3px;
	outline: 0;
	-webkit-appearance: none;
	font-size: 0.875rem;
}
.date_list[type="button"] {
	width: 136px;
	height: 32px;
	line-height: 32px;
	border-radius: 3px;
}
.date_list button {
	background-color: #033544;
	color: #fff;
	font-weight: 600;
	border-width: 0;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	outline: 0;
	font-size: 0.8125rem;
	text-transform: uppercase;
	-webkit-appearance: none;
}
.select_input {
	width: 354px;
	height: 32px;
	line-height: 32px;
	padding-left: 8px;
	border: 1px solid silver;
	position: relative;
	background: #f5f5f5 url(../infini/images/common/icon_main.png) no-repeat right -1268px;
	cursor: pointer;
	word-wrap: break-word;
	word-break: break-all;
	font-size: 0.8125rem;
	-webkit-border-radius: 3px;
	-mos-border-radius: 3px;
	border-radius: 3px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #fff;
	color: #212121;
}
.select_input ul li.disabled {
	pointer-events: none;
	opacity: 0.5;
}
.select_input .chosen {
	text-transform: uppercase;
}
.menu-transfer ul {
	margin: 0;
	padding: 0;
}
.transicon {
	position: absolute;
	top: 32px;
	left: 534px;
	z-index: 44;
}
.transicon span {
	display: block;
	width: 20px;
	height: 10px;
	border-top: 1px solid silver;
	border-right: 1px solid silver;
	margin: 0 5px;
}
.transicon a {
	display: block;
	width: 34px;
	height: 19px;
	background: url(../infini/images/common/icon_main.png) no-repeat 14px -1082px;
	opacity: 0.8;
	cursor: pointer;
}
.transicon a:hover {
	opacity: 1;
}
.transicon .bottomline {
	-moz-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-ms-transform: scaleY(-1);
	transform: scaleY(-1);
}
.form-group .transcash {
	margin: 0 9px 10px 0;
	float: right;
}
.form-group .transcash .cash {
	min-width: 170px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	padding: 0 5px;
	border: 1px solid #408996;
	color: #fff;
	font-weight: 700;
	font-size: 0.875rem;
	height: 32px;
	line-height: 32px;
	border-radius: 3px;
}
.form-group .transcash .loading {
	width: 14px;
	height: 28px;
	background: url(../infini/images/common/transfer_load.gif) no-repeat center
		center;
}
.wallet {
	margin: 1% 0 0 2%;
	border: 1px solid #848484;
	background-color: #ececec;
	float: right;
	padding: 0;
}
[class^="col-"].wallet {
	float: right;
}
.wallet .top_title {
	height: 30px;
	line-height: 30px;
	color: #c5c5c5;
	background: url(../infini/images/common/bg_01.png) repeat-x;
	margin: 0;
	padding: 0;
}
.wallet .top_title .cash_icon {
	width: 45px;
	background: url(../infini/images/common/icon_main.png) no-repeat 7px -816px;
	opacity: 0.7;
	float: left;
}
.wallet .top_title .cash_icon:hover {
	opacity: 1;
}
.wallet .top_title a {
	display: block;
	text-indent: -99999px;
	cursor: pointer;
}
.wallet .top_title li {
	text-align: center;
	font-weight: 700;
	width: calc(100% - 35px);
	font-size: 0.9375rem;
	display: block;
	float: left;
}
.wallet .top_title .refresh_icon {
	width: 35px;
	background: url(../infini/images/common/icon_main.png) no-repeat 7px -854px;
	opacity: 0.7;
	float: right;
}
.wallet .top_title .refresh_icon:hover {
	opacity: 1;
}
.wallet .primary,
.wallet .total {
	height: 38px;
	line-height: 38px;
	background: url(../infini/images/common/bg_01.png) repeat-x 0 -31px;
	padding: 0 5px;
	color: orange;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
	font-size: 0.8125rem;
	margin: 0;
}
.wallet .primary dt,
.wallet .total dt {
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 0.9375rem;
	float: left;
}
.wallet .primary dd,
.wallet .total dd {
	font-size: 1rem;
	letter-spacing: 0.5px;
	float: right;
	margin: 0;
	padding: 0;
}
.wallet .primary .btn_total,
.wallet .total .btn_total {
	display: block;
	margin-top: 7px;
	width: 80px;
	height: 24px;
	color: #fff;
	line-height: 24px;
	text-align: center;
	background: url(../infini/images/common/bg_01.png) repeat-x 0 -108px;
	font-size: 0.875rem;
	-webkit-border-radius: 3px;
	-mos-border-radius: 3px;
	border-radius: 3px;
}
.wallet .primary .btn_total {
	margin-top: 5px;
}
.wallet .primary .btn_total:hover,
.wallet .total .btn_total:hover {
	text-decoration: none;
	background-position: 0 -132px;
}
.wallet .btn_withdraw {
	width: 100%;
	max-height: 34px;
	background-color: #b8171f;
	color: #fff;
	border-radius: 0;
}
.wallet .content {
	height: 288px;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 0.8125rem;
	margin: 0;
	padding: 0;
	width: 100%;
}
.wallet .content li:first-child {
	border-top: none;
}
.wallet .content li {
	padding: 5px;
	cursor: pointer;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #bfbfbf;
}
.wallet .content-inner {
	height: 24px;
	cursor: pointer;
}
.wallet .content-inner span {
	float: right;
}
.wallet .content-inner .icon_dropdown {
	position: relative;
	margin: 3px 6px 0 0;
	width: 18px;
	height: 18px;
	display: block;
	background-color: #757575;
	padding-left: 3px;
	padding-top: 2px;
	-webkit-border-radius: 50%;
	-mos-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	float: left;
	padding: 2px;
}
.wallet .content-inner h5 {
	font-weight: 700;
	text-transform: uppercase;
	color: #000;
	font-size: 0.875rem;
	margin: 0;
	display: inline-block;
}
.wallet .content-inner .refreshcash {
	min-width: 62px;
	background-color: #6d6d6d;
	-webkit-box-shadow: 0 2px 0 0 #3e3e3e;
	box-shadow: 0 2px 0 0 #3e3e3e;
	float: right;
}
.wallet .content a {
	padding: 0 5px;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	line-height: 22px;
	text-align: center;
	-webkit-border-radius: 3px;
	-mos-border-radius: 3px;
	border-radius: 3px;
	font-size: 0.875rem;
}
.wallet .content a:active {
	transform: translate(0, 2px);
	-ms-transform: translate(0, 2px);
	-webkit-transform: translate(0, 2px);
	box-shadow: 0 1px 0 0;
	-webkit-box-shadow: 0 1px 0 0;
}
.wallet .primary {
	color: #fff;
	height: 34px;
	line-height: 34px;
	background-position: 0 -69px;
}
.conlist {
	display: none;
	width: 101%;
	position: absolute;
	top: 28px;
	left: -1px;
	z-index: 45;
	background-color: #fff;
	border: 1px solid #003147;
	max-height: 260px;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 0.75rem;
}
.transfer_trigger:hover .conlist {
	display: none;
}
.transfer_trigger.active {
	background-position: right -1291px;
}
.transfer_trigger.active .conlist {
	display: block;
}
.select_group {
	width: 594px;
	padding: 10px;
	min-height: 333px;
	left: -240px;
	top: 32px;
	cursor: default;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}
.select_group .cols-wrap {
	margin: 0;
}
.select_group ul,
.select_group ul li {
	display: block;
}
.select_group ul li {
	margin: 3px 4px;
	padding-left: 0;
	width: 110px;
	border: 1px solid #c8c8c8;
	border-radius: 5px;
	line-height: 28px;
	text-align: center;
}
.select_group ul li:hover {
	border-color: #747474;
	background-color: #0f3147;
}
.select_group ul li:hover a {
	color: #fff !important;
}
.select_group ul li.active a {
	color: #fff !important;
}
.conlist h5 {
	padding: 0 8px;
	text-transform: uppercase;
	color: #383838;
	font-weight: 700;
	line-height: 30px;
	font-size: 0.8125rem;
}
.select_group h5 {
	margin-bottom: 6px;
	padding: 5px;
}
.select_group ol li {
	margin: 0 4px;
	list-style: none;
	padding-left: 0;
	min-width: 80px;
	width: auto;
	border: 1px solid #c8c8c8;
	border-radius: 30px;
	text-transform: uppercase;
	line-height: 28px;
	margin-bottom: 5px;
	text-align: center;
}
.select_group ol li.active {
	position: relative;
	background-color: #0f3147;
	border-radius: 30px;
}
.select_group ol li.active:before {
	position: absolute;
	content: "";
	top: 22px;
	left: 50%;
	margin-left: -5px;
	width: 10px;
	height: 10px;
	background: #0f3147;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 4;
}
.select_group ol li.active a {
	color: #fff !important;
}
.select_group a {
	display: block;
	padding: 0 5px;
	text-decoration: none;
	letter-spacing: -0.1px;
}
.select_group a:not([href]):not([tabindex]) {
	color: #1f1f1f;
}
#TransferFromName,
#TransferToName,
.select_group a {
	color: #1f1f1f;
	cursor: pointer;
}
.select_group .provider_name {
	margin-top: 8px;
	width: 100%;
	min-height: 180px;
	padding: 5px 8px;
	border: solid 1px #c8c8c8;
	border-radius: 5px;
	display: table;
	background-color: #fff;
}
.select_group .provider_name ul {
	display: table-cell;
	vertical-align: top;
}
.select_group .provider_name .grid-5 li {
	width: calc(100% / 5 - 8px);
	line-height: 30px;
}
.conlist.active {
	display: block;
}
.conlist li {
	border-top: 0;
	width: 100%;
	padding-left: 14px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.conlist li.selected {
	color: #fff;
	background-color: #00859b;
}
.validation-error {
	overflow: visible;
	opacity: 1;
	color: #d32f2f;
}
.validation-error .input-field {
	border-color: #d32f2f;
}
.validation-error i {
	overflow: visible;
	opacity: 1;
}
.validation-error .tooltip {
	color: #d32f2f;
	margin-top: -5px;
}
.validation-close i {
	color: #424242;
	overflow: visible;
	opacity: 1;
}
.tooltip {
	display: block;
	margin: 0.4em 0;
	padding: 0 3px;
	line-height: 14px;
	font-weight: 400;
	color: #616161;
	font-size: 0.875rem;
	position: relative;
	opacity: 1;
	z-index: 2;
}
.tooltip.pulsa-deduction-note {
	margin-top: 0;
	font-size: 1rem;
	line-height: 1.2;
}
.alert {
	position: relative;
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 0.25rem;
}
.alert-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}
.alert-success,
.alert-successalert-dismissible {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}
.loading {
	margin: 0;
	padding: 0;
}
#ContactUs {
	position: relative;
	display: block;
}
#ContactUs div {
	width: 50px;
	height: 50px;
	background: url(../infini/images/common/contact-us.png) no-repeat;
	background-size: 95%;
	margin-bottom: 10px;
}
#ContactUs span {
	display: block;
	margin-left: 70px;
	position: relative;
	top: 10px;
}
#ContactUs .bb {
	background-position: center 0;
}
#ContactUs .sms {
	background-position: center -55px;
}
#ContactUs .wa {
	background-position: center -109px;
}
#ContactUs .facebook {
	background-position: center -164px;
}
#ContactUs .line {
	background-position: center -219px;
}
#ContactUs .instagram {
	background-position: center -273px;
}
#ContactUs .twitter {
	background-position: center -328px;
}
.custom-page {
	font-weight: 700;
	padding: 0 0 15px 0;
}
.custom-page .page-item {
	margin-bottom: 0;
	padding-left: 0;
	text-align: right;
}
.custom-page .page-item li {
	display: inline;
	border-right: 1px solid #fff;
}
.custom-page .page-item li:last-child {
	border-right: none;
}
.custom-page .page-item a {
	padding: 0 10px;
}
.custom-page .page-item a:hover {
	text-decoration: underline;
}

/* Provider List near footer section */
.wrap-provider-list {
	margin: 0 auto;
	width: 100%;
	text-align: center;
	padding: 5px 0;
}
#ProviderList {
	width: auto;
	display: inline-block;
	padding-left: 0;
	list-style: none;
	margin-bottom: 0;
}
#ProviderList li {
	width: 80px;
	display: inline-block;
	margin: 5px 10px 15px;
}
#ProviderList a {
	display: block;
	padding: 50px 0 0 0;
	background: url(../infini/images/common/icon_menu.png) no-repeat;
	background-size: 200%;
	background-position: left -15px;
}
#ProviderList a:hover {
	background-position: right -15px;
}
/* #ProviderList .gpk,#ProviderList .gpoker{background-position:left -337px} */
/* #ProviderList .skw{background-position:left -503px} */
/* #ProviderList .isin4d{background-position:left -668px} */
/* #ProviderList .agl{background-position:left -918px} */
#ProviderList .pgr,
#ProviderList .pgb,
#ProviderList .prk {
	background-position: left -95px;
}
#ProviderList .hb {
	background-position: left -175px;
}
#ProviderList .gpi {
	background-position: left -255px;
}
#ProviderList .plt,
#ProviderList .ptc {
	background-position: left -335px;
}
#ProviderList .wm {
	background-position: left -495px;
}
#ProviderList .spd {
	background-position: left -575px;
}
#ProviderList .sbo {
	background-position: left -655px;
}
#ProviderList .jkr {
	background-position: left -735px;
}
#ProviderList .cmd {
	background-position: left -815px;
}
#ProviderList .awc {
	background-position: left -895px;
}
#ProviderList .idn {
	background-position: left -1248px;
}
#ProviderList .pgs {
	background-position: left -1055px;
}
#ProviderList .sbc {
	background-position: left -1135px;
}
#ProviderList .bbn,
#ProviderList .nbb {
	background-position: left -1215px;
}
#ProviderList .ori {
	background-position: left -1375px;
}
#ProviderList .pst {
	background-position: left -1295px;
}
#ProviderList .bbp {
	background-position: left -1455px;
}
#ProviderList .cqn {
	background-position: left -1535px;
}
#ProviderList .ttg {
	background-position: left -1615px;
}
#ProviderList .bgg {
	background-position: left -2015px;
}
#ProviderList .sll {
	background-position: left -1775px;
}
#ProviderList .mcg {
	background-position: left -1855px;
}
#ProviderList .bng {
	background-position: left -1935px;
}
#ProviderList .blk {
	background-position: left -2015px;
}
#ProviderList .prt {
	background-position: left -2095px;
}
#ProviderList .sba {
	background-position: left -2175px;
}
#ProviderList .mmg {
	background-position: left -2255px;
}
#ProviderList .ifd {
	background-position: left -2335px;
}
#ProviderList .ygg {
	background-position: left -2415px;
}
#ProviderList .fch {
	background-position: left -2495px;
}
#ProviderList .adv {
	background-position: left -2575px;
}
#ProviderList .jli {
	background-position: left -2655px;
}
#ProviderList .evo {
	background-position: left -2735px;
}
#ProviderList .bpt {
	background-position: left -2804px;
}
#ProviderList .dgs {
	background-position: left -2884px;
}
#ProviderList .sng {
	background-position: left -2966px;
}
#ProviderList .ddo {
	background-position: left -3047px;
}
#ProviderList .ptg {
	background-position: left -3152px;
}
#ProviderList .afb {
	background-position: left -3248px;
}
#ProviderList .wsl {
	background-position: left -3333px;
}
#ProviderList .hsg {
	background-position: left -3406px;
}
#ProviderList .mll {
	background-position: left -3566px;
}
#ProviderList .plk {
	background-position: left -3644px;
}
#ProviderList .ftp {
	background: url(../infini/provider/all/white/ftp.webp) no-repeat;
	background-size: cover;
	background-position: center;
	width: 80px;
	height: 50px;
}

#ProviderList .fvg {
	background: url(../infini/provider/all/white/fvg.webp) no-repeat;
	background-size: contain;
	background-position: center;
}
#ProviderList .ggs {
	background: url(../infini/provider/all/white/ggs.webp) no-repeat;
	background-size: contain;
	background-position: center;
}
#ProviderList .sag {
	background: url(../infini/provider/all/white/sag.webp) no-repeat;
	background-size: 80%;
	background-position: center;
}

/*#ProviderList .png{background-position:left -9999px}
#ProviderList .csg{background-position:left -9999px}
*/

/* #ProviderList .gpk:hover,#ProviderList .gpoker:hover{background-position:right -337px} */
/* #ProviderList .skw:hover{background-position:right -503px} */
/* #ProviderList .isin4d:hover{background-position:right -668px} */
/* #ProviderList .agl:hover{background-position:right -918px} */
#ProviderList .pgr:hover,
#ProviderList .pgb:hover,
#ProviderList .prk:hover {
	background-position: right -95px;
}
#ProviderList .hb:hover {
	background-position: right -175px;
}
#ProviderList .gpi:hover {
	background-position: right -255px;
}
#ProviderList .plt:hover,
#ProviderList .ptc:hover {
	background-position: right -335px;
}
#ProviderList .wm:hover {
	background-position: right -495px;
}
#ProviderList .spd:hover {
	background-position: right -575px;
}
#ProviderList .sbo:hover {
	background-position: right -655px;
}
#ProviderList .jkr:hover {
	background-position: right -735px;
}
#ProviderList .cmd:hover {
	background-position: right -815px;
}
#ProviderList .awc:hover {
	background-position: right -895px;
}
#ProviderList .idn:hover {
	background-position: right -1248px;
}
#ProviderList .pgs:hover {
	background-position: right -1055px;
}
#ProviderList .sbc:hover {
	background-position: right -1135px;
}
#ProviderList .bbn:hover,
#ProviderList .nbb:hover {
	background-position: right -1215px;
}
#ProviderList .ori:hover {
	background-position: right -1375px;
}
#ProviderList .pst:hover {
	background-position: right -1295px;
}
#ProviderList .bbp:hover {
	background-position: right -1455px;
}
#ProviderList .cqn:hover {
	background-position: right -1535px;
}
#ProviderList .ttg:hover {
	background-position: right -1615px;
}
#ProviderList .bgg:hover {
	background-position: right -2015px;
}
#ProviderList .sll:hover {
	background-position: right -1775px;
}
#ProviderList .mcg:hover {
	background-position: right -1855px;
}
#ProviderList .bng:hover {
	background-position: right -1935px;
}
#ProviderList .blk:hover {
	background-position: right -2015px;
}
#ProviderList .prt:hover {
	background-position: right -2095px;
}
#ProviderList .sba:hover {
	background-position: right -2175px;
}
#ProviderList .mmg:hover {
	background-position: right -2255px;
}
#ProviderList .ifd:hover {
	background-position: right -2335px;
}
#ProviderList .ygg:hover {
	background-position: right -2415px;
}
#ProviderList .fch:hover {
	background-position: right -2495px;
}
#ProviderList .adv:hover {
	background-position: right -2575px;
}
#ProviderList .jli:hover {
	background-position: right -2655px;
}
#ProviderList .evo:hover {
	background-position: right -2735px;
}
#ProviderList .bpt:hover {
	background-position: right -2804px;
}
#ProviderList .dgs:hover {
	background-position: right -2884px;
}
#ProviderList .sng:hover {
	background-position: right -2966px;
}
#ProviderList .ddo:hover {
	background-position: right -3047px;
}
#ProviderList .ptg:hover {
	background-position: right -3152px;
}
#ProviderList .afb:hover {
	background-position: right -3248px;
}
#ProviderList .wsl:hover {
	background-position: right -3333px;
}
#ProviderList .hsg:hover {
	background-position: right -3406px;
}
#ProviderList .mll:hover {
	background-position: right -3566px;
}
#ProviderList .plk:hover {
	background-position: right -3644px;
}
#ProviderList .ftp:hover {
	background-image: url(../infini/provider/all/ftp.webp);
	filter: drop-shadow(0px 0px 1px white);
}
#ProviderList .fvg:hover {
	background-image: url(../infini/provider/all/fvg.webp);
	background-position: center;
}
#ProviderList .ggs:hover {
	background-image: url(../infini/provider/all/ggs.webp);
	background-position: center;
}
#ProviderList .sag:hover {
	background-image: url(../infini/provider/all/sag.webp);
	background-position: center;
}

/*#ProviderList .png:hover{background-position:right -9999px}
#ProviderList .csg:hover{background-position:right -9999px}*/

.support-footer {
	padding: 0 0;
}
.support-footer .heading {
	font-weight: 700;
}
.support-footer .heading,
.support-footer .responsible-gaming {
	padding-bottom: 15px;
}
.footer .support-footer h2,
.footer .support-footer p {
	text-align: left;
	font-size: 0.875rem;
	margin-top: 15px;
	margin-bottom: 8px;
}
.license a {
	line-height: 32px;
	height: 32px;
	display: inline-table;
	padding: 0 20px 20px 0;
}
.license span {
	height: 32px;
	display: block;
	background: url(https://cdn.robotaset.com/assets/images/common/icon-license.png) no-repeat;
}
.license .pagcor {
	width: 128px;
	background-position: left 0;
}
.license .gambling-commission {
	width: 121px;
	background-position: left -34px;
}
.license .itech-labs {
	width: 34px;
	background-position: left -68px;
}
.license .gaming-labs-certified {
	width: 92px;
	background-position: left -102px;
}
.license .bmm-testlabs {
	width: 193px;
	background-position: left -136px;
}
.license .mga {
	width: 162px;
	background-position: left -170px;
}
.license .infini88 {
	width: 124px;
	background-position: left -204px;
}
.license .pagcor:hover {
	background-position: -194px 0;
}
.license .gambling-commission:hover {
	background-position: -194px -34px;
}
.license .itech-labs:hover {
	background-position: -194px -68px;
}
.license .gaming-labs-certified:hover {
	background-position: -194px -102px;
}
.license .bmm-testlabs:hover {
	background-position: -194px -136px;
}
.license .mga:hover {
	background-position: -194px -170px;
}
.license .infini88:hover {
	background-position: -194px -204px;
}
.rules-agreement-logo {
	background: url(https://cdn.robotaset.com/assets/images/common/footer.png) no-repeat;
	background-size: 600px 45px;
	padding-top: 45px;
	width: 600px;
	margin: 0 auto;
}
.bonus-wrapper .nav-tabs {
	margin-bottom: 20px;
	border-bottom: 1px solid #205472;
}
.bonus-wrapper .nav-tabs .nav-link {
	border: none;
	border-bottom: 3px solid transparent;
}
.bonus-wrapper .nav-tabs .nav-link:hover {
	color: #205472;
}
.bonus-wrapper .nav-tabs .nav-link.active {
	border-bottom: 5px solid #205472;
	color: #205472;
}
.bonus-wrapper .account_list {
	padding: 0;
	box-shadow: none;
	color: #000;
}
.modal-body .provider span {
	color: #000;
}
.bonus-provider-list {
	width: auto;
	display: inline-flex;
	padding-left: 0;
	list-style: none;
	margin-bottom: 0;
}
.bonus-provider-list li {
	width: 110px;
	float: left;
	margin: 0;
}
.bonus-provider-list li.active {
	background-color: rgba(32, 84, 114, 0.6);
	color: #000;
}
.bonus-provider-list li.active a {
	border-bottom: 2px solid #52c4ff;
	font-weight: 700;
	background-color: #1f4b68;
}
.bonus-provider-list li:hover {
	background-color: #1f4b68;
}
.bonus-provider-list li:hover a {
	text-decoration: none;
	color: #000;
}
.bonus-provider-list li:hover a:not(.other) {
	font-weight: 700;
	color: #fff;
}
.bonus-provider-list li.no-margin,
.bonus-provider-list li:last-child {
	margin-right: 0;
}
.bonus-provider-list span {
	line-height: 25px;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	padding: 0 5px;
}
.bonus-provider-list a {
	display: block;
	padding: 70px 0 0 0;
	background: url(../infini/images/common/icon_menu.png) no-repeat;
	background-position: -99px 2px;
	border-bottom: 2px solid transparent;
	filter: drop-shadow(0 0 0.01em #121212);
}
.bonus-provider-list a:not(.other) {
	background-size: 200%;
}
/* .bonus-provider-list .gpk,.bonus-provider-list .gpoker{background-position:-99px -420px} */
/* .bonus-provider-list .isin4d{background-position:-99px -845px} */
/* .bonus-provider-list .agl{background-position:-99px -1166px} */
/* .bonus-provider-list .skw{background-position:-99px -633px} */
.bonus-provider-list .pgr,
.bonus-provider-list .pgb,
.bonus-provider-list .prk {
	background-position: right -128px;
}
.bonus-provider-list .hb {
	background-position: right -235px;
}
.bonus-provider-list .gpi {
	background-position: right -345px;
}
.bonus-provider-list .plt,
.bonus-provider-list .ptc {
	background-position: right -455px;
}
.bonus-provider-list .wm {
	background-position: right -675px;
}
.bonus-provider-list .spd {
	background-position: right -785px;
}
.bonus-provider-list .sbo {
	background-position: right -890px;
}
.bonus-provider-list .jkr {
	background-position: right -1000px;
}
.bonus-provider-list .cmd {
	background-position: right -1115px;
}
.bonus-provider-list .awc {
	background-position: right -1225px;
}
.bonus-provider-list .idn {
	background-position: right -1335px;
}
.bonus-provider-list .pgs {
	background-position: right -1445px;
}
.bonus-provider-list .sbc {
	background-position: right -1555px;
}
.bonus-provider-list .bbn,
.bonus-provider-list .nbb {
	background-position: right -1665px;
}
.bonus-provider-list .pst {
	background-position: right -1775px;
}
.bonus-provider-list .ori {
	background-position: right -1885px;
}
.bonus-provider-list .bbp {
	background-position: right -1995px;
}
.bonus-provider-list .cqn {
	background-position: right -2105px;
}
.bonus-provider-list .ttg {
	background-position: right -2215px;
}
.bonus-provider-list .bgg {
	background-position: right -2325px;
}
.bonus-provider-list .sll {
	background-position: right -2435px;
}
.bonus-provider-list .mcg {
	background-position: right -2545px;
}
.bonus-provider-list .bng {
	background-position: right -2655px;
}
.bonus-provider-list .blk {
	background-position: right -2765px;
}
.bonus-provider-list .prt {
	background-position: right -2875px;
}
.bonus-provider-list .sba {
	background-position: right -2985px;
}
.bonus-provider-list .mmg {
	background-position: right -3090px;
}
.bonus-provider-list .ifd {
	background-position: right -3205px;
}
.bonus-provider-list .ygg {
	background-position: right -3315px;
}
.bonus-provider-list .fch {
	background-position: right -3425px;
}
.bonus-provider-list .adv {
	background-position: right -3535px;
}
.bonus-provider-list .jli {
	background-position: right -3645px;
}
.bonus-provider-list .evo {
	background-position: right -3755px;
}
.bonus-provider-list .bpt {
	background-position: right -3850px;
}
.bonus-provider-list .dgs {
	background-position: right -3960px;
}
.bonus-provider-list .sng {
	background-position: right -4070px;
}
.bonus-provider-list .ddo {
	background-position: right -4198px;
}
.bonus-provider-list .ptg {
	background-position: right -4329px;
}
.bonus-provider-list .afb {
	background-position: right -4461px;
}
.bonus-provider-list .wsl {
	background-position: right -4580px;
}
.bonus-provider-list .hsg {
	background-position: right -4680px;
}
.bonus-provider-list .mll {
	background-position: right -4895px;
}
.bonus-provider-list .plk {
	background-position: right -5005px;
}
.bonus-provider-list .ftp {
	background: url(../infini/provider/all/ftp.webp) no-repeat;
	background-position: center -10px;
	background-size: contain !important;
	filter: drop-shadow(0px 1px 2px white);
}
.bonus-provider-list .fvg {
	background: url(../infini/provider/all/fvg.webp) no-repeat;
	background-position: center 10px;
	background-size: 60% !important;
	filter: drop-shadow(0px 1px 2px white);
}
.bonus-provider-list .ggs {
	background: url(../infini/provider/all/ggs.webp) no-repeat;
	background-position: center 10px;
	background-size: 60% !important;
}
.bonus-provider-list .sag {
	background: url(../infini/provider/all/sag.webp) no-repeat;
	background-position: center 10px;
	background-size: 60%;
}

/* .bonus-provider-list .png{background-position:-99px -9999px}
.bonus-provider-list .csg{background-position:-99px -9999px} */

.mainPvLs {
	background-color: rgba(32, 84, 114, 0.3);
	padding: 0;
}
.mainPvLs a {
	color: #fff;
}
.mainPvLs li:last-child {
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.05) -1px 0 4px 2px;
	border: 1px solid #ededed;
}
.mainPvLs img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 40px;
	transform: translateY(50%);
	margin: 0 auto;
}
.mainPvLs .other {
	position: relative;
	background: 0 0;
	color: #000;
}
.popupPvLs {
	display: block;
	height: 100%;
	max-height: 540px;
	overflow: auto;
	text-align: center;
}
.popupPvLs li {
	margin-bottom: 10px;
}
.bonus-wrapper-box {
	margin: 20px 0;
}
.bonus-item {
	position: relative;
	width: calc(100% / 5);
	max-width: 190px;
	min-height: 120px;
	float: left;
	padding: 1.2rem 0.6rem;
	border-radius: 3px;
	text-align: center;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0.3rem;
	-ms-flex-preferred-size: 19%;
	flex-basis: 19%;
	font-size: 0.8rem;
	background-color: rgba(32, 84, 114, 0.6);
	outline: 0;
	color: #fff;
}
.bonus-list {
	margin-bottom: 24px;
	max-height: 370px;
}
.bonus-list > h5 {
	margin-left: 5px;
	color: #fff;
}
.bonus-item > div {
	line-height: normal;
}
.bonus-item .heading {
	font-weight: 700;
	font-size: 0.9rem;
}
.bonus-item.selected {
	border-color: #01122f;
	background-color: #fff;
	outline: 0;
	color: #000;
}
.isNewPlayer {
	position: absolute;
	z-index: 4;
	line-height: 12px;
	background: #52c4ff;
	color: #fff;
}
.bonus-item .isNewPlayer {
	top: -1px;
	left: -1px;
	padding: 2px 5px;
	height: 16px;
	letter-spacing: 0.8px;
	font-size: 10px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.bonus-running-inner .isNewPlayer {
	top: 0;
	left: 0;
	padding: 8px 10px;
	height: 28px;
	font-size: 14px;
	border-top-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.bonus-description {
	border-radius: 3px;
	background-color: #eaffeb;
	border: 0.5px solid #42b549;
	padding: 16px;
	text-align: left;
	margin: 0 5px 24px 5px;
}
.bonus-description ._title {
	font-size: 12px;
	font-weight: 800;
	color: #42b549;
	margin-bottom: 8px;
}
.bonus-description ._content {
	font-size: 12px;
	line-height: 1.42;
	color: rgba(0, 0, 0, 0.7);
	word-break: break-all;
}
.btn-activate:hover {
	background-color: #52c4ff;
}
.bonus-wrapper .modal-dialog {
	max-width: 614px;
}
.bonus-wrapper .modal-body,
.bonus-wrapper .modal-header {
	background-color: #fff;
}
.bonus-wrapper .modal-body {
	background-color: #fff;
	height: 100%;
	min-height: 130px;
	max-height: 575px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
.bonus-wrapper .modal-header {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	background-color: #000;
}
.bonus-wrapper .close {
	color: #000;
}
.bonus-wrapper .close:hover {
	background-color: transparent;
}
.progress {
	background: rgba(255, 255, 255, 0.5);
	justify-content: flex-start;
	align-items: center;
	position: relative;
	display: flex;
	height: 30px;
	width: 100%;
}
.progress-value {
	box-shadow: 0 10px 40px -10px #fff;
	border-radius: 0.25rem;
	height: 30px;
	width: 100%;
	text-align: center;
	font-size: 1rem;
	line-height: 30px;
	font-weight: 700;
	background: linear-gradient(180deg, rgba(82, 196, 255, 0.2) 0, #52c4ff 100%);
	color: #fff;
}
.progress-value > span {
	padding: 0 8px;
	position: absolute;
	left: 0;
	width: 100%;
}
@keyframes load {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}
.bonus-running-outer {
	display: inline-block;
	width: 100%;
	line-height: normal;
	flex-shrink: 0;
	padding: 0;
	margin-bottom: 20px;
}
.bonus-running-outer:last-child {
	margin-bottom: 0;
}
.bonus-running-inner {
	height: 100%;
	transform: scale(1);
}
.bonus-running-wrapper {
	position: relative;
}
.bonus-running-wrapper > img {
	max-width: 100%;
	width: 100%;
	height: 180px;
}
.bonus-running-content {
	position: absolute;
	top: 0;
	left: 40px;
	right: 40px;
	bottom: 0;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	margin: auto;
}
.bonus-running-content span {
	color: #fff;
	font-size: 14px;
	display: block;
}
.bonus-pv-icon {
	width: 110px;
	padding: 84px 0 0 0;
	background: url(../infini/images/common/icon_menu.png) no-repeat;
	background-position: -110px 0;
	position: relative;
	left: -10px;
}
/* .bonus-pv-icon.gpk,.bonus-pv-icon.gpoker{background-position:right -456px} */
/* .bonus-pv-icon.skw{background-position:right -684px} */
/* .bonus-pv-icon.isin4d{background-position:right -912px} */
/* .bonus-pv-icon.agl{background-position:right -1254px} */
/* .bonus-pv-icon.idn{background-position:right -1710px} */
.bonus-pv-icon.pgr,
.bonus-pv-icon.pgb,
.bonus-pv-icon.prk {
	background-position: right -114px;
}
.bonus-pv-icon.hb {
	background-position: right -225px;
}
.bonus-pv-icon.gpi {
	background-position: right -334px;
}
.bonus-pv-icon.plt,
.bonus-pv-icon.ptc {
	background-position: right -455px;
}
.bonus-pv-icon.wm {
	background-position: right -662px;
}
.bonus-pv-icon.spd {
	background-position: right -772px;
}
.bonus-pv-icon.sbo {
	background-position: right -885px;
}
.bonus-pv-icon.jkr {
	background-position: right -998px;
}
.bonus-pv-icon.cmd {
	background-position: right -1104px;
}
.bonus-pv-icon.awc {
	background-position: right -1212px;
}
.bonus-pv-icon.pgs {
	background-position: right -1436px;
}
.bonus-pv-icon.sbc {
	background-position: right -1542px;
}
.bonus-pv-icon.bbn,
.bonus-pv-icon.nbb {
	background-position: right -1656px;
}
.bonus-pv-icon.pst {
	background-position: right -1763px;
}
.bonus-pv-icon.ori {
	background-position: right -1875px;
}
.bonus-pv-icon.bbp {
	background-position: right -1984px;
}
.bonus-pv-icon.cqn {
	background-position: right -2096px;
}
.bonus-pv-icon.ttg {
	background-position: right -2203px;
}
.bonus-pv-icon.bgg {
	background-position: right -2312px;
}
.bonus-pv-icon.sll {
	background-position: right -2425px;
}
.bonus-pv-icon.mcg {
	background-position: right -2532px;
}
.bonus-pv-icon.bng {
	background-position: right -2642px;
}
.bonus-pv-icon.blk {
	background-position: right -2752px;
}
.bonus-pv-icon.prt {
	background-position: right -2865px;
}
.bonus-pv-icon.sba {
	background-position: right -2972px;
}
.bonus-pv-icon.mmg {
	background-position: right -3082px;
}
.bonus-pv-icon.ifd {
	background-position: right -3192px;
}
.bonus-pv-icon.ygg {
	background-position: right -3306px;
}
.bonus-pv-icon.fch {
	background-position: right -3415px;
}
.bonus-pv-icon.adv {
	background-position: right -3522px;
}
.bonus-pv-icon.jli {
	background-position: right -3632px;
}
.bonus-pv-icon.evo {
	background-position: right -3742px;
}
.bonus-pv-icon.bpt {
	background-position: right -3848px;
}
.bonus-pv-icon.dgs {
	background-position: right -3958px;
}
.bonus-pv-icon.sng {
	background-position: right -4070px;
}
.bonus-pv-icon.ddo {
	background-position: right -4190px;
}
.bonus-pv-icon.ptg {
	background-position: right -4325px;
}
.bonus-pv-icon.afb {
	background-position: right -4455px;
}
.bonus-pv-icon.wsl {
	background-position: right -4576px;
}
.bonus-pv-icon.hsg {
	background-position: right -4675px;
}
.bonus-pv-icon.mll {
	background-position: right -4894px;
}
.bonus-pv-icon.plk {
	background-position: right -5005px;
}
.bonus-pv-icon.ftp {
	background: url(../infini/provider/all/ftp.webp) no-repeat;
	background-position: center;
}
.bonus-pv-icon.fvg {
	background: url(../infini/provider/all/fvg.webp) no-repeat;
	background-position: center;
}
.bonus-pv-icon.ggs {
	background: url(../infini/provider/all/ggs.webp) no-repeat;
	background-position: center;
}
.bonus-pv-icon.sag {
	background: url(../infini/provider/all/sag.webp) no-repeat;
	background-position: center;
}

/*.bonus-pv-icon.png{background-position:right -9999px}
.bonus-pv-icon.csg{background-position:right -9999px}*/

.bonus-info {
	position: absolute;
	left: 115px;
}
.bonus-name {
	font-weight: 800;
	font-size: 30px;
	line-height: 42px;
	letter-spacing: -0.5px;
	color: #b5b5b5;
	margin: 0 0 8px;
	width: 350px;
}
.bonus-name.text-ellipsis.show {
	width: 100%;
}
.bonus-cashback {
	font-style: normal;
	font-weight: 800;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: -0.1px;
	color: #fff;
	margin: 0;
}
.bonus-meter-outer {
	max-width: 420px;
}
.bonus-meter-inner {
	width: 410px;
}
.bonus-meter-inner > div {
	margin-bottom: 16px;
}
.bonus-meter-inner h5 {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	margin: 0 0 4px;
}
.bonus-meter-info {
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	margin-top: 4px;
}
.bonus-meter-info span {
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
}
.bonus-button {
	position: relative;
	padding: 0;
	height: 36px;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	min-width: 62px;
	width: 100%;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 800;
	text-align: center;
	border: none;
	overflow: hidden;
	cursor: default;
	outline: 0;
	box-shadow: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.bonus-button.active {
	background-color: #105473;
	color: #fff;
	border-color: #ff5722;
}
.bonus-button.active:hover {
	background-color: #105473;
	cursor: pointer;
}
.bonus-button.btn-await-approval {
	background-color: #03123d;
	color: #3fb9ff;
	cursor: default;
	font-size: 12px;
}
.bonus-button.disabled {
	background-color: #e5e7e9;
	color: rgb(49, 53, 59, 0.3);
	border-color: transparent;
	cursor: not-allowed;
}
.bonus-button.disabled:hover {
	background-color: #e5e7e9;
	cursor: not-allowed;
}
@media screen and (min-width: 992px) {
	.bonus-button {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: normal;
	}
}
@media screen and (min-width: 768px) {
	.bonus-button {
		float: right;
		max-width: 180px;
	}
}
.bonus-button-wrapper {
	position: relative;
	display: block;
}
.bonus-button-wrapper > p {
	text-align: center;
	display: block;
	margin: 0 auto;
	opacity: 1;
	visibility: visible;
}
.modal-header {
	background-color: #000;
}
.modal-header h5 {
	color: #fff;
}
.provider_wrap {
	background-color: rgba(128, 128, 128, 0.5);
	display: block;
	min-height: 350px;
	border-radius: 4px;
}
.provider_content {
	padding: 20px;
}
.provider_content .title {
	line-height: 1;
	border-bottom: none;
	display: block;
}
.provider_content .desc {
	margin: 20px auto;
	max-width: 75%;
	text-align: center;
	font-size: 0.875rem;
}
.font-white {
	color: #fff;
}
#normal-countdown {
	text-align: center;
}
#normal-countdown .time-sec {
	position: relative;
	display: inline-block;
	margin: 12px;
	height: 90px;
	width: 90px;
	border-radius: 100px;
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5);
	background: #fff;
	color: #333;
}
#normal-countdown .time-sec .main-time {
	font-weight: 500;
	line-height: 70px;
	font-size: 2rem;
	color: #f84982;
	margin: 0;
	padding: 0;
	text-align: center;
}
#normal-countdown .time-sec span {
	position: absolute;
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 1em;
	font-weight: 600;
	display: inline-block;
	margin: 0;
	padding: 0;
}
.maintenance {
	background-color: #444;
}
.maintenance .desc {
	margin: 0 auto;
	width: 50%;
	font-size: 1rem;
	padding-top: 60px;
}
.maintenance .desc img {
	max-height: 70px;
	margin-bottom: 10px;
}
.maintenance .desc p {
	margin-bottom: 5px;
}
.maintenance .web-logo {
	width: auto;
	height: 70px;
	margin-bottom: 40px;
}
.maintenance .maintenance-logo {
	width: 100%;
	max-width: 1000px;
}
@media screen and (max-width: 568px) {
	.maintenance .desc {
		width: 100%;
	}
}

/* Futuristic Navbar */
.futuristic .gameNav {
	display: inline-block;
	width: 100%;
	padding-bottom: 15px;
}
.futuristic .gameNav a {
	position: absolute;
	top: 5px;
	right: 12px;
	width: 120px;
	padding-top: 50px;
	background: url(../infini/images/common/game-front-provider.png) no-repeat;
	background-position: center -3px;
	background-size: 100%;
}
.futuristic .gameNav a > span {
	padding: 4px 6px;
	height: 30px;
	border: 2px solid #463300;
	border-radius: 10px;
	color: #463300;
	font-weight: 700;
	font-size: 0.675rem;
	background-color: rgb(0, 0, 0, 0.3);
}
.futuristic .gameNav > li {
	width: 270px;
	margin: 0;
	padding: 15px 20px 0;
	display: inline-block;
	float: none;
}
.futuristic .icon-menu-wrapper {
	position: relative;
	border: 2px solid #f8f43d;
	border-radius: 45px;
	background: linear-gradient(
		90deg,
		rgb(255, 194, 79, 0.5) 0,
		rgb(249, 239, 157, 0.5) 50%,
		rgb(255, 195, 80, 0.5) 100%
	);
	height: 94px;
}
.futuristic .pgr .icon-menu-wrapper {
	background: url(../infini/provider/pgr-casino-wrapper-bg.webp) no-repeat;
	background-position: center;
	background-size: cover;
}
.futuristic .gameNav > li:hover span:not(.label-new) {
	background-color: #463300;
	color: #fff;
}
.futuristic .gameNav > li:hover .icon-menu-wrapper {
	border-color: red;
}
/* .futuristic .game-front{position:relative;top:0;left:-15px;height:91px;width:100%;background:url(../infini/images/common/140122-game-front-type.png) no-repeat;background-position:center 0} */

/* Icon Game Front Type */
.futuristic .casino .game-front {
	background: url(../infini/provider/casino.png) no-repeat;
	background-position: center 0;
}
/* .futuristic .casino .pgr .game-front{background-position:center 0px} */
/* .futuristic .casino .skw .game-front{background-position:center -91px} */
/* .futuristic .casino .plt .game-front{background-position:center -455px} */
.futuristic .casino .pgr .game-front {
	background: url(../infini/provider/pgr-casino.webp) no-repeat;
	background-position: left;
}
.futuristic .casino .ptc .game-front {
	background: url(../infini/provider/ptc-casino.webp) no-repeat;
	background-position: left;
}
.futuristic .casino .prt .game-front {
	background-position: center -91px;
}
.futuristic .casino .bbn .game-front {
	background-position: center -182px;
}
.futuristic .casino .mcg .game-front {
	background-position: center -273px;
}
.futuristic .casino .sbc .game-front {
	background-position: center -364px;
}
.futuristic .casino .wm .game-front {
	background-position: center -455px;
}
.futuristic .casino .gpi .game-front {
	background-position: center -546px;
}
.futuristic .casino .ori .game-front {
	background-position: center -637px;
}
.futuristic .casino .bgg .game-front {
	background-position: center -728px;
}
.futuristic .casino .ttg .game-front {
	background-position: center -819px;
}
.futuristic .casino .cqn .game-front {
	background-position: center -910px;
}
.futuristic .casino .blk .game-front {
	background-position: center -1001px;
}
.futuristic .casino .png .game-front {
	background-position: center -1092px;
}
.futuristic .casino .sbo .game-front {
	background-position: center -1183px;
}
.futuristic .casino .jli .game-front {
	background: url(../infini/provider/jli-casino.png) no-repeat;
	background-position: left;
}
.futuristic .casino .bpt .game-front {
	background: url(../infini/provider/bpt-casino.png) no-repeat;
	background-position: left;
}
.futuristic .casino .plk .game-front {
	background: url(../infini/provider/plk-casino.webp) no-repeat;
	background-position: left;
}
.futuristic .casino .ggs .game-front {
	background: url(../infini/provider/ggs-slot.gif) no-repeat;
	background-position: 15px;
}
.futuristic .casino .sag .game-front {
	background: url(../infini/provider/sag-casino.webp) no-repeat;
}

.futuristic .slot .game-front {
	background: url(../infini/provider/slots.png) no-repeat;
	background-position: center 0;
}
/* .futuristic .slot .pgr .game-front{background-position:center -0px} */
/* .futuristic .slot .skw .game-front{background-position:center -546px} */
.futuristic .slot .pgr .game-front {
	background: url(../infini/provider/pgr-slot.gif) no-repeat;
	background-size: auto;
	left: 0;
}
.futuristic .slot .mcg .game-front {
	background-position: center -91px;
}
.futuristic .slot .pgs .game-front {
	background-position: center -182px;
}
.futuristic .slot .pgs .game-front {
	background: url(../infini/provider/pgs-slot.gif) no-repeat;
	background-position: 5px;
}
.futuristic .slot .ttg .game-front {
	background-position: center -273px;
}
.futuristic .slot .hb .game-front {
	background-position: center -364px;
}
.futuristic .slot .bbn .game-front {
	background-position: center -455px;
}
/*.futuristic .slot .bbn .game-front{
	background:url(../infini/provider/bbn-slot.gif) no-repeat;
	background-position:10px;
}*/
.futuristic .slot .bbp .game-front {
	background-position: center -546px;
}
/*.futuristic .slot .bbp .game-front{
	background:url(../infini/provider/bbp-slot.gif) no-repeat;
	background-position:left;
}*/
.futuristic .slot .spd .game-front {
	background-position: center -637px;
}
.futuristic .slot .jkr .game-front {
	background-position: center -728px;
}
.futuristic .slot .pst .game-front {
	background-position: center -819px;
}
.futuristic .slot .cqn .game-front {
	background-position: center -910px;
}
.futuristic .slot .bng .game-front {
	background-position: center -1001px;
}
/*.futuristic .slot .bng .game-front{
	background:url(../infini/provider/bng-slot.gif) no-repeat;
	background-position:30px;
}*/
.futuristic .slot .sll .game-front {
	background-position: center -1092px;
}
.futuristic .slot .plt .game-front,
.futuristic .slot .ptc .game-front {
	background: url(../infini/provider/ptc-slot.webp) no-repeat;
	background-position: 30px;
	background-size: 91px;
}
.futuristic .slot .mmg .game-front {
	background-position: center -1275px;
}
.futuristic .slot .ygg .game-front {
	background: url(../infini/provider/ygg-slot.png) no-repeat;
}
.futuristic .slot .fch .game-front {
	background: url(../infini/provider/fch-slot.png) no-repeat;
}
.futuristic .slot .prk .game-front {
	background: url(../infini/provider/prk-slot.png) no-repeat;
	background-position: 10px;
	background-size: 55%;
}
.futuristic .slot .ygg .game-front,
.futuristic .slot .fch .game-front {
	background-position: 5px;
}
.futuristic .slot .adv .game-front {
	background-position: center -1365px;
}
/*.futuristic .slot .adv .game-front{
	background:url(../infini/provider/adv-slot.webp) no-repeat;
}*/
.futuristic .slot .jli .game-front {
	background-position: center -1456px;
}
/*.futuristic .slot .jli .game-front{
	background:url(../infini/provider/jli-slot.gif) no-repeat;
	background-position:5px;
}*/
.futuristic .slot .evo .game-front {
	background-position: center -1547px;
}
.futuristic .slot .bpt .game-front {
	background: url(../infini/provider/bpt-slot.png) no-repeat;
	background-position: left;
}
.futuristic .slot .dgs .game-front {
	background: url(https://cdn.robotaset.com/assets/images/provider/dgs-fishing.png) no-repeat;
	background-position: 25px;
}
.futuristic .slot .ddo .game-front {
	background: url(../infini/provider/ddo-slot.png) no-repeat;
	background-position: 0px;
}
.futuristic .slot .ptg .game-front {
	background: url(../infini/provider/ptg-slot.png) no-repeat;
	background-position: 0px;
}
.futuristic .slot .hsg .game-front {
	background: url(../infini/provider/hsg-slot.png) no-repeat;
	background-position: 0px;
}
.futuristic .slot .mll .game-front {
	background: url(../infini/provider/mll-slot.png) no-repeat;
	background-position: 0px;
}
.futuristic .slot .plk .game-front {
	background: url(../infini/provider/plk-casino.webp) no-repeat;
	background-position: left;
}
.futuristic .slot .ftp .game-front {
	background: url(../infini/provider/ftp-slot.webp) no-repeat;
	background-position: left;
}
.futuristic .slot .fvg .game-front {
	background: url(../infini/provider/fvg-slot.png) no-repeat;
	background-size: contain !important;
	background-position: left;
}
.futuristic .slot .ggs .game-front {
	background: url(../infini/provider/ggs-slot.gif) no-repeat;
	background-position: 15px;
}

.futuristic .tembak_ikan .game-front {
	background: url(https://cdn.robotaset.com/assets/images/provider/fishing.png) no-repeat;
	background-position: center 0;
}
/* .futuristic .tembak_ikan .pgr .game-front{background-position:center 0} */
.futuristic .tembak_ikan .bbp .game-front {
	background-size: 110%;
	background-position: -7px -107px;
}
.futuristic .tembak_ikan .cqn .game-front {
	background-position: center -182px;
}
.futuristic .tembak_ikan .bgg .game-front {
	background-position: center -273px;
}
.futuristic .tembak_ikan .spd .game-front {
	background-position: center -364px;
}
.futuristic .tembak_ikan .jkr .game-front {
	background-position: center -455px;
}
.futuristic .tembak_ikan .pst .game-front {
	background-position: center -638px;
}
.futuristic .tembak_ikan .mcg .game-front {
	background-position: center -729px;
}
/* .futuristic .tembak_ikan .skw .game-front{background-position:center -910px}
.futuristic .tembak_ikan .bbp .game-front{background:url(../infini/provider/bbp-fishing.png) no-repeat;left:-55px;background-position:center;background-size:58%} */
.futuristic .tembak_ikan .fch .game-front {
	background: url(../infini/provider/fch-fishing.png) no-repeat;
	background-position: 10px;
}
.futuristic .tembak_ikan .jli .game-front {
	background-position: center -819px;
}
.futuristic .tembak_ikan .dgs .game-front {
	background: url(https://cdn.robotaset.com/assets/images/provider/dgs-fishing.png) no-repeat;
	background-position: 25px;
}
.futuristic .tembak_ikan .hsg .game-front {
	background: url(https://cdn.robotaset.com/assets/images/provider/hsg-fishing.png) no-repeat;
	background-position: left -10px;
}

.futuristic .sports .game-front,
.futuristic .lottery .game-front,
.futuristic .poker .game-front {
	background: url(../infini/provider/sports-lottery-poker.png) no-repeat;
	background-position: center 0;
}
.futuristic .sports .sba .game-front {
	background-size: 105%;
	background-position: center -573px;
}
.futuristic .sports .cmd .game-front {
	background-position: center -633px;
}
.futuristic .sports .sng .game-front {
	background: url(../infini/provider/sng-sports.png) no-repeat;
	background-position: 15px;
}
.futuristic .sports .afb .game-front {
	background: url(../infini/provider/afb-sports.png) no-repeat;
	background-position: 15px;
}

/*.futuristic .lottery .pgr .game-front{background-position:center -91px}*/
.futuristic .lottery .pgr .game-front {
	background: url(../infini/provider/pgr-scratch.png) no-repeat;
	background-position: left 0;
	background-size: auto;
}
.futuristic .lottery .isin4d .game-front {
	background-position: center -182px;
}
.futuristic .lottery .ifd .game-front {
	background-position: center -455px;
}
.futuristic .lottery .ddo .game-front {
	background: url(../infini/provider/ddo-lottery.png) no-repeat;
	background-position: left 0;
}
.futuristic .poker .idn .game-front {
	background-position: center -273px;
}
.futuristic .poker .pgr .game-front,
.futuristic .poker .blk .game-front {
	background-position: center -364px;
}
/* .futuristic .lottery .bng .game-front
.futuristic .poker .gpk .game-front,.futuristic .poker .gpoker .game-front{background-position:center -1456px} */
/* .futuristic .poker .agl .game-front, */

.futuristic .cock_fighting .game-front,
.futuristic .games .game-front {
	background: url(../infini/provider/cockfighting-games.png) no-repeat;
	background-position: center -91px;
}
.futuristic .cock_fighting .awc .game-front {
	background-position: center 0;
}
.futuristic .cock_fighting .wsl .game-front {
	background: url(../infini/provider/wsl-cock-fight.png) no-repeat;
	background-position: left 0;
}
/* .futuristic .games .pgr .game-front{background-position:center -91px} */
.futuristic .games .bbp .game-front {
	background-position: center -273px;
}
.futuristic .games .ttg .game-front {
	background-position: center -364px;
}
.futuristic .games .sbo .game-front {
	background-position: center -455px;
}
.futuristic .games .jkr .game-front {
	background-position: center -728px;
}
.futuristic .games .pst .game-front {
	background-position: center -546px;
}
.futuristic .games .cqn .game-front {
	background-position: center -637px;
}
/* .futuristic .games .bng .game-front{background:url(../infini/provider/bng-games.png) no-repeat} */
.futuristic .games .spd .game-front {
	background-position: center -819px;
}
/* .futuristic .games .idn .game-front{background-position:center -1546px} */
/* .futuristic .games .skw .game-front{background-position:center -1638px}
.futuristic .games .tk1 .game-front{background-position:center -1729px} */
/* .futuristic .games .bbp .game-front{background:url(../infini/provider/bbp-games.png) no-repeat} */
.futuristic .games .bng .game-front {
	background: url(../infini/provider/bng-games.png) no-repeat;
}
.futuristic .games .fch .game-front {
	background: url(../infini/provider/fch-games.png) no-repeat;
}
.futuristic .games .mmg .game-front {
	background-position: center -1001px;
}
.futuristic .games .jli .game-front {
	background: url(../infini/provider/jli-games.png) no-repeat;
	background-position-x: 15px;
}
.futuristic .games .dgs .game-front {
	background: url(../infini/provider/dgs-games.png) no-repeat;
	background-position: 24px;
}
.futuristic .games .ddo .game-front {
	background: url(../infini/provider/ddo-games.png) no-repeat;
	background-position: 0px;
}
.futuristic .games .ptg .game-front {
	background: url(../infini/provider/ptg-games.png) no-repeat;
	background-position: 0px;
}
.futuristic .games .hsg .game-front {
	background: url(../infini/provider/hsg-games.png) no-repeat;
	background-position: 0px;
}
.futuristic .games .pgb .game-front {
	background: url(../infini/provider/pgb-lottery.png) no-repeat;
	background-position: left 0;
}
.futuristic .games .mll .game-front {
	background: url(../infini/provider/mll-games.png) no-repeat;
	background-position: 0px;
}
.futuristic .games .plk .game-front {
	background: url(../infini/provider/plk-casino.webp) no-repeat;
	background-position: left;
}
.futuristic .games .ggs .game-front {
	background: url(../infini/provider/ggs-slot.gif) no-repeat;
	background-position: 15px;
}

.futuristic .game-front {
	position: relative;
	top: 0;
	left: -15px;
	height: 91px;
	width: 100%;
	background-position: center 0;
}

/* Game Icon tag */
.futuristic .game-front-tag {
	position: absolute;
	left: -5px;
	top: -15px;
	max-width: 35px;
	z-index: 2;
}
.futuristic [class^="lobby-icon"] {
	top: -5px;
}

/* Icon Game Front Provider */
@keyframes zoominoutsinglefeatured {
	0% {
		transform: scale(1, 1);
	}
	50% {
		transform: scale(1.3, 1.3);
	}
	100% {
		transform: scale(1, 1);
	}
}
.futuristic li.casino .gameNav .pgr a,
.futuristic li.slot .gameNav .pgr a {
	background: url(../infini/provider/pgr-game-front-lobby.gif) no-repeat;
	background-size: 100%;
	background-position: center top;
}
/* .futuristic .gameNav .isin4d a{background-position:center -243px} */
.futuristic .gameNav .plt a,
.futuristic .gameNav .pt a,
.futuristic .gameNav .ptc a {
	background-position: center -251px;
}
/* .futuristic .gameNav .skw a{background-position:center -643px} */
/* .futuristic .gameNav .gpk a,.futuristic .gameNav .gpoker a{background-position:center -803px} */
/* .futuristic .gameNav .agl a{background-position:center -883px} */
/* .futuristic .gameNav .tk1 a{background-position:center -963px} */
/* .futuristic .gameNav .idn a{background-position:center -1220px} */
.futuristic .gameNav .hb a {
	background-position: center -83px;
}
.futuristic .gameNav .spd a {
	background-position: center -160px;
}
.futuristic li.tembak_ikan .gameNav .spd a {
	background: url(https://cdn.robotaset.com/assets/images/provider/spd-game-front.gif) no-repeat;
	background-size: 104%;
	background-position: center 8px;
}
.futuristic .gameNav .jkr a {
	background-position: center -330px;
}
.futuristic li.tembak_ikan .gameNav .jkr a {
	background: url(https://cdn.robotaset.com/assets/images/provider/jkr-game-front.gif) no-repeat;
	background-size: 110%;
	background-position: center 8px;
}
/*.futuristic .gameNav .gpi a{background-position:center -410px}*/
.futuristic .gameNav .gpi a {
	background: url(../infini/provider/gpi-game-front.gif) no-repeat;
	background-size: 125%;
	background-position: center 5px;
}
.futuristic .gameNav .sbo a {
	background-position: center -491px;
}
.futuristic .gameNav .wm a {
	background-position: center -652px;
}
.futuristic .gameNav .cmd a {
	background-position: center -750px;
}
.futuristic .gameNav .awc a {
	background-position: center -855px;
}
.futuristic .gameNav .bbn a {
	background-position: center -1115px;
}
/*.futuristic .gameNav .bbn a{background:url(../infini/provider/bbn-game-front.gif) no-repeat;background-size:98%}*/
/*.futuristic .gameNav .sbc a{background-position:center -1380px}*/
.futuristic .gameNav .sbc a {
	background: url(../infini/provider/sbc-game-front.gif) no-repeat;
	background-size: 120%;
	background-position: center 4px;
}
/*.futuristic .gameNav .pgs a{background-position:center -1479px}*/
.futuristic .gameNav .pgs a {
	background: url(../infini/provider/pgs-game-front.gif) no-repeat;
	background-size: 100%;
	background-position: center 10px;
}
.futuristic .gameNav .ori a {
	background-position: center -1020px;
}
.futuristic .gameNav .pst a {
	background-position: center -1292px;
}
.futuristic .gameNav .ttg a {
	background-position: center -1477px;
}
.futuristic .gameNav .cqn a {
	background-position: center -1562px;
}
.futuristic .gameNav .bbp a {
	background-position: center -1657px;
}
/*.futuristic .gameNav .bbp a{background:url(../infini/provider/bbp-game-front.gif) no-repeat;background-size:98%}*/
.futuristic .gameNav .bgg a {
	background-position: center -1757px;
}
.futuristic .gameNav .sll a {
	background-position: center -1864px;
}
.futuristic .gameNav .blk a {
	background-position: center -1955px;
}
.futuristic .gameNav .bng a {
	background-position: center -2050px;
}
/*.futuristic .gameNav .bng a{background:url(../infini/provider/bng-game-front.gif) no-repeat;background-size:100%;background-position:top center}*/
.futuristic .gameNav .mcg a {
	background-position: center -2141px;
}
.futuristic .gameNav .prt a {
	background-position: center -2234px;
}
/*.futuristic .gameNav .prt a{background:url(../infini/provider/prt-game-front.gif) no-repeat;background-size:120%;background-position:center -3px}*/
.futuristic .gameNav .sba a {
	background-position: center -2333px;
}
.futuristic .gameNav .mmg a {
	background-position: center -2435px;
}
.futuristic .gameNav .nbb a {
	background-position: center -1114px;
}
.futuristic .gameNav .ifd a {
	background-position: center -2534px;
}
.futuristic .gameNav .ygg a,
.futuristic .gameNav .fch a {
	background-size: 106%;
}
.futuristic .gameNav .ygg a {
	background-position: center -2872px;
}
.futuristic .gameNav .fch a {
	background-position: center -2966px;
}
/*.futuristic .gameNav .prk a{background-position:center -2772px}*/
.futuristic .gameNav .prk a {
	background: url(../infini/provider/prk-game-front.png) no-repeat;
	background-position: center -8px;
	background-size: 85%;
}
.futuristic .gameNav .adv a {
	background-position: center -2898px;
}
/*.futuristic .gameNav .adv a{
	background:url(../infini/provider/adv-game-front.webp) no-repeat;
	background-size:80%;
	background-position:center -3px
}*/
.futuristic .gameNav .jli a {
	background-position: center -3018px;
}
/*.futuristic .gameNav .jli a{
	background:url(../infini/provider/jli-game-front.gif) no-repeat;
	background-size:80%;
	background-position:center 8px;
}*/
/*.futuristic .gameNav .evo a{background-position:center -3124px}*/
.futuristic .gameNav .evo a {
	background: url(../infini/provider/evo-game-front.png) no-repeat;
	background-position: center 13px;
	background-size: 95%;
}
.futuristic .gameNav .bpt a {
	background-position: center -3223px;
}
.futuristic .gameNav .dgs a {
	background-position: center -3338px;
}
.futuristic .gameNav .sng a {
	background: url(../infini/provider/sng-game-front.png) no-repeat;
}
.futuristic .gameNav .ddo a {
	background-size: 80%;
	background-position: center -2760px;
}
.futuristic .gameNav .ptg a {
	background-size: 80%;
	background-position: center -2851px;
}
/*.futuristic .gameNav .ptg a{
	background:url(../infini/provider/ptg-game-front.gif) no-repeat;
	background-size:100%;
	background-position:center -3px
}*/
.futuristic .gameNav .afb a {
	background-size: 90%;
	background-position: center -3318px;
}
.futuristic .gameNav .wsl a {
	background-position: center -3804px;
}
.futuristic .gameNav .hsg a {
	background-size: 100%;
	background-position: center -3924px;
}
.futuristic .gameNav .mll a {
	background-position: center -4063px;
}
.futuristic .gameNav .plk a {
	background: url(../infini/provider/plk-game-front.webp) no-repeat;
	background-size: contain;
	background-position: center -3px;
}
.futuristic .gameNav .ftp a {
	background: url(../infini/provider/all/ftp.webp) no-repeat;
	background-size: 75%;
	background-position: center -18px;
	width: 120px;
	height: 80px;
}

.futuristic .gameNav .fvg a {
	background: url(../infini/provider/fvg-game-front.png) no-repeat;
	background-size: 100%;
	background-position: center 10px;
	width: 120px;
	height: 80px;
}
.futuristic .gameNav .ggs a {
	background: url(../infini/provider/ggs-game-front.gif) no-repeat;
	background-size: 100%;
	background-position: top center;
	width: 120px;
	height: 80px;
}
.futuristic .gameNav .sag a {
	background: url(../infini/provider/sag-game-front.webp) no-repeat;
	background-position: center -13px;
	filter: drop-shadow(0px 0 1px black);
}
/*.futuristic .gameNav .png a{background-position:center -9999px}
.futuristic .gameNav .csg a{background-position:center -9999px}*/
.filter-wrapper {
	background: #fff;
	padding: 16px;
	border-radius: 8px;
	box-shadow: #cad3e1 0 1px 4px 0;
	margin-bottom: 20px;
}
.filter-tools > div {
	margin-bottom: 6px;
}
.filter-tools > div:last-child {
	margin-bottom: 0;
}
.filter-tools a {
	-webkit-box-align: center;
	align-items: center;
	background-color: #fff;
	color: rgba(49, 53, 59, 0.68);
	display: inline-flex;
	font-size: 0.875rem;
	height: 30px;
	line-height: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-radius: 10px;
	border: 1px solid #e5e7e9;
	overflow: hidden;
	padding: 0 12px;
	transition: all 0.2s ease-in-out 0s;
}
.filter-tools a.selected,
.filter-tools a:hover {
	background-color: #ebffef;
	color: #eb6a48;
	border-color: #4fd15a;
}
.filter-tools a:hover {
	text-decoration: none;
}
.filter-tools .owl-nav {
	display: none;
	position: absolute;
	z-index: -1;
	margin-top: 0;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.filter-tools .owl-carousel {
	padding-left: 150px;
}
.filter-tools .owl-carousel .owl-nav button {
	width: 30px;
	height: 100%;
	font-size: 1.6rem;
	background: #fff;
	opacity: 1;
	border-radius: 50%;
	color: rgba(49, 53, 59, 0.68);
	margin: 0;
	cursor: pointer;
	border: 1px solid #e5e7e9;
}
.filter-tools .owl-nav button.owl-next,
.filter-tools .owl-nav button.owl-prev,
.filter-tools .owl-nav span {
	position: relative;
}
.filter-tools .owl-nav button.owl-prev {
	float: left;
}
.filter-tools .owl-nav button.owl-next {
	float: right;
}
.filter-tools .owl-nav button[class^="owl-"]:not(.disabled) {
	background: #869791;
	color: #fff;
	text-decoration: none;
}
.filter-tools .owl-nav span {
	top: -7px;
}
.filter-tools .scroll-active > .owl-carousel {
	position: relative;
	padding: 0 40px;
}
.filter-tools .scroll-active .owl-nav {
	display: block;
}
.filter-tools .owl-item.active:last-child,
.filter-tools .owl-item:last-child {
	margin-right: 0 !important;
}
.filter-title {
	margin-bottom: 10px;
	color: #000;
	font-weight: 800;
	font-size: 1rem;
}
.filter-label {
	float: left;
	font-size: 0.875rem;
	color: #000;
	margin-bottom: 0;
	line-height: 2.2;
}
.list-empty {
	font-size: 1rem;
}
.favorite-provider-outer {
	position: relative;
}
.provider-area {
	margin: 30px 0 0 0;
	padding: 0;
	cursor: default;
	position: relative;
	display: block;
}
.provider-area .row {
	margin-left: -10px;
	margin-right: -10px;
}

/* Favorite Sub Heading */
.favorite-heading {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	flex-flow: row;
	-webkit-box-align: baseline;
	align-items: baseline;
	margin-bottom: 10px;
}
.favorite-heading .title {
	width: 120px;
	height: 50px;
	border-bottom: none;
	margin-bottom: 0;
	background: url(../infini/images/common/game-front-provider.png) no-repeat;
	background-position: center -3px;
	background-size: 100%;
}
/*.favorite-heading .title.isin4d{background-position:center -243px}*/
/*.favorite-heading .title.skw{background-position:center -643px}
.favorite-heading .title.gpk,.favorite-heading .title.gpoker{background-position:center -803px}
.favorite-heading .title.agl{background-position:center -883px}
.favorite-heading .title.tk1{background-position:center -963px}*/
.favorite-heading .title:before {
	content: unset;
	padding-left: 0;
}
.favorite-heading .title.hb {
	background-position: center -82px;
}
.favorite-heading .title.spd {
	background-position: center -162px;
}
.favorite-heading .title.plt,
.favorite-heading .title.ptc {
	background-position: center -242px;
}
.favorite-heading .title.jkr {
	background-position: center -322px;
}
.favorite-heading .title.gpi {
	background-position: center -402px;
}
.favorite-heading .title.sbo {
	background-position: center -482px;
}
.favorite-heading .title.wm {
	background-position: center -650px;
}
.favorite-heading .title.cmd {
	background-position: center -748px;
}
.favorite-heading .title.awc {
	background-position: center -855px;
}
.favorite-heading .title.ori {
	background-position: center -1022px;
}
.favorite-heading .title.bbn,
.favorite-heading .title.nbb {
	background-position: center -1114px;
}
.favorite-heading .title.pgs {
	background-position: center -1202px;
}
.favorite-heading .title.pst {
	background-position: center -1288px;
}
.favorite-heading .title.sbc {
	background-position: center -1380px;
}
.favorite-heading .title.ttg {
	background-position: center -1472px;
}
.favorite-heading .title.cqn {
	background-position: center -1558px;
}
.favorite-heading .title.bbp {
	background-position: center -1660px;
}
.favorite-heading .title.bgg {
	background-position: center -1758px;
}
.favorite-heading .title.sll {
	background-position: center -1862px;
}
.favorite-heading .title.blk {
	background-position: center -1950px;
}
.favorite-heading .title.bng {
	background-position: center -2048px;
}
.favorite-heading .title.mcg {
	background-position: center -2136px;
}
.favorite-heading .title.prt {
	background-position: center -2234px;
}
.favorite-heading .title.sba {
	background-position: center -2332px;
}
.favorite-heading .title.mmg {
	background-position: center -2434px;
}
.favorite-heading .title.ifd {
	background-position: center -2530px;
}
.favorite-heading .title.prk,
.favorite-heading .title.ygg,
.favorite-heading .title.fch {
	background-size: 110%;
}
.favorite-heading .title.prk {
	background-position: center -2880px;
}
.favorite-heading .title.ygg {
	background-position: center -2978px;
}
.favorite-heading .title.fch {
	background-position: center -3076px;
}
.favorite-heading .title.adv {
	background-position: center -2898px;
}
.favorite-heading .title.jli {
	background-position: center -3015px;
}
.favorite-heading .title.evo {
	background: url(../infini/provider/evo-game-front.png) no-repeat;
	background-position: center 12px;
}
.favorite-heading .title.bpt {
	background-position: center -3223px;
}
.favorite-heading .title.dgs {
	background-position: center -3334px;
}
.favorite-heading .title.sng {
	background: url(../infini/provider/sng-game-front.png) no-repeat;
}
.favorite-heading .title.ddo {
	background-position: left -2758px;
	background-size: 80%;
}
.favorite-heading .title.ptg {
	background-position: left -2850px;
	background-size: 80%;
}
.favorite-heading .title.afb {
	background-position: left -2944px;
	background-size: 80%;
}
.favorite-heading .title.wsl {
	background-position: center -3658px;
}
.favorite-heading .title.hsg {
	background-position: center -3918px;
}
.favorite-heading .title.mll {
	background-position: center -4056px;
}
.favorite-heading .title.plk {
	background: url(../infini/provider/plk-game-front.webp) no-repeat;
	background-size: 100%;
	background-position: 0 8px;
}
.favorite-heading .title.ftp {
	background: url(../infini/provider/all/white/ftp.webp) no-repeat;
	background-size: 90%;
	background-position: 0;
	filter: drop-shadow(1px 2px 4px black);
}

.favorite-heading .title.fvg {
	background: url(../infini/provider/fvg-game-front.png) no-repeat;
	background-size: 100%;
	background-position: 0;
	filter: drop-shadow(1px 2px 1px black);
}
.favorite-heading .title.ggs {
	background: url(../infini/provider/ggs-game-front.gif) no-repeat;
	background-size: 100%;
	background-position: 0;
}
.favorite-heading .title.sag {
	background: url(../infini/provider/sag-game-front.webp) no-repeat;
	background-size: 100%;
	background-position: 0;
	filter: drop-shadow(0px 0px 1px black);
}
/*.favorite-heading .title.png{background-position:center -9999px}
.favorite-heading .title.csg{background-position:center -9999px}*/

.hidden {
	display: none;
}
.datepicker td,
.datepicker th {
	padding: 3px 7px;
}

/* QRIS and Virtual Account */
.mb-16 {
	margin-bottom: 16px;
}
.p-16 {
	padding: 16px;
}
.payment-wrapper {
	position: relative;
	display: block;
	width: 355px;
}
.payment-cardbox {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	border-radius: 8px;
	box-shadow: rgb(49 53 59 / 12%) 0 1px 6px 0;
	overflow: hidden;
	background-color: white;
}
.payment-card-header {
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	padding: 12px 16px;
	min-height: 48px;
	border-bottom: 1px solid rgb(237, 237, 237);
}
.payment-title {
	color: rgba(49, 53, 59, 0.96);
	font-size: 14px;
	font-weight: 600;
}
.payment-title:not(div) {
	font-size: inherit;
}
.payment-instruction-list {
	margin: 0;
	list-style: none;
	padding-left: 0;
}
.payment-instruction-list li::before {
	content: "\2022";
	color: black;
	font-weight: bold;
	display: inline-block;
	width: 1.6em;
	margin-left: -1.6em;
}
.payment-instruction-list li {
	padding-left: 20px;
	position: relative;
	line-height: 18px;
	font-size: 12px;
	color: rgba(49, 53, 59, 0.68);
	margin-bottom: 8px;
	text-transform: unset !important;
}
.payment-instruction-list li:last-child {
	margin-bottom: 15px;
}
.payment-instruction-list .bold {
	color: black;
	font-weight: bolder;
}
.payment-bank-logo {
	white-space: nowrap;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}
.payment-bank-logo > div {
	background: url(../infini/images/common/bank.png) no-repeat;
	background-size: 160%;
	width: 100px;
	height: 18px;
}
.payment-bank-logo > .bca,
.payment-bank-logo > .vabca {
	background-position: 40px -2px;
}
.payment-bank-logo > .permata,
.payment-bank-logo > .vapermata {
	background-position: 30px -28px;
}
.payment-bank-logo > .mandiri,
.payment-bank-logo > .vamandiri {
	background-position: 36px -53px;
}
.payment-bank-logo > .bni,
.payment-bank-logo > .vabni {
	background-position: 42px -84px;
}
.payment-bank-logo > .bri,
.payment-bank-logo > .vabri {
	background-position: 36px -160px;
}
.payment-bank-logo > .qris {
	background-size: 150%;
	background-position: 38px -508px;
}
.payment-bank-logo > .dana {
	background-size: 170%;
	background-position: 35px -306px;
}
.payment-bank-logo > .gopay {
	background-size: 170%;
	background-position: 35px -229px;
	filter: drop-shadow(1px 1px 1px black);
}
.payment-bank-logo > .ovo {
	background-size: 170%;
	background-position: 35px -199px;
}
.qris-dp-note {
	color: red;
	font-weight: 700;
}

.accordionItem {
	float: left;
	display: block;
	width: 100%;
	font-size: 0.875rem;
}
.accordionItemHeading {
	cursor: pointer;
	color: #000;
	width: 100%;
	padding: 12px 10px;
	border-bottom: 1px solid #ccc;
	font-weight: 700;
}
.w-accordion-menu:last-child .accordionItemHeading {
	border-bottom: 0;
}
.close .accordionItemContent {
	height: 0px;
	-webkit-transform: scaleY(0);
	-o-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	float: left;
	display: block;
}
.open .accordionItemContent {
	padding: 10px 0 0 0;
	width: 100%;
	margin: 0px 0px 20px 0px;
	display: block;
}
.accordionItemContent li::before {
	display: inline-block;
	width: 1.6em;
	margin-left: -1.6em;
}
.accordionItemContent li {
	padding-left: 0;
	position: relative;
	line-height: 1.8;
	font-size: 0.875rem;
	color: rgba(49, 53, 59, 0.68);
}
.accordionItemContent li:last-child {
	margin-bottom: 20px;
}

/* Outstanding Payment for VQ and QRIS */
.finish-payment-wrapper {
	width: 100%;
	max-width: 600px;
	padding: 20px;
	background-color: white;
	border-radius: 20px;
	display: table;
	filter: drop-shadow(0px 2px 6px grey);
}
.finish-payment-wrapper img,
.finish-payment-wrapper .qr-img {
	width: 250px;
	margin: 0 auto;
	margin-top: 0.5rem;
}
.outstanding-date {
	padding: 1rem;
	padding-top: 0;
	text-align: center;
	font-size: 0.875rem;
}
.please-pay-to {
	font-weight: 800;
	color: rgba(49, 53, 59, 0.96);
}
.countdown-timer {
	display: block;
	position: relative;
	line-height: 20px;
	text-decoration: initial;
	color: var(--Y500, #fa591d);
	font-weight: 800;
	margin: 8px 0px;
	font-size: 1.14725rem;
}
.due-date-payment {
	display: block;
	position: relative;
	font-weight: 400;
	line-height: 20px;
	color: var(--color-text-low, rgba(49, 53, 59, 0.68));
	text-decoration: initial;
	margin: 0px 0px 8px;
}
.due-date {
	display: block;
	position: relative;
	line-height: 20px;
	color: var(--color-text-high, rgba(49, 53, 59, 0.96));
	text-decoration: initial;
	margin: 0px;

	font-weight: 800;
}
.otd-acc-detail {
	border: 1px solid var(--N75, #e5e7e9);
	border-radius: 8px;
}
.otd-acc-detail .payment-bank-logo > div {
	background-size: 260%;
}
.otd-acc-detail .payment-bank-logo > .bca,
.otd-acc-detail .payment-bank-logo > .vabca {
	background-position: 1px -2px;
}
.otd-acc-detail .payment-bank-logo > .bni,
.otd-acc-detail .payment-bank-logo > .vabni {
	background-position: 3px -87px;
}
.otd-acc-detail .payment-bank-logo > .bri,
.otd-acc-detail .payment-bank-logo > .vabri {
	background-size: 300%;
	background-position: -13px -194px;
}
.otd-acc-detail .payment-bank-logo > .mandiri,
.otd-acc-detail .payment-bank-logo > .vamandiri {
	background-position: -3px -55px;
}
.otd-acc-detail .payment-bank-logo > .permata,
.otd-acc-detail .payment-bank-logo > .vapermata {
	background-position: -8px -30px;
}
.otd-acc-detail .payment-bank-logo > .qris {
	background-size: 200%;
	background-position: 12px -432px;
}
.otd-acc-detail .payment-bank-logo > .dana {
	background-size: 300%;
	background-position: -11px -348px;
}
.otd-acc-detail .payment-bank-logo > .gopay {
	background-position: 2px -225px;
	filter: drop-shadow(1px 1px 1px black);
}
.otd-acc-detail .payment-bank-logo > .ovo {
	background-position: 2px -196px;
}
.bank-name-row,
.row-2 {
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	border-bottom: 0.5px solid rgb(232, 232, 232);
}
.bank-name-row {
	padding: 1rem;
}
.bank-name {
	font-weight: bold;
	color: rgba(49, 53, 59, 0.96);
	text-transform: uppercase;
}
.css-vhe8zj {
	max-width: 64px;
	max-height: 40px;
	vertical-align: middle;
}
.detail-amount {
	padding: 8px 16px;
}
.row-amount {
	padding: 8px 0;
	border-bottom: 1px solid #ccc;
}
.row-amount:last-child {
	border-bottom: none;
}
.row-title {
	font-size: 0.8rem;
	color: #777;
	display: inline;
}
.row-content {
	display: inline;
	-webkit-box-pack: justify;
	justify-content: end;
	-webkit-box-align: center;
	align-items: center;
}
.css-1h9cifw {
	font-weight: 800;
	color: rgba(49, 53, 59, 0.96);
	display: inline;
}
.copy-code {
	color: var(--G500, #eb6a48);
	cursor: pointer;
	font-weight: 800;
	display: inline;
	margin-right: 10px;
}
.has-amt:before {
	content: "Rp. ";
}
.css-158s7cq {
	display: inline;
	float: right;
	font-weight: 800;
	color: rgba(49, 53, 59, 0.96);
}
.action-btn-wrapper {
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	padding: 32px 0px 40px;
}
.qr-download-instruction {
	font-size: 0.875rem;
	color: #000;
}
/*.action-btn-wrapper button:first-child {
	margin-right: 16px;
}*/
.action-btn-wrapper button:hover {
	background-color: unset;
}
.action-btn-wrapper button:not(.otd-confirm-btn):hover {
	background-color: #eb6a48;
}
.otd-confirm-btn {
	width: 100%;
	height: 40px;
	color: var(--G500, #eb6a48);
	font-weight: 700;
	font-size: 1rem;
	line-height: 20px;
	text-indent: initial;
	background-color: transparent;
	border: 1px solid var(--G500, #eb6a48);
	border-radius: 8px;
	display: block;
	outline: none;
	cursor: pointer;
	position: relative;
	padding: 0px 16px;
	transition: background-color 300ms ease 0s;
}
.otd-confirm-btn span {
	font-size: inherit;
	text-overflow: ellipsis;
	white-space: nowrap;
	opacity: 1;
	display: block;
	overflow: hidden;
	position: relative;
	top: 0px;
	transition: opacity 300ms linear 0s, top 300ms linear 0s;
}
.otd-confirm-btn::after {
	content: "";
	background-color: rgb(49, 53, 59);
	opacity: 0;
	inset: 0px;
	border-radius: inherit;
	position: absolute;
	transition: opacity 300ms ease 0s;
	pointer-events: none;
}
.otd-reject-btn {
	width: 100%;
	height: 40px;
	color: rgb(255, 255, 255);

	font-weight: 700;
	font-size: 1rem;
	line-height: 20px;
	text-indent: initial;
	background-color: var(--G500, #eb6a48);
	border: none;
	border-radius: 8px;
	display: block;
	outline: none;
	cursor: pointer;
	position: relative;
	padding: 0px 16px;
	transition: background-color 300ms ease 0s;
}
.otd-reject-btn span {
	font-size: inherit;
	text-overflow: ellipsis;
	white-space: nowrap;
	opacity: 1;
	display: block;
	overflow: hidden;
	position: relative;
	top: 0px;
	transition: opacity 300ms linear 0s, top 300ms linear 0s;
}
.otd-reject-btn::after {
	content: "";
	background-color: rgb(49, 53, 59);
	opacity: 0;
	inset: 0px;
	border-radius: inherit;
	position: absolute;
	transition: opacity 300ms ease 0s;
	pointer-events: none;
}
.how-to-pay {
	font-weight: 800;
	margin: 16px 0 0 0;
	color: #777;
	text-align: center;
}
.payment-steps .w-accordion-menu {
	border: none;
}
.w-accordion-menu {
	padding: 10px;
	color: #777;
	border: 1px solid #ddd;
}
.pull-right {
	float: right;
}
.payment-steps .w-accordion-content {
	border-top: none;
	border-right: none;
	border-left: none;
	border-image: initial;
	border-bottom: 1px solid var(--N75, #e5e7e9);
	padding-bottom: 16px;
	margin-bottom: 16px;
}
.w-accordion-content li {
	color: #777;
}

/* New Popover Balance */
.row-3 {
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.balance-wrapper .row-3 {
	width: 100%;
	padding-right: 10px;
}
.balance-wrapper.card {
	background-color: unset;
}
.balance-wrapper [class^="card-"] {
	padding: 0.5rem;
}
.balance-wrapper .css-vhe8zj {
	max-width: 84px;
}
.balance-wrapper .card-footer > .row-2 {
	border-bottom: unset;
}
.balance-wrapper .card-footer > .row-2:first-child {
	border-top: 0.5px solid rgb(232, 232, 232);
	height: 30px;
}
.balance-wrapper .bttn-calibrate {
	max-width: 230px;
	margin: 0 auto;
}
/*.balance-box{width:300px}
.balance-box>.row-2{border-bottom:unset}*/
.balance-pv-item {
	display: flex;
	flex-wrap: wrap;
	width: 50%;
	padding: 0 1rem;
}
.column-divider {
	flex: 1 0 50%;
	box-sizing: border-box;
}

/* Rewards & Points */
.btn-rewards {
	position: relative;
}

/* Keyframes for the blinking effect */
@keyframes blinker {
	50% {
		opacity: 0;
	}
}
@keyframes blink-animation {
	0% {
		background-color: #ff0000; /* Bright red */
	}
	50% {
		background-color: transparent; /* Bright green */
	}
	100% {
		background-color: #ff0000; /* Bright red */
	}
}
.blink {
	animation: blinker 0.75s linear infinite;
}
.blinking-background {
	display: flex;
	align-items: center;
	justify-content: center;
	animation: blink-animation 2s infinite; /* Faster blink */
}

/* Pool Number Styling */
@font-face {
	font-family: BebasNeue;
	src: url("../fonts/bebas-neue/BebasNeue-Regular.ttf") format("truetype");
}
#mdlPoolCode {
	display: block;
	font-size: 1.5rem;
	text-align: justify;
}
.pool-result-wrapper {
	margin: 0 auto;
	padding: 1.5rem 0 0.5rem;
}
.pool-list-results {
	font-family: "BebasNeue";
	max-width: 1000px;
	margin: 0 auto;
}
.pool-list-results .owl-stage {
	margin: 0 auto;
	display: flex;
	justify-content: space-evenly;
}
.pull-head {
	font-size: 15px;
	border-radius: 10px 10px 0 0;
	border: #817e76 3px solid;
	border-bottom: 0;
	background-color: #1e1709;
	color: #fff;
	letter-spacing: 1px;
}
.pull-body {
	font-size: 3rem;
	font-weight: 400;
	letter-spacing: 0;
	background-color: #1e1709;
	border: #817e76 3px solid;
	border-top: 0;
	border-bottom: 0;
	color: #fff;
	letter-spacing: 1px;
}
.pull-foot {
	font-size: 15px;
	background: linear-gradient(
		to bottom,
		var(--navbar-bg-gradient-start),
		var(--navbar-bg-gradient-start),
		var(--navbar-bg-gradient-start),
		var(--navbar-bg-gradient-mid),
		var(--navbar-bg-gradient-mid),
		var(--navbar-bg-gradient-mid),
		var(--navbar-bg-gradient-end),
		var(--navbar-bg-gradient-end),
		var(--navbar-bg-gradient-end)
	);
	color:white !important;
	border: #817e76 3px solid;
	border-top: 0;
	border-radius: 0 0 10px 10px;
	height: 30px;
	line-height: 30px;
}
a.box-pull {
	text-decoration: none;
}
a.box-pull:hover {
	color: #ececec;
}
.pool-table-result {
	font-size: 0.9rem;
}
.px-xxl-1 {
	padding-right: 0.25rem !important;
	padding-left: 0.25rem !important;
}
/* Search Game Name */
.search-game-name {
	padding-left: 1rem;
}

/* Affiliate System */
.affiliate .form-group label {
	line-height: unset;
}
.kyc-migration-notification {
	padding: 1.5rem;
}
.kyc-migration-notification > p {
	line-height: 1.5;
}
.kyc-migration-notification .btn-warning,
.kyc-migration-notification .btn-warning:hover {
	background-color: var(--navbar-bg-gradient-start);
}

.affiliate-modal {
	font-size: 0.875rem;
}
.affiliate-modal .close,
.affiliate-modal .close:hover {
	color: #000;
}
.affiliate-modal .modal-content [class^="modal-"] {
	background-color: white;
}
#tncModal .form-check-label {
	line-height: unset;
	font-weight: normal;
}
.img-requirement-list,
.tnc-list {
	padding-left: 15px;
}
.img-requirement-list li:marker,
.tnc-list li:marker {
	text-indent: 12px;
}
.affiliate,
.affiliate-modal .modal-title {
	color: #000;
}
.affiliate,
.affiliate-modal .modal-body {
	font-size: 1rem;
}
.affiliate-modal .card-title {
	margin-bottom: 0;
}
.affiliate .form-control.phone-number {
	margin-bottom: unset !important;
	font-size: 1rem !important;
	line-height: unset !important;
	height: auto !important;
}
.affiliate .btn-primary,
.affiliate .btn-primary:hover {
	background-color: #007bff;
}
.affiliate .card-footer > .btn {
	border: unset;
	color: #fff;
}
.affiliate .card-footer > .btn:disabled {
	cursor: not-allowed;
}

.btn-wa {
	background-color: #2ab318;
}
.btn-telegram {
	background: linear-gradient(180deg, #28a8e9, #23a0dd);
}
.btn-sms {
	color: black;
}

/* ASF logo */
.asf-logo {
	background: url(../infini/images/common/asf-main.png) no-repeat;
	width: 155px;
	height: 60px;
	margin: 1rem auto;
	background-size: 155px;
}

/* OTP Code */
.affiliate-modal .form-group .otp-code {
	font-size: 1.5rem;
	height: calc(2.875rem + 2px);
	line-height: 1.5;
	color: #000;
	font-weight: bold;
	letter-spacing: 5px;
	padding: 0.5rem 1rem;
	border-radius: 0.3rem;
}
.affiliate-modal .form-control.is-invalid {
	border-color: #dc3545;
}

.popup-body .affiliate-modal button.close:hover {
	background-color: unset;
}
.popup-body .affiliate-modal .form-group .otp-code {
	font-size: 1.5rem !important;
	height: calc(2.875rem + 2px) !important;
	line-height: 1.5 !important;
	color: #000 !important;
	width: 100% !important;
}
.popup-body .affiliate-modal button.close:hover {
	background-color: unset;
}
.popup-body .affiliate-modal .btn.btn-success {
	background-color: #28a745 !important;
}
.popup-body .affiliate-modal .bd-callout span {
	color: inherit;
}

/* Homepage Widget */
.widgets {
	padding: 1rem;
}
.widget-tab .nav-tabs {
	margin-bottom: 20px;
	border-bottom: 0;
}
.widget-tab .nav-tabs > li {
	float: none;
	display: inline;
}
.widget-tab .nav-tabs li {
	margin-right: 15px;
}
.widget-tab .nav-tabs li:last-child {
	margin-right: 0;
}
.widget-tab .nav-tabs {
	position: relative;
	z-index: 1;
	display: inline-block;
}
.widget-tab .nav-tabs:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #fff;
	z-index: -1;
}
.widget-tab .nav-tabs > li a {
	display: inline-block;
	background-color: #fff;
	border: none;
	border-radius: 30px;
	font-size: 14px;
	color: #000;
	padding: 5px 30px;
}

.widget-tab .nav-tabs > li > a.active,
.widget-tab .nav-tabs > li a.active > :focus,
.widget-tab .nav-tabs > li > a.active:hover,
.widget-tab .nav-tabs > li > a:hover {
	border: none;
	background-color: #d7d7d7;
	background-image: linear-gradient(147deg, #d7d7d7 0%, #353535 74%);
	color: #fff;
}

.widget-carousel .owl-stage {
	margin: 0 auto;
}
.widget-carousel .card {
	border: none;
	border-radius: 0.5rem;
}

.widget-carousel .card .figure-text > p {
	color: #fff;
}
[data-mobile="false"] .widget-carousel .card .figure-text > p {
	margin-top: 10px;
	margin-bottom: 5px;
}
.widget-carousel .card-body {
	padding: 0;
}

.myback-img {
	display: flex;
	justify-content: center;
	height: 180px;
	overflow: hidden;
	object-fit: cover;
	border-radius: 0.25rem;
	background-size: cover;
	background-position: center;
	border-radius: 0.5rem;
}

.game-overlay {
	border-radius: 0.5rem;
	position: absolute;
	background: -webkit-linear-gradient(
		top,
		transparent 80%,
		rgba(0, 0, 0, 0.6) 75%
	);
	/* background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.32) 100%); */
	height: 100%;
	width: 100%;
	top: 0;
}

.avatar-provider > .icon {
	width: 100%;
	height: 100%;
	border-radius: 100%;
		background-image: url(https://cdn.robotaset.com/assets/images/common/toto/simplified-logo.png);
	background-size: 360px;
	background-position: -80px 0;
}

.avatar-provider > .icon.pgr {
	background-position: -200px 0;
}
.avatar-provider > .icon.hb {
	background-position: -320px 0;
}
.avatar-provider > .icon.plt,
.avatar-provider > .icon.ptc {
	background-position: -80px -40px;
}
.avatar-provider > .icon.gpi {
	background-position: -200px -40px;
}
.avatar-provider > .icon.wm {
	background-position: -320px -40px;
}
.avatar-provider > .icon.spd {
	background-position: -80px -80px;
}
.avatar-provider > .icon.sbo {
	background-position: -200px -80px;
}
.avatar-provider > .icon.jkr {
	background-position: -320px -80px;
}
.avatar-provider > .icon.cmd {
	background-position: -80px -120px;
}
.avatar-provider > .icon.awc {
	background-position: -200px -120px;
}
.avatar-provider > .icon.pgs {
	background-position: -320px -120px;
}
.avatar-provider > .icon.sbc {
	background-position: -80px -160px;
}
.avatar-provider > .icon.nbb,
.avatar-provider > .icon.bbn {
	background-position: -200px -160px;
}
.avatar-provider > .icon.pst {
	background-position: -320px -160px;
}
.avatar-provider > .icon.ori {
	background-position: -80px -200px;
}
.avatar-provider > .icon.cqn {
	background-position: -200px -200px;
}
.avatar-provider > .icon.ttg {
	background-position: -320px -200px;
}
.avatar-provider > .icon.bgg {
	background-position: -80px -240px;
}
.avatar-provider > .icon.sll {
	background-position: -200px -240px;
}
.avatar-provider > .icon.mcg {
	background-position: -320px -240px;
}
.avatar-provider > .icon.bng {
	background-position: -80px -280px;
}
.avatar-provider > .icon.blk {
	background-position: -200px -280px;
}
.avatar-provider > .icon.prt {
	background-position: -320px -280px;
}
.avatar-provider > .icon.sba {
	background-position: -80px -320px;
}
.avatar-provider > .icon.mmg {
	background-position: -200px -320px;
}
.avatar-provider > .icon.ifd {
	background-position: -320px -320px;
}
.avatar-provider > .icon.ygg {
	background-position: -80px -360px;
}
.avatar-provider > .icon.fch {
	background-position: -200px -360px;
}
.avatar-provider > .icon.adv {
	background-position: -320px -360px;
}
.avatar-provider > .icon.jli {
	background-position: -80px -400px;
}
.avatar-provider > .icon.evo {
	background-position: -200px -400px;
}
.avatar-provider > .icon.bpt {
	background-position: -320px -400px;
}
.avatar-provider > .icon.dgs {
	background-position: -80px -480px;
}
.avatar-provider > .icon.prk {
	background-position: -200px -480px;
}
.avatar-provider > .icon.sng {
	background-position: -320px -480px;
}
.avatar-provider > .icon.ddo {
	background-position: -80px -520px;
}
.avatar-provider > .icon.ptg {
	background-position: -200px -520px;
}
.avatar-provider > .icon.afb {
	background-position: -320px -520px;
}
.avatar-provider > .icon.wsl {
	background-position: -80px -560px;
}
.avatar-provider > .icon.hsg {
	background-position: -120px -560px;
}
.avatar-provider > .icon.mll {
	background-position: -320px -560px;
}
.avatar-provider > .icon.plk {
	background-position: -80px -600px;
}
.avatar-provider > .icon.ftp {
	background-position: -120px -600px;
}
.avatar-provider > .icon.fvg {
	background-position: -320px -600px;
}
.avatar-provider > .icon.ggs {
	background-position: -80px -640px;
}
.avatar-provider > .icon.sag {
	background-position: -200px -640px;
}

.borders {
	position: relative;
	border: 1px solid #fff;
	border-radius: 100%;
	width: 42px;
	height: 42px;
	background-color: rgb(0 0 0 / 60%);
}

.borders:before {
	content: " ";
	position: absolute;
	z-index: -1;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	border-radius: 100%;
}

.game-img {
	position: absolute;
	top: 64%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.game-title {
	text-align: center;
	position: relative;
	top: -39px;
	margin-bottom: -33px;
}

/* Iframe for Payment Gateway HTTP WEB */
.if-payment-gw {
	width: 100%;
	height: 600px;
	border: none;
	overflow: hidden;
}

/*--------------------------------------------------------------
# Social Media on Desktop
--------------------------------------------------------------*/
.socmed-container {
	display: inline-flex;
	align-items: center;
}
.socmed-login-type {
	display: inline-flex;
	margin-right: 0.25rem;
}
.socmed-login-type:last-of-type {
	margin-right: 0;
}
.login-via {
	padding: 0 0.5rem;
}

/*--------------------------------------------------------------
# Linked Social Media on Profile page
--------------------------------------------------------------*/
.social-media-list {
	padding-left: 0;
	padding-right: 0;
	margin-top: 2rem;
}
.socmed-heading {
	color: #222;
}
.social-media-list .card {
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	margin-bottom: 15px;
}
.social-media-list .card-body {
	display: block;
	padding: 15px;
}
.social-media-list .logo {
	width: 24px;
	height: 24px;
	margin-right: 1rem;
	margin-top: 0.2rem;
	transform: unset;
	margin-left: unset;
}
.social-media-list .badge {
	padding: 0.5em 0.75em;
	border-radius: 0.25rem;
	color: #fff;
}
.socmed-name {
	color: #222;
}
.socmed-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
}
.socmed-inner:last-child {
	margin-bottom: 0;
}
.socmed-action-link {
	display: flex;
	width: 100%;
	justify-content: end;
}
.socmed-action-link > i {
	color: #222;
	font-size: 1.25rem;
}
.socmed-action-link > .resync-socmed {
	color: #222;
	cursor: pointer;
}

/*--------------------------------------------------------------
# Leaderboard
--------------------------------------------------------------*/
.card-leaderboard {
	color: #fff;
}
.card-leaderboard,
.card-leaderboard .card-header {
	background: #333;
}
.card-leaderboard .card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.card-leaderboard .card-body {
	min-height: 200px;
	max-height: 200px;
	overflow-y: auto;
	padding: 0.75rem 1.25rem;
}
.card-leaderboard .card-body::-webkit-scrollbar {
	width: 8px;
}
.card-leaderboard .card-body {
	scrollbar-width: thin;
	scrollbar-color: #888 transparent;
}
.card-leaderboard .table {
	margin-bottom: 0;
}
.leaderboard-title {
	display: flex;
	margin-bottom: 0;
	align-items: center;
}
.leaderboard-title > .h5 {
	margin-bottom: 0;
}
.leaderboard-title > i {
	color: gold;
	margin-right: 0.5rem;
}
.leaderboard-empty-row {
	height: 145px;
	vertical-align: middle !important;
	text-align: center;
}
#seeMoreLeaderboard[disabled] {
	cursor: not-allowed;
}
#leaderBoardTableOnModal .pvname {
	text-transform: capitalize;
}
/*--------------------------------------------------------------
# Leaderboard Modal
--------------------------------------------------------------*/
#leaderboardModal .modal-body {
	max-height: 80vh;
	overflow-y: auto;
}
/* For WebKit browsers (Chrome, Safari) */
#leaderboardModal .modal-body::-webkit-scrollbar {
	width: 8px;
}
#leaderboardModal .modal-body::-webkit-scrollbar-thumb {
	background-color: #888;
	border-radius: 10px;
}
#leaderboardModal .modal-body::-webkit-scrollbar-thumb:hover {
	background-color: #555;
}
/* For Firefox */
#leaderboardModal .modal-body {
	scrollbar-width: thin;
	scrollbar-color: #888 transparent;
}

.buttonAfterRegister {
	box-shadow: none;
	border: 1px solid #37434c;
	width: 3.5rem;
	height: 34px;
	border-radius: 4px;
	margin: 0 0 0 5px;
	background-color: #105473;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.buttonAfterRegister:hover {
	background-color: #0056b3;
}
.bootstrap-select .dropdown-toggle {
	height: calc(3rem + -9px);
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	background-color: #262626 !important;
	color: white !important;
	border: 1px solid #444 !important;
	border-radius: 4px;
	margin-left: 2.41rem;
}
.bootstrap-select .dropdown-menu.inner {
	display: flex !important;
	flex-direction: column !important;
	max-height: 160px !important;
	overflow-y: auto !important;
}
.bootstrap-select .dropdown-menu {
	background-color: #1a1a1a;
	color: white;
	overflow: visible !important;
}
.bootstrap-select .dropdown-item {
	color: white;
}
.bootstrap-select .dropdown-item:hover {
	background-color: #333;
}
.bootstrap-select .dropdown-menu {
	max-height: 300px;
	overflow-y: auto;
	word-break: break-word;
}
.bootstrap-select .dropdown-menu.inner > li > a {
	white-space: normal !important;
}
.copyText {
	position: absolute;
	right: -4px;
	font-size: 1.3em;
	top: 13px;
	cursor: pointer;
}