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

.topbar-sub-section i[data-language] { background-image:url(../img/flags.png) }
.topbar-sub-section [data-icon="live-chat"] { background-image:url(../img/svg/live-chat.svg) }
.topbar-sub-section [data-icon="mobile"] { background-image:url(../img/svg/mobile.svg) }
.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) }

.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:#e3c041 }
    .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 { background-color:#000000; padding-top:130px }
.topbar-container { background-color:#000000; border-bottom-color:#000000 }
.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 { background:linear-gradient(to bottom, #cccccc, #ffffff, #cccccc); color:#000000; box-shadow:0px 0px 6px #e3c041; }
.login-panel .register-button, .login-panel .register-button:hover  { background:linear-gradient(to bottom, #8e0b11, #f6001e, #8e0b11); color:#ffffff; box-shadow:0px 0px 6px #e3c041; }
.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 { background:#53420a }
.top-menu { width:100% }
.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:#e3c041 }

.top-menu .games-container > li, .large-game-list li
{ background:linear-gradient(180deg,rgba(0,0,0,.15) 40%,#e3c041 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 { background-color:#000000 }

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

[data-container-background="home"], [data-container-background="promotions"]
{ background-image:none; background-color:#000000 }

.home-inner-container, .promotion-side-menu, .promotion-list 
{ background-color:#000000; border-color:#000000 }

.promotion-item .click-for-get-promo-button, .promotion-item .click-for-get-promo-button:hover, .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:#000000; background-color:#fbd95f; background-image:linear-gradient(to right,#fbd95f 0%,#d8ae39 100%) }

.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:#e3c041 }

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

.promotion-item { border:2px solid #806a20; background-color:#000000 }
.promotion-item .promotion-footer { flex-direction:column; align-items:start; justify-content:start; gap:12px }
.promotion-item .promotion-footer .promotion-label h2 { color:#fdfd39 }
.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:#e3c041 }

.promotion-side-menu > a { border-left:0 }
.promotion-side-menu > a[data-active="true"], .promotion-side-menu > a:hover { border-left-color:transparent; color:#000000; background-color:#fbd95f; background-image:linear-gradient(to bottom,#fbd95f 0%,#d8ae39 100%) }
.promotion-item .modal-header { border-bottom:0 }

.modal-header, .promotion-item .modal-header, .register-modal .modal-header, .forgot-password-modal .modal-header
{ color:#000000; background-color:#fbd95f; background-image:linear-gradient(to bottom,#fbd95f 0%,#d8ae39 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:#443b14; 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:#ecc842; 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; }
    .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:#ecc842; 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 #e3c041; background-color: #1d1d1d; color: #e3c041; 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 { background-color:#604915 }
.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 #edc945; 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, #000000, #6e5b1d); padding:7px }
.payment-method-selection label img { filter:brightness(0) invert(1) }
.payment-method-selection .aaa label { background:linear-gradient(to bottom, #d5ac39, #fdd95e, #d5ac39); color:#000000 }
.payment-method-selection .aaa label img { filter:brightness(0) saturate(100%) }

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

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%; }

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