/* Layout 10 theme: Picton Blue — berlin777 design theme "picion-blue" (https://berlin777-clone.vercel.app/?theme=picion-blue).
   Inputs: accent #1b8ada, secondary #68879a. Surfaces are the design's color-mix() formula, pre-resolved for iOS 15.
   Generated by scripts/themes/build-themes.mjs — edit the script and rerun it, not this file. */
[data-theme="picton-blue"] {
	/* ===== design tokens — the layout 10 shell (--b10-* in layout10/_base.scss) reads these ===== */
	/* Brand: accent */
	--accent: #1b8ada;
	--accent-deep: #0f4b7d;
	--accent-lighter: #e2effc;
	--accent-light: #44a7ec;
	--accent-dark: #0f4b7d;
	--accent-darker: #123f68;
	--accent-hover: #0d5797;
	--accent-press: #0f4b7d;
	--on-accent: #f1f1f2;
	--on-accent-icon-filter: brightness(0) invert(1);
	--accent-shadow: rgba(27, 138, 218, 0.3);
	--accent-alpha-10: rgba(27, 138, 218, 0.1);
	--accent-alpha-20: rgba(27, 138, 218, 0.2);
	--accent-alpha-30: rgba(27, 138, 218, 0.3);
	--accent-alpha-40: rgba(27, 138, 218, 0.4);
	--accent-alpha-50: rgba(27, 138, 218, 0.5);
	--accent-alpha-70: rgba(27, 138, 218, 0.7);
	--accent-alpha-90: rgba(27, 138, 218, 0.9);

	/* Brand: secondary */
	--secondary-lighter: #e7f1f7;
	--secondary-light: #bdd2df;
	--secondary-dark: #466273;
	--secondary-darker: #2b3d4a;
	--signup: #68879a;
	--signup-deep: #466273;
	--signup-line: #68879a;
	--signup-glint: #bdd2df;
	--secondary-button-top: #5b626d;
	--secondary-button-bottom: #2f3e4b;
	--green-btn: #0f4b7d;
	--green-btn-deep: #123f68;

	/* Status */
	--status-success: #0f4b7d;
	--status-info: #1b8ada;
	--status-warning: #bdd2df;
	--status-danger: #123f68;

	/* Surfaces */
	--base: #0a0e17;
	--base-deep: #04060c;
	--surface-top: linear-gradient(180deg, #111622, #05090f);
	--surface-header: linear-gradient(180deg, #17202f, #0b0f18);
	--surface-panel: linear-gradient(180deg, #202b3c, #0e131e);
	--surface-rail: linear-gradient(180deg, #283344, #0c111b);
	--surface-card: linear-gradient(180deg, #364455, #090d14);
	--surface-winner: linear-gradient(180deg, #28313f, #0a0e16);
	--surface-marquee: linear-gradient(180deg, #333e4f, #111722);
	--surface-image: linear-gradient(180deg, #282e38, #0a0e15);
	--surface-transaction: linear-gradient(180deg, #29303c, #11151d);
	--surface-footer: linear-gradient(180deg, #0e1118, #05060b);
	--surface-drawer: linear-gradient(180deg, #141922, #05060b);
	--surface-modal: linear-gradient(180deg, #202b3c, #0e131e);
	--surface-flat: #1a2230;
	--surface-flat-deep: #111824;
	--surface-input: #808691;
	--surface-input-border: #384e60;
	--surface-field: #2d3440;
	--surface-border: #737b86;
	--surface-muted: #97a0a6;
	--surface-tab: linear-gradient(180deg, #5b626d, #2f3e4b);
	--surface-track: #f3f8fb;
	--surface-overlay: rgba(22, 53, 83, 0.782);

	/* Text and toast */
	--text: #fff;
	--text-muted: #dadfe2;
	--toast-bg: #cecba8;
	--toast-head: #eeeddd;
	--toast-text: #15151b;

	/* Effects */
	--icon-filter: drop-shadow(0 0 5px rgba(27, 138, 218, 0.75)) saturate(1.18);

	/* หน้า Error 404 — ธีมนี้ไม่มีรูปประกอบ ใช้พื้นสีของธีม */
	--e404-bg-pc: none;
	--e404-bg-mb: none;
	--e404-bg-color: var(--base);
	--e404-heading-color: #FFFFFF;
	--e404-desc-color: var(--text-muted);
	--e404-btn-bg: var(--accent);
	--e404-btn-color: var(--on-accent);

	/* ===== layout 7 pages (shared by every theme file; values come from the tokens above) ===== */
	--primary-color: var(--accent);
	--secondary-color: #6C6C6C;
	--tertiary-color: var(--accent-lighter);
	--danger-color: rgba(220, 28, 86, 1);
	--success-color: #20DD82;
	--warning-color: #F39200;
	--forgot-color: var(--accent-light);
	--form-invalid-color: #F53232;

	--tabs-color: #6C6C6C;
	--tabs-bg-color: #F4F4F4;
	--tabs-active-color: #FDFDFD;
	--tabs-active-bg-color: #505050;
	--tab-inner-color: var(--on-accent);

	--my-account-active-shadow: 0px 0px 10px 0px var(--accent-alpha-90);

	--primary-layout-color: #FFF;
	--primary-layout-bg-color: var(--base);
	--skeleton-loading-color: linear-gradient(90deg, var(--accent-light) 0%, #FFF 100%);

	--header-color: #FDFDFD;
	--header-bg-color: var(--surface-flat);
	--header-shadow: 2px 2px 10px 6px rgba(0, 0, 0, 0.40);

	--announce-color: #FFF;
	--announce-bg-color: var(--surface-flat-deep);

	--bg-navbar: var(--surface-flat-deep);
	--navbar-menu-bg-color: var(--surface-flat);
	--navbar-menu-inactive-bg-color: var(--surface-flat);
	--navbar-menu-active-bg-color: var(--accent);
	--navbar-menu-active-dot-color: linear-gradient(180deg, var(--accent) 0%, var(--accent-deep) 100%);
	--bg-navbar-box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.40);

	--navbar-login-register-bg-color: var(--surface-flat-deep);
	--btn-register-font-color: var(--accent);
	--btn-login-bg-color: var(--accent);
	--btn-login-font-color: var(--on-accent);

	--bg-center-login-register: var(--surface-flat-deep);
	--bg-message-info: var(--accent);

	--bg-img-main: url("https://assets.one-prod.com/web-assets/lsm-layout10/images/theme/white-blue/bg-layout7.png");

	--bg-color-box-lotto-reward: var(--surface-flat);
	--border-color-box-lotto-bet: linear-gradient(155.77deg, var(--accent-alpha-20));
	--bg-color-box-lotto-bet: var(--surface-flat);
	--shadow-color-box-lotto: transparent;
	--border-color-box-lotto-reward: transparent;
	--bg-login-modal: var(--surface-flat-deep);

	--navbar-bg-color: var(--navbar-login-register-bg-color);
	--bg-box-wallet-profile: var(--surface-flat);
	--bg-wallet-other-show-amount: var(--surface-flat-deep);

	--tab-bg: var(--surface-flat);
	--tab-inner-bg: var(--accent);
	--text-color-normal: #E9E9E9;
	--payment-category-bg-color: var(--tab-bg);
	--payment-category-shadow: 0px 0px 12.99px 0px var(--accent);
	--my-account-no-disabled-color: #0F0F0F;
	--my-account-no-disabled-bg-color: #BBBBBB;
	--withdraw-panel-border-color: #BBBBBB;
	--withdraw-panel-bg-color: #fff;
	--withdraw-panel-color: #0F0F0F;

	--withdraw-panel-active-color: var(--on-accent);
	--withdraw-panel-active-bg-color: var(--accent);
	--withdraw-panel-active-border-color: transparent;

	--withdraw-panel-hover-color: #0F0F0F;
	--withdraw-panel-hover-bg-color: #fff;
	--withdraw-panel-hover-border-color: var(--accent);

	--btn-disabled-color: #5c5c5c;
	--btn-disabled-bg-color: #BBBBBB;

	--btn-color: var(--on-accent);
	--btn-bg-color: var(--accent);

	--btn-hover-color: var(--on-accent);
	--btn-hover-bg-color: var(--accent);

	--slip-warning-bg-color: rgba(15, 15, 15, 0.1);
	--slip-warning-text-color: #6C6C6C;
	--slip-warning-text-highlight-color: #DC1C56;

	--paginate-color: rgba(80, 80, 80, 1);
	--paginate-disabled-color: rgba(80, 80, 80, .5);
	--paginate-active-color: rgba(80, 80, 80, 1);

	--transaction-table-odd-bg-color: var(--accent-alpha-10);
	--transaction-table-even-bg-color: var(--accent-alpha-20);

	--withdraw-panel-remain-color: var(--on-accent);
	--withdraw-panel-remain-bg-color: var(--accent);

	--btn-forgot-in-offcanvas-color: var(--accent);
	--btn-deposit-menu: linear-gradient(180deg, rgba(32, 221, 130, 1), rgba(23, 157, 92, 1));
	--btn-withdraw-menu: linear-gradient(180deg, #DC1C56 0%, #9C143D 100%);

	--w-tab-bg-color: #F4F4F4;
	--bg-box-in-detail-promotion-mission: #FDFDFD;
	--bg-box-promotion-mission: var(--accent-alpha-50);
	--btn-withdraw-wallet-amount: var(--accent-alpha-50);
	--bg-box-contact-color: linear-gradient(180deg, #F4F4F4 0%, #F4F4F4 100%);

	--profile-bg-color: var(--surface-flat-deep);
	--profile-shadow: 6px 6px 10px 0px, rgba(0, 0, 0, .4);
	--profile-border-radius: 16px;
	--profile-card-color: #FFF;
	--profile-card-bg-color: var(--accent-alpha-10);
	--profile-progress-bg-color: #FDFDFD;
	--profile-progress-bar-color: var(--accent);

	--input-color: #E9E9E9;
	--input-placeholder-color: #505050;
	--input-bg-color: var(--surface-flat);
	--input-border-color: #FDFDFD1A;
	--input-box-shadow: none;
	--input-icon-color: var(--accent);
	--input-hover-color: var(--input-color);
	--input-hover-bg-color: var(--input-bg-color);
	--input-hover-border-color: var(--accent);
	--input-hover-shadow: 0px 0px 0px 4px var(--accent-alpha-30);
	--input-hover-icon-color: var(--accent);
	--input-active-color: var(--input-color);
	--input-active-bg-color: var(--input-bg-color);
	--input-active-border-color: var(--accent);
	--input-active-shadow: 0px 0px 0px 4px var(--accent-alpha-30);
	--input-active-icon-color: var(--accent);

	--checkbox-hover-border-color: var(--swiper-navigate-hover-bg-color);
	--checkbox-focus-border-color: #717690;
	--checkbox-focus-border-outer-color: var(--swiper-navigate-active-bg-color);
	--checkbox-active-bg-color: var(--swiper-navigate-bg-color);
	--checkbox-active-border-color: var(--swiper-navigate-bg-color);
	--checkbox-active-hover-bg-color: var(--swiper-navigate-hover-bg-color);
	--checkbox-active-hover-border-color: var(--swiper-navigate-hover-bg-color);
	--checkbox-active-focus-bg-color: var(--swiper-navigate-active-bg-color);
	--checkbox-active-focus-border-color: var(--swiper-navigate-hover-bg-color);

	--switch-bg-color: #000;
	--switch-mask: unset;
	--switch-mask-composite: unset;
	--switch-active-bg-color: linear-gradient(94.65deg, var(--accent-light) -41.08%, var(--accent-dark) 119.48%);
	--switch-active-mask: unset;
	--switch-active-mask-composite: unset;

	--box-color: #FFF;
	--box-bg-color: var(--surface-flat);
	--box-shadow: 4px 4px 8px 0px var(--accent-alpha-30);
	--box-mask: radial-gradient(117.53% 133.09% at 0% 2.91%, var(--accent-alpha-70) 2.72%, transparent 74.05%, var(--accent-alpha-70) 87.13%);
	--box-mask-composite: #F4F4F4;

	--box-2-color: #FFF;
	--box-2-bg-color: var(--surface-flat-deep);
	--box-2-shadow: none;
	--box-2-mask: linear-gradient(90deg, var(--accent-darker) 0%, var(--accent-lighter) 50%, var(--accent-darker) 100%);
	--box-2-mask-composite: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);

	--box-3-color: rgba(108, 108, 108, 1);
	--box-3-bg-color: var(--surface-flat-deep);
	--box-3-border-width: 1px;
	--box-3-shadow: 0px 3px 12px 0px #13112033;
	--box-3-mask: var(--accent);
	--box-3-mask-composite: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);

	--swal-color: var(--box-3-color);
	--swal-bg-color: var(--box-3-bg-color);
	--swal-border-width: var(--box-3-border-width);
	--swal-shadow: var(--box-3-shadow);
	--swal-mask-success: var(--box-3-mask);
	--swal-mask-danger: linear-gradient(180deg, #F53232 0%, #9C143D 100%);
	--swal-mask-composite: var(--box-3-mask-composite);
	--swal-text-color: #717690;
	--swal-backdrop-color: #00000026;

	--swiper-navigate-bg-color: var(--accent);
	--swiper-navigate-hover-bg-color: var(--accent-hover);
	--swiper-navigate-active-bg-color: var(--accent-press);
	--swiper-navigate-active-shadow: 0px 0px 0px 2px var(--accent-alpha-40);
	--swiper-navigate-disabled-bg-color: var(--surface-flat);
	--swiper-pagination-active-color: var(--accent);
	--swiper-pagination-inactive-color: var(--surface-muted);

	--promotion-category-color: #E9E9E9;
	--promotion-category-bg-color: var(--surface-flat);
	--promotion-category-border-color: transparent;
	--promotion-category-active-color: var(--on-accent);
	--promotion-category-active-bg-color: var(--accent);
	--promotion-category-active-border-color: var(--accent);
	--promotion-modal-bg-color: #F4F4F4;

	--scrollbar-track-color: #00000020;
	--scrollbar-thumb-color: var(--accent);
	--scrollbar-thumb-hover-color: var(--accent-hover);
	--scrollbar-thumb-shadow: 0px 3px 5px 0px #000000CC;

	--transaction-title-color: var(--on-accent);
	--transaction-title-bg-color: var(--accent);
	--transaction-header-color: var(--accent);
	--transaction-header-bg-color: var(--accent-alpha-20);
	--transaction-header-border: 1px solid var(--accent);
	--transaction-table-head-color: var(--on-accent);
	--transaction-table-head-bg-color: var(--accent);
	--transaction-table-head-divider-color: none;

	--wallet-refresh-bg-color: var(--accent-alpha-20);

	--bottom-nav-logo-active: url("https://assets.one-prod.com/web-assets/lsm-layout10/images/theme/blue/nav-logo-frame.png");
	--bottom-nav-backdrop: url("https://assets.one-prod.com/web-assets/lsm-layout10/images/theme/blue/nav-backdrop.png");
	--bottom-nav-backdrop-main: url("https://assets.one-prod.com/web-assets/lsm-layout10/images/theme/blue/nav-backdrop-main.png");

	--otp-color-title: var(--accent);
	--otp-color-subtitle: var(--accent);
	--otp-color-error: var(--danger-color);

	--text-color-box-lotto-reward: #E9E9E9;
	--text-color-input-select-date-time: #0F0F0F;
	--text-color-btn-looking-all-lotto: var(--on-accent);
	--text-color-running-message: var(--on-accent);

	--text-color-th-results-latest: #E9E9E9;
	--text-color-td-results-latest: #E9E9E9;

	--bg-table-box-lotto-results-latest: var(--surface-flat);
	--border-color-box-lotto-results-latest: transparent;

	--border-color-login-and-register: var(--accent);
	--label-color-input: #E9E9E9;

	--text-color-title-contact-register: #E9E9E9;

	--text-color-btn-login: var(--on-accent);
	--text-color-btn-register: var(--on-accent);

	--text-color-forgot-password: var(--accent);

	--bg-tab-nav-menu: transparent;
	--color-tab-nav-menu: var(--accent);
	--border-color-tab-nav-menu: var(--accent);

	--bg-tab-nav-menu-active: var(--accent);
	--border-tab-nav-menu: var(--accent);
	--color-tab-nav-menu-active: var(--on-accent);

	--bg-tab-nav-menu-lotto-active: var(--accent-darker);
	--border-tab-nav-menu-lotto-active: var(--accent-darker);
	--color-tab-nav-menu-lotto-active: #FDFDFD;

	--border-box-wallet: #505050;
	--text-color-username-in-box-wallet: #E9E9E9;
	--text-color-game-username-in-box-wallet: #E9E9E9;

	--text-color-btn-forgot-password: var(--on-accent);

	--color-btn-withdraw-wallet-amount: #FDFDFD;

	--border-box-my-account-color: #505050;
	--color-box-my-account-account-name: #E9E9E9;
	--color-text-td-table-transaction-table: #E9E9E9;
	--color-text-credit-user: #333438;

	/* Register Step */
	--step-input-svg-icon-color: #515256;
	--btn-step-disabled-color: var(--accent-alpha-10);
	--btn-step-disabled-bg-color: var(--accent-alpha-20);
	--step-progress-bar-bg: var(--accent-darker);
	--step-progress-bar-bg-active: #515256;
	--step-text-all: #E8E9EB;
	--step-input-border-color: rgba(253, 253, 253, 0.1);
	--step-input-border-color-not-empty: rgba(80, 80, 80, 1);

	--btn-step-input-otp-bg-color: var(--surface-flat);
	--btn-step-input-otp-border-color: rgba(253,253,253, 10%);
	--btn-step-input-otp-text-color: #fff;
	--btn-step-input-otp-text-placeholder-color: #505050;
	--step-modal-otp-icon-close: #000;
}

[data-theme="picton-blue"] .hero-btn {
	/* hover / focus stay on the accent: the design's darker hover and press shades are too dark
	   for the dark on-accent text of some themes (pink-venom 2.2:1, bright-turquoise 2.7:1) */
	--btn-color: var(--on-accent);
	--btn-bg-color: var(--accent);

	--btn-hover-color: var(--on-accent);
	--btn-hover-bg-color: var(--accent);

	--btn-focus-color: var(--on-accent);
	--btn-focus-bg-color: var(--accent);
	--btn-focus-shadow: 0px 0px 0px 4px var(--accent-alpha-30);

	--btn-disabled-color: var(--accent-alpha-20);
	--btn-disabled-bg-color: var(--accent-alpha-10);
}

[data-theme="picton-blue"] .hero-btn.hero-danger {
	--btn-color: #F1F1F2;
	--btn-bg-color: rgba(220, 28, 86, 1);

	--btn-hover-color: #F1F1F2;
	--btn-hover-bg-color: rgba(220, 28, 86, 1);

	--btn-focus-color: #181C31;
	--btn-focus-bg-color: #F87676;
	--btn-focus-shadow: 0px 0px 0px 4px rgba(220, 28, 86, 0.30);

	--btn-disabled-color: #F532324D;
	--btn-disabled-bg-color: rgba(220, 28, 86, 0.05);
}

[data-theme="picton-blue"] .hero-btn-outline {
	--btn-color: var(--accent);
	--btn-bg-color: transparent;
	--btn-border-color: var(--accent);

	--btn-hover-color: var(--on-accent);
	--btn-hover-bg-color: var(--accent);
	--btn-hover-border-color: var(--accent);

	--btn-focus-color: var(--on-accent);
	--btn-focus-bg-color: var(--accent);
	--btn-focus-border-color: var(--accent);
	--btn-focus-shadow: 0px 0px 0px 4px var(--accent-alpha-30);

	--btn-disabled-color: var(--surface-border);
	--btn-disabled-bg-color: transparent;
	--btn-disabled-border-color: var(--surface-border);
}

[data-theme="picton-blue"] .hero-btn-outline.hero-secondary {
	--btn-color: var(--secondary-light);
	--btn-bg-color: transparent;
	--btn-border-color: var(--secondary-light);

	--btn-hover-color: var(--secondary-lighter);
	--btn-hover-bg-color: var(--secondary-dark);
	--btn-hover-border-color: var(--secondary-lighter);

	--btn-focus-color: var(--secondary-lighter);
	--btn-focus-bg-color: var(--secondary-dark);
	--btn-focus-border-color: var(--secondary-light);
	--btn-focus-shadow: 0px 0px 0px 4px var(--accent-alpha-30);
}

[data-theme="picton-blue"] .hero-btn-outline.hero-danger {
	--btn-color: rgba(220, 28, 86, 1);
	--btn-bg-color: transparent;
	--btn-border-color: rgba(220, 28, 86, 1);

	--btn-hover-color: rgb(163, 22, 64);
	--btn-hover-bg-color: rgba(245, 50, 50, 0.20);
	--btn-hover-border-color: rgb(163, 22, 64);

	--btn-focus-color: rgb(163, 22, 64);
	--btn-focus-bg-color: rgba(245, 50, 50, 0.20);
	--btn-focus-border-color: rgb(163, 22, 64);
	--btn-focus-shadow: 0px 0px 0px 4px rgba(245, 50, 50, 0.30);
}

[data-theme="picton-blue"] .hero-btn-ghost {
	--btn-color: var(--accent);
	--btn-bg-color: transparent;
	--btn-border-color: transparent;

	--btn-hover-color: var(--accent);
	--btn-hover-bg-color: var(--accent-alpha-20);
	--btn-hover-border-color: var(--accent-alpha-20);

	--btn-focus-color: var(--accent-light);
	--btn-focus-bg-color: var(--accent-alpha-10);
	--btn-focus-border-color: var(--accent-alpha-10);
	--btn-focus-shadow: none;

	--btn-disabled-color: var(--surface-border);
	--btn-disabled-bg-color: transparent;
	--btn-disabled-border-color: transparent;
}

/* ===== layout 7 page rules (only one theme file loads at a time, so these stay unscoped like the other themes) ===== */

body::before {
	opacity: 0.8;
	/* ปรับความโปร่งใสของรูป */
	background: var(--base);
	position: fixed;
}

.box-in-come-lotto .box-lotto.lotto-bet {
	color: var(--text-color-normal);
}

.session-provider-game-main .tab-select-provider-game .tab-provider.active {
	background: var(--accent);
	color: var(--on-accent);
}

.session-provider-game-main .tab-select-provider-game .tab-provider {
	background: var(--surface-flat);
	color: #E9E9E9;
}

.box-render-lotto-results .title {
	background: var(--accent-alpha-40);
}

.box-render-lotto-results .body-reward .reward-no-1 .number-lotto-no-1-custom .box-number-lotto-no-1-custom {
	color: #E01F2C;
	background: rgba(15, 15, 15, 0.1);
}

.box-render-lotto-results .body-reward .reward-no-2 .session-reward-no-2-custom-1 .reward-3-number-up-and-reward-4-number-up .reward-3-number-up-and-reward-4-number-up-row-1 h5,
.box-render-lotto-results .body-reward .reward-no-2 .session-reward-no-2-custom-1 .reward-3-number-up-and-reward-4-number-up .reward-3-number-up-and-reward-4-number-up-row-2 h5,
.box-render-lotto-results .body-reward .reward-no-2 .session-reward-no-2-custom-2 h5,
.box-render-lotto-results .body-reward .reward-no-2 .session-reward-no-2-custom-1 .reward-3-number-font-and-reward-3-number-last .reward-3-number-font-and-reward-3-number-last-row-1 .box-number-lotto-no-custom h5,
.box-render-lotto-results .body-reward .reward-no-2 .session-reward-no-2-custom-1 .reward-3-number-font-and-reward-3-number-last .reward-3-number-font-and-reward-3-number-last-row-2 .box-number-lotto-no-custom h5 {
	color: #000;
	background: rgba(15, 15, 15, 0.1);
}

.session-lotto-results-latest-main .box-lotto-results-latest.theme-box-lotto-results-gsb .title,
.session-lotto-results-latest-main .box-lotto-results-latest.theme-box-lotto-results-baac .title,
.session-lotto-results-latest-main .box-lotto-results-latest.theme-box-lotto-results-thai-vip .title {
	background: linear-gradient(90deg, rgba(220, 28, 86, 1), rgba(30, 33, 41, 0.1));
}

.session-lotto-results-latest-main .box-lotto-results-latest .title .btn-bet-lotto {
	background: var(--btn-login-bg-color);
	color: var(--on-accent);
}

.session-lotto-results-latest-main .box-lotto-results-latest.theme-box-lotto-results-gsb .table-lotto-results-latest tbody tr td .box-lotto-td-results-latest div,
.session-lotto-results-latest-main .box-lotto-results-latest.theme-box-lotto-results-baac .table-lotto-results-latest tbody tr td .box-lotto-td-results-latest div,
.session-lotto-results-latest-main .box-lotto-results-latest.theme-box-lotto-results-thai-vip .table-lotto-results-latest tbody tr td .box-lotto-td-results-latest div {
	background: rgba(15, 15, 15, 0.1);
}

.swal-wrapper.error .swal-title {
	color: rgba(220, 28, 86, 1);
}

.navbar-layout-main .navbar-layout-main-2 .box-profile-layout-navbar {
	background: var(--surface-flat);
}

.navbar-layout-main .navbar-layout-main-2 .box-profile-layout-navbar .btn-offcanvas-navbar {
	background-color: var(--accent);
	border-radius: 8px;
	padding: 3px;
}

.navbar-layout-main .navbar-layout-main-1 .box-menu .menu {
	color: var(--color-tab-nav-menu-lotto-active);
}

.navbar-layout-main .navbar-layout-main-1 .box-menu .menu.active {
	background: var(--bg-tab-nav-menu-active);
	color: var(--color-tab-nav-menu-active);
	box-shadow: unset;
	border-top: unset;
}

.session-in-come-lotto .in-come-lotto-3-no .box-1 {
	background: var(--surface-flat);
	box-shadow: none;
	border: none;
}

.session-in-come-lotto .in-come-lotto-3-no .box-2,
.session-in-come-lotto .in-come-lotto-3-no .box-3 {
	background: var(--bg-color-box-lotto-reward);
	color: #E9E9E9;
	box-shadow: none;
	border: none;
}

.icon-user svg path {
	fill: var(--accent);
}

.session-provider-game-filter .title-filter .btn-filter-provider-game {
	background: var(--accent-alpha-30);
	color: #E9E9E9;
}

.session-provider-game-filter .title-filter .btn-filter-provider-game.active {
	background: var(--accent);
	color: var(--on-accent);
}

.wallet-amount-sum {
	background: var(--box-bg-color)
}

.wallet-amount-sum p {
	color: #E9E9E9;
}

.session-box-wallet-profile .credit-and-refresh .btn-refresh-credit path {
	fill: var(--accent);
}

.box-mission-turnover {

	.box-detail-promotion-v1 {
		background: var(--surface-flat-deep);

		.mission-title-name {

			h2 {
				color: #E9E9E9;
			}
		}

		.session-footer-box-mission {

			.btn-looking-condition-promotion {
				color: var(--on-accent);
			}
		}
	}

	.date-time-count-down-promotion-wallet {

		h3 {
			color: #E9E9E9;
		}
	}

}

.title-progress-turn-over {

	h2 {
		color: #E9E9E9;
	}
}

.session-box-wallet-profile .session-btn-deposit-withdraw .deposit {
	background: var(--btn-deposit-menu);
}

.session-box-wallet-profile .session-btn-deposit-withdraw .withdraw {
	background: var(--btn-withdraw-menu);
}

.session-profile-page-main .session-box-profile-page .box-profile-page-main .page-box-profile .page-box-profile-1 .profile-wrapper .profile-inner .profile-end .btn-change-password-in-profile-page {
	background: var(--accent);
}

.session-profile-page-main .session-box-profile-page .box-profile-page-main .page-box-profile .page-box-profile-1 .box-profile-ranking-in-page {
	background: var(--accent-alpha-10);
}

.box-ranking-offcanvar .detail .box-credit-user-profile .title p {
	color: #E9E9E9;
}

.box-ranking-offcanvar .detail .box-credit-user-profile .credit .txt-credit {
	color: var(--accent);
}

.box-ranking-offcanvar .detail .box-credit-user-profile .credit .btn-re-credit path {
	fill: var(--accent);
}

.box-ranking-offcanvar .detail .box-credit-user-profile .credit .btn-re-credit {
	border: 1px solid var(--accent);
}

.box-menu-navbar .title-box-menu-navbar {
	color: #E9E9E9;
}

.body-box-menu-navbar {
	background: var(--surface-flat-deep);
}

.box-ranking-offcanvar .detail .box-credit-user-profile .box-mission-navbar-in-offcanvas {
	background: var(--tab-bg);
}

.box-ranking-offcanvar .detail .box-credit-user-profile .box-mission-navbar-in-offcanvas .title {
	color: var(--accent);
}

.body-box-menu-navbar .box-click-menu-body-navbar {
	color: #BBBBBB;
}

.box-ranking-offcanvar .detail .btn-deposit-withdraw-profile .btn-deposit {
	background: var(--btn-deposit-menu);
}

.box-ranking-offcanvar .detail .btn-deposit-withdraw-profile .btn-withdraw {
	background: var(--btn-withdraw-menu);
}

.promotion-mission-swal>span {
	color: var(--danger-color);
}

.session-affiliate-page-main .session-box-affiliate-page .box-affiliate-page .page-box-affiliate .page-box-affiliate-1 .box-withdraw-affiliate,
.session-affiliate-page-main .session-box-affiliate-page .box-affiliate-page .page-box-affiliate .page-box-affiliate-1 .box-affiliate-link,
.session-affiliate-page-main .session-box-affiliate-page .box-affiliate-page .page-box-affiliate .page-box-affiliate-2 .box-affiliate-summary,
.session-affiliate-page-main .session-box-affiliate-page .box-affiliate-page .page-box-affiliate .page-box-affiliate-1 .box-detail-how-to-affiliate-html,
.session-affiliate-page-main .session-box-affiliate-page .box-affiliate-page .page-box-affiliate .page-box-affiliate-2 .friend-step-wrapper {
	background: linear-gradient(155.77deg, #F4F4F4 16.3%, #F4F4F4 85.31%);
	border: 1px solid #BBBBBB;
}

.session-affiliate-page-main .session-box-affiliate-page .box-affiliate-page .page-box-affiliate .page-box-affiliate-1 .box-withdraw-affiliate .show-credit-and-refresh .btn-refresh-credit-affiliate path {
	fill: var(--accent);
}

.session-affiliate-page-main .session-box-affiliate-page .box-affiliate-page .page-box-affiliate .page-box-affiliate-2 .box-affiliate-summary .box-title .box {
	background: #FDFDFD;
}

.session-affiliate-page-main .session-box-affiliate-page .box-affiliate-page .page-box-affiliate .page-box-affiliate-2 .box-affiliate-summary .box-title .box .title,
.session-affiliate-page-main .session-box-affiliate-page .box-affiliate-page .page-box-affiliate .page-box-affiliate-2 .box-affiliate-summary .box-title .box .total h4,
.session-affiliate-page-main .session-box-affiliate-page .box-affiliate-page .page-box-affiliate .page-box-affiliate-2 .box-affiliate-summary .box-title .box .total h5,
.session-affiliate-page-main .session-box-affiliate-page .box-affiliate-page .page-box-affiliate .page-box-affiliate-2 .box-affiliate-summary .box-detail .detail-row .title,
.session-affiliate-page-main .session-box-affiliate-page .box-affiliate-page .page-box-affiliate .page-box-affiliate-2 .box-affiliate-summary .box-detail .detail-row .detail-result h5,
.session-affiliate-page-main .session-box-affiliate-page .box-affiliate-page .page-box-affiliate .page-box-affiliate-2 .friend-steps .step-subtitle,
.session-wallet-type h4,
.txt-mission-name p,
.session-history-transaction-page .box-history-transaction-page .box-history-transaction-main .render-box-history-transaction .box-history .title .title-1 h4 {
	color: #333438;
}

.session-affiliate-page-main .session-box-affiliate-page .box-affiliate-page .page-box-affiliate .page-box-affiliate-2 .friend-steps>.step-item {
	background: rgba(253, 253, 253, 0.5);
}

.session-affiliate-page-main .session-box-affiliate-page .box-affiliate-page .page-box-affiliate .page-box-affiliate-2 .friend-steps .step-no {
	background: var(--accent);
	border: 2px solid var(--accent);
	color: var(--on-accent);
}

.promotion-mission .inner-detail {
	color: var(--accent);
}

.promotion-modal-inner {
	color: #0F0F0F;
}

.session-history-transaction-page .box-history-transaction-page .box-history-transaction-main {
	background: unset;
}

.session-history-transaction-page .box-history-transaction-page .box-history-transaction-main .render-box-history-transaction .box-history .title .title-1 .tasking-deposit,
.session-history-transaction-page .box-history-transaction-page .box-history-transaction-main .render-box-history-transaction .box-history .body .body-row-in-box .row-in-box-3 .tasking-deposit {
	background: var(--btn-deposit-menu);
	box-shadow: unset;
	border: transparent;
}

.session-history-transaction-page .box-history-transaction-page .box-history-transaction-main .render-box-history-transaction .box-history .title .title-1 .tasking-withdraw,
.session-history-transaction-page .box-history-transaction-page .box-history-transaction-main .render-box-history-transaction .box-history .body .body-row-in-box .row-in-box-3 .tasking-withdraw {
	background: var(--btn-withdraw-menu);
	box-shadow: unset;
	border: transparent;
}

.session-history-transaction-page .box-history-transaction-page .box-history-transaction-main .render-box-history-transaction .box-history .body {
	background: rgba(253, 253, 253, 0.5);
}

.session-history-transaction-page .box-history-transaction-page .box-history-transaction-main .render-box-history-transaction .box-history .title .title-2 .tasking-status.cancel path {
	fill: var(--danger-color);
}

.nav-footer-mobile .box-nav-footer-center .session-icon-img-nav-footer-center {
	border: 4px solid var(--accent);
}

.nav-footer-mobile {
	background: var(--accent);
}

.session-lotto-results-main {

	.title-lotto-results {

		.btn-looking-lotto-results-last {

			.icon {
				color: var(--on-accent);
			}

		}
	}

	.box-render-lotto-results {

		.body-reward {
			padding: 8.8px;
			background: var(--surface-flat);
			border: 1px solid #FDFDFD1A;
			box-shadow: 0px 1px 2px -1px #0000001A;
			border-radius: 6px;

			.reward-no-1 {
				padding: 0;
				border: 1px solid #FDFDFD1A;
				margin-bottom: 8px;

				h4 {
					height: 36.8px;
					display: flex;
					justify-content: center;
					align-items: center;
					background: #0F0F0F4D;
					border-bottom: 0.8px solid #FDFDFD1A;
					color: #E9E9E9;
				}
			}

			.reward-no-2 {

				.session-reward-no-2-custom-1 {
					padding: 0;
					height: 155px;

					.reward-3-number-up-and-reward-4-number-up {
						border-bottom: none;
						height: 80px;

						.reward-3-number-up-and-reward-4-number-up-row-1,
						.reward-3-number-up-and-reward-4-number-up-row-2 {
							border: 1px solid #FDFDFD1A;

							h4 {
								width: 100%;
								height: 36.8px;
								display: flex;
								justify-content: center;
								align-items: center;
								background: #0F0F0F4D;
								border-bottom: 0.8px solid #FDFDFD1A;
								color: #E9E9E9;
							}

							.box-number-lotto-no-custom {

								.number-lotto-no-2 {
									color: #E9E9E9;
								}
							}
						}
					}

					.reward-3-number-font-and-reward-3-number-last {
						border-bottom: none;

						.reward-3-number-font-and-reward-3-number-last-row-1,
						.reward-3-number-font-and-reward-3-number-last-row-2 {
							border: 1px solid #FDFDFD1A;

							h4 {
								width: 100%;
								height: 36.8px;
								display: flex;
								justify-content: center;
								align-items: center;
								background: #0F0F0F4D;
								border-bottom: 0.8px solid #FDFDFD1A;
								color: #E9E9E9;
							}

							.box-number-lotto-no-custom {

								.number-lotto-no-2 {
									color: #E9E9E9;
								}
							}
						}
					}
				}

				.session-reward-no-2-custom-2 {
					padding: 0;
					border: 1px solid #FDFDFD1A;
					height: 153px;

					h4 {
						width: 100%;
						height: 36.8px;
						display: flex;
						justify-content: center;
						align-items: center;
						background: #0F0F0F4D;
						border-bottom: 0.8px solid #FDFDFD1A;
						color: #E9E9E9;
						margin: 0;
					}

					.number-lotto-no-2 {
						color: #E9E9E9;
					}
				}
			}
		}
	}
}

.page-wallet-container {

	.box-page-wallet {
		background: var(--surface-flat-deep);
	}
}

.detail-text-in-come-wallet-other {

	p {
		color: #BBBBBB;
	}
}

.session-lotto-bet-latest .box-render-lotto-bet .txt-lotto-bet-is-null h4 {
	color: #BBBBBB;
}

.session-payment-page-main .session-box-payment-page .box-payment-page {
	background: var(--surface-flat);
}

.session-game-page-main .session-box-game-page .box-game-page-main {
	background: var(--surface-flat);
}

.session-profile-page-main .session-box-profile-page .box-profile-page-main {
	background: var(--surface-flat);
}

.session-profile-page-main .session-box-profile-page .box-profile-page-main .page-box-profile .page-box-profile-1 .profile-wrapper {
	background: var(--surface-flat);
	border: 1px solid #505050;
	color: #E9E9E9;
}

.session-profile-page-main .session-box-profile-page .box-profile-page-main .page-box-profile .page-box-profile-2 .render-bank-account-pc .box-bank-account {
	background: #FDFDFD1A;
}

.session-profile-page-main .session-box-profile-page .box-profile-page-main .page-box-profile .page-box-profile-2 .render-bank-account-pc .box-bank-account.approve {
	background: var(--accent-alpha-10);
}

.session-profile-page-main .session-box-profile-page .box-profile-page-main .page-box-profile .page-box-profile-2 .render-bank-account-pc .box-bank-account.danger {
	filter: grayscale(100%);
	background: #FDFDFD1A;
}

.session-profile-page-main .session-box-profile-page .box-profile-page-main .page-box-profile .page-box-profile-2 .render-bank-account-pc .box-bank-account.danger .box-bank-account-1 .detail-bank-account h3,
.session-profile-page-main .session-box-profile-page .box-profile-page-main .page-box-profile .page-box-profile-2 .render-bank-account-pc .box-bank-account.danger .box-bank-account-1 .detail-bank-account h4,
.session-profile-page-main .session-box-profile-page .box-profile-page-main .page-box-profile .page-box-profile-2 .render-bank-account-pc .box-bank-account.danger .box-bank-account-1 .detail-bank-account h5 {
	color: #BBBBBB;
}

.session-profile-page-main .session-box-profile-page .box-profile-page-main .page-box-profile .page-box-profile-2 .render-bank-account-pc .box-bank-account .box-bank-account-1 .detail-bank-account h3 {
	color: #E9E9E9;
}

.box-ranking-offcanvar .detail .detail-username-and-rank .username h4 {
	color: #BBBBBB;
}

.box-ranking-offcanvar .detail .detail-username-and-rank .btn-profile-and-forget-password .btn-in-profile-custom.profile {
	color: var(--on-accent);
}

.navbar-offcanver .box-click-menu-body-navbar.active {
	color: var(--on-accent);
}

.nav-footer-mobile .box-nav-footer h4,
.nav-footer-mobile .box-nav-footer-center h4 {
	color: var(--on-accent);
}

.session-affiliate-page-main .session-box-affiliate-page .box-affiliate-page .page-box-affiliate .page-box-affiliate-1 .box-affiliate-link .link-copy-wrapper .custom-input input {
	background: unset;
}