@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

@import url("_normalize.css");

@import url("_lotto.css");

@import url("_article.css");

@import url("_game-theme.css");

@import url("_navbar.css");

@import url("./_cheat.css");

:root { --header-height: 62px; --footer-height: 5.2em; --swiper-theme-color: #ffc107; }

html { height: 100%; background-color: black; }

html, body { font-family: Kanit, sans-serif; }

body { color: rgb(255, 255, 255); background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: var(--bg_img_size); scroll-behavior: smooth; overflow-y: scroll; }

@supports (-webkit-touch-callout: none) {
  body { height: -webkit-fill-available; }
}

body::-webkit-scrollbar, body div::-webkit-scrollbar { width: 4px; background-color: rgba(56, 56, 56, 0.34); border-radius: 10px; }

body::-webkit-scrollbar-thumb { border-radius: 10px; background: var(--scrollbar_thump_bg); }

body::-webkit-scrollbar-track { border-radius: 10px; background: var(--scrollbar_track_bg); }

p { margin-bottom: 0px; }

.bg-primary { background: linear-gradient(to right bottom, rgb(0, 0, 0), rgb(32, 32, 32)); }

.navbar-light .navbar-nav .nav-link { color: rgb(255, 255, 255); }

.navbar-light .navbar-nav .nav-link.active { color: var(--button_primary_color_1); text-decoration: underline; }

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: inherit; text-decoration: underline; }

.btn-check:focus + .btn, .btn:focus { box-shadow: none; }

.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0px; }

.btn-primary { background: rgb(252, 188, 49); border-color: rgb(252, 188, 49); }

.btn-primary.gradient { background: linear-gradient(rgb(252, 188, 49) 0%, rgb(158, 129, 49) 50%, rgb(104, 73, 7) 100%); }

.btn-primary:hover { border-color: rgb(194, 157, 85); background-color: rgb(113, 90, 44); }

.btn-check:focus + .btn-primary, .btn-primary:focus { color: rgb(255, 255, 255); background-color: rgb(87, 65, 13); border-color: rgb(180, 127, 34); box-shadow: rgba(194, 148, 53, 0.5) 0px 0px 0px 0.25rem; }

.btn-link { color: rgb(251, 251, 251); }

.swal2-popup { box-shadow: black 1px 1px 11px 2px !important; }

.swal2-container { backdrop-filter: blur(4px); }

.swal2-title, .swal2-content { color: rgb(255, 255, 255) !important; }

.bi { line-height: 0; }

.bi-1-5x { font-size: 1.5em; }

.bi-2x { font-size: 2em; }

.iziToast-wrapper-topRight, .iziToast-wrapper-topCenter { top: var(--header-height) !important; }

.bd-callout { border-width: 1px 1px 1px 0.25rem; border-style: solid; border-color: rgb(233, 236, 239); border-image: none; border-radius: 0.25rem; }

.bd-callout-warning { border-left-color: rgb(240, 173, 78); }

.bd-callout-danger { border-left-color: rgb(217, 83, 79); }

.bd-callout-success { border-left-color: rgb(25, 135, 84); }

.spinner-wrapper { display: flex; justify-content: center; align-items: center; position: fixed; top: 0px; bottom: 0px; width: 100%; z-index: 99; backdrop-filter: blur(3px) grayscale(0.5); }

.btn-line-secondary { border-color: rgb(108, 117, 125); }

.bg-dark { background: rgba(0, 0, 0, 0.47) !important; }

.bg-dark-2 { background: linear-gradient(rgb(51, 51, 62) 0%, rgb(13, 13, 16) 100%); border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }

.text-shadow { text-shadow: rgba(0, 0, 0, 0.6) 1px 1px 2px; }

#main-nav { box-shadow: rgba(0, 0, 0, 0.74) 0px 3px 14px 2px; position: fixed; height: var(--header-height); top: 0px; width: 100%; }

#main-nav .navbar-collapse { background-color: rgb(0, 0, 0); }

.container.main, .sub-page { padding-top: var(--header-height); }

.sub-footer { padding-bottom: var(--footer-height); }

.announcer { background: rgb(75, 74, 75); border-radius: 12px; padding: 0px 0.5em; }

.btn-img:hover { transform: scale(1.05); }

.text-content { color: rgb(255, 238, 206); font-weight: 200; }

.game-preview { border-radius: 12px; overflow: hidden; }

.game-preview > img { width: 100%; }

.game-preview .footer { border: 0px; text-align: center; font-weight: bold; font-size: 150%; }

.color-primary { color: rgb(167, 130, 51); }

.color-secondary { color: rgb(205, 150, 43); }

.social-icon { width: 60px; }

.theme-form input:not([type="checkbox"]) { background: rgba(255, 255, 255, 0.42); outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding-left: 50px; color: rgb(255, 255, 255); font-size: 20px; font-weight: 100; border-radius: 2em !important; }

.theme-form .input-group-text:first-child { position: absolute; height: 2em; width: 2em; top: 0.32em; left: 0.3em; justify-content: center; z-index: 9; border-radius: 50% !important; }

.theme-form .input-group-text:last-child { position: absolute; padding: 0px; border-radius: 0px 20px 20px 0px; height: 2em; z-index: 9; }

.theme-form .input-group-lg .input-group-text:first-child { top: 0.15em; left: 0.1em; }

.theme-form .input-group-lg .input-group-text:last-child { top: 0.15em; right: 0.2em; }

.theme-form .input-group-lg .input-group-text + input { padding-left: 2.7em; }

.theme-form .form-control { font-weight: bold; }

.theme-form .form-control:focus { background-color: rgba(255, 255, 255, 0.79); color: rgb(51, 51, 51); font-weight: bold; }

.select2-selection--single .select2-selection__rendered { padding-top: 0.2em; }

.select2-container .sel-img { width: 2em; margin-right: 0.8em; }

.select2-container .select2-selection--single { height: 2.5em; }

.select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; }

.select2-container--default .select2-selection--single { background: rgb(47, 46, 42); }

.select2-results__option[aria-selected] { background-color: rgb(75, 75, 75); }

.select2-container--default .select2-selection--single .select2-selection__rendered { color: rgb(255, 255, 255); }

.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: rgb(100, 72, 21); }

.select2-container--default .select2-selection--single { border-radius: 2em; }

.select2-container--default .select2-results__option[aria-selected="true"] { background-color: rgb(224, 166, 36); }

#bannerSlide .swiper-slide img { min-height: 11em; object-fit: cover; object-position: center center; }

.game-list .card { background-color: rgb(35, 34, 31); }

.game-list .card .list-group-item { background-color: rgb(41, 40, 33); }

.game-list .card .card-body { min-height: 5em; }

.zpagenav > .page-link { display: none; }

.zpagenav > ul.pagination { display: flex; justify-content: center; align-items: center; }

.bg-circle { position: relative; overflow: hidden; }

.bg-circle::before { content: ""; position: absolute; inset: 0px 0px -110%; z-index: 0; }

.bg-circle > * { z-index: 1; position: relative; }

.bg-circle-danger::before { background: radial-gradient(rgb(99, 1, 1) 0%, rgba(109, 0, 25, 0) 60%); }

.bg-circle-info::before { background: radial-gradient(rgb(1, 48, 99) 0%, rgba(109, 0, 25, 0) 60%); }

.bg-circle-success::before { background: radial-gradient(rgb(14, 86, 27) 0%, rgba(109, 0, 25, 0) 60%); }

.bg-circle-warning::before { background: radial-gradient(rgb(104, 107, 8) 0%, rgba(109, 0, 25, 0) 60%); }

.hr-gradient-b { position: relative; }

.hr-gradient-b::after { content: ""; position: absolute; bottom: 0px; width: 100%; height: 1px; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%); }

svg.bi.bi-icon-sm { height: 8px !important; width: 8px !important; }

svg.bi.bi-icon-xl { height: 32px !important; width: 32px !important; }

a.navbar-brand { height: 100%; padding: 0px; }

#main-nav > .container:first-child { padding: 0px; }

#main-nav > .container { height: 100%; }

#main-logo { height: inherit; object-fit: contain; width: 8em; }

#foot-menu { left: 50%; transform: translateX(-50%); width: 100%; max-width: 720px; position: fixed; bottom: 0px; background: rgba(249, 249, 249, 0.85); backdrop-filter: blur(5px) brightness(1.5); border-radius: 20px 20px 0px 0px; padding: 0.6em; box-shadow: rgba(0, 0, 0, 0.54) 0px 0px 6px 2px; display: flex; justify-content: space-around; height: var(--footer-height); z-index: 10; }

#foot-menu > a { height: 4em; text-align: center; color: rgb(0, 0, 0); border-radius: 18px; }

#foot-menu img.icon { max-height: 1.8em; width: 2em; }

#foot-menu > a.middle { background: linear-gradient(rgb(247, 213, 98) 0%, rgb(173, 119, 19) 100%); border-radius: 50%; width: 5em; height: 5em; position: relative; top: -0.5em; transform: scale(1.2); box-shadow: rgba(0, 0, 0, 0.63) 0px 0px 3px 0px; }

.credit-box { position: relative; margin: auto; z-index: 2; }

.credit-box .credit-content { top: 0px; bottom: 0px; backdrop-filter: blur(6px); border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 8px 0px; perspective: 364px; overflow: hidden; }

.credit-box .credit-content span { text-shadow: rgba(0, 0, 0, 0.35) 2px 2px 1px; }

.credit-box .bg-logo { position: absolute; filter: saturate(0.3) opacity(0.04); transform: rotate3d(5, -8, 4, 25deg) translate(2em, -2em) scale(0.8); width: 100%; z-index: -1; top: 0px; }

#member-block { max-width: 30em; margin: auto; }

#member-block .btn-menu { width: 100%; height: 4.3em; padding: 0.8em; }

#member-block .btn-menu { color: rgb(0, 0, 0); border: 0px; }

#member-block > .row > div:not(:first-child) { border-left: 1px solid rgba(0, 0, 0, 0.28); }

#member-block .btn-menu i { display: block; font-size: 1.7em; }

#member-block img.icon { display: block; margin: auto; width: 1.7em; height: 1.7em; }

.profile-badge .bg { position: absolute; background: white; padding: 0.2em 0.7em 0.2em 2.4em; border-radius: 22px; font-size: 1.52em; color: rgb(0, 0, 0); font-weight: bold; text-shadow: rgba(0, 0, 0, 0.21) 2px 2px 1px; box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; }

.profile-badge .front { border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; height: 3.6em; width: 3.6em; padding: 0.3em; font-size: 0.8em; position: relative; }

iframe.game-frame { display: table-cell; }

iframe.game-frame.without-cheat { position: absolute; inset: 0px; }

.game-list .progress { border-radius: 0px; background-color: rgb(62, 62, 62); border-top: 1px solid rgb(103, 103, 103); width: 100%; }

i.bi-search.fw-bolder::before { font-weight: bold !important; }

.custom-input-search { border-radius: 2em; box-shadow: rgba(0, 0, 0, 0.4) 4px 3px 6px 1px inset; overflow: hidden; background: rgba(255, 255, 255, 0.89); }

.custom-input-search input { outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: transparent; }

.custom-input-search input:focus { background-color: rgba(255, 255, 255, 0.925) !important; }

.custom-input-search > label { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.footer-index-left, .footer-index-right { margin-top: 0px; }

.games-entrance-item { padding: 0.5em; transition: 0.3s; cursor: pointer; }

.games-entrance-item > a { text-decoration: none; }

.games-entrance-item:hover { transform: scale(1.1); filter: brightness(1.3); }

.footer-index-container > .footer-index-left { color: var(--footer_text_color); }

.footer-index-container > .footer-index-right { color: var(--footer_text_color); }

.footer-index-left > h3:first-child, .footer-index-right > h3:first-child { margin-bottom: -0.25em; text-align: center; font-size: 1.3em; }

.footer-index-left > p, .footer-index-right > p { font-weight: 300; text-align: center; margin-bottom: 1em !important; }

.footer-group-ic-social { justify-content: center; align-items: center; }

@media screen and (max-width: 768px) {
  .footer-group-ic-social { margin-bottom: 1em; }
  .footer-group-ic-social > a:not(:first-child) { width: 3.2em; margin: 0px 1px !important; }
  .footer-group-ic-social > a > img { width: 100%; height: auto; object-fit: contain; }
  .footer-index-right > .footer-ic-bank > .social-icon { width: 3.3em; height: auto; object-fit: contain; margin: 0px 1px; }
}

.social-icon.qrcode-clear-fix { width: 6.5em; margin-left: 0.5em; padding: 0.5em; background: rgb(255, 255, 255); border-radius: 0.25em; }

@media (min-width: 576px) {
  #main-nav .navbar-collapse { background-color: transparent !important; }
  #main-nav .login-b { order: 3; }
}

@media (max-width: 575.98px) {
  .credit-box { font-size: 0.9em; }
  .profile-content { font-size: 0.87em; }
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1000px; }
}