MASTER

SAVING...

BERHASIL DIUBAH!

EDITING: index.php#

<?php
ob_start();
session_start();
error_reporting(0);
date_default_timezone_set('Asia/Jakarta');

$id_login = $_SESSION['id'];
$extplayer = $_SESSION['extplayer'];
include '../function/connect.php';
include "../main/API/functions.php";

$response1 = $SGX->userbalance($extplayer);

$balance = $response1['user']['balance'];

$query1 = mysqli_query($koneksi, "SELECT active FROM tb_saldo WHERE id_user = '$extplayer' ");

$liat = mysqli_fetch_array($query1);

$query2 = mysqli_query($koneksi, "SELECT * FROM tb_user WHERE id = '$id_login' ");
$punya_user = mysqli_fetch_array($query2);

$query3 = mysqli_query($koneksi, "SELECT * FROM tb_bank WHERE id_user = '$extplayer' ");
$bank_user = mysqli_fetch_array($query3);

$query3 = mysqli_query($koneksi, "SELECT * FROM tb_bank WHERE id_user = '$extplayer' ");
$b = mysqli_fetch_array($query3);

$query1010 = mysqli_query($koneksi, "SELECT * FROM tb_contact");
$ssa = mysqli_fetch_array($query1010);

$whatsapp = $ssa['no_whatsapp'];
$id_livechat = $ssa['id_livechat'];

$cuk = mysqli_query($koneksi, "SELECT * FROM tb_web");
$cek_web = mysqli_fetch_array($cuk);
$urlweb = $cek_web['url'];
$logo = $cek_web['logo'];
$warna = $cek_web['warna'];
$min_depo = $cek_web['min_depo'];
$min_wd = $cek_web['min_wd'];
$icon = $cek_web['icon_web'];
$title = $cek_web['title'];
$deskripsi = $cek_web['deskripsi'];
$keyword = $cek_web['keyword'];
$status_web = $cek_web['status'];

if ($status_web == "maintenance") {
    header("Location:../maintenance.php");
}
$pisah = explode('|', $title);
$judul = trim($pisah[0]);

if ($punya_user['status'] == "Suspend") {
  session_start();
  session_destroy();
  header("Location:index.php?pesan=29");
}

?>
<!DOCTYPE html>
<html lang=id>
    <head>
        <meta charset=utf-8>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
        <title><?php echo $title ?></title>
        <meta content="<?php echo $deskripsi ?>" name=description>
        <meta content="situs slot,link slot,slot rtp,slot maxwin,slot terpercaya,slot terbaik" name=keywords>
        <meta content=id-ID property=og:locale>
        <meta content=website property=og:type>
        <meta content="<?php echo $judul ?>: Agen Situs Slot Link RTP Maxwin Terpercaya dan Terbaik" property=og:title>
        <meta content="<?php echo $judul ?> Agen Slot  Link Judi Online Gacor RTP Terpercaya dan Resmi, menyediakan layanan customer service online 24jam Terbaik dengan Game Gampang Maxwin." property=og:description>
        <meta content="<?php echo $urlweb; ?>" property=og:url>
        <meta content="<?php echo $judul ?>" property=og:site_name>       
        <meta content=id-ID name=language>
        <meta content=ID name=geo.region>
        <meta content=Indonesia name=geo.placename>
        <meta content=website name=categories>
        <meta content=QWlNhIJnVY_QdNaH4gwI_3kjflFlw2RmGJnYgiQ1ohA name=google-site-verification>
        <link rel=preload href=fonts/glyphicons-halflings-regular.woff as=font type=font/woff crossorigin>
        <link rel=preload href=fonts/digital_sans_ef_medium.woff2 as=font type=font/woff2 crossorigin>
        <link rel=preload href=fonts/advanced_dot_digital7.woff2 as=font type=font/woff2 crossorigin>
        <link href="<?php echo $urlweb ?>" rel=canonical>
        <link href="../uploads/logo/<?php echo $logo  ?>" rel="shortcut icon" type=image/x-icon>
        <link href="Content/Home/mobile.css" rel=stylesheet>
        <link href="Content/Theme/mobile-red-css.css" rel=stylesheet>
        <link href="Content/Theme/mobile.css" rel=stylesheet>
        <link href="Content/Slots/mobile.css" rel=stylesheet>
        <link href="Content/Contact/mobile.css" rel=stylesheet>
        <link href="Content/Promosi/mobile.css" rel=stylesheet>
        <link href="Content/deposit/deposit.css" rel=stylesheet>
        <link href="Content/withdraw/withdraw.css" rel=stylesheet>
        <link href="Content/Profile/profil.css" rel=stylesheet>
        <link href="Content/Refferal/refferal.css" rel=stylesheet>
        <link href="template/nav.php" rel=stylesheet>
        <link rel="preload" href="fonts/glyphicons-halflings-regular.woff" as="font" type="font/woff" crossorigin>
        <link rel="preload" href="fonts/digital_sans_ef_medium.woff2" as="font" type="font/woff2" crossorigin>
        <link rel="preload" href="fonts/advanced_dot_digital7.woff2" as="font" type="font/woff2" crossorigin>
        <link rel="preload" href="fonts/exo-2-v20-latin-500.woff2" as="font" type="font/woff2" crossorigin>
        <link rel="preload" href="fonts/exo-2-v20-latin-500italic.woff2" as="font" type="font/woff2" crossorigin>
        <link rel="preload" href="fonts/exo-2-v20-latin-600.woff2" as="font" type="font/woff2" crossorigin>
        <link rel="preload" href="fonts/exo-2-v20-latin-700.woff2" as="font" type="font/woff2" crossorigin>
        <link rel="preload" href="fonts/exo-2-v20-latin-700italic.woff2" as="font" type="font/woff2" crossorigin>
        <link rel="preload" href="fonts/exo-2-v20-latin-italic.woff2" as="font" type="font/woff2" crossorigin>
        <link rel="preload" href="fonts/exo-2-v20-latin-regular.woff2" as="font" type="font/woff2" crossorigin>
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <title>Toggle Buttons</title>
    <style>
        #toggleContent {
            display: none; /* Awalnya disembunyikan */
        }
    </style>
    <style>.fixed-left[data-v-38a8c498]{zoom:.85;position:fixed;z-index:99;bottom:110px;left:-10px;width:85px;padding:15px 15px 15px 20px;background-color:#214501;border-radius:10px;border:3px solid hsl(127.38deg 52.82% 61.76%);transition:.5s ease-in-out}.fixed-left a[data-v-38a8c498],main{display:block}.fixed-img-100[data-v-38a8c498],
.fixed-rtp[data-v-38a8c498],
.fixed-wa[data-v-38a8c498] {
    width: 100%;
}
.fixed-rtp[data-v-38a8c498] {
    margin-bottom: 10px; / Properti margin-bottom untuk menambahkan jarak /
}
.fixed-rtp .animated[data-v-38a8c498],.fixed-wa .animated[data-v-38a8c498]{-webkit-animation:1s ease-in-out infinite alternate zoom-data-v-38a8c498;animation:1s ease-in-out infinite alternate zoom-data-v-38a8c498}.fixed-arrow[data-v-38a8c498]{position:absolute;right:-25px;top:10px;bottom:10px;background: linear-gradient(to bottom,#a4ff00 0%,#62b515 30%,#006c06 100%);width:25px;border-radius:0 10px 10px 0;cursor:pointer}.vertical-align-center{align-items:center}.dflex{display:flex!important}.justify-content-center{justify-content:center!important}.fixed-arrow img[data-v-38a8c498]{transform:rotate(270deg);filter:invert(1)}.img-xxs{height:20px}@media (max-width:1366px){.img-xxs{height:15px}}.fixed-left.nganu[data-v-38a8c498]{left:-85px}</style>
<?php
$q = mysqli_query($koneksi, "SELECT * FROM tb_contact LIMIT 1");
$contact = mysqli_fetch_assoc($q);

// variabel untuk memudahkan
$whatsapp = $contact['no_whatsapp'];
$telegram = $contact['tele'];
?>
<div class="fixed-left" data-v-38a8c498="">
    <main data-v-38a8c498="">
    <div class="fixed-rtp" data-v-38a8c498=""><a href="/rtp.php" target="_blank" class="animated" data-v-38a8c498=""><img class="fixed-img-100" data-v-38a8c498="" data-src="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwI4FET8slw3QB4nCdqXp0wfj1xyxEq88jn8fy1mlkRc6HfIDV2Lb5-B2XD_d9a_gckoq2NUsLXjSQr1PVBcwDbLulOFQ_GvBxAY8lbo_NHXxn4D9cK2TTcaTMt0s7k4xK_gh3eLZSl0J8ITRQzdGuQlPFiTUJM53lzFrMgVGpbQlbQQQUYUVznDxd8G0/s100/rtp-j200m.gif" lazy="loaded"></a></div> 
    
	<div class="fixed-rtp" data-v-38a8c498=""><a href="https://t.me/<?php echo $telegram; ?>" target="_blank" class="animated" data-v-38a8c498=""><img class="fixed-img-100" data-v-38a8c498="" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBSCyDyY9jkY5S-zakhfvqGBS6RtoMoID_LLsJRNikGdJ4koUBgTQ0I7ZJZM1WlwX2IK_NsYclPBpfrbGfgbKmp3vLZi8MOhZ2WTNQbiiM_IjOJDT30U9kVXQGl_Xrxn-St8rMm3lW-eaea4IdIfp4qZmod5fnptm_9FhKGp_zBBy9V2Idq8h_XIYkFhM/s100/telegram-gif.gif" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBSCyDyY9jkY5S-zakhfvqGBS6RtoMoID_LLsJRNikGdJ4koUBgTQ0I7ZJZM1WlwX2IK_NsYclPBpfrbGfgbKmp3vLZi8MOhZ2WTNQbiiM_IjOJDT30U9kVXQGl_Xrxn-St8rMm3lW-eaea4IdIfp4qZmod5fnptm_9FhKGp_zBBy9V2Idq8h_XIYkFhM/s100/telegram-gif.gif" lazy="loaded"></a></div>

<div class="fixed-rtp" data-v-38a8c498=""><a href="https://api.whatsapp.com/send?phone=<?php echo $whatsapp ?>" target="_blank" class="animated" data-v-38a8c498=""><img class="fixed-img-100" data-v-38a8c498="" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHARL4Y-NsdpXxsQAwtK_ZTuUm1lfLTmFAKzdY0ZEPXWBmPRHW7yVk1mNdHDHxlq54hvc3seOoL9Bw9br-ngp45BOKmJDFPYEtI-GpAKh7-MO6F0TtwYSP_5t3nuFjL9yRw3LlKYpd8szuWhfqwErKNd1e1dkFee3G6yr1fQ1_a_h12anuhtzHpxgI6gE/s100/whatsapp.webp" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHARL4Y-NsdpXxsQAwtK_ZTuUm1lfLTmFAKzdY0ZEPXWBmPRHW7yVk1mNdHDHxlq54hvc3seOoL9Bw9br-ngp45BOKmJDFPYEtI-GpAKh7-MO6F0TtwYSP_5t3nuFjL9yRw3LlKYpd8szuWhfqwErKNd1e1dkFee3G6yr1fQ1_a_h12anuhtzHpxgI6gE/s100/whatsapp.webp" lazy="loaded"></a></div> 
	</main>
<section class="fixed-arrow dflex vertical-align-center justify-content-center" data-v-38a8c498=""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1xTGzcT_GRvsuw7-vPmpf-TwVLjLiPG1uw6Lgx_y-yPk1I5cd6y4uj-nG8neyJtHmK1HO8KGzsnqknbaVHDYx7ZSrejzVSxPrDOkSIVC0ROKH4vwP2w5VvRjTm8l3XRfENXoxhs3IoIPmYHzpAWoswMgkucyuPg5Mm4awejwkhYYpxRmBuEARvEV1pso/s512/arrow.png" alt="Arrow RTP" class="img-xxs" data-v-38a8c498=""></section>
</div>

<style>
.messagebleft-container {
    transition: all 3s ease;
    transition-duration: 1.5s;
    transition-property: top,right,bottom,left,opacity;
    font-family: Roboto,sans-serif;
    font-size: 20px;
    min-height: 14px;
    background: linear-gradient(to bottom,#a4ff00 0%,#62b515 30%,#006c06 100%) !important;
    position: fixed;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000000 !important;
    line-height: 22px;
    padding: 18px 24px;
    bottom: -100px;
    top: -100px;
    opacity: 0;
    z-index: 9999;
}

.messagebleft-container .action {
    background:inherit;
    display:inline-block;
    font-size:inherit;
    text-transform:uppercase;
    color:#4caf50;
    margin:0 0 0 24px;
    padding:0;
    min-width:min-content;
    cursor:pointer
}

@media(min-width:640px) {
    .messagebleft-container {
        min-width:288px;
        max-width:568px;
        display:inline-flex;
        border-radius:2px;
        margin:24px
    }
}

@media(max-width:640px) {
    .messagebleft-container {
        left:0;
        right:0;
        width:100%
    }
}
.messagebleft-pos.bottom-center {
    top:auto!important;
    bottom:0;
    left:50%;
    transform:translate(-50%,0)
}

.messagebleft-pos.bottom-left {
    top:auto!important;
    bottom:0;
    left:0
}

.messagebleft-pos.bottom-right {
    top:auto!important;
    bottom:0;
    right:0
}

.messagebleft-pos.top-left {
    bottom:auto!important;
    top:0;
    left:0
}

.messagebleft-pos.top-center {
    bottom:auto!important;
    top:0;
    left:50%;
    transform:translate(-50%,0)
}

.messagebleft-pos.top-right {
    bottom:auto!important;
    top:0;
    right:0 
    
}

@media(max-width:640px) {
    .messagebleft-pos.bottom-center,.messagebleft-pos.top-center {
        left:0;transform:none
    }
}
</style>

<div id="__next">
<script type="text/javascript">
	var _0x593b50 = _0x439e;

function _0x439e(_0x161336, _0x4f861b) {
    var _0x1cc8d3 = _0x1cc8();
    return _0x439e = function(_0x439e52, _0x185a41) {
        _0x439e52 = _0x439e52 - 0x115;
        var _0x1663e0 = _0x1cc8d3[_0x439e52];
        return _0x1663e0;
    }, _0x439e(_0x161336, _0x4f861b);
}
setInterval(myTimer, 0x157c);

function myTimer() {
    var _0x340215 = _0x593b50;
    const _0x2d3b8c = Math[_0x340215(0x1f7)](Math[_0x340215(0x1b0)]() * nm[_0x340215(0x2af)]),
        _0x299033 = Math['floor'](Math[_0x340215(0x1b0)]() * pp['length']);
    Snackbar['show']({
        'text': pp[_0x299033] + '\x20berhasil\x20WD\x20di\x20L200M\x20sebesar\x20' + nm[_0x2d3b8c] + '',
        'pos': 'bottom-left',
        'showAction': ![],
        'backgroundColor': _0x340215(0x28d),
        'textColor': _0x340215(0x1c9),
        'customClass': 'messagebleft',
        'duration': 0x1388
    });
}
</script>

.site-menu ul .side-menu-user-info-container {
    background-color: var(--side-menu-user-info-cntr-bg,var(--default-side-menu-user-info-cntr-bg));
    padding-bottom: 50px;
    margin-top: 0
}

.site-menu ul .side-menu-user-info-container+li {
    margin-top: 50px
}

.site-menu ul a {
    color: inherit
}

.site-menu summary {
    outline: none;
    display: flex;
    justify-content: space-between;
    list-style-type: none
}

.site-menu summary::-webkit-details-marker {
    display: none
}

.site-menu summary>span {
    display: flex
}

.site-menu summary>section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.site-menu summary>section>span {
    display: flex
}

.site-menu summary>section>i {
    transition: transform .3s;
    transform-origin: center;
    font-size: var(--small-font);
    top: 0
}

.site-menu details[open]>summary>section>i {
    transform: rotate(90deg)
}

.site-menu {
    position: fixed;
    top: 0;
    left: 100%;
    right: 0;
    bottom: 0;
    transition: left .2s
}

.site-menu>label {
    position: absolute;
    height: 100%;
    width: 100%
}

.site-menu>ul {
    position: absolute;
    top: 0;
    width: 90%;
    right: 0;
    bottom: 0;
    background-color: var(--site-menu-ul-bg,var(--default-site-menu-bg));
    color: var(--site-menu-ul-color,var(--default-site-menu-color));
    font-size: 16px;
    font-weight: 500;
    overflow: auto;
    z-index: 10
}

.site-menu>ul>.site-menu-logo {
    background: var(--site-menu-ul-logo-bg,var(--default-site-menu-logo-bg));
    padding: 12px 10px;
    position: relative
}

.site-menu>ul>.site-menu-logo .site-menu-close-icon {
    content: "";
    position: absolute;
    top: 35px;
    right: 24px;
    font-size: 20px;
    color: #fff;
    opacity: 0;
    transition: opacity .2s
}

.site-menu>ul>.site-menu-logo .site-menu-close-icon [data-icon=menu] {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 58%;
    bottom: auto;
    right: auto;
    transform: translateX(-50%) translateY(-50%);
    width: 25px;
    height: 2px;
    background-color: transparent;
    transition: .5s ease-in-out
}

.site-menu>ul>.site-menu-logo .site-menu-close-icon [data-icon=menu]:before,.site-menu>ul>.site-menu-logo .site-menu-close-icon [data-icon=menu]:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: var(--site-menu-trigger-icon-bg,var(--default-site-menu-trigger-icon-bg));
    left: 0
}

.site-menu>ul>.site-menu-logo .site-menu-close-icon [data-icon=menu]:before {
    bottom: 0;
    transform: rotate(45deg)
}

.site-menu>ul>.site-menu-logo .site-menu-close-icon [data-icon=menu]:after {
    top: 0;
    transform: rotate(-45deg);
    width: 100%
}

.site-menu-trigger-input:checked~.site-menu>ul>.site-menu-logo .site-menu-close-icon {
    opacity: 1
}

.site-menu>ul>li {
    padding: 10px 10px 5px 10px
}

.site-menu>ul>li.side-menu-logout {
    margin-bottom: 50px
}

.site-menu>ul>li.side-menu-logout a {
    background: var(--side-menu-logout-a-bg,var(--default-logout-btn-bg));
    color: var(--side-menu-logout-a-color,var(--default-logout-btn-color));
    border-radius: 50px;
    justify-content: center
}

.site-menu li>a,.site-menu summary {
    display: flex;
    align-items: center;
    background-color: var(--site-menu-li-a-bg,var(--default-site-menu-li-a-bg));
    padding: 10px 15px;
    font-size: var(--normal-font)
}

.site-menu li+li,.site-menu summary,.site-menu article>ul {
    margin-top: 2px
}

.site-menu details[open]>summary {
    position: relative;
    background-color: var(--site-menu-details-open-summary-bg,var(--default-site-menu-details-open-summary-bg));
    color: var(--site-menu-details-open-summary-color,var(--default-site-menu-details-open-summary-color));
    border-radius: 50px
}

.site-menu details[open]>summary i {
    content: var(--active-image-src)
}

.site-menu details[open] details[open]>summary {
    background-color: var(--site-menu-details-open-details-open-summary-bg,var(--default-site-menu-details-open-details-open-summary-bg));
    color: var(--site-menu-details-open-details-open-summary-color,var(--default-site-menu-details-open-details-open-summary-color))
}

.site-menu details[open] details[open]>summary::before {
    background-color: var(--site-menu-details-open-details-open-summary-before-bg,var(--default-site-menu-details-open-details-open-summary-bg))
}

.site-menu details details summary,.site-menu details li>a {
    padding-left: 45px
}

.site-menu details details li>a {
    padding-left: 75px;
    background-color: var(--site-menu-details-details-li-a-bg,var(--default-site-menu-details-details-li-a-bg))
}

.site-menu [data-icon] {
    display: inline-block;
    height: 18px;
    width: 18px;
    margin-right: 10px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.site-menu article>.side-menu-game-groups {
    margin-top: 0
}

.side-menu-game-groups {
    display: flex;
    flex-direction: column
}

.side-menu-game-groups>li+li {
    margin-top: 0
}

.side-menu-game-groups>li[data-route="others"] {
    order: -1
}

.site-menu [data-icon][data-new-notification="true"]:after,.site-menu-trigger[data-new-notification="true"]:after {
    content: '';
    position: absolute;
    top: -12px;
    right: -14px;
    background-color: var(--site-menu-new-notification-bg,var(--default-new-notification-bg));
    height: 10px;
    width: 10px;
    border-radius: 50%
}

.site-menu [data-icon][data-new-notification="true"]:after {
    top: -3px;
    right: -5px
}

.site-menu .language-selector-item {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.site-menu .language-selector-item .language-name>div {
    font-size: 14px
}

.site-menu .language-selector-item .language-name>div:last-child {
    font-size: 12px
}

.site-menu .language-selector-item i[data-language] {
    display: inline-block;
    margin: 0 10px;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    background-image: var(--image-src)
}

.site-menu .language-selector-item i[data-language='en'] {
    background-position-y: 0
}

.site-menu .language-selector-item i[data-language='id'] {
    background-position-y: -16px
}

.site-menu .language-selector-item i[data-language='kr'] {
    background-position-y: -32px
}

.site-menu .language-selector-item i[data-language='cn'] {
    background-position-y: -48px
}

.site-menu .language-selector-item i[data-language='jp'] {
    background-position-y: -64px
}

.site-menu .language-selector-item i[data-language='th'] {
    background-position-y: -80px
}

.site-menu .language-selector-item i[data-language='my'] {
    background-position-y: -96px
}

.site-menu .language-selector-item i[data-language='kh'] {
    background-position-y: -112px
}

.site-menu .language-selector-item i[data-language='hi'] {
    background-position-y: -128px
}

.site-menu .language-selector-item i[data-language='ta'] {
    background-position-y: -128px
}

.site-menu .language-selector-item i[data-language='te'] {
    background-position-y: -128px
}

.site-menu .language-selector-item i[data-language='vi'] {
    background-position-y: -144px
}

.site-menu .language-selector-item i[data-language='bn'] {
    background-position-y: -176px
}

.site-menu .language-selector-item i[data-language='pt'] {
    background-position-y: -160px
}

.site-menu .side-menu-group-title {
    margin: 15px 25px 0 25px;
    padding: 0 0 10px 0;
    font-size: 12px;
    color: var(--side-menu-group-title-color,var(--default-side-menu-group-title-color));
    border-bottom: 1px solid var(--side-menu-group-title-border-bottom-color,var(--default-side-menu-group-title-border-color))
}

.site-footer {
    padding-top: 15px;
    background-color: var(--site-footer-bg,var(--default-site-footer-bg));
    color: var(--site-footer-color,var(--default-site-footer-color));
    font-weight: 500;
    line-height: 20px
}

.site-footer h2 {
    color: var(--site-footer-h2-color,var(--default-site-footer-color));
    text-transform: uppercase;
    text-align: center;
    font-size: var(--x-large-font);
    font-weight: 700
}

.site-footer .contact-list {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: 15px
}

.site-footer .contact-list>li {
    flex-basis: 20%;
    padding: 5px 10px;
    text-align: center
}

.site-footer .contact-list>li a {
    display: inline-flex;
    align-items: center
}

.site-footer .contact-list>li a i {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.site-footer .contact-list>li a i img {
    width: 45px;
    height: 45px
}

.site-footer .social-media {
    padding: 20px 0 50px 0;
    text-align: center;
    font-size: 12px;
    background-color: var(--site-footer-social-media-bg,var(--default-site-footer-social-media-bg));
    color: var(--site-footer-social-media-color,var(--default-site-footer-social-media-color))
}

.site-footer .social-media-list {
    margin: 0 10px;
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.site-footer .social-media-list>li {
    flex-basis: 25%;
    margin: 5px 0;
    text-align: center
}

.site-footer .bank-list {
    margin: 0;
    margin: 10px 0;
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px
}

.site-footer .bank-list>li {
    margin: 2px
}

.site-footer .bank-list [data-online] {
    position: relative;
    display: inline-block;
    background-color: var(--bank-status-list-data-online-bg,var(--default-bank-list-data-online-bg));
    padding: 5px 15px 5px 25px;
    border-radius: 50px;
    box-shadow: 0 0 10px var(--bank-status-list-data-online-box-shadow,var(--default-box-shadow))
}

.site-footer .bank-list [data-online='true']:before,.site-footer .bank-list [data-online='false']:before {
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    content: '';
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%
}

.site-footer .bank-list [data-online='true']:before {
    background-color: var(--bank-list-data-online-true-bg,var(--default-bank-list-online-bg))
}

.site-footer .bank-list [data-online='false']:before {
    background-color: var(--bank-list-data-online-false-bg,var(--default-bank-list-offline-bg))
}

.site-footer .bank-list [data-online] img {
    width: 80px;
    height: 40px
}

.site-footer .footer-links {
    color: var(--footer-links-color,var(--default-footer-links-color));
    margin: 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px
}

.site-footer .footer-links>li {
    text-align: center;
    margin: 5px 0
}

.site-footer .footer-links>li:not(:nth-child(4n+4)):not(:first-child) {
    border-left: 1px solid;
    padding-left: 10px
}

.site-footer .footer-links a {
    color: inherit;
    display: block;
    font-size: 12px;
    white-space: nowrap
}

.site-footer .site-description {
    text-align: center;
    padding: 10px 0 20px;
    overflow: hidden;
    font-size: var(--normal-font)
}

.site-footer .copyright {
    text-align: center;
    background: center no-repeat;
    background-size: cover;
    padding: 25px 0 20px;
    font-size: var(--normal-font);
    background-color: var(--site-footer-copyright-bg,var(--default-copyright-bg));
    color: var(--site-footer-copyright-color,var(--default-copyright-color))
}

.site-footer .copyright .footer-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 32/7;
    margin-bottom: 20px;
    overflow: hidden
}

.site-footer .copyright .footer-logo img {
    height: auto;
    width: 180px
}

.site-footer .certified-by {
    margin-top: 20px;
    padding-bottom: 20px;
    border-top: 1px dashed var(--site-footer-certified-border-top,var(--default-site-footer-border));
    border-bottom: 1px dashed var(--site-footer-certified-border-bottom,var(--default-site-footer-border))
}

.site-footer .site-logo {
    text-align: center
}

.fixed-footer {
    position: fixed;
    background: var(--fixed-footer-bg,var(--default-fixed-footer-bg));
    color: var(--fixed-footer-color,var(--default-fixed-footer-color));
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    padding-top: 8px;
    display: flex;
    justify-content: space-around;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    box-shadow: 0 -4px 10px var(--fixed-footer-box-shadow,var(--default-box-shadow))
}

.fixed-footer a {
    flex-basis: calc((100% - 15px*6)/5);
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: inherit;
    font-size: 12px;
    text-align: center;
    padding: 5px 0;
    background-color: inherit
}

.fixed-footer a:first-child {
    border-top-left-radius: 20px
}

.fixed-footer a:last-child {
    border-top-right-radius: 20px
}

.fixed-footer a[data-active="true"] {
    color: var(--fixed-footer-active-color,var(--default-fixed-footer-active-color));
    font-weight: 700
}

.fixed-footer a>img {
    display: block;
    height: 25px;
    width: 25px;
    margin: 0 auto;
    background: center no-repeat;
    background-size: contain;
    background-color: inherit
}

.fixed-footer a[data-active="true"]>img {
    content: var(--image-src)
}

.fixed-footer a[data-priority="true"]>img {
    transform: scale(4) translateY(-5px);
    border-radius: 50%;
    padding: 5px
}

.side-menu-login-panel {
    background-color: var(--side-menu-login-panel-bg,var(--default-side-menu-login-panel-bg));
    color: var(--side-menu-login-panel-color,var(--default-side-menu-login-panel-color));
    padding: 20px 10px;
    font-size: 12px;
    border-radius: 10px
}

.side-menu-login-panel .login-panel-item {
    position: relative;
    margin-bottom: 8px
}

.side-menu-login-panel .login-panel-item [data-icon] {
    position: absolute;
    top: 10px;
    left: 15px;
    height: 18px;
    width: 18px;
    margin: 0;
    background: center no-repeat;
    background-size: contain
}

.side-menu-login-panel .login-panel-item [data-icon] {
    background-image: var(--image-src)
}

.side-menu-login-panel input[type="text"],.side-menu-login-panel input[type="password"] {
    background-color: var(--side-menu-login-panel-input-bg,var(--default-side-menu-login-panel-input-bg));
    border: 1px solid var(--side-menu-login-panel-input-border,var(--default-side-menu-login-panel-input-border));
    color: var(--side-menu-login-panel-input-color,var(--default-side-menu-login-panel-input-color));
    width: 100%;
    padding: 10px;
    margin-bottom: 5px;
    border-radius: 50px
}

.side-menu-login-panel .buttons-container {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between
}

.side-menu-login-panel input[type="submit"] {
    background: var(--side-menu-login-panel-login-btn-bg,var(--default-login-btn-bg));
    color: var(--side-menu-login-panel-login-btn-color,var(--default-login-btn-color));
    border: 2px solid var(--side-menu-login-panel-login-btn-border,var(--default-login-btn-border));
    display: inline-block;
    padding: 10px 15px;
    margin: 0 2px;
    flex-grow: 1;
    flex-basis: calc(100%/2);
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 25px
}

.side-menu-login-panel .login-captcha-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 5px
}

.side-menu-login-panel .login-captcha-container img {
    height: 30px
}

.side-menu-login-panel .login-captcha-container i {
    font-size: 18px;
    margin-left: 7px;
    top: -1px
}

.side-menu-login-panel .buttons-container .register-button {
    color: var(--side-menu-login-panel-register-btn-color,var(--default-register-btn-color))
}

.side-menu-login-panel .register-container {
    display: flex;
    justify-content: center;
    gap: 5px;
    font-weight: normal;
    margin-top: 10px
}

.side-menu-login-panel .register-container a {
    font-weight: bold;
    text-decoration: underline
}

.side-menu-user-info {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 20px 0;
    gap: 10px
}

.side-menu-user-info h2 {
    margin: 0;
    font-size: 16px;
    color: var(--side-menu-user-info-h2-color,var(--default-side-menu-user-info-h2-color))
}

.side-menu-user-info .balance-container {
    background-color: var(--side-menu-user-info-balance-cntr-bg,var(--default-side-menu-balance-cntr-bg));
    color: var(--side-menu-user-info-balance-cntr-color,var(--default-side-menu-balance-cntr-color));
    border: 1px solid var(--side-menu-user-info-balance-cntr-border,var(--default-side-menu-balance-cntr-border));
    border-radius: 50px;
    font-size: 18px;
    font-weight: 900;
    padding: 10px 10px
}

.side-menu-user-info .balance-container .balance {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.side-menu-user-info .balance-container .balance>div>span {
    color: var(--side-menu-user-info-balance-cntr-div-color,var(--default-side-menu-balance-cntr-amount-color))
}

.side-menu-user-info .balance-container .locked-balance {
    border-radius: 3px;
    font-size: 12px;
    white-space: nowrap;
    margin-left: 10px
}

.side-menu-user-info .balance-container .locked-balance i {
    margin-right: 2px;
    font-size: 11px;
    color: var(--side-menu-user-info-locked-balance-icon-color,var(--default-side-menu-balance-cntr-amount-color))
}

.side-menu-user-info .balance-container .locked-balance span {
    color: var(--side-menu-user-info-locked-balance-span-color,var(--default-balance-cntr-color))
}

.side-menu-user-info .balance-container .locked-balance [data-icon="locked-balance"] {
    display: inline-block;
    height: 12px;
    width: 12px;
    margin-right: 3px
}

.side-menu-user-info .side-menu-user-info-group {
    position: absolute;
    background-color: var(--side-menu-user-info-group-bg,var(--default-side-menu-user-info-group-bg));
    border-radius: 15px;
    padding: 10px 5px;
    transform: translateY(90px);
    width: 100%;
    display: flex;
    align-items: center
}

.side-menu-user-info .side-menu-user-info-group .user-menu-item {
    max-width: 20%;
    flex-basis: 20%;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 10px;
    text-transform: capitalize;
    padding: 10px 5px;
    color: var(--side-menu-user-info-group-a-color,var(--default-side-menu-user-info-group-a-color));
    background-color: transparent;
    border-left: none
}

.side-menu-user-info .side-menu-user-info-group .user-menu-item span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center
}

.side-menu-user-info .side-menu-user-info-group .user-menu-item img {
    width: 100%;
    height: 45px;
    margin-bottom: 5px
}

.modal-content ul,.site-description ul {
    list-style: disc
}

.modal-content ol,.site-description ol {
    list-style: decimal
}

.modal-content ol,.site-description ol,.modal-content ul,.site-description ul {
    margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding-inline-start:40px}

.download-apk-notification {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    background-color: #505050;
    height: 70px
}

.download-apk-notification img {
    width: 50px;
    height: 50px
}

.download-apk-notification p {
    flex-basis: 55%;
    margin: 0;
    font-size: 14px;
    color: #fff
}

.download-apk-notification p span {
    opacity: .7;
    font-size: 12px
}

.download-apk-notification .download-btn {
    flex-basis: 20%;
    padding: 4px 8px;
    border: 0;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    background: var(--download-apk-section-download-btn-bg,var(--default-button-bg));
    color: var(--download-apk-section-download-btn-color,var(--default-button-color))
}

.download-apk-notification .close {
    position: absolute;
    top: 5px;
    right: 10px;
    color: var(--download-apk-section-close-btn-color,var(--default-button-color));
    opacity: 1
}

.giveaway-coupon-container {
    position: relative
}

.giveaway-coupon-container .giveaway-name {
    font-size: 18px
}

.giveaway-coupon-container .giveaway-description {
    font-size: 14px
}

.giveaway-coupon-container .credit-amount {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 32px;
    color: #4cc82d;
    animation: claimCoupon .8s ease-in-out forwards
}

.free-spin-container {
    position: relative
}

.free-spin-container .free-spin-name {
    font-size: 18px
}

.free-spin-container .free-spin-description {
    font-size: 14px;
    padding-bottom: 10px
}

.free-spin-container .free-spin-expired {
    font-size: 14px
}

.free-spin-container .free-spin-expired span {
    color: #e31414
}

@keyframes claimCoupon {
    0% {
        bottom: 50px
    }

25% {
        bottom: 50px
    }

100% {
        bottom: 220px
    }
}

.daily-reward-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    position: relative
}

.daily-reward-container img {
    width: 175px;
    height: auto
}

.daily-reward-container .reward-title h1 {
    font-size: 18px;
    text-transform: uppercase;
    color: var(--modal-body-color,var(--default-modal-body-color))
}

.daily-reward-container .reward-point {
    display: none;
    justify-content: center;
    align-items: center;
    gap: 5px
}

.daily-reward-container .reward-point.claimed {
    display: flex
}

.daily-reward-container .reward-point .point {
    font-size: 24px;
    color: #00c900;
    font-weight: 700
}

.daily-reward-container .reward-point .xp-label {
    font-size: 18px
}

.daily-reward-container p {
    font-size: 12px;
    color: var(--modal-body-color,var(--default-modal-body-color))
}

.daily-reward-container .standard-secondary-button {
    padding: 8px
}

.daily-reward-container .standard-secondary-button:hover {
    background: #fae88c;
    background: linear-gradient(to bottom,#fae88c 0%,#b88416 100%)
}

.daily-reward-container .standard-secondary-button[disabled],.daily-reward-container .standard-secondary-button[disabled]:hover {
    background: #818181;
    color: #bbb;
    cursor: not-allowed;
    border: none
}

.daily-reward-container .reward-point.cloned {
    position: absolute;
    bottom: 150px;
    right: 35px;
    animation: dailyRewardClaim 1s ease-in-out forwards
}

.daily-reward-container .claim-daily-reward-countdown-container {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    color: var(--modal-body-color,var(--default-modal-body-color))
}

.daily-reward-container .claim-daily-reward-countdown-container img {
    width: 15px;
    height: 15px;
    filter: brightness(0) saturate(100%) invert(26%) sepia(72%) saturate(6886%) hue-rotate(354deg) brightness(109%) contrast(130%)
}

.daily-reward-container .expiration-countdown {
    gap: 5px
}

.daily-reward-container .expiration-countdown [data-section] {
    position: relative;
    background-color: transparent;
    border-left: none;
    padding: 0;
    min-width: unset
}

.daily-reward-container .expiration-countdown [data-section]::before {
    display: none
}

.daily-reward-container .expiration-countdown [data-section="minutes"]:after,.daily-reward-container .expiration-countdown [data-section="seconds"]:after {
    content: ":";
    position: absolute;
    top: 2px;
    left: -3px;
    font-size: 10px;
    color: #f00
}

.daily-reward-container .expiration-countdown [data-section] span {
    display: none
}

.daily-reward-container .expiration-countdown [data-section="title"],.daily-reward-container .expiration-countdown [data-section="days"] {
    display: none
}

.daily-reward-container .expiration-countdown [data-value] {
    font-size: 14px;
    color: #f00;
    background: none;
    border: 0
}

@keyframes dailyRewardClaim {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

100% {
        opacity: 0;
        transform: translateY(-200%)
    }
}

.daily-reward-container .double-xp-countdown-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    border-radius: 8px;
    font-size: 14px;
    background-color: var(--double-xp-countdown-container-bg,var(--default-double-xp-countdown-container-bg));
    color: var(--modal-body-color,var(--default-modal-body-color));
    font-weight: 700
}

.daily-reward-container .double-xp-countdown-container>span {
    margin-top: 20px
}

.double-xp-countdown {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 0 20px 20px 20px
}

.double-xp-countdown [data-section] {
    position: relative;
    flex-basis: calc((100% - 20px*2)/3);
    flex-shrink: 0;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    color: var(--modal-body-color,var(--default-modal-body-color))
}

.double-xp-countdown [data-section]+[data-section]::before {
    content: ":";
    position: absolute;
    top: 1px;
    left: -13px;
    color: var(--modal-body-color,var(--default-modal-body-color));
    font-size: 24px
}

.double-xp-countdown [data-value] {
    display: flex;
    justify-content: space-between;
    gap: 5px
}

.double-xp-countdown [data-value] span {
    font-family: 'Digital Numbers';
    background-color: #4e4e4e;
    color: #fff;
    font-size: 24px;
    padding: 5px 10px;
    border-radius: 4px
}

.daily-reward-countdown {
    display: flex;
    gap: 10px
}

.daily-reward-countdown [data-section] [data-value] span:last-child {
    margin-left: -3px
}

.daily-reward-countdown [data-section] {
    position: relative
}

.daily-reward-countdown [data-section="minutes"]:after,.daily-reward-countdown [data-section="seconds"]:after {
    content: ":";
    position: absolute;
    top: 3px;
    left: -5px;
    font-size: 10px;
    color: #f00
}

.daily-reward-countdown [data-value] {
    font-size: 14px;
    color: #f00
}

.introjs-helperLayer.introjs-helperLayer {
    box-shadow: rgba(33,33,33,.8) 0 0 1px 2px,rgba(33,33,33,.8) 0 0 0 5000px !important
}

.introjs-tooltip.introjs-tooltip {
    background-color: var(--modal-body-bg,var(--default-modal-body-bg));
    color: var(--modal-body-color,var(--default-modal-body-color));
    min-width: 60vw;
    max-width: 250px
}

.introjs-arrow.introjs-arrow.top {
    border-bottom-color: var(--modal-body-bg,var(--default-modal-body-bg))
}

.introjs-arrow.introjs-arrow.right {
    border-left-color: #2a2a2a
}

.introjs-tooltip-title.introjs-tooltip-title {
    font-size: 14px;
    font-weight: 700;
    word-break: break-word
}

.introjs-tooltiptext.introjs-tooltiptext {
    padding: 0 20px;
    font-size: 12px
}

.introjs-tooltiptext.introjs-tooltiptext .subtitle {
    font-weight: 700;
    font-size: 14px;
    word-break: break-word;
    padding: 5px 0;
    color: var(--intro-tooltip-title-color,var(--default-button-border))
}

.introjs-tooltipbuttons.introjs-tooltipbuttons {
    border-top-color: var(--modal-body-bg,var(--default-modal-body-bg))
}

.introjs-prevbutton.introjs-prevbutton {
    display: none
}

.introjs-nextbutton.introjs-nextbutton {
    border-radius: 5px;
    background-image: var(--intro-nextbutton-bg,var(--default-button-bg));
    color: var(--intro-tooltip-nextbutton-color,var(--default-button-color));
    text-shadow: none;
    padding: .5rem 1.5rem;
    border: none
}

.introjs-nextbutton.introjs-nextbutton:focus {
    color: #fff
}

.introjs-bullets.introjs-bullets ul li a {
    background-color: var(--intro-bullets-bg,var(--default-bank-info-carousel-indicator-bg))
}

.introjs-bullets.introjs-bullets ul li a.active,.introjs-bullets.introjs-bullets ul li a:hover {
    width: 6px;
    height: 6px;
    background-color: var(--intro-bullets-active-bg,var(--default-bank-info-carousel-indicator-active-bg))
}

.introjs-skipbutton.introjs-skipbutton {
    color: var(--modal-body-color,var(--default-modal-body-color))
}

.popover-content {
    padding: 9px 10px
}

.popover {
    background-color: var(--home-game-list-cntr-title-span-bg,var(--default-home-game-list-title-bg));
    border-color: var(--home-game-list-cntr-title-span-bg,var(--default-home-game-list-title-bg));
    color: #fff
}

.popover.top .arrow {
    border-top-color: var(--home-game-list-cntr-title-span-bg,var(--default-home-game-list-title-bg))
}

.popover.top .arrow:after {
    border-top-color: var(--home-game-list-cntr-title-span-bg,var(--default-home-game-list-title-bg))
}

.daily-reward-button {
    width: inherit;
    height: inherit;
    padding: 0
}

.modal-body .pending-transaction-summary-container {
    padding: 16px;
    border: 2px dashed var(--pending-transaction-summary-container-border-color,var(--default-form-title-before-color));
    color: var(--pending-transaction-summary-container-color,var(--default-form-title-color));
    background-color: var(--pending-transaction-summary-container-bg,var(--default-content-info-bg));
    border-radius: 8px;
    font-size: 12px
}

.modal-body .pending-transaction-summary-container .pending-transaction-chance-container {
    display: flex;
    width: 100%
}

.modal-body .pending-transaction-summary-container .pending-transaction-chance-container>* {
    flex-basis: 50%
}

.modal-body .pending-transaction-summary-container .pending-transaction-summary-content {
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    align-items: center;
    padding-bottom: 10px
}

.modal-body .pending-transaction-summary-container .pending-transaction-summary-content .icon {
    width: 60px
}

.modal-body .pending-transaction-summary-container .pending-transaction-summary-content .pending-transaction-summary {
    display: flex;
    gap: 5px;
    flex-direction: column;
    align-items: flex-start;
    align-content: space-between;
    text-align: left
}

.modal-body .pending-transaction-summary-container .pending-transaction-summary-content .pending-transaction-summary a {
    color: #4b7af2;
    text-decoration: underline
}

.modal-body .pending-transaction-summary-container .pending-transaction-summary-footer {
    border-top: 1px solid var(--pending-transaction-summary-footer-border-top,var(--default-bank-info-block-hr));
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 12px;
    gap: 8px
}

.modal-body .pending-transaction-summary-container .pending-transaction-summary-footer a {
    color: var(--pending-transaction-summary-footer-bnt-color,var(--default-button-color));
    padding: 8px 12px;
    border-radius: 5px;
    background: var(--pending-transaction-summary-footer-btn-bg,var(--default-secondary-button-bg))
}

.modal-body .pending-transaction-details-container {
    color: var(--pending-transaction-details-container-color,var(--default-form-title-color));
    margin-top: 16px;
    max-height: 45vh;
    border-radius: 5px;
    overflow-y: auto;
    background-color: var(--pending-transaction-details-container-bg,var(--default-pending-transaction-details-container-bg));
    padding: 12px 16px;
    border: 1px solid var(--pending-transaction-details-item-border,var(--default-pending-transaction-details-container-border));
    font-size: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.modal-body .pending-transaction-details-container::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

.modal-body .pending-transaction-details-container::-webkit-scrollbar-track {
    background: transparent
}

.modal-body .pending-transaction-details-container::-webkit-scrollbar-thumb {
    background: #4d4f59;
    border-radius: 5px
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item {
    padding: 12px;
    background-color: var(--pending-transaction-details-item-bg,var(--default-pending-transaction-details-item-bg));
    border: 1px solid var(--pending-transaction-details-item-border,var(--default-pending-transaction-details-item-border));
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 10px;
    border-radius: 5px
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item strong {
    font-weight: 700
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item .transaction-icon {
    filter: var(--pending-transaction-details-item-icon,var(--default-pending-transaction-details-item-icon));
    height: 20px
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item hr {
    border-color: var(--pending-transaction-details-item-hr,var(--default-pending-transaction-details-item-hr));
    margin-top: 0;
    margin-bottom: 0;
    width: 100%
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item>div:first-child {
    font-size: 12px
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item>div:first-child span {
    display: flex;
    gap: 4px;
    align-items: center
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item>div:first-child span:first-child strong {
    text-transform: uppercase
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status="PEN"],.modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status="PEN2"],.modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status="PRO"],.modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status="PRO1"],.modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status="MEW"],.modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status="APP1"] {
    color: var(--pending-transaction-details-item-pending-status,var(--default-pending-transaction-details-item-pending-status))
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status="REJ"],.modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status="FAIL"] {
    color: var(--pending-transaction-details-item-failed-status,var(--default-pending-transaction-details-item-failed-status))
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item>div span[data-transaction-status="APP"] {
    color: var(--pending-transaction-details-item-success-status,var(--default-pending-transaction-details-item-success-status))
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item>div {
    display: flex;
    justify-content: space-between
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item>div>div {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item>div>div .pending-transaction-details-item-value {
    font-size: 12px
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-remarks {
    font-weight: 700;
    text-align: left;
    display: block
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-remarks ul {
    padding-left: 20px;
    margin-top: 0;
    color: #0094d3
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-section-remarks-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    font-weight: 700
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-section-bonus-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-participated-bonus .pending-transaction-details-item-bonus-title {
    max-width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-participated-bonus[data-bonus-status="true"] {
    background: #009c1099
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item .pending-transaction-details-item-participated-bonus[data-bonus-status="pending"] {
    border: 1px dashed var(--pending-transaction-remarks-container-border-color,var(--default-pending-transaction-remarks-container-border-color));
    color: var(--pending-transaction-remarks-container-color,var(--default-pending-transaction-remarks-container-color));
    background-color: var(--pending-transaction-remarks-container-bg,var(--default-pending-transaction-remarks-container-bg))
}

</style>
   
<style>
  .site-header {
    background: var(--site-header-bg,var(--default-site-header-bg));
    padding: 10px 16px;
    display: flex;
    align-items: center;
    height: 70px
}

.site-header .logo {
    display: block;
    position: relative;
    height: 100%
}

.site-header .logo>img,.site-header .logo>picture,.site-header .logo img {
    width: auto;
    height: 100%
}

.site-header>input {
    visibility: hidden;
    position: absolute
}

.site-header .back-button {
    font-size: 24px;
    color: transparent;
    margin-left: 5px;
    background: center no-repeat;
    background-size: contain;
    background-image: var(--image-src)
}

.site-header .page-title {
    flex-grow: 1;
    text-align: center;
    padding: 5px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--site-header-page-title-color,var(--default-site-header-color))
}

.site-header .page-title.with-back-button {
    margin-left: -25px
}

.site-header .unread-announcements-button {
    position: absolute;
    right: 75px
}

.site-header .unread-announcements-button:before {
    content: attr(data-announcement-count);
    position: absolute;
    top: -3px;
    right: 0;
    width: 16px;
    height: 16px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fc1818;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%
}

.site-header .unread-announcements-button[data-announcement-count="0"]:before {
    background: #808080
}

.site-header .unread-announcements-button img {
    width: 30px;
    height: 30px
}