label.error { color:#ff0000!important; display:block; padding-top:3px; font-size:11px; font-weight:bold }

.topbar-sub-section i[data-language], .topbar-left-section i[data-language] { background-image:url(../img/flags.png)!important }
.topbar-sub-section [data-icon="live-chat"], .topbar-left-section [data-icon="live-chat"] { background-image:url(../img/svg/live-chat.svg)!important }
.topbar-sub-section [data-icon="mobile"], .topbar-left-section [data-icon="mobile"] { background-image:url(../img/svg/mobile.svg)!important }
.topbar-sub-section [data-icon="android"], .topbar-left-section [data-icon="android"] { background-image:url(../img/svg/android-logo.svg)!important }
.announcement-container [data-icon="news"] { background-image:url(../img/icon/news.png) }
[data-container-background="home"] { background-image:url(../img/bg/home.jpg) }

.popular-game-title-container .title i[data-icon="popular-games"] { background-image:url(../img/icon/popular-games.png) }
.popular-game-title-container .title i[data-icon="new-games"] { background-image:url(../img/icon/new-games.png) }
.popular-game-title-container .title i[data-icon="jackpot-games"] { background-image:url(../img/icon/jackpot-games.png) }

.site-info .site-info-title [data-icon] { background-image:url(../img/icon/icon-sprite.png) }

.download-apk { background-image:url(../img/home/download-apk-background.png) }

.progressive-jackpot { background-image:url(../img/banner/jackpot-background.png) }

.jackpot-wrapper { /*padding:16px;*/ font-family:'Open24DisplaySt'; font-size:148px; letter-spacing:5px }
    .jackpot-wrapper .cons { position:relative }
    .jackpot-wrapper .bbg {  }
    .jackpot-wrapper .bbg img { max-width:100% }
    .jackpot-wrapper .ccon { position:absolute; bottom:13%; width:90%; left:5%; height:46%; display:flex; justify-content:center; align-items:center; gap:12px }
    .jackpot-wrapper .ccon span { color:#02bca2 }
    .jackpot-wrapper .ccon .currency {  }

.promotion-side-menu > a [data-icon] { background-image:url(../img/icon/category-sprite.png) }

.promotion-side-menu > a { padding:15px }

body { padding-top:145px }
.topbar-container {  }
.topbar-inner-container .logo { padding-top:calc((20%*68/300) + 12px*2) }
.topbar-inner-container .logo > img, .topbar-inner-container .logo > picture { margin:0; height:calc(100% - 0px*2) }

.login-panel .login-button, .login-panel .login-button:hover {  }
.login-panel .register-button, .login-panel .register-button:hover  { background:linear-gradient(to right,#02bca2 0%,#039984 100%); color:#ffffff;  }
.login-panel .login-button:hover, .login-panel .register-button:hover { filter:brightness(1.3) }
.login-panel input[type="text"], .login-panel input[type="password"] { border-color:#3d3510 }

.site-header {  }
.top-menu { width:100%; justify-content:end }
.top-menu > li + li::before { background: transparent; }

.login-panel .forgot-password-link:hover, .top-menu > li[data-active="true"], .top-menu > li:hover, .promotion-side-menu > h5
{ color:#02bca2 }

.top-menu .games-container > li, .large-game-list li
{ background:linear-gradient(180deg,rgba(0,0,0,.15) 40%,#02bca2 100%) }
.top-menu .games-container > li > a img, .large-game-list img
{ background:linear-gradient(180deg,rgba(0,0,0,.15) 25%,#53420a 100%) }

.announcement-outer-container {  }

.announcement-container [data-icon="news"], .top-user-info .user-info-item > a img
{ filter:hue-rotate(130deg) }
.announcement-container > [data-section="announcements"] { flex-basis:100% }
.announcement-container > [data-section="date"] { display:none }

[data-container-background="home"], [data-container-background="promotions"]
{  }

.home-inner-container, .promotion-side-menu, .promotion-list 
{  }

.promotion-item .click-for-get-promo-button, .promotion-item .click-for-get-promo-button:hover
{ color:#ffffff; background-color:#c9176b; background-image:linear-gradient(to right,#c9176b 0%,#c9176b 100%) }

.standard-button-group .btn-primary, .standard-reporting-control-group .btn-primary, .deposit-container .reveal-bank-account-button, .large-game-list-container .large-game-list .play-now, .large-game-list-container .large-game-list .play-now:hover, .standard-side-menu a[data-active="true"], .standard-side-menu a:not([data-active="true"]):hover, .play-now, .play-now:hover, .standard-nav-bar a[data-active="true"], .standard-nav-bar a:not([data-active="true"]):hover
{ color:#ffffff; background-color:#02bca2; background-image:none }

.standard-button-group .btn-primary:hover, .standard-reporting-control-group .btn-primary:hover, .deposit-container .reveal-bank-account-button:hover, .standard-side-menu, .standard-form-title, .standard-content-info h2, .deposit-container .real-deposit-amount, .deposit-container .deposit-amount input.form-control, .deposit-container .deposit-amount .currency-suffix
{ color:#02bca2 }

.promotion-item .click-for-get-promo-button:hover 
{ filter:brightness(1.2) }

.promotion-item {  }
.promotion-item .promotion-footer { flex-direction:column; align-items:start; justify-content:start; gap:12px }
.promotion-item .promotion-footer .promotion-label h2 {  }
.promotion-item .promotion-footer div:last-child { width:100%; flex-wrap:nowrap }
.promotion-item .promotion-footer .click-for-get-promo-button, .promotion-item .promotion-footer .click-for-more-info-button { width:100%; text-align:center }

.promotion-item .click-for-more-info-button { color:#02bca2; background-image:linear-gradient(to bottom right,#02bca2,#039984); color:#ffffff }

.promotion-side-menu > a {  }
.promotion-side-menu > a[data-active="true"], .promotion-side-menu > a:hover { border-left-color:#02bca2; background-color:#151515;}
.promotion-item .modal-header { border-bottom:0 }

.modal-header, .promotion-item .modal-header, .register-modal .modal-header, .forgot-password-modal .modal-header
{ color:#ffffff; background-color:#fbd95f; background-image:linear-gradient(to bottom,#02bca2 0%,#039984 100%) }

.game-list .nono { width:100% }
.games-list-container .game-list { display:none }
.games-list-container .game-list.aaa { display:flex }

.standard-profile-bar { background-color:#000000; margin-top:20px; padding:0 }

.aluser-wrap { display:flex; border-radius:6px; background-color:#2d2c2c; padding:12px; gap:12px; margin-bottom:8px; width:100% }
    .aluser-wrap.s2 { padding:4px 12px; width:auto }
    .aluser-wrap .userinfo-wrap { border-right:2px solid #a09b88 }
.userinfo-wrap { display:flex; gap:8px; width:100%; align-items:center }
    .userinfo-wrap .iimg { width:52px; height:52px; border-radius:50%; background-color:#000000 }
    .userinfo-wrap .infos { display:flex; flex-direction:column; gap:0px; justify-content:center }
        .userinfo-wrap .infos h5 { color:#02bca2; font-size:16px; font-weight:bold; margin:0 }
        .userinfo-wrap .infos p { padding:0; margin:0; color:#ffffff; font-size:12px }
.balance-wrap { display:flex; gap:8px; width:100%; align-items:center; justify-content:end }
    .balance-wrap .iimg {  }
        .balance-wrap .iimg img { max-height:40px; filter:hue-rotate(100deg) }
    .balance-wrap .infos { display:flex; flex-direction:column; gap:0px; justify-content:center; color:#ffffff }
        .balance-wrap .infos .title { font-size:10px; }
        .balance-wrap .infos .desc { display:flex; gap:4px; align-items:center }
        .balance-wrap .infos .desc small { font-weight:bold; font-size:10px; }
        .balance-wrap .infos .desc span { color:#02bca2; font-size:16px; font-weight:bold; }

.refresh-container button { border:none; background:none; outline:none; padding:0 }
.refresh-container img { width:18px; height:18px; }
.refresh-container button[data-loading="true"] { pointer-events: none; animation: spin 2s linear infinite }

.referral-field { display:flex; justify-content:center; align-items:center; gap:12px }
    .referral-field label { margin-bottom:0 }
.referral-code-container { border: 1px dashed #02bca2; background-color: #1d1d1d; color: #02bca2; display: block; text-align: center; font-size: 24px; margin-top: 0; margin-left: auto; margin-right: auto; padding: 0 10px; overflow-wrap: break-word; width: fit-content; max-width: 100%; }

.standard-content-info .standard-content-block, .standard-form-content, .standard-side-menu
{ background-color:#000000 }

.standard-form-content .table thead, .standard-reporting-scroll-container .table thead {  }
.standard-form-content .table thead tr th, .standard-reporting-scroll-container .table thead tr th { border-color:#242424 }
.standard-form-content .table tbody, .standard-reporting-scroll-container .table tbody { background-color:#000000 }

.payment-method-selection { gap:0; border:2px solid #f6328f; border-radius:10px; overflow:hidden }
.payment-method-selection.payment-method-selection label { height:100%; margin:0; border:0; border-radius:0; flex-direction:row; justify-content:center; background:linear-gradient(to bottom, #2d2c2c, #2d2c2c); padding:7px }
.payment-method-selection label img { filter:brightness(0) invert(1) }
.payment-method-selection .aaa label { background:linear-gradient(to bottom, #f6328f, #f6328f); color:#ffffff }
.payment-method-selection .aaa label img { filter:brightness(100) saturate(100%) }

.carousel-indicators .active, .carousel-indicators .slick-active { background-color:#02bca2; border-color:#02bca2 }

table.dataTable tbody tr { background-color:transparent!important }
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color:#fff!important }

/*.conbg::before { content:""; background-image:url(../img/bg.png); background-size:cover; background-position:top center; width:100%; height:100%; position:fixed; filter:opacity(.6); z-index:0; left:0 }*/

.promotion-item .modal-body { position:relative; overflow:hidden }
.promotion-item .modal-body::before { content:""; background-image:url(../img/logo-big.png); background-size:contain; background-position:top center; background-repeat:no-repeat; width:100%; height:100%; position:absolute; filter:opacity(.15); z-index:0; right:0%; }

.login-panel .login-panel-item:last-of-type { border-right:0; padding-right:0; margin-right:0 }

.site-contacts .contact-list li a i { background-color:#02bca2 }
.proggress { background:#02bca2 !important  }

.topbar-left-section {
	display: flex;
	flex-wrap: nowrap;
}

.topbar-left-section .topbar-item {
	color: #d5d5d5;
	display: flex;
	justify-content: center;
	align-items: center;
}

.topbar-left-section .topbar-item a, .topbar-left-section .topbar-item .live-chat {
	color: #d5d5d5;
	padding: 5px 10px;
	border-radius: 3px;
	line-height: 1;
	display: flex;
	align-items: center;
}

.topbar-left-section [data-icon] {
	display: inline-block;
	height: 14px;
	width: 14px;
	background: center no-repeat;
	background-size: contain;
	animation-name: topbar-icon-bounce;
	animation-duration: 2.5s;
	animation-fill-mode: both;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	background-image: var(--image-src);
}

.topbar-left-section .topbar-item + .topbar-item {
	border-left: 1px dotted #ccc;
}

.topbar-left-section .topbar-item + .topbar-item {
	border-left-color: #555;
}

.topbar-left-section .language-selector-container {
	position: relative;
	color: #1b1b1b;
	padding: 5px 10px;
}

.topbar-left-section .language-selector-trigger {
	cursor: pointer;
	display: flex;
	align-items: center;
}

.topbar-left-section i[data-language="en"] {
	background-position: -176px -44px;
}

.topbar-left-section i[data-language="id"] {
	background-position: -64px -66px;
}

.topbar-left-section i[data-language] {
	display: inline-block;
	height: 11px;
	width: 16px;
	background-repeat: no-repeat;
	background-image: var(--image-src);
}

.topbar-left-section .language-selector-trigger::after {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top: 5px solid #fff;
	border-bottom: 0;
	margin-left: 5px;
}

.topbar-left-section .language-selector li {
	background-color: #ffffff;
	padding: 7px 10px;
	white-space: nowrap;
	margin: 2px 0;
	display: flex;
	gap: 10px;
	align-items: center;
}

.topbar-left-section .language-selector li:hover {
	background-color: #02bca2;
	color: #fff;
}

.site-header-inner-container {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-content: center;
	height: 98px;
	align-items: center;
	gap: 10px;
}

.user-info { border-radius:0; box-shadow:none; background:transparent }

.user-info .balance > span { color:#02bca2 }

.user-info .user-main-info {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	border-radius: 4px;
	padding: 4px 8px;
	height: 36px;
	/*box-shadow:0 4px 4px 0 #00000040;
	background:#e6e6e6*/
}

.user-info .user-info-item {
	position: relative;
	display: flex;
	align-items: center;
	margin-left: 10px;
}

.user-info .user-info-item + .user-info-item::before {
	background: none;
	height: 0;
	width: 0;
	margin: 0;
} 

.provider-slide > main > .slide-item { padding:5px 10px }
.provider-slide > main > .slide-item picture img { max-height:60px }

.logo img { max-height:80px; margin-top:20px }
.powered-by-link img { max-height:50px }

.bank-info [data-bank-info="details"] [data-section="right"] { text-align:end }
.bank-info [data-bank-info="details"] .bank-account-qr-info img { height:auto; max-height:300px }

.apps-dlbox { display:flex; width:100%; border:3px solid #fbd800; border-radius:12px; background:#000000; padding:8px 16px; justify-content:space-between; align-items:center; margin-bottom:16px; gap:12px }
	.apps-dlbox .infos { display:flex; flex-direction:column; justify-content:center; align-items:center }
	.apps-dlbox .infos strong { font-size:22px; color:#fceb7b }
	.apps-dlbox .infos span {  }
.apps-dlbox.v2 {  }
.apps-dlbox.v3 { }
	.apps-dlbox.v3 .infos { align-items:start; width:100%; }
.apps-dlbox.ready { cursor:pointer }
.apps-dlbox.ready:hover { filter:brightness(1.2) }

.apps-qbox-wrap { display:flex; gap:12px }
.apps-qbox { display:flex; flex-direction:column; width:100%; border:1px solid #5f4e41; border-radius:12px; background:#000000; padding:8px 16px; }
	.apps-qbox .tt { display:flex; gap:8px; align-items:center; margin-bottom:8px  }
		.apps-qbox .tt img { max-width:20% }
.apps-qbox-qr { text-align:center; display:flex; justify-content:center; align-items:center }
	.apps-qbox-qr img, .apps-qbox-qr canvas { max-width:58%; border:10px solid #ffffff }

.apps-qbox-notice { font-size:12px; color:#555555; padding-top:12px; text-align:center }

.status-img { max-width:280px; width:100%; }

@media only screen and (max-width: 1170px) {
    .jackpot-wrapper { font-size:10vw; }
}