* {
  word-break:normal
}
.body {
  background-color:var(--v-base-base);
  scroll-behavior:smooth;
  overflow-y:auto;
  margin-top:115px
}
@media(max-width:959px) {
  .body {
    margin-top:45px
  }
}
.full-width {
  width:100%
}
#app,
.full-height,
.page,
body,
html {
  height:100%
}
.dialog-card {
  overflow-x:hidden
}
.v-pagination {
  margin:15px 0
}
.v-pagination li button {
  margin:0;
  border-radius:0!important;
  box-shadow:none!important;
  border-top:1px solid;
  border-bottom:1px solid;
  border-left:1px solid;
  border-color:var(--v-base_2-base);
  min-height:40px;
  min-width:40px!important;
  font-size:16px
}
.v-pagination li:last-child button {
  border-right:1px solid;
  border-color:var(--v-base_2-base);
  border-top-right-radius:10px!important;
  border-bottom-right-radius:10px!important
}
.v-pagination li:first-child button {
  border-top-left-radius:10px!important;
  border-bottom-left-radius:10px!important
}
.button-primary {
  min-height:38px;
  min-width:120px;
  box-shadow:0 5px 10px 0 rgba(6,8,15,.1),inset 0 0 3px 0 #ffdd8f
}
html {
  scroll-behavior:smooth
}
* {
  -webkit-overflow-scrolling:touch
}
::-webkit-scrollbar-track {
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
  border-radius:10px
}
::-webkit-scrollbar-thumb {
  border-radius:10px;
  background:#ffce5e;
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)
}
::-webkit-scrollbar-thumb:window-inactive {
  background:#ffce5e
}
.card_container[data-v-7a1d732b] {
  margin-top:70px;
  border-radius:20px
}
.card_container.nonBanking[data-v-7a1d732b] {
  margin-top:0
}
@media(max-width:599px) {
  .card_container[data-v-7a1d732b] {
    margin-top:20px;
    border-radius:20px
  }
}
.close_instant {
  position:absolute;
  width:auto;
  float:right;
  top:17px;
  right:2%;
  z-index:99999
}
.v-dialog.box_instant {
  box-shadow:none!important
}
.popupImage,
.popupImage>img {
  text-align:center
}
.popupImage>img {
  width:430px;
  height:auto;
  padding:5px;
  border-radius:20px
}
@media (max-width:750px) {
  .popupImage>img {
    width:385px
  }
  .close_instant {
    right:20px
  }
}
@media (max-width:450px) {
  .popupImage>img {
    width:305px
  }
  .close_instant {
    right:5px
  }
}
.fab-contactUs {
  position:fixed;
  bottom:90px;
  right:20px;
  bottom:8%;
  right:0;
  z-index:5;
  text-decoration:none
}
.fab-contactUs .contactUs-icon {
  width:72px;
  height:72px;
  cursor:pointer
}
.fab-contactUs .pngImage {
  width:63px;
  height:63px
}
.fab-contactUs .pngImageAnchor {
  margin:0 auto
}
.fab-contactUs .mobile-livechat-icon {
  width:61px!important;
  height:61px!important;
  cursor:pointer
}
.floating-right {
  position:fixed;
  display:flex;
  z-index:5;
  right:0;
  top:50%
}
.floating-right:focus:after {
  width:100%;
  height:100%;
  display:absolute;
  z-index:4;
  background-color:rgba(0,0,0,.65)
}
.floating-right .floating-button {
  background-image:linear-gradient(90deg,#f48020,#f05724);
  color:#fff;
  text-align:center;
  text-transform:uppercase;
  -ms-writing-mode:tb-lr;
  writing-mode:vertical-lr;
  text-orientation:mixed;
  transform:rotate(180deg);
  padding:12px 8px;
  top:0;
  cursor:pointer
}
.floating-right .contactUs-panel {
  background-color:#f5f5f5
}
.floating-right .contactUs-panel .contactUs-header {
  font-size:1em;
  max-width:212px;
  text-align:center;
  padding:0 12px
}
.floating-right .contactUs-panel .contactUs-header .contactUs-header-icon {
  width:80px;
  height:80px
}
.floating-right .contactUs-panel .contactUs-item {
  width:100%;
  padding:8px;
  gap:8px;
  text-decoration:none;
  cursor:pointer
}
.floating-right .contactUs-panel .contactUs-item .contactUs-icon {
  width:32px;
  height:32px
}
.floating-right .contactUs-panel .livechat-item {
  background-image:linear-gradient(#f48020,#f05724);
  color:#fff
}
.floating-right .contactUs-panel .telegram-item {
  background-image:linear-gradient(#45b4e4,#0092c8);
  color:#fff
}
.floating-right .contactUs-panel .email-item {
  background-image:linear-gradient(#70c59e,#368f6b);
  color:#fff
}
.floating-right .contactUs-panel .metaMessenger-item {
  background-image:linear-gradient(180deg,#3a5795 0,#2b4886);
  color:#fff
}
.otp-button {
  color:#000;
  border-radius:10px;
  width:100%;
  font-size:14px!important;
  padding:9px!important;
  text-transform:capitalize
}
.registerTnc-iframe {
  width:100%;
  height:500px
}
.sms-confirm-button.col {
  padding-left:1em
}
.sms-confirm-button.col button {
  margin-top:0!important;
  height:50px!important
}
.resgiter-dialog-pagination-active {
  background-color:#fddd04
}
@media(max-width:959px) {
  .otp-button {
    height:35px!important;
    font-size:13px!important;
    padding:10px!important
  }
}
@media(max-width:599px) {
  .otp-button {
    height:35px!important;
    font-size:13px!important;
    padding:11px!important
  }
}
@media(max-width:425px) {
  .otp-button {
    height:35px!important;
    font-size:13px!important;
    padding:7px!important
  }
}
@media(max-width:375px) {
  .otp-button {
    height:35px!important;
    font-size:11px!important;
    padding:4px!important
  }
  .reg-mobile-prefix.v-input {
    font-size:12px!important
  }
  .reg-mobile-prefix.v-input .v-select__selection--comma {
    margin:7px 0 7px 0!important
  }
  .reg-mobile-prefix.v-input .v-input__icon {
    height:14px!important;
    width:14px!important;
    min-width:14px!important
  }
}
.resgiter-dialog-pagination {
  background-color:#acacac;
  color:#fff!important
}
.resgiter-dialog-pagination-active {
  background-color:#14805e;
  border-radius:30px;
  color:#fff!important
}
.resgiter-dialog-pagination.theme--light.v-btn.v-btn--disabled {
  color:#fff!important
}
.login-form .input-field .v-input__control .v-input__slot .v-text-field__slot .v-label {
  line-height:15px;
  text-transform:capitalize!important
}
.language-button-div {
  line-height:15px;
  min-height:40px!important
}
.embedded-login-button {
  height:1.5rem;
  width:120px;
  background-color:transparent!important;
  border:1px solid #fff;
  color:#fff!important
}
.embedded-login-button:hover {
  border:1px solid var(--v-secondary-base)
}
.embedded-register-button {
  height:28px;
  width:120px;
  border-radius:4px;
  background:var(--v-secondary-base)!important;
  box-shadow:0 2px 8px 0 rgba(6,8,15,.1),inset 0 0 3px 0 #ffdd8f;
  transition:box-shadow .5s ease-out .1s,background-position .3s ease-in,text-shadow .3s ease-in .1s
}
.embedded-register-button .v-btn:before {
  background-color:transparent
}
.embedded-register-button:hover {
  transition-duration:.6s;
  transition-delay:.3s;
  background-position:50% 0;
  box-shadow:0 4px 8px 1px #06080f
}
.forgot-button {
  position:absolute;
  top:65px;
  right:37%
}
.register-button {
  min-width:120px
}
.toolbar-icon {
  font-size:1.1rem
}
.toolbar-caption,
.toolbar-icon {
  color:var(--v-text_reverse-base)
}
.toolbar-caption {
  line-height:.8rem
}
.forum-icon {
  -webkit-mask:url(/static/svg/header-forum-icon.svg);
  mask:url(/static/svg/header-forum-icon.svg);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center
}
.forum-icon,
.service-icon {
  width:24px;
  height:24px;
  background-color:var(--v-text_reverse-base)
}
.service-icon {
  -webkit-mask:url(/static/svg/header-service-icon.svg);
  mask:url(/static/svg/header-service-icon.svg);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center
}
@media(max-width:959px) {
  .embedded-mobile-login-button {
    width:70px!important;
    height:30px!important;
    font-size:12px!important
  }
  .embedded-mobile-register-button {
    width:98px!important
  }
}
.captcha-code {
  display:flex;
  justify-content:flex-end
}
.captcha-code .captcha {
  text-align:center
}
.captcha-code .captcha,
.captcha-code .refresh {
  min-height:40px;
  height:40px;
  background-color:var(--v-primary-base)
}
.captcha-code .refresh {
  display:inline-flex;
  width:28px
}
.captcha-code .refresh i {
  color:#fff
}
.profile-alert-success .v-icon {
  color:#25b34b
}
.profile-alert-failed .v-icon {
  color:#dc2d2d
}
.forgot_password_panel {
  color:#000;
  background-color:#fff;
  padding:12px 16px!important
}
.forgot_password_panel .width-auto {
  width:100%;
  min-width:unset
}
.forgot_password_panel .link-underscore:hover {
  text-decoration:underline;
  color:var(--v-primary-base)
}
.forgot_password_panel input::-moz-placeholder {
  color:var(--v-description-base)!important;
  opacity:1
}
.forgot_password_panel input:-ms-input-placeholder {
  color:var(--v-description-base)!important;
  opacity:1
}
.forgot_password_panel input::placeholder {
  color:var(--v-description-base)!important;
  opacity:1
}
.forgot_password_panel .otp-button {
  background-color:var(--v-primary-base);
  border-radius:4px
}
.v-text-field--outlined .v-label {
  top:11px
}
.text-none {
  text-transform:none
}
.v-menu__content {
  top:206px
}
.page-navigator {
  position:fixed;
  margin-top:70px;
  background-color:var(--v-background_2-base);
  width:100%;
  z-index:9
}
.page-navigator .page-navigator-wrapper {
  display:flex;
  justify-content:space-between;
  max-width:1240px;
  height:45px;
  white-space:nowrap;
  margin:auto
}
.page-navigator .page-navigator-item {
  display:flex;
  vertical-align:middle;
  text-align:center;
  height:100%;
  width:100%;
  list-style:none
}
.page-navigator .page-navigator-item .page-navigator-button:hover:before {
  opacity:1
}
.page-navigator .page-navigator-item .page-navigator-button:before {
  content:"";
  position:absolute;
  height:100%;
  width:100%;
  bottom:0;
  left:0;
  border-bottom:2px solid #ffdf18;
  border-radius:0;
  opacity:0;
  transition:bottom .2s ease-in,opacity .3s ease-out;
  background:url(/static/image/navigator/nav-light.png) no-repeat bottom;
  background-size:100% 20%
}
.page-navigator .page-navigator-item .page-navigator-button:after {
  content:"";
  position:absolute;
  top:.875rem;
  right:0;
  bottom:auto;
  left:auto;
  width:1px;
  height:.875rem;
  opacity:1;
  background:var(--v-background-base)
}
.page-navigator .page-navigator-item .page-navigator-button {
  color:var(--v-text_reverse-base)!important;
  cursor:pointer;
  height:100%;
  width:100%
}
.page-navigator .page-navigator-item .page-navigator-button.v-btn--active {
  color:var(--v-primary-lighten3)
}
.page-navigator .page-navigator-item .page-navigator-button.v-btn--active:before {
  color:var(--v-primary-lighten3);
  opacity:1
}
.page-navigator .page-navigator-item .page-navigator-button:hover {
  color:var(--v-primary-lighten3);
  background-color:transparent;
  transition:bottom .2s ease-in,opacity .3s ease-out
}
@keyframes page-sub-navigator {
  0% {
    height:0
  }
  to {
    height:245px
  }
}
.page-sub-navigator.elevation-2 {
  overflow:auto;
  height:auto
}
.page-sub-navigator {
  position:relative;
  text-align:left;
  background-color:hsla(0,0%,100%,.9);
  animation:page-sub-navigator .3s linear;
  height:249px
}
.page-sub-navigator .page-sub-navigator-header {
  position:relative;
  width:1240px;
  margin:auto;
  height:32px;
  background-color:rgba(51,57,168,.9);
  z-index:1
}
.page-sub-navigator .page-sub-navigator-left-control {
  left:0
}
.page-sub-navigator .page-sub-navigator-left-control,
.page-sub-navigator .page-sub-navigator-right-control {
  position:absolute;
  top:calc(50% - 32px);
  z-index:1;
  font-size:42px;
  color:var(--v-primary-base);
  margin:0 1.5rem;
  cursor:pointer
}
.page-sub-navigator .page-sub-navigator-right-control {
  right:0
}
.page-sub-navigator .page-sub-navigator-left-control:hover,
.page-sub-navigator .page-sub-navigator-right-control:hover {
  color:var(--v-primary-lighten3)
}
.page-sub-navigator .page-sub-navigator-wrapper {
  position:relative;
  top:-32px;
  max-height:100%;
  max-width:1240px;
  margin:0 auto;
  display:flex;
  flex-flow:wrap
}
.page-sub-navigator ::-webkit-scrollbar-thumb {
  background:red;
  border-radius:6px
}
.page-sub-navigator .page-sub-navigator-item {
  display:inline-block;
  vertical-align:middle;
  margin:0 13px;
  cursor:pointer
}
.page-sub-navigator .page-sub-navigator-item .vendor-text {
  position:absolute;
  top:-28px;
  color:#000;
  padding:4px;
  z-index:2
}
.page-sub-navigator .page-sub-navigator-item .game_card {
  width:175px;
  height:auto;
  margin-top:40px;
  margin-bottom:30px;
  margin-right:auto;
  margin-left:auto
}
.page-sub-navigator .page-sub-navigator-item .game_card:hover:after {
  background-color:var(--v-primary-base)
}
.page-sub-navigator .page-sub-navigator-item .item-maintenance {
  background-color:var(--v-background_2-base);
  width:100%;
  height:100%;
  position:absolute;
  z-index:1;
  opacity:.8;
  top:0;
  left:50%;
  transform:translateX(-50%)
}
.page-sub-navigator .page-sub-navigator-item .item-maintenance .item-maintenance-label {
  top:50%;
  left:50%;
  width:100%;
  transform:translate(-50%,-50%);
  position:absolute;
  font-weight:700
}
.menu-navigator {
  cursor:pointer
}
.img-hot {
  position:absolute;
  top:0;
  width:27px
}
.img-new {
  position:absolute;
  width:45px
}
.v-footer {
  position:unset
}
.v-footer .footer-title {
  font-size:12px;
  font-family:ReadexPro-Bold
}
.v-footer .footer_wrapper {
  max-width:1240px;
  margin:30px auto;
  font-size:12px
}
.v-footer .footer_wrapper .footer-container-1 {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  row-gap:20px
}
.v-footer .footer_wrapper .footer-container-1 .column-gap {
  gap:4px
}
.v-footer .footer-divider {
  color:var(--v-divider-base)
}
.v-footer .footer-logo {
  width:120px
}
.v-footer .footer-disabled {
  filter:grayscale(100%)
}
.v-footer .footer-icon {
  max-width:32px;
  max-height:32px
}
.v-footer .seo_text {
  font-size:1.17em
}
.v-footer .footer-link-divider {
  border-color:#3a3a3a
}
.v-footer .footer-support:hover {
  color:var(--v-primary-base)
}
.v-footer .gaming-license {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:end
}
.v-footer .payment-methods-icons {
  gap:12px
}
.v-footer .faq-container {
  text-align:end
}
.v-footer .faq-container .faq-wrapper {
  gap:12px;
  color:var(--v-primary-base);
  margin:0 0 12px 0;
  justify-content:end
}
@media(max-width:599px) {
  .footer {
    margin-bottom:50px
  }
  .footer .footer_wrapper .footer-container-1 .customer-support {
    width:50%
  }
  .footer .footer_wrapper .footer-container-1 .community {
    width:calc(50% - 10px)
  }
  .footer .footer_wrapper .footer-container-1 .payment-methods {
    width:calc(45% - 10px)
  }
  .footer .footer_wrapper .footer-container-1 .payment-methods-icons {
    gap:20px
  }
  .footer .footer_wrapper .faq-container {
    text-align:start
  }
  .footer .footer_wrapper .faq-container .faq-wrapper {
    justify-content:start
  }
}
.pulse {
  display:flex;
  align-items:center;
  justify-content:center;
  width:9.1875rem;
  height:9.1875rem;
  border-radius:9.375rem;
  background:rgba(0,0,0,.25)
}
.pulse:after,
.pulse:before {
  content:"";
  position:absolute;
  left:-2px;
  top:-2px;
  right:-2px;
  bottom:-2px;
  border:2px solid #142590;
  border-radius:50%;
  animation:animate 2s linear infinite
}
.pulse:after {
  animation-delay:1s
}
@keyframes animate {
  0% {
    box-shadow:0 0 .0625rem #514bbe
  }
  30%,
  35% {
    box-shadow:0 0 2.1875rem #514bbe
  }
  60%,
  65% {
    box-shadow:0 0 0 #514bbe
  }
  to {
    box-shadow:0 0 1px #514bbe
  }
}
.login_panel {
  color:#000;
  background-color:#fff;
  padding:12px 16px!important
}
.login_panel .dialog-header {
  background-color:var(--v-primary-base)
}
.login_panel .link-underscore:hover {
  text-decoration:underline;
  color:var(--v-primary-base)
}
.login_panel .forgot-password {
  margin-bottom:12px
}
.login_panel .forgot-password .theme--dark.v-btn {
  color:#000
}
.login_panel .forgot-password .v-btn:hover {
  text-decoration:underline;
  color:var(--v-primary-base);
  cursor:pointer
}
.login_panel .forgot-password .v-btn:before {
  background-color:unset
}
.language_panel {
  color:#000;
  background-color:#fff;
  padding:12px 16px!important
}
.language_panel .language-divider {
  border-color:var(--v-border-base)
}
.language_panel .v-btn-toggle--group .v-btn {
  color:#000;
  border:1px solid var(--v-description-base)
}
.language_panel .v-btn-toggle--group .v-btn.v-btn--active,
.language_panel .v-btn-toggle--group .v-btn:hover {
  color:var(--v-primary-base);
  border:1px solid var(--v-primary-base)
}
.language_panel .v-btn:before {
  background-color:unset
}
@media(max-width:425px) {
  .language_panel .v-btn {
    font-size:12px!important;
    height:35px!important
  }
}
.button-primary {
  position:relative;
  min-height:28px;
  min-width:80px;
  border-radius:3px;
  background:linear-gradient(90deg,#fbc103 0,#f79604 15%,#f79604 30%,#fbc103 55%,#fbc103);
  background-position:-50% 0;
  box-shadow:0 6px 6px 1px rgba(6,8,15,.1),0 6px 6px 1px rgba(6,8,15,.1),0 6px 6px 1px rgba(6,8,15,.1),inset 0 0 3px 0 #ffdd8f;
  transition:background-position .3s ease-in,box-shadow .5s ease-out .1s,text-shadow .3s ease-in .1s;
  color:#fff
}
.button-primary:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:url(/static/btn-light.png) no-repeat top;
  background-position:0 0;
  background-size:100%
}
.button-primary:hover {
  transition-duration:.6s;
  transition-delay:.3s;
  background-position:0 0;
  background:linear-gradient(90deg,#fbc103 0,#f79604 15%,#f79604 65%,#fbc103);
  box-shadow:0 2px 2px 1px rgba(6,8,15,.1),0 4px 4px 1px rgba(6,8,15,.1),0 8px 8px 1px rgba(6,8,15,.1),0 16px 16px 1px rgba(6,8,15,.1),0 32px 32px 1px rgba(6,8,15,.1),inset 0 0 3px 0 #ffdd8f;
  text-shadow:0 1px 3px #967302
}
.breakWord-onspace {
  white-space:normal
}
.vip-badge-mobile .v-badge {
  margin-top:11px
}
.v-btn--is-elevated {
  box-shadow:0 0!important
}
.coin_box_gif {
  position:fixed;
  bottom:32%;
  right:10px;
  z-index:200;
  cursor:pointer
}
.grab_coin_icon {
  animation:swing 1.2s;
  animation-iteration-count:3
}
@keyframes swing {
  20% {
    transform:rotate(15deg)
  }
  40% {
    transform:rotate(-10deg)
  }
  60% {
    transform:rotate(5deg)
  }
  80% {
    transform:rotate(-5deg)
  }
  to {
    transform:rotate(0deg)
  }
}
.language_desktop {
  position:absolute;
  top:70px;
  right:3.5%
}
.download-bar {
  position:fixed;
  z-index:5;
  height:60px;
  width:100%;
  display:flex;
  justify-content:space-around;
  align-items:center;
  padding:0 12px;
  background-color:#f5f5f5;
  line-height:1
}
.download-bar .download-bar-button {
  background:#9584ff!important;
  color:#fff
}
.download-bar-height {
  margin-top:60px
}
.download-bar-height-body {
  margin-top:104px
}
.icon_middle_nav {
  width:30px;
  stroke:#fff;
  fill:#fff
}
.icon_btm_nav {
  width:19px;
  height:19px;
  margin-top:8px;
  fill:var(--v-text_color-base)
}
.icon_btm_nav.chat {
  stroke:#fff;
  fill:#fff;
  width:23px;
  margin-bottom:-8px
}
.icon_normal {
  width:25px;
  fill:#fff;
  color:#000;
  stroke:#e4282f
}
.icon_large {
  width:35px;
  fill:#fff;
  color:#000;
  margin-top:-5px
}
.gold-gradient {
  background:transparent linear-gradient(180deg,#ffa15c,#e2d200) 0 0 no-repeat padding-box;
  font-weight:700
}
.btn_img_lc {
  width:30px;
  padding-bottom:0;
  padding-left:5px;
  margin-left:10px
}
.gold-color {
  background-color:#b87953!important
}
.yellow-color {
  background-color:#fddd04!important
}
.v-btn.theme-button.liveChatButton {
  background:transparent linear-gradient(90deg,#fa786a,#c83563 50%,#86286d) 0 0 no-repeat padding-box!important;
  border-radius:15px
}
.mobile-member-info-box {
  padding:5px 15px;
  background:#121734;
  box-shadow:0 3px 6px rgba(0,0,0,.26);
  border-radius:8px
}
.mobile-member-info-box .mobile-member-info-box-text {
  font-size:15px
}
.mobile-member-info-box .mobile-member-info-box-text-icon {
  font-size:12px
}
.mobile-member-info-box .mobile-member-info-box-balance {
  font-size:15px;
  font-weight:700
}
.mobile-member-info-box .mobile-member-info-box-icon {
  height:auto!important
}
.mobile-member-info-box .mobile-member-info-box-icon .v-icon {
  font-size:28px
}
.liveChatButton {
  width:200px;
  border-bottom-right-radius:0!important;
  border-bottom-left-radius:0!important;
  z-index:1;
  min-height:auto!important;
  position:fixed;
  height:auto;
  top:30%;
  right:-80px;
  transform:rotate(-90deg)
}
.liveChatButton span {
  font-size:24px;
  font-weight:400
}
.header-row {
  display:flex;
  flex-direction:column;
  padding-left:1em;
  padding-right:1em
}
button.round {
  border-radius:50%!important
}
button.buttonWhite {
  box-shadow:none
}
button span {
  letter-spacing:0
}
.v-btn.primary-button {
  border-radius:10px;
  color:#fff;
  text-transform:capitalize;
  width:100%;
  font-size:16px
}
.sticky-header {
  position:sticky;
  top:0
}
.brand-logo {
  position:absolute;
  left:3%;
  transform:translateX(-3%);
  z-index:1;
  top:-1%;
  width:300px;
  margin-top:20px
}
.mobile-brand-logo {
  width:250px
}
.img_flag_select {
  width:23px;
  height:17px;
  margin-left:-10px;
  margin-right:4px
}
.member-menu-divider {
  border-color:#fff!important
}
.div_header {
  background-color:#2d3487;
  padding-top:20px
}
.splitter_header {
  padding:0;
  background-color:#3a3eb1;
  margin:0 auto
}
.header-icon-button-link {
  height:40px!important;
  min-width:auto!important;
  width:40px!important;
  margin-left:8px
}
.header-icon-button-more {
  height:40px!important
}
.status-bar {
  position:fixed;
  z-index:5;
  height:30px;
  width:100%;
  background-color:var(--v-base-base);
  font-size:14px
}
.status-bar .status-bar-wrapper {
  width:100%;
  max-width:1240px;
  margin:auto
}
.status-bar .status-bar-language .v-btn {
  background:hsla(0,0%,100%,.3);
  height:auto
}
.status-bar .status-bar-language .v-btn:hover {
  background-color:#0d543e
}
.status-bar .status-bar-language .v-btn__content {
  text-transform:capitalize
}
.status-bar .status-bar-icon {
  display:flex;
  position:relative;
  color:var(--v-text_color-darken2);
  padding:0 8px;
  cursor:pointer
}
.status-bar .status-bar-icon i {
  padding:0 4px 0 0;
  color:var(--v-text_color-darken2)
}
.status-bar .status-bar-icon .v-image {
  margin-right:4px
}
.status-bar .status-bar-icon:hover,
.status-bar .status-bar-icon:hover i {
  color:var(--v-text_color-lighten1)
}
.status-bar .status-bar-icon:not(:last-child):before {
  content:"";
  position:absolute;
  top:20%;
  right:0;
  width:1px;
  height:60%;
  border-right:1px solid var(--v-text-base);
  opacity:.8
}
.header-top {
  height:80px;
  background:linear-gradient(180deg,var(--v-primary-lighten2),var(--v-primary-base));
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  position:fixed;
  z-index:5
}
.header-top .v-toolbar__content {
  max-width:1240px;
  width:100%;
  margin:auto;
  padding:0
}
.header-column,
.header-top .theme--dark.v-btn.v-btn--icon {
  color:var(--v-text_reverse-base)
}
.header-column .is-login-header {
  display:flex;
  align-items:center;
  gap:12px
}
.header-column .refresh-balance {
  transition:transform .5s
}
.header-column .refresh-balance:hover {
  transform:rotate(215deg)
}
.header-column .invisible-button {
  height:1.5rem;
  min-width:120px;
  padding:4px 12px;
  cursor:pointer;
  opacity:1
}
.header-column .invisible-button .v-btn__content {
  opacity:1!important
}
.header-column .invisible-button label {
  cursor:pointer
}
.header-column .invisible-button:hover {
  border:1px solid var(--v-secondary-base);
  border-radius:8px
}
.account-actions {
  display:flex
}
.account-actions a {
  margin-left:5px;
  margin-right:5px;
  text-decoration:none
}
.account-actions .flex-column {
  padding-right:5px;
  display:flex;
  justify-content:center;
  align-items:center;
  cursor:pointer;
  font-size:12px
}
.account-actions .flex-column img {
  height:35px
}
.login-form .v-messages__message {
  font-size:9px!important
}
.header-bottom {
  min-height:100px;
  color:#fff;
  background:transparent linear-gradient(180deg,#4145c4,#121734 150%) 0 0 no-repeat padding-box;
  position:sticky;
  top:0;
  z-index:15
}
.side-navigation-drawer .list-item-container {
  padding:0 20px
}
.side-navigation-drawer .side-nav-logo {
  background-color:#303030;
  padding:12px 32px;
  margin:0!important;
  border-radius:0!important
}
.side-navigation-drawer .v-list {
  padding:0
}
.side-navigation-drawer .v-list-item__title {
  color:var(--v-secondary-base)
}
.side-navigation-drawer a {
  margin:0!important
}
.side-navigation-drawer a.v-list-item,
.side-navigation-drawer a.v-list-item--link,
.side-navigation-drawer a.v-list-item--link:before,
.side-navigation-drawer a.v-list-item:before {
  border-radius:0
}
.side-navigation-drawer .mobile_list_menu .v-list-item__icon {
  margin:12px 0
}
.side-navigation-drawer .v-list-item__icon:first-child {
  margin-right:12px
}
.side-navigation-drawer .side-menu-icon-wrapper {
  display:flex;
  justify-content:center;
  align-items:center
}
.side-navigation-drawer .side-menu-icon {
  width:36px;
  height:36px
}
.side-navigation-drawer .vip-progress-bar .v-progress-linear__background {
  background-color:#ebebeb!important;
  border-color:#ebebeb!important;
  opacity:1!important
}
.side-navigation-drawer .vip-progress-bar .v-progress-linear__determinate {
  border-radius:10px
}
.side-navigation-drawer .vip-progress-bar label {
  color:#acacac
}
.bottom-navigator {
  position:fixed;
  bottom:0;
  z-index:4;
  width:100%;
  background-color:#514bbe
}
.bottom-navigator .bottom-navigator-before-login {
  height:60px;
  background-color:#514bbe
}
.bottom-navigator .bottom-navigator-before-login .bottom-navigator-before-login-first {
  color:#000;
  background-color:#ddd;
  border:1px solid #ddd
}
.bottom-navigator .bottom-navigator-before-login .bottom-navigator-before-login-second {
  color:#fff;
  background-color:var(--v-secondary-base)
}
.bottom-navigator .bottom-navigator-before-login .bottom-navigator-before-login-third {
  color:#fff
}
.bottom-navigator .theme--light.v-btn.v-btn--has-bg {
  background-color:transparent
}
.bottom-navigator a {
  letter-spacing:1px;
  padding:0!important;
  display:block;
  border-color:var(--v-base_3-base);
  text-decoration:none
}
.bottom-navigator a:before {
  opacity:0!important
}
.bottom-navigator a p {
  margin:-2px 0 0 0;
  text-transform:capitalize;
  color:#fff
}
.mobile-header-detail {
  background-color:#fff;
  padding-left:1em;
  padding-right:1em;
  font-size:12px;
  min-height:46px
}
.mobile-header-detail .header-wallet {
  font-size:14px;
  padding:15px 35px 15px 15px
}
.mobile-header-detail .header-wallet-icon {
  margin-left:-25px
}
.mobile-header-rightBtns {
  justify-content:flex-end
}
@media(max-width:1499px) {
  .div_header {
    padding-top:0
  }
  .language_desktop {
    top:60px;
    right:4%
  }
}
@media(max-width:1263px) {
  .language_desktop {
    right:6%
  }
  .header-icon-button-link {
    height:35px!important;
    width:35px!important;
    margin-left:4px
  }
  .header-icon-button-more {
    height:35px!important;
    margin-left:4px;
    min-width:auto!important;
    width:30px!important
  }
  .header-icon-button-more .v-icon {
    height:15px!important;
    font-size:28px!important
  }
  .header-text {
    font-size:13px!important
  }
}
@media(max-width:1024px) {
  .header-text-statis-word {
    display:none
  }
}
@media(max-width:599px) {
  .header-top {
    height:60px
  }
  .header-top .v-toolbar__content {
    padding:4px 16px
  }
  .header-top .toolbar-icon {
    color:var(--v-text_reverse-base)
  }
  .v-btn.primary-button {
    font-size:12px;
    width:100%
  }
  .language_desktop {
    position:absolute;
    top:50px;
    right:13%
  }
  .liveChatButton {
    display:none
  }
  .header {
    height:50px;
    background-image:linear-gradient(90deg,var(--v-primary-base),var(--v-primary_3-base));
    padding:0 15px
  }
  .header .mobile-brand-logo {
    width:auto!important;
    height:25px!important;
    margin-top:5px
  }
  .header .header-mobile-livechat {
    position:absolute;
    top:0;
    right:15px;
    height:100%
  }
  .header .header-mobile-livechat .v-icon {
    font-size:25px;
    padding-right:5px
  }
  .header .header-mobile-livechat .v-btn__content {
    font-size:16px
  }
  .v-btn.v-size--default {
    font-size:14px
  }
  .v-btn.v-btn--icon.v-size--default {
    width:40px!important
  }
}
@media(max-width:599px) {
  .header {
    padding:0 15px
  }
  .header .header-mobile-livechat .v-icon {
    font-size:25px
  }
  .header .header-mobile-livechat .v-btn__content {
    font-size:16px
  }
  .mobile-brand-logo {
    margin-top:-10px;
    margin-left:-10px;
    width:200px
  }
  .profile-alert-failed,
  .profile-alert-success {
    font-size:14px
  }
  .bottom-navigator {
    background-color:#5b52c7
  }
  .bottom-navigator .v-btn.v-btn--has-bg {
    background:transparent
  }
  .bottom-navigator .v-btn.v-btn--has-bg .v-btn__content {
    font-size:12px;
    text-transform:capitalize
  }
  .bottom-navigator .v-btn.v-btn--has-bg .v-btn__content p {
    margin:0
  }
}
.loading:after {
  overflow:hidden;
  display:inline-block;
  vertical-align:bottom;
  animation:ellipsis .9s steps(4) infinite;
  content:"\2026";
  width:0
}
@keyframes ellipsis {
  to {
    width:20px
  }
}
.buttonPrimary {
  color:#fff!important
}
.v-dialog {
  overflow:hidden
}
.v-dialog:not(.v-dialog--fullscreen) {
  max-height:97%
}
.dialog-logo[data-v-9cead1be] {
  width:133px;
  height:22px;
  padding-top:4px
}
.dialog-card[data-v-9cead1be] {
  transition:all .3s ease-in-out .3s;
  opacity:1;
  font-size:12px
}
.dialog-card .dialog-title[data-v-9cead1be] {
  font-size:16px
}
.dialog-card .dialog-subtitle[data-v-9cead1be] {
  font-size:14px
}
.dialog-header[data-v-9cead1be] {
  position:relative;
  background:var(--v-primary-base);
  border:1px solid var(--v-primary-base)
}
.dialog-close-icon[data-v-9cead1be] {
  cursor:pointer
}
.dialog-close-icon[data-v-9cead1be]:hover {
  transition:.5s ease-out;
  background-color:var(--v-primary-lighten1)
}
.dialog-row[data-v-9cead1be] {
  overflow-y:auto;
  scrollbar-width:thin;
  padding:16px 12px
}
.dialog-divider[data-v-9cead1be] {
  border-width:.8px!important;
  border-color:#acacac!important;
  height:100%
}
@media(max-height:600px) {
  .dialog-row[data-v-9cead1be] {
    max-height:300px
  }
}
@media(max-height:400px) {
  .dialog-row[data-v-9cead1be] {
    height:200px
  }
}
.v-text-field--outlined fieldset {
  border-width:1px
}
.v-text-field--outlined.v-input--is-verify fieldset {
  border-color:var(--v-primary-base);
  border-width:2px
}
.input-field-label {
  font-size:14px
}
.theme--dark.v-input input,
.theme--dark.v-input textarea,
.v-input input,
.v-input textarea {
  color:var(--v-primary-base)
}
.v-text-field.v-text-field--enclosed .v-text-field__details {
  margin:0
}
.input-field .v-select.v-text-field--outlined:not(.v-text-field--single-line) .v-select__selections {
  color:#000
}
.input-field .v-icon,
.input-field .v-input__icon {
  color:#fbb70d
}
.input-field .v-input__slot {
  margin:0
}
.input-field .v-input__slot .v-select__slot .v-select__selections {
  color:#000
}
.input-field .v-input__slot .v-select__slot .v-icon--disabled,
.input-field .v-input__slot .v-select__slot .v-select__selections .v-select__selection--disabled {
  color:#c9c9c9!important
}
.input-field .v-input__append-outer,
.input-field .v-input__prepend-inner {
  margin-top:0!important;
  align-self:center
}
.input-field .v-input__append-inner {
  margin:0;
  align-self:center
}
.input-field.v-input--is-readonly input {
  color:#3a3a3a!important;
  opacity:.7
}
.input-field.v-input--is-readonly .v-input__slot {
  background-color:rgba(0,0,0,.1)
}
.input-field .v-input__control .v-input__slot {
  min-height:40px;
  height:40px
}
.input-field .v-input__control .v-text-field__details {
  margin-bottom:0!important
}
.input-field .v-input__control .v-text-field__details .v-messages__message {
  font-size:11px
}
.secondary_button[data-v-3b7d3367] {
  background:transparent!important;
  text-decoration:underline;
  color:var(--v-navigator_active-base)!important;
  box-shadow:none!important
}
.v-btn.theme-button[data-v-3b7d3367] {
  text-transform:capitalize;
  border-radius:10px;
  height:auto;
  font-size:16px
}
@media(max-width:599px) {
  .v-btn.dialog-button[data-v-3b7d3367] {
    width:100%!important
  }
}
.profile-sheet {
  position:relative;
  background-color:var(--v-base-base)!important;
  overflow-y:auto;
  overflow-x:hidden
}
.profile-sheet .profile-sheet-wrapper {
  max-width:959px;
  margin:auto
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-header {
  position:relative;
  height:45.3333333333vw;
  background-position-y:-30vw;
  background:url(/static/image/profile/member-header-bg.png);
  background-size:contain;
  background-attachment:fixed;
  background-repeat:no-repeat
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-header .profile-sheet-header-image {
  top:0
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-header .profile-sheet-header-wrapper {
  max-width:1240px;
  margin:auto
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-header .profile-sheet-header-wrapper .profile-sheet-close-wrapper {
  position:absolute;
  top:-32px;
  right:-32px;
  padding:42px;
  border-radius:50%;
  background-color:var(--v-base-base);
  cursor:pointer
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-header .profile-sheet-header-wrapper .profile-sheet-close-wrapper .profile-sheet-close-icon {
  position:absolute;
  bottom:20px;
  left:20px
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-header .profile-sheet-header-wrapper .header-member-name {
  position:absolute;
  top:32px;
  left:32px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-header .profile-sheet-header-wrapper .header-member-name .profile-sheet-profile-avatar {
  color:var(--v-secondary-base);
  font-size:44px;
  background-color:#000;
  box-shadow:2px 2px 1px 3px rgba(0,0,0,.1)
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-body {
  position:relative;
  top:-35vw;
  left:0;
  width:100%;
  background:var(--v-base-base)
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-body .profile-sheet-body-wrapper {
  max-width:1240px;
  margin:auto;
  padding:8px;
  display:flex;
  flex-direction:column;
  gap:12px
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-body .profile-sheet-body-wrapper .profile-sheet-item {
  background-color:var(--v-base-lighten1)
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-body .profile-sheet-body-wrapper .profile-sheet-item .profile-sheet-item-header {
  padding:8px
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-body .profile-sheet-body-wrapper .profile-sheet-item .profile-sheet-item-header .profile-sheet-item-title {
  position:relative;
  font-size:14px;
  padding-left:12px
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-body .profile-sheet-body-wrapper .profile-sheet-item .profile-sheet-item-header .profile-sheet-item-title:before {
  content:"";
  position:absolute;
  top:10%;
  left:0;
  width:4px;
  height:80%;
  background-color:var(--v-primary-base)
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-body .profile-sheet-body-wrapper .profile-sheet-item .profile-sheet-item-divider {
  width:100%;
  height:1px;
  background-color:var(--v-base-base);
  margin:2px 0
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-body .profile-sheet-body-wrapper .profile-sheet-item .profile-sheet-item-row-mobile {
  display:flex;
  align-items:center;
  padding:0;
  flex-wrap:wrap
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-body .profile-sheet-body-wrapper .profile-sheet-item .profile-sheet-item-row-mobile .profile-sheet-item-column {
  display:flex;
  flex-direction:column;
  justify-content:start;
  align-items:center;
  align-self:baseline;
  gap:3px;
  width:19%;
  cursor:pointer;
  margin:10px
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-body .profile-sheet-body-wrapper .profile-sheet-item .profile-sheet-item-row-mobile .profile-sheet-item-column .profile-sheet-icon {
  width:36px;
  height:36px;
  border-radius:50%;
  background-color:hsla(0,0%,100%,.3)
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-body .profile-sheet-body-wrapper .profile-sheet-item .profile-sheet-item-row-mobile .profile-sheet-item-column label {
  font-size:11px;
  text-align:center
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-body .profile-sheet-body-wrapper .profile-sheet-item .profile-sheet-item-row {
  display:flex;
  justify-content:space-around;
  align-items:center;
  padding:0;
  flex-wrap:wrap
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-body .profile-sheet-body-wrapper .profile-sheet-item .profile-sheet-item-row .profile-sheet-item-column {
  display:flex;
  flex-direction:column;
  justify-content:start;
  align-items:center;
  align-self:baseline;
  gap:5px;
  width:11%;
  cursor:pointer;
  margin:10px
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-body .profile-sheet-body-wrapper .profile-sheet-item .profile-sheet-item-row .profile-sheet-item-column .profile-sheet-icon {
  width:36px;
  height:36px;
  border-radius:50%;
  background-color:hsla(0,0%,100%,.3)
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-body .profile-sheet-body-wrapper .profile-sheet-item .profile-sheet-item-row .profile-sheet-item-column label {
  font-size:12px;
  text-align:center
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-body .profile-sheet-body-wrapper .profile-sheet-item .disbaledDiv {
  pointer-events:none;
  opacity:.4
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-body .profile-sheet-body-wrapper .profile-sheet-wallet {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:16px 16px;
  font-size:12px
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-body .profile-sheet-body-wrapper .profile-sheet-wallet .profile-sheet-balance {
  display:flex;
  gap:4px
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-body .profile-sheet-body-wrapper .profile-sheet-wallet .profile-sheet-balance label {
  color:var(--v-secondary-lighten2);
  align-self:center
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-body .profile-sheet-body-wrapper .profile-sheet-wallet .profile-sheet-balance .mask-balance {
  color:var(--v-secondary-lighten2);
  cursor:pointer
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-body .profile-sheet-body-wrapper .profile-sheet-wallet .profile-sheet-balance .refresh-balance-icon {
  width:24px;
  height:24px;
  background-color:var(--v-secondary-lighten2);
  mask:url(/static/image/profile/icon-refresh-type01.svg);
  mask-repeat:no-repeat;
  mask-position:center;
  -webkit-mask:url(/static/image/profile/icon-refresh-type01.svg);
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  cursor:pointer
}
.profile-sheet .profile-sheet-wrapper .profile-sheet-body .profile-sheet-body-wrapper .profile-sheet-wallet .balance {
  color:#aaa;
  font-size:18px
}
.profile-sheet .profile-sheet-wrapper .logout-container {
  background-color:var(--v-base-lighten1);
  padding:12px;
  display:flex;
  justify-content:center;
  align-items:center
}
.profile-sheet .profile-sheet-wrapper .logout-container .logout-btn {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  cursor:pointer
}
.profile-sheet .profile-sheet-wrapper .logout-container .logout-btn .logout-icon {
  width:28px;
  height:28px;
  background-color:var(--v-text_color-base);
  mask:url(/static/image/profile/icon-logout.svg);
  mask-repeat:no-repeat;
  mask-position:center;
  -webkit-mask:url(/static/image/profile/icon-logout.svg);
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  cursor:pointer
}
@media(max-width:959px) {
  .profile-sheet-header {
    background-position-y:-25vw!important
  }
  .profile-sheet-body {
    top:-25vw!important
  }
}
@media(max-width:599px) {
  .profile-sheet-header {
    background-position-y:-10vw!important
  }
  .profile-sheet-body {
    top:-10vw!important
  }
  .profile-sheet-wallet {
    padding:16px 4px!important
  }
}