/*
 * Local snapshot of the supplied custom UI stylesheet.
 * Downloaded 2026-08-28; source SHA-256:
 * 671482ff01a2e970c2e7c5dfa1e50bd253c7f04feecdcadaa4c37d65a05ee3de
 * Remote image URLs were rewritten to local sibling files.
 */
:root {
    --main-color: #083c4d;
    --main-color-rgb: 8, 60, 77;
    --main-color-subtle: #fff;
    --main-color-subtle-rgb: 62, 172, 199;
    --secondary-color: #fff;
    --secondary-color-rgb: 255, 255, 255;
    --main-color-nav-mobile: #000;
    --main-color-nav-mobile-rgb: 0, 0, 0;
    --main-color-footer: #061962;
    --main-color-footer-rgb: 6, 25, 98;
    --dark-gold: #533e15;
    /* --bs-btn-hover-color: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-btn-hover-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); */
}
html{}
body.theme-webold3_3 {
    background: url("./reference-background.webp") #000 center center / cover repeat fixed !important;
}

body.theme-webold3_3 .main-banner-background {
    background-image: url("./reference-header.webp") !important;
    background-size: cover;
}

/* The reference skin has no legacy promotional footer. Keep its dialogs and
   scripts in the DOM, but remove the old visual footer on member pages. */
body.theme-webold3_3 footer.custom-ui-visual-footer {
    display: none !important;
}

/* Login */
nav.container-fluid > .container > div > div.col-12.col-lg-8 {
    padding: 1rem;
    border: 2px solid rgb(255 255 255 / 30%);
    border-radius: 2rem;
    background-image: radial-gradient(circle,rgb(255 255 255 / 20%));
    backdrop-filter: blur(3px);
    background-clip: padding-box;
}
#login > .row {
    margin: initial;
}
nav > div > div > .col-12 > .d-flex > .row {
    margin: initial;
    display: flex;
    gap: 0.5rem;
}
#login button[type="submit"] {
    height: 50px;
    color: #0a2019;
    border: 1px solid #f9e362;
    border-radius: 1rem;
    background: radial-gradient(circle, rgb(255 238 113) 0%, rgb(213 152 0) 100%);
    box-shadow: 0px 3px 5px rgb(0 0 0 / 50%) !important;
}
#login a[href="/register"] {
    height: 50px;
    color: #0a2019;
    border: 1px solid #f9e362;
    border-radius: 1rem;
    background: radial-gradient(circle, rgb(43 191 139) 0%, rgb(8 66 84) 100%);
    box-shadow: 0px 3px 5px rgb(0 0 0 / 50%) !important;
}

nav.container-fluid a[href="/forgot"] {
    height: 50px;
    color: #0a2019;
    border: 1px solid #fff;
    border-radius: 1rem;
    background: radial-gradient(circle, rgb(81 218 255) 0%, rgb(9 83 107) 100%);
    box-shadow: 0px 3px 5px rgb(0 0 0 / 50%) !important;
}
nav.container-fluid .btn-line-contact,
nav.container-fluid a[href*="lin.ee"] {
        height: 50px;
    color: #0a2019;
    border: 1px solid #fff;
    border-radius: 1rem;
    background: radial-gradient(circle, rgb(81 255 255) 0%, rgb(9 106 107) 100%) !important;
    box-shadow: 0px 3px 5px rgb(0 0 0 / 50%) !important;
}
body > nav > div > div > div.col-12.col-lg-8 > div > div > div:nth-child(1) > div > span {
    width: -webkit-fill-available;
    height: 50px;
    color: #0a2019;
    border: 1px solid #ffffff;
    border-radius: 1rem;
    background: radial-gradient(circle, rgb(43 191 139) 0%, rgb(8 84 61) 100%);
    box-shadow: 0px 3px 5px rgb(0 0 0 / 50%) !important;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

#page-wrapper::before {
    display: block;
    content: "";
    width: -webkit-fill-available;
    height: auto;
    aspect-ratio: 1600/1000;
    margin: 0.5rem;
    border-radius: 1rem;
    background: url("./Mangkang88_Certificate.webp") no-repeat center / contain;
}

/* Betting pages become a two-column grid on desktop. Reserve the first row
   for the certificate so the ::before artwork stays above the header, just
   like it does in the mobile flex layout. */
@media (min-width: 992px) {
    body.theme-webold3_3 #page-wrapper.lotto-page {
        grid-template-rows: auto auto 1fr !important;
    }

    body.theme-webold3_3 #page-wrapper.lotto-page::before {
        grid-column: 1 / -1;
        grid-row: 1;
        justify-self: stretch;
        align-self: start;
    }

    body.theme-webold3_3 #page-wrapper.lotto-page > .lotto-header {
        grid-row: 2 !important;
    }

    body.theme-webold3_3 #page-wrapper.lotto-page > .lotto-container,
    body.theme-webold3_3 #page-wrapper.lotto-page > #inline-betlist-section {
        grid-row: 3 !important;
    }
}

#page-wrapper2 > div > .row.g-4 > .col-12.col-lg-8 > div::before {
    display: block;
    content: "";
    width: -webkit-fill-available;
    height: auto;
    aspect-ratio: 1600/1000;
    border-radius: 1rem;
    background: url("./Mangkang88_Certificate.webp") no-repeat center / contain;
}

/* Marquee */
#page-wrapper > .d-flex marquee {
    color: black;
}


/* #region Top */
#call-nav > .main-banner-background {
    padding: 1rem 0!important;
    margin-bottom: initial!important;
}
#call-nav > .main-banner-background > .container {
    max-width: initial;
    padding: initial;
    margin: initial;
}
#call-nav > .main-banner-background > .container > .row {
    width: -webkit-fill-available;
    padding: initial!important;
    margin-left: initial;
    margin-right: initial;
}
#call-nav .main-banner-background a[onclick="openNav()"] {
	color: white;
}
#call-nav .main-banner-background span.bg-main-color-subtle.badge.fw-semibold {
    padding: 0.5rem 1rem;
    font-size: 1.2rem;
    border: 2px solid rgb(255 255 255 / 30%);
    border-radius: 1rem;
    background-color: white;
}
/* #endregion Top */

/* #region Profile & Phone */
#call-nav > .main-banner-background > div > div > div.col-lg-4 > .rounded-4 {
    padding: 1rem!important;
    border: 2px solid rgb(255 255 255 / 30%);
    border-radius: 2rem!important;
    background-color: rgb(255 255 255 / 20%)!important;
    backdrop-filter: blur(3px);
    background-clip: padding-box;
}
/* #endregion Profile & Phone */

/* #region Menubar (Desktop) */
#call-banner .container-fluid > .nav-background {
    height: 58px;
    border: 3px solid rgb(236 214 111);
    border-bottom: initial;
    border-radius: 0.8rem 0.8rem 2rem 2rem!important;
    background: linear-gradient(0deg, #03282e 0%, #10566b, #51dedd 100%);
    background-clip: padding-box;
}
#call-banner .container-fluid > .nav-background a {
    color: #fffbae;
}
#call-banner .container-fluid > .nav-background a:hover {
    color: #0a2019;
    border-radius: 2rem;
    background: radial-gradient(circle, rgb(255 238 113) 0%, rgb(213 152 0) 100%);
}
/* #endregion Menubar (Desktop) */

/* #region Side Panel */
#sidepanel {
    width: 12rem;
    border: 2px solid rgb(255 255 255 / 30%);
    border-radius: 2rem 0 0 2rem!important;
    background-color: rgb(255 255 255 / 20%)!important;
    backdrop-filter: blur(3px);
    background-clip: padding-box;
    overflow: hidden;
}
#sidepanel > .flex-column {
    width: -webkit-fill-available;
}
#sidepanel > .flex-column > div > ul > li {
    border: initial;
    background-color: rgb(255 255 255 / 75%);
}
#sidepanel > .flex-column > div > ul > a > li {
    border: initial;
    background-color: rgb(255 255 255 / 75%);
}
#sidepanel > .flex-column > .d-flex.p-2.gap-1 {
    border-bottom: initial;
    background: linear-gradient(0deg, #03282e 0%, #10566b, #51dedd 100%);
    background-clip: padding-box;
}
/* #endregion Side Panel */


/* #region Balance */
.balance-container-background {
    border: 2px solid rgb(236 214 111);
    border-bottom: initial;
    border-radius: 2rem 2rem 0.8rem 0.8rem!important;
    background: linear-gradient(0deg, #25727e 0%, #10566b, #51dedd 100%);
    background-clip: padding-box;
}
.balance-container-background > div:nth-child(1) {
    border: 1px solid #fbe767;
    border-radius: 1rem!important;
    color: #0a2019;
    background: radial-gradient(circle, rgb(255 238 113) 0%, rgb(213 152 0) 100%);
    box-shadow: 0 2px 5px rgb(0 0 0 / 50%);
}
.balance-container-background > div:nth-child(1) span {
    color: black!important;
}
.balance-container-background > div:nth-child(2) > span {
    color: #ffea95 !important;
}
#page-wrapper2 > div > .row.g-4 > .col-12.col-lg-4 > div > :nth-child(1) > div > .flex-column > div {
    width: -webkit-fill-available;
    margin-right: initial;
    padding-right: initial;
    flex-direction: row;
    flex-wrap: nowrap;
}
#page-wrapper2 > div > .row.g-4 > .col-12.col-lg-4 > div > :nth-child(1) > div > .flex-column > div > .col-10 {
    width: -webkit-fill-available;
    flex: initial;
}
#page-wrapper2 > div > .row.g-4 > .col-12.col-lg-4 > div > :nth-child(1) > div > .flex-column > div > .col-2 {
    width: initial;
    flex: initial;
}



/* Balance Text */
#page-wrapper2 > div > .row.g-4 > .col-12.col-lg-4 > div > div:nth-child(1) > div > .flex-column > div > .col-10 > div {
    background-color: white!important;
    border: 2px solid rgb(255 255 255 / 30%)!important;
    border-radius: 1rem!important;
    backdrop-filter: blur(3px);
    background-clip: padding-box;
    overflow: hidden;
}
label.showRealBalance {
    color: #042930!important;
}


#page-wrapper2 > div > .row.g-4 > .col-12.col-lg-4 > div > .d-flex.flex-column.gap-2 > .row.g-2 {
    margin: initial;
    padding: initial;
}
#page-wrapper2 > div > .row.g-4 > .col-12.col-lg-4 > div > .d-flex.flex-column.gap-2 > .row.g-2 > .col-6 {
    margin: initial;
    padding: initial;
}

a[href="/member/account-edit/"] {
    color: #052b31;
}

/* Line Button */
#page-wrapper2 > div > .row.g-4 > .col-12.col-lg-4 > div > div:nth-child(1) > div > .flex-column > div > .col-2 > a[href*="https://lin.ee/"] {
    display: block;
    width: auto;
    height: 50px;
    aspect-ratio: 16/15;
    background: url("./btn_addmin_line.webp") no-repeat center / contain;
    filter: drop-shadow(0px 2px 2px black);
}
#page-wrapper2 > div > .row.g-4 > .col-12.col-lg-4 > div > div:nth-child(1) > div > .flex-column > div > .col-2 > a[href*="https://lin.ee/"] > img {
    display: none;
}

#page-wrapper2 a[href="/member/request-deposit/"] {
    display: block;
    width: -webkit-fill-available;
    height: auto;
    aspect-ratio: 3/1;
    background: url("./btn_deposit.webp") no-repeat center / contain;
    filter: drop-shadow(0px 2px 2px black);
}
#page-wrapper2 a[href="/member/request-withdraw/"] {
    display: block;
    width: -webkit-fill-available;
    height: auto;
    aspect-ratio: 3/1;
    background: url("./btn_withdraw.webp") no-repeat center / contain;
    filter: drop-shadow(0px 2px 2px black);
}
#page-wrapper2 a[href="/member/request-all/"] {
    display: block;
    width: -webkit-fill-available;
    height: auto;
    aspect-ratio: 3/1;
    background: url("./btn_report_history.webp") no-repeat center / contain;
    filter: drop-shadow(0px 2px 2px black);
}
#page-wrapper2 a[href="/member/statement/"] {
    display: block;
    width: -webkit-fill-available;
    height: auto;
    aspect-ratio: 3/1;
    background: url("./btn_report_transaction.webp") no-repeat center / contain;
    filter: drop-shadow(0px 2px 2px black);
}

#page-wrapper2 a[href*="/member/request-deposit/"] > img,
#page-wrapper2 a[href*="/member/request-withdraw/"] > img,
#page-wrapper2 a[href*="/member/request-all/"] > img,
#page-wrapper2 a[href*="/member/statement/"] > img {
    display: none;
}

/* #endregion Balance */

/* #region Balance (Desktop) */
#page-wrapper2 > div > .row.g-4 > .col-12.col-lg-4 {
    border: 2px solid rgb(255 255 255 / 30%);
    border-radius: 2rem;
    background: rgb(255 255 255 / 20%);
    backdrop-filter: blur(3px);
    background-clip: padding-box;
}
#page-wrapper2 > div > .row.g-4 > .col-12.col-lg-4 > div > div:nth-child(1) > span {
    color: black!important;
    text-align: center;
    /* text-shadow: 0 1px 5px rgb(0 0 0 / 51%); */
    margin: 0.5rem 0;
}
/* #endregion Balance (Desktop) */

/* #region Menubar */
#call-mobile-nav > ul {
    height: 5rem;
    border: 2px solid rgb(236 214 111);
    border-bottom: initial;
    border-radius: 2rem 2rem 0.8rem 0.8rem!important;
    background: linear-gradient(0deg, #03282e 0%, #10566b, #51dedd 100%);
    background-clip: padding-box;
}

#call-mobile-nav ul.nav-mobile li a {
    height: 4rem;
    color: #fffbae;
    border-radius: 1.5rem;
}

#call-mobile-nav ul.nav-mobile li a.active {
    color: #0a2019;
    background: radial-gradient(circle, rgb(255 238 113) 0%, rgb(213 152 0) 100%);
}
/* #endregion Menubar */

#page-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* #region Navigation bar */
#page-wrapper.d-flex.flex-column.container > .d-flex.bg-light.justify-content-between:first-child {
    border: 1.5px solid rgb(255 255 255 / 30%);
    border-radius: 1rem!important;
    background-color: rgb(255 255 255 / 20%)!important;
    backdrop-filter: blur(3px);
    background-clip: padding-box;
}
#page-wrapper.d-flex.flex-column.container > .d-flex.bg-light.justify-content-between:first-child > a {
    color: #000!important;
}
/* #endregion Navigation bar */


/* #region Content */

/* Section */
#page-wrapper > .d-flex.flex-column.gap-5 > div {
    padding: 1rem;
    border: 2px solid rgb(255 255 255 / 30%);
    border-radius: 2rem;
    background-image: radial-gradient(circle,rgb(255 255 255 / 20%));
    backdrop-filter: blur(3px);
    background-clip: padding-box;
}

/* Head */
#page-wrapper > div.d-flex.flex-column.gap-5 > div > div.d-flex.gap-2.bg-dark-gold {
    border: 2px solid #f9e362;
    border-radius: 1rem!important;
    background: radial-gradient(circle, rgb(43 191 139) 0%, rgb(8 66 84) 100%);
    box-shadow: 0px 3px 5px rgb(0 0 0 / 50%) !important;
}

/* Section > Sub */
#page-wrapper > .d-flex.flex-column.gap-5 > div:nth-child(1) > .row.row-cols-1.row-cols-md-2.row-cols-lg-3.gy-3.gx-2 > div > div {
    height: fit-content;
    border: 1px solid #ffffff;
    box-shadow: 0px 3px 5px rgb(0 0 0 / 50%) !important;
    align-items: flex-start;
}
#page-wrapper > .d-flex.flex-column.gap-5 > div:nth-child(1) > .row.row-cols-1.row-cols-md-2.row-cols-lg-3.gy-3.gx-2 > div:nth-child(1) > div {
    background: radial-gradient(circle, rgb(37 232 252) 0%, rgb(27 126 203) 100%);
}
#page-wrapper > .d-flex.flex-column.gap-5 > div:nth-child(1) > .row.row-cols-1.row-cols-md-2.row-cols-lg-3.gy-3.gx-2 > div:nth-child(2) > div {
    background: radial-gradient(circle, rgb(255 156 213) 0%, rgb(232 17 141) 100%);
}
#page-wrapper > .d-flex.flex-column.gap-5 > div:nth-child(1) > .row.row-cols-1.row-cols-md-2.row-cols-lg-3.gy-3.gx-2 > div:nth-child(3) > div {
    background: radial-gradient(circle, rgb(126 159 82) 0%, rgb(17 81 13) 100%);
}
/* Section > Sub > Title */
#page-wrapper > .d-flex.flex-column.gap-5 > div:nth-child(1) > .row.row-cols-1.row-cols-md-2.row-cols-lg-3.gy-3.gx-2 > div:nth-child(1) > div > div > .col > div > .d-flex.gap-2.rounded-pill.p-2.shadow-sm.justify-content-center {
    background: #07568d;
}
#page-wrapper > .d-flex.flex-column.gap-5 > div:nth-child(1) > .row.row-cols-1.row-cols-md-2.row-cols-lg-3.gy-3.gx-2 > div:nth-child(2) > div > div > .col > div > .d-flex.gap-2.rounded-pill.p-2.shadow-sm.justify-content-center {
    background: #e8108d;
}
#page-wrapper > .d-flex.flex-column.gap-5 > div:nth-child(1) > .row.row-cols-1.row-cols-md-2.row-cols-lg-3.gy-3.gx-2 > div:nth-child(3) > div > div > .col > div > .d-flex.gap-2.rounded-pill.p-2.shadow-sm.justify-content-center {
    background: #10390a;
}

/* Custom BG */
#page-wrapper > .d-flex.flex-column.gap-5 > div:nth-child(2) > .row.row-cols-1.row-cols-md-2.row-cols-lg-3.gy-3.gx-2 > div > .bg-gold-red {
    background-image: url("./bg_hanoi.webp");
    background-size: cover;
}
#page-wrapper > .d-flex.flex-column.gap-5 > div:nth-child(2) > .row.row-cols-1.row-cols-md-2.row-cols-lg-3.gy-3.gx-2 > div > .bg-gold-light-blue {
    background-image: url("./bg_laopattana.webp");
    background-size: cover;
}
#page-wrapper > .d-flex.flex-column.gap-5 > div:nth-child(3) > .row.row-cols-1.row-cols-md-2.row-cols-lg-3.gy-3.gx-2 > .col > div {
    background: radial-gradient(circle, rgb(43 191 139) 0%, rgb(8 66 84) 100%);
}



#page-wrapper > .flex-column.rounded.p-2.gap-2 {
    padding: 1rem 0.5rem!important;
    border: 1.5px solid rgb(255 255 255 / 30%);
    border-radius: 2rem!important;
    background-color: rgb(255 255 255 / 80%)!important;
    backdrop-filter: blur(3px);
    background-clip: padding-box;
}

#page-wrapper2 > div > .row.g-4 > .col-12.col-lg-8 > div > .d-flex.flex-column.gap-2.p-3.rounded-4{
    border: 2px solid rgb(255 255 255 / 30%);
    border-radius: 2rem;
    background-image: radial-gradient(circle,rgb(255 255 255 / 20%));
    backdrop-filter: blur(3px);
    background-clip: padding-box;
}

/* Footer content */
#page-wrapper2 > div > div.d-flex.p-2.rounded-4 {
    border: 2px solid rgb(255 255 255 / 30%);
    border-radius: 2rem;
    background-image: radial-gradient(circle,rgb(255 255 255 / 20%));
    backdrop-filter: blur(3px);
    background-clip: padding-box;
}

/* #endregion Content */

/* /member > Large Menu */
#page-wrapper2 .d-flex.flex-column.gap-2.bg-red-gradient.p-3.rounded-4.shadow-sm a {
    display: block;
    width: -webkit-fill-available;
    height: auto;
}
#page-wrapper2 .d-flex.flex-column.gap-2.bg-red-gradient.p-3.rounded-4.shadow-sm a > img {
    display: none;
}
#page-wrapper2 .d-flex.flex-column.gap-2.bg-red-gradient.p-3.rounded-4.shadow-sm a[href="/member/lottery/"] {
    aspect-ratio: 30/10;
    background: url("./Button_Lotto.webp") no-repeat -23px / 105%;
}

#page-wrapper2 .d-flex.flex-column.gap-2.bg-red-gradient.p-3.rounded-4.shadow-sm a[href="/member/casino/"] {
    aspect-ratio: 30/10;
    background: url("./Button_Slot-Casino.webp") no-repeat center / contain;
}
#page-wrapper2 .d-flex.flex-column.gap-2.bg-red-gradient.p-3.rounded-4.shadow-sm a[href="/member/casino/game?id=3"] {
    aspect-ratio: 30/10;
    background: url("./Button_Sport.webp") no-repeat center / contain;
}
#page-wrapper2 .d-flex.flex-column.gap-2.bg-red-gradient.p-3.rounded-4.shadow-sm a[href="/member/games/"] {
    aspect-ratio: 30/10;
    background: url("./Button_MiniGame.webp") no-repeat center / contain;
}
#page-wrapper2 .d-flex.flex-column.gap-2.bg-red-gradient.p-3.rounded-4.shadow-sm a[href*="https://line.me/"] {
    aspect-ratio: 30/10;
    background: url("./Button_LineGroup.webp") no-repeat center / contain;
}

/* Header Text */
#page-wrapper span.badge {
    color: #0a2019;
    border: 1px solid #f9e362;
    background: radial-gradient(circle, rgb(255 238 113) 0%, rgb(213 152 0) 100%);
    box-shadow: 0px 3px 5px rgb(0 0 0 / 50%) !important;
}

/* register */
#formRegister > .flex-column {
    /* color: black!important; */
    background-color: initial;
    box-shadow: initial!important;
}
#formRegister > div > button[type="submit"] {
    border: 1px solid #fbe767;
    border-radius: 1rem!important;
    color: #0a2019;
    background: radial-gradient(circle, rgb(255 238 113) 0%, rgb(213 152 0) 100%);
    box-shadow: 0 2px 5px rgb(0 0 0 / 50%);
}


/* member/lottery/goverment */
#page-wrapper > .flex-column > .rounded.shadow-sm.p-2 {
    border-radius: 1.5rem!important;
    padding: 1rem!important;
}
#poy-collapse > .flex-column {
    padding: 1rem!important;
    /* border: none; */
    /* border-right: 1px solid black; */
    border-radius: 1rem!important;
    /* background: linear-gradient(0deg, #03282e 0%, #10566b, #51dedd 100%); */
    background-color: initial!important;
    box-shadow: 0 1px 5px rgb(0 0 0 / 15%) !important;
}
#poy-collapse > div > button[data-bs-target="#pull-poy-modal"],
#poy-collapse > div > button[data-bs-target="#price-modal"] {
    font-size: 1rem;
    border: 1px solid #fbe767;
    border-radius: 1rem!important;
    color: #0a2019;
    background: radial-gradient(circle, rgb(255 238 113) 0%, rgb(213 152 0) 100%);
    box-shadow: 0 2px 5px rgb(0 0 0 / 50%);
}
#poy-collapse > div > .hstack {
    color: black;
}

/* member/casino */
#showGamesElement > .d-flex.gap-2 > span.header-text {
    width: -webkit-fill-available!important;
    font-size: 1.2rem!important;
    color: #0a2019!important;
    padding-left: 1rem!important;
    border: 1px solid #feea6c!important;
    border-radius: 1rem!important;
    background: radial-gradient(circle, rgb(255 238 113) 0%, rgb(213 152 0) 100%);
}

/* member/account-edit/ */

/* Button : Change Password */
#formChangePassword > div > button[type="submit"] {
    font-size: 1.1rem!important;
    color: #ecd670;
    height: 58px;
    border: 2px solid rgb(236 214 111);
    border-bottom: initial;
    border-radius: 0.8rem 0.8rem 1.2rem 1.2rem!important;
    background: linear-gradient(0deg, #03282e 0%, #10566b, #51dedd 100%);
    background-clip: padding-box;
}


/* /member/lottery/ */

/* Box */
#page-wrapper > .d-flex.flex-column.gap-2 > .row.gy-2 {
    border: 1.5px solid rgb(255 255 255 / 30%);
    border-radius: 1rem!important;
    background-color: rgb(255 255 255 / 20%)!important;
    backdrop-filter: blur(3px);
    background-clip: padding-box;
    margin: initial;
    padding: 1rem;
    display: flex;
    gap: 1rem;
}

#page-wrapper > .d-flex.flex-column.gap-2 > .row.gy-2 > .col-12 {
    margin: initial;
    padding: initial;
}


/* Head Title */
#page-wrapper > .d-flex.flex-column.gap-2 > div > div > .d-flex.p-2.rounded.fw-bold.bg-gradient-green-darkGreen {
    font-size: 1.2rem;
    color: #0a2019;
    padding-left: 1rem!important;
    border: 1px solid #feea6c;
    border-radius: 1rem!important;
    background: radial-gradient(circle, rgb(255 238 113) 0%, rgb(213 152 0) 100%);
}

/* Image in Lotto */
.img-fluid {
    object-fit: cover;
}


/* /member/casino/ */

/* Tab */
#page-wrapper > .d-flex.justify-content-start.bg-light.shadow-sm.rounded.overflow-x-auto.gap-3.p-2 {
    width: -webkit-fill-available;
    display: grid!important;
    grid-template-columns: repeat(2,1fr);
    overflow: hidden!important;
    padding: 0.8rem!important;
    border: 1px solid rgb(236 214 111);
    border-bottom: initial;
    border-radius: 2rem 2rem 0.8rem 0.8rem!important;
    background: linear-gradient(180deg, #03282e 0%, #10566b, #51dedd 100%);
    background-clip: padding-box;
}

/* Tab > List */
#page-wrapper > .d-flex.justify-content-start.bg-light.shadow-sm.rounded.overflow-x-auto.gap-3.p-2 > label {
    width: -webkit-fill-available;
    height: 50px;
    color: #fff;
    padding: 0 1rem!important;
    border: 2px solid rgb(255 255 255 / 5%)!important;
    border-radius: 1rem!important;
    border: 2px solid #ffffff00;
}
.btn-check:checked+.btn {
    color: #000!important;
    border: 2px solid #ebd989!important;
    background: radial-gradient(circle, rgb(255 238 113) 0%, rgb(213 152 0) 100%);
}

/* #region Button Menu */
#page-wrapper2 .row.g-3 {
    width: -webkit-fill-available;
}
#page-wrapper2 .row.g-3 a {
    display: block;
    /* width: -webkit-fill-available; */
    height: auto;
    aspect-ratio: 805/243;
}
#page-wrapper2 .row.g-3 a[href="/member/affiliate/"] {
    background: url("./btn_aff.webp") no-repeat center / contain;
}
#page-wrapper2 .row.g-3 a#installButton {
    background: url("./btn_app.webp") no-repeat center / contain;
}
#page-wrapper2 .row.g-3 a[href="/member/numbersets/"] {
    background: url("./btn_numberset.webp") no-repeat center / contain;
}
#page-wrapper2 .row.g-3 a[href="/member/lottery/transaction/"] {
    background: url("./btn_poy.webp") no-repeat center / contain;
}
#page-wrapper2 .row.g-3 a[href*="https://lin.ee/"] {
    background: url("./btn_report.webp") no-repeat center / contain;
}
#page-wrapper2 .row.g-3 a[href="/member/tutorial/"] {
    background: url("./btn_tutorial.webp") no-repeat center / contain;
}
#page-wrapper2 .row.g-3 a[href="/member/lotteryfree"] {
    background: url("./btn_lottery.webp") no-repeat center / contain;
}
#page-wrapper2 .row.g-3 a#notifyBtn {
    background: url("./btn_notification.webp") no-repeat center / contain;
}
#page-wrapper2 .row.g-3 a[href="/member/promotion/"] {
    background: url("./btn_promotion.webp") no-repeat center / contain;
}
#page-wrapper2 .row.g-3 a[href="/member/lottery-result/"] {
    background: url("./btn_huay_report.webp") no-repeat center / contain;
}

#page-wrapper2 .row.g-3 a > img {
    display: none;
}

/* Cashback and gift use their real themed artwork instead of CSS backgrounds. */
#page-wrapper2 .row.g-3 a#cashback,
#page-wrapper2 .row.g-3 a#gift {
    aspect-ratio: 805/243;
    background: none;
}
#page-wrapper2 .row.g-3 a#cashback > img,
#page-wrapper2 .row.g-3 a#gift > img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/* #endregion Button Menu */


@media (min-width: 992px) {

    .col-lg-1 {
        width: 20%;
    }

}

.vstack {
    color: rgb(0 0 0) !important;
}