/*Variables*/
:root {
  --color-black: #000;
  --color-white: rgba(235, 235, 245, 0.6);
  --color-primary: #39ad4a;
  --color-secondary: #008cff;
  --color-text: rgba(235, 235, 245, 0.6);
  --color-side-nav-active: #ffffff;
  --color-text-table: rgba(235, 235, 245, 0.6);
  --color-search-button: rgba(45, 75, 41, 0.9);
  --color-button: #ebebf5;

  --bg-body: linear-gradient(168deg, #223a1f 1.62%, #0b170c 95.72%);
  --bg-section: linear-gradient(168deg, #223a1f 1.62%, #0b170c 95.72%);
  --bg-side-nav: linear-gradient(168deg, #223a1f 1.62%, #0b170c 95.72%);
  --bg-side-nav-header-section: #345b2f;
  --bg-side-nav-header-active: transparent;
  --bg-separator: transparent;
  --bg-side-nav-shrink-icon: #345b2f;
  --bg-side-nav-active-icon: #39ad4a;
  --bg-side-nav-toggler: linear-gradient(168deg, #345b2f 1.62%, #1a321c 95.72%);
  --bg-linear-gradient: #39ad4a;
  --bg-header-section: radial-gradient(
    60% 50% at 50% 90%,
    rgba(57, 173, 74, 0.2) 0%,
    transparent 100%
  );
  --bg-input: linear-gradient(168deg, #345b2f 1.62%, #1a321c 95.72%);
  --bg-calendar-separator: rgba(57, 173, 74, 0.3);
  --bg-modal: linear-gradient(168deg, #223a1f 1.62%, #0b170c 95.72%);

  --border-input: 0;

  --button-primary-bg: #39ad4a;
  --button-primary-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.02);
  --button-secondary-bg: linear-gradient(180deg, #008cff 0%, #0956fa 100%);
  --button-secondary-box-shadow: 4px 0px 24px 0px rgba(169, 81, 195, 0.24);

  --font-family: "Inter", sans-serif;
  --font-weight: 500;
  --font-size-regular: 14px;

  --icon-display: block;
  --icon-size: 32px;
  --icon-cover: cover;
  --icon-contain: contain;
  --icon-repeat: no-repeat;
  --icon-position: center;

  --border-radius-4: 4px;
  --border-radius-10: 10px;
  --border-radius-16: 16px;
  --border-radius-20: 20px;
  --border-radius-40: 40px;
}

body {
  font-family: var(--font-family) !important;
  background: var(--bg-body);
  color: var(--color-text) !important;
  font-weight: var(--font-weight);
  font-size: var(--font-size-regular);
  letter-spacing: 0.1px;
}

.loader {
  border: 0;
  background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/loaders/UNI88_preloader1.gif);
  background-size: var(--icon-contain);
  background-position: var(--icon-position);
  background-repeat: var(--icon-repeat);
  height: 200px;
  width: 200px;
  border-radius: 0;
  -webkit-animation: none;
  animation: none;
  top: calc(50%);
  left: calc(50%);
  transform: translate(-50%, -50%);
}

.nm-widget {
  max-width: 100% !important;
}

#site-loading-icon {
  background: var(--bg-body);
}

#site-loading-icon::before {
  content: "";
  position: absolute;
  height: 200px;
  width: 200px;
  background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/loaders/UNI88_preloader1.gif);
  background-position: var(--icon-position);
  background-size: var(--icon-contain);
  background-repeat: var(--icon-repeat);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

::-webkit-scrollbar,
.dropdown ::-webkit-scrollbar {
  width: 4px !important;
  height: 4px !important;
  background: transparent;
}

::-webkit-scrollbar-thumb,
.dropdown ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.02) !important;
  border-radius: 20px;
}

a:not([href]):hover,
a:hover {
  color: var(--color-side-nav-active);
  text-decoration: none;
}

button {
  height: 37px;
  padding: 0 64px !important;
  font-size: 16px !important;
  color: var(--color-button) !important;
  border-radius: var(--border-radius-4);
  font-weight: 700;
  background: var(--button-primary-bg);
  font-family: "Poppins", sans-serif;
}

button.primary {
  background: var(--button-primary-bg);
  box-shadow: var(--button-primary-box-shadow);
}

button.primary:hover {
  background: var(--button-secondary-bg);
  box-shadow: var(--button-secondary-box-shadow);
}

#modernSkin.main-wrapper .layout-wrapper .chat-aside {
  display: none !important;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content {
  padding: 24px 16px !important;
}

#modernSkin.main-wrapper .layout-wrapper .scroll-wrap {
  max-width: 100%;
  padding-bottom: 24px;
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content.shrink
  .scroll-wrap,
#app_left_navigation.menu-nav.shrink ~ .content-wrapper #app_header,
#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content.shrink
  #app_footer
  .footer-container,
#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content.shrink
  #provider-game-list-page-casino-group,
#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content.shrink
  #game-providers-page,
#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content.shrink
  #provider-game-list-page {
  margin: 0 auto;
}

#modernSkin.main-wrapper .separator {
  background: var(--bg-separator) !important;
  margin: 20px 0 !important;
}

#modernSkin.main-wrapper .separator.loggedin {
  display: none;
}

body.logged-in #modernSkin.main-wrapper .separator.loggedin {
  display: block;
}

#modernSkin .dropdown-menu {
  filter: drop-shadow(0px 10px 5px rgba(0, 0, 0, 0.5));
}

#modernSkin .nm-widget.language-w .language-public .dropdown-menu {
  background-color: transparent !important;
  background: var(--bg-modal) !important;
  border-radius: 8px !important;
  overflow: hidden;
}

#modernSkin .dropdown-menu .dropdown-item {
  display: flex;
  color: var(--color-text) !important;
  font-weight: var(--font-weight);
}

#modernSkin .dropdown-menu .dropdown-item:hover {
  background: var(--bg-side-nav-active-icon) !important;
  color: var(--color-white) !important;
}

#app_left_navigation .nm-widget.language-w .language-public .language-option {
  background-color: var(--bg-side-nav-header-section) !important;
}

.modal .modal-dialog .modal-content {
  border-radius: 8px;
  background: var(--bg-modal);
  padding: 40px 32px !important;
  height: fit-content;
  position: relative;
}

#modal-login.modal .modal-dialog .modal-content {
  max-width: 564px !important;
}

.modal .modal-dialog .modal-content:before {
  content: "";
  position: absolute;
  bottom: -29px;
  left: -27px;
  height: 58px;
  width: calc(100% + 54px);
  z-index: -1;
  background: rgba(68, 184, 83, 0.3);
  filter: blur(13.699999809265137px);
  border-radius: 100%;
}

.modal .modal-dialog .modal-content .modal-header {
  padding: 0 0 12px 0;
  position: relative;
  align-items: center;
}

.modal .modal-dialog .modal-content .modal-header .modal-title {
  color: #ffffff !important;
  font-size: 24px !important;
  line-height: 130%;
}

.modal .modal-dialog .modal-content .modal-header .temp-title {
  font-weight: 700;
  font-size: 18px;
  color: var(--color-white) !important;
  margin: auto;
}

#modal-user-profile.modal .modal-dialog .modal-content {
  padding: 0 !important;
}

#modal-user-profile .modal-body {
  position: relative;
}

.modal .modal-dialog .modal-content .modal-header .close,
#modal-user-profile .modal-body .close {
  padding: 0 !important;
  margin: 0;
  top: -23px !important;
  right: -15px;
  height: 24px;
  width: 24px;
}

#modal-user-profile .modal-body .close {
  top: 24px !important;
  right: 24px;
}

.modal .modal-dialog .modal-content .modal-header .close:before,
#modal-user-profile .modal-body .close:before {
  content: "";
  background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/uni-close-32-button.webp);
  height: 100%;
  width: 100%;
  background-size: var(--icon-contain);
  background-position: var(--icon-position);
  display: var(--icon-display);
  vertical-align: middle;
}

.modal .modal-dialog .modal-content .modal-body {
  padding: 0;
  border-bottom-left-radius: var(--border-radius-20);
  border-bottom-right-radius: var(--border-radius-20);
}

#modal-login .modal-content .modal-body .form-login,
#modal-login .modal-content .modal-body .form-forgot-password,
.form-register {
  padding: 0;
}

form .form-group label,
.form .form-group label {
  color: var(--color-text);
  font-size: 14px;
}

form .form-group #password-signin {
  padding-left: 30px;
}

form .form-group .input-inline,
.form .form-group .input-inline,
.form-register .form-group input[type="text"],
.form-register .form-group input[type="email"],
.form-register .form-group input[type="password"],
.form-register .form-group select {
  height: 56px;
  border: var(--border-input);
  color: #5f6b89;
  font-size: 16px;
  font-weight: 600;
  padding: 0 16px;
  background: transparent;
  position: relative;
  border-radius: 8px !important;
}

form .form-group .input-inline::placeholder,
.form-register .form-group input::placeholder {
  color: rgba(95, 107, 137, 0.5) !important;
  text-transform: uppercase;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
}

form .form-group .input-group:before,
.form-register .form-group label.form-prompt:before,
.form-register .form-group label:not(.custom-control-label):before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: 8px !important;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset,
    0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  background: rgba(217, 217, 217, 0.5);
  mix-blend-mode: color-burn;
}

.form-register .form-group label.form-prompt:before,
.form-register .form-group label:not(.custom-control-label):before {
  height: 56px;
  top: 16px;
  bottom: 0;
}

.form-register .form-group {
  padding: 0;
}

.form-register .form-row {
  margin: 0 !important;
}

form .form-group .icon-inline,
.form .form-group .icon-inline {
  bottom: 16px;
  left: 4px;
}

.form-register .form-group input[type="text"],
.form-register .form-group input[type="email"],
.form-register .form-group input[type="password"],
.form-register .form-group select {
  padding: 0 16px;
}

.form-register .form-group input[type="checkbox"] {
  cursor: pointer;
}

form .form-group .input-inline::placeholder,
.form .form-group .input-inline::placeholder {
  color: var(--color-text-table);
}

form .form-group .icon-inline:before,
.form .form-group .icon-inline:before {
  font-size: 16px;
  margin-left: 5px;
}

form .form-group .icon-inline.icon-user:before,
.form .form-group .icon-inline.icon-user:before {
  content: "\f007";
  font-family: "Font Awesome 5 Free";
}

form .form-group .icon-inline.icon-password:before,
.form .form-group .icon-inline.icon-password:before {
  content: "\f023";
  font-family: "Font Awesome 5 Free";
}

form .form-group .highlight,
.form .form-group .highlight {
  color: var(--color-primary);
}

form .form-group .password-visible,
.form .form-group .password-visible {
  right: 10px !important;
  bottom: 50%;
  transform: translateY(50%);
}

.form-register .form-group .password-visible {
  bottom: 8px;
  transform: translateY(-50%);
}

#modal-login
  .modal-content
  .modal-body
  .form-login
  .form-group.forgot-password-group,
#modal-login
  .modal-content
  .modal-body
  .form-forgot-password
  .form-group.forgot-password-group {
  font-size: 14px;
  cursor: pointer;
  color: #5f6b89;
  margin-bottom: 12px;
}

#modal-login .modal-content .modal-body #btn-signin,
#modal-login .modal-content .modal-body #btn-forgot {
  padding: 0 48px !important;
  height: 37px;
  background: var(--button-primary-bg);
  border-radius: var(--border-radius-4);
  box-shadow: none;
  border: 0;
  color: var(--color-button);
  width: fit-content;
  margin: 0 auto;
}

#modal-login .modal-content .modal-body #btn-signin:hover,
#modal-login .modal-content .modal-body #btn-forgot:hover,
.form-register .form-group input[type="submit"]:hover {
  background: var(--button-secondary-bg);
}

.form-register .form-group input[type="submit"] {
  padding: 0 48px !important;
  height: 37px;
  background: var(--button-primary-bg);
  border-radius: var(--border-radius-4);
  box-shadow: none;
  color: var(--color-button);
  font-size: 16px;
  border: 0;
  width: fit-content;
  margin: 0 auto;
}

.form-register .form-group input[type="submit"]:hover,
#modal-login .modal-content .modal-body #btn-signin:hover {
  background: var(--button-secondary-bg);
}

#modal-login .modal-content .modal-body .form-login .form-group.register-group,
#modal-login
  .modal-content
  .modal-body
  .form-forgot-password
  .form-group.register-group,
.form-register .form-group.signin-group {
  margin-bottom: 0;
  font-size: 14px;
}

#modal-login
  .modal-content
  .modal-body
  .form-login
  .form-group.register-group
  a.link-active,
#modal-login
  .modal-content
  .modal-body
  .form-forgot-password
  .form-group.register-group
  a.link-active {
  color: #73c37b;
  cursor: pointer;
}

.form-register .form-group.signin-group a.link-active {
  color: #73c37b;
  cursor: pointer;
}

/*side-nav*/
#modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav {
  display: none !important;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .header-section {
  display: none;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .menu-container {
  padding-top: 65px;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .menu-container:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 65px;
  left: 0;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5) 50.4%,
    rgba(255, 255, 255, 0) 96.77%
  );
  filter: opacity(0.6);
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .menu-container:after {
  content: "";
  position: absolute;
  top: 65px;
  left: 0;
  height: 56px;
  width: 100%;
  background: radial-gradient(
    50% 128.57% at 50% -36.61%,
    #39ad4a 0%,
    rgba(57, 173, 74, 0.52) 25.67%,
    rgba(10, 35, 14, 0) 100%
  );
  z-index: 0;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .product-menu {
  background: var(--bg-side-nav-header-section);
  border-bottom: 0 !important;
  border-radius: var(--border-radius-20);
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .product-menu
  .nav-menu-item {
  position: relative;
  justify-content: flex-start !important;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .product-menu
  .nav-menu-item
  p {
  text-transform: capitalize;
  margin: 0 0 0 50px !important;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .product-menu
  .nav-menu-item.active,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .product-menu
  .nav-menu-item:hover {
  background: var(--bg-side-nav-header-active);
  border-radius: var(--border-radius-20);
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .product-menu
  .nav-menu-item.active,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .product-menu
  .nav-menu-item:hover,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .product-menu
  .nav-menu-item.active
  p,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .product-menu
  .nav-menu-item:hover
  p {
  color: var(--color-side-nav-active) !important;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .product-menu
  .nav-menu-item
  .fa-caret-right,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .product-menu
  .nav-menu-item.active::before {
  display: none;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .product-menu
  .nav-menu-item
  i#navItemIcon {
  position: absolute;
  left: 20px;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .product-menu
  .nav-menu-item.active
  i#navItemIcon {
  left: -2px;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .product-menu
  .nav-menu-item
  i#navItemIcon::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.shrink
  .shrink-product-menu
  .active-item-selector
  #navItemIcon::before {
  content: "";
  display: var(--icon-display);
  width: 20px;
  height: 20px;
  background-size: var(--icon-contain);
  background-repeat: var(--icon-repeat);
  background-position: var(--icon-position);
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.shrink
  .shrink-product-menu
  .active-item-selector
  #navItemIcon::before {
  width: 29px;
  height: 29px;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .product-menu
  .nav-menu-item.active
  i#navItemIcon {
  width: 44px;
  height: 44px;
  background: var(--bg-linear-gradient);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .product-menu
  .nav-menu-item.active
  i#navItemIcon::before {
  width: 32px;
  height: 32px;
  transition: all 0.2s ease-in-out;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .product-menu
  .nav-menu-item
  i#navItemIcon.CasinoTop::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.shrink
  .shrink-product-menu
  .active-item-selector
  #navItemIcon.CasinoTop::before {
  background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Casino.svg);
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .product-menu
  .nav-menu-item
  i#navItemIcon.SportsTop::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.shrink
  .shrink-product-menu
  .active-item-selector
  #navItemIcon.SportsTop::before {
  background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Sports.svg);
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu {
  padding: 0 16px 64px 24px !important;
  height: calc(100vh - 65px);
  position: relative;
  transition: 0.2s padding ease-in-out;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item,
.side-menu .scroll-section .other-menu .language-w {
  height: 56px !important;
  margin: 0 !important;
  position: relative;
}

.side-menu .scroll-section .other-menu .language-w {
  width: 100%;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 50.4%,
    rgba(255, 255, 255, 0) 96.77%
  );
  filter: opacity(0.4);
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a {
  padding: 0 !important;
  gap: 8px;
  font-size: 16px;
  font-weight: 700;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a:hover {
  background: var(--bg-side-nav-header-active) !important;
  font-size: 16px !important;
  color: var(--color-side-nav-active) !important;
  transition: background 0.2s, padding 0.2s ease-in;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i {
  position: relative !important;
  margin: 0 !important;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i::before {
  content: "";
  display: var(--icon-display);
  width: var(--icon-size);
  height: var(--icon-size);
  background-size: var(--icon-contain);
  background-repeat: var(--icon-repeat);
  background-position: var(--icon-position);
  position: relative;
  z-index: 1;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.LiveCasino::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/LiveCasino.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.LiveCasino::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.LiveCasino::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/LiveCasino-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.Slots::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Slots.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.Slots::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.Slots::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Slots-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.TVShows::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/TVShows.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.TVShows::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.TVShows::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/TVShows-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.FastGames::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/FastGames.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.FastGames::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.FastGames::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/FastGames-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.TableGames::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/TableGames.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.TableGames::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.TableGames::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/TableGames-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.VirtualSports::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/VirtualSports.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.VirtualSports::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.VirtualSports::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/VirtualSports-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.GameShows::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/GameShows.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.GameShows::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.GameShows::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/GameShows-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.Home::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Home.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.Home::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.Home::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Home-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.TopGames::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/TopGames.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.TopGames::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.TopGames::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/TopGames-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.NewReleases::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/NewReleases.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.NewReleases::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.NewReleases::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/NewReleases-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.AllProviders::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/AllProviders.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.AllProviders::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.AllProviders::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/AllProviders-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.Promotions::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Promotions.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.Promotions::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.Promotions::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Promotions-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.VIPProgram::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/VIPProgram.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.VIPProgram::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.VIPProgram::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/VIPProgram-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.Komp::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Komp.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.Komp::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.Komp::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Komp-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.SidePlayerChat::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/liveChat.SVG");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.SidePlayerChat::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.SidePlayerChat::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/liveChat-active.SVG");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.Tournaments::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Tournaments.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.Tournaments::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.Tournaments::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Tournaments-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.Referral::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Referral.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.Referral::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.Referral::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Referral-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.BT1Sports::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/BT1Sports.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.BT1Sports::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.BT1Sports::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/BT1Sports-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.DigitainSports::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/DigitainSports.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.DigitainSports::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.DigitainSports::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/DigitainSports-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.ESports::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/ESports.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.ESports::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.ESports::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/ESports-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.AllCasino::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/allCasinoIcon.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.AllCasino::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.AllCasino::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/allCasinoIcon-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.FeatureBuyIn::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/featureBuyInIcon.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.FeatureBuyIn::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.FeatureBuyIn::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/featureBuyInIcon-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.baccarat::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/baccaratIcon.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.baccarat::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.baccarat::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/baccaratIcon-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.blackjack::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/blackjackIcon.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.blackjack::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.blackjack::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/blackjackIcon-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.slots::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/Slots.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.slots::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.slots::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/Slots-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.tableGames::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/TableGames.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.tableGames::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.tableGames::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/TableGames-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.topGames::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/TopGames.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.topGames::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.topGames::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/TopGames-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.MiniGames::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/miniGamesIcon.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.MiniGames::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.MiniGames::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/miniGamesIcon-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.TVGames::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/TVGames.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.TVGames::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.TVGames::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/TVGames-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.DigitainESports::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/DigitainEsports.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.DigitainESports::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.DigitainESports::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/DigitainEsports-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.PinnacleSports::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/PinnacleSports.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.PinnacleSports::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.PinnacleSports::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/PinnacleSports-active.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a
  i.PinnacleESports::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/PinnacleESports.svg");
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a.active
  i.PinnacleESports::before,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item:hover
  a
  i.PinnacleESports::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/PinnacleESports-active.svg");
}

.nm-widget.language-w {
  height: 32px;
}

.nm-widget.language-w .language-public {
  width: 100%;
}

.nm-widget.language-w .language-public:hover {
  background-color: transparent !important;
}

.nm-widget.language-w .language-public .language {
  width: 100%;
  border-radius: var(--border-radius-20);
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0;
  font-size: 0;
  color: var(--color-text) !important;
  font-weight: var(--font-weight);
}

.nm-widget.language-w .language-public .language:hover {
  color: var(--color-side-nav-active) !important;
}

.nm-widget.language-w .language-public .language img {
  height: 32px;
  margin-right: 6px;
  width: 32px;
  border-radius: 50%;
  object-fit: cover;
}

.nm-widget.language-w .language-public .language.dropdown-toggle:after {
  border: 0;
  content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/Carret.svg);
  margin: 0;
}

.nm-widget.language-w .language-public .language.dropdown-toggle:hover:after {
  content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/Carret-active.svg);
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a#showIntercomChat {
  background-color: var(--bg-side-nav-header-section) !important;
  border-radius: var(--border-radius-20);
  padding: 0 0 0 60px !important;
  height: 44px;
}

.nm-widget.language-w .language-public .language-option a {
  align-items: center;
}

.nm-widget.language-w .language-public .language-option a img {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  object-fit: cover;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a#showIntercomChat
  i {
  margin: 0 0 0 -39px !important;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a#showIntercomChat.active
  span,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  ul
  .nav-item
  a#showIntercomChat:hover
  span {
  padding-left: 0;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  .social-links {
  display: flex;
  flex-flow: column;
  position: relative;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  .social-links
  span {
  display: block;
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  margin-left: -8px;
  margin-bottom: 12px;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  .social-item {
  height: 56px;
  width: 100%;
  position: relative;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  .social-item:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 50.4%,
    rgba(255, 255, 255, 0) 96.77%
  );
  filter: opacity(0.4);
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  .social-item
  a {
  display: flex;
  align-items: center;
  gap: 16px;
  height: 100%;
  width: 100%;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  .social-item
  span {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  .social-item
  a:hover
  span {
  color: var(--color-side-nav-active);
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav
  section
  .side-menu
  .social-item
  a
  img {
  height: var(--icon-size);
  width: var(--icon-size);
  object-fit: var(--icon-contain);
}

#modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink {
  width: 64px !important;
}

#app_left_navigation.shrink
  .shrink-product-menu
  .active-item-selector
  .fa-caret-right {
  display: none;
}

#app_left_navigation.menu-nav.shrink .header-section {
  padding: 22px 15px 9px 8px !important;
}

#app_left_navigation.shrink
  .shrink-product-menu
  .active-item-selector
  #navItemIcon {
  margin-right: 0 !important;
}

#app_left_navigation.shrink .shrink-product-menu .active-item-selector {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#app_left_navigation.shrink section .product-menu {
  background: var(--bg-side-nav-header-active) !important;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.shrink
  section
  .side-menu {
  padding: 0 8px 64px !important;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.shrink
  section
  .side-menu
  ul
  .nav-item
  a,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.shrink
  section
  .side-menu
  ul
  .nav-item
  a:hover,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.shrink
  section
  .side-menu
  ul
  .nav-item
  a#showIntercomChat,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.shrink
  section
  .side-menu
  ul
  .nav-item
  a#showIntercomChat:hover {
  background: transparent !important;
  padding: 0 !important;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.shrink
  section
  .side-menu
  ul
  .nav-item
  a
  i,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.shrink
  section
  .side-menu
  ul
  .nav-item
  a#showIntercomChat
  i {
  margin: 0 !important;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.shrink
  section
  .side-menu
  ul
  .nav-item
  a#showIntercomChat
  i::after {
  height: 44px;
  width: 44px;
  top: -12px;
  left: -12px;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.shrink
  section
  .side-menu
  .social-links
  span {
  opacity: 0;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.shrink
  .menu-container
  .nav-item
  a:hover
  span {
  background: var(--bg-side-nav-active-icon) !important;
  border-top-right-radius: var(--border-radius-4);
  border-bottom-right-radius: var(--border-radius-4);
  height: 56px !important;
  padding-top: 0 !important;
  display: flex !important;
  align-items: center;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.shrink
  .shrink-product-menu
  .shrink-dropdown-menu {
  background-color: var(--bg-side-nav-header-section) !important;
  top: 70px !important;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.shrink
  .shrink-product-menu
  .shrink-dropdown-menu
  .dropdown-item
  #navItemIcon {
  display: none;
}

#app_left_navigation.shrink .nm-widget.language-w .language-public .language {
  padding: 0;
  font-size: 0;
  height: 44px;
  width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-left: calc((100% - 44px) / 2);
}

#app_left_navigation.shrink
  .nm-widget.language-w
  .language-public
  .language
  img {
  margin-right: -2px;
  max-height: 15px;
}

#app_left_navigation.shrink
  .nm-widget.language-w
  .language-public
  .language.dropdown-toggle:after {
  display: none;
}

#app_left_navigation.shrink
  .nm-widget.language-w
  .language-public
  .language-option {
  background-color: var(--bg-side-nav-header-section) !important;
  min-width: fit-content;
  width: 60px;
  left: -3px !important;
}

#app_left_navigation.shrink
  .nm-widget.language-w
  .language-public
  .language-option
  > a {
  padding: 10px 8px !important;
  font-size: 0 !important;
  min-width: fit-content;
  display: flex;
  justify-content: center;
}

#app_left_navigation.shrink
  .nm-widget.language-w
  .language-public
  .language-option
  > a
  > img {
  margin-right: 0;
  max-height: 15px;
}

#app_left_navigation.shrink section .side-menu .sticky-bottom .social-links {
  flex-direction: column;
  margin-top: 20px !important;
  gap: 5px 0;
}

/*Header*/
.nm-widget.galow {
  margin: 0 !important;
  max-width: 100%;
}

#app_header.main-header-container {
  height: 65px !important;
  position: relative;
}

#app_header.main-header-container .subheader-menu {
  display: flex;
  align-items: center;
  position: absolute;
  height: 88px;
  top: 100%;
  width: 100%;
  background: radial-gradient(
    50% 128.57% at 50% -36.61%,
    #39ad4a 0%,
    rgba(57, 173, 74, 0.518334) 25.67%,
    rgba(10, 35, 14, 0) 100%
  );
}

#app_header.main-header-container .subheader-menu:before {
  content: " ";
  position: absolute;
  width: calc(100% + 16px);
  height: 2px;
  bottom: 0;
  left: -8px;
  background: radial-gradient(
    50% 128.57% at 50% -36.61%,
    #39ad4a 0%,
    rgba(57, 173, 74, 0.518334) 25.67%,
    rgba(10, 35, 14, 0) 100%
  );
}

#app_header.main-header-container .subheader-menu .menuw {
  overflow-x: scroll;
  overflow-y: hidden;
}

#app_header.main-header-container .subheader-menu .menuw ul {
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;
  width: max-content;
}

#app_header.main-header-container .subheader-menu .menuw ul li {
  font-size: 16px;
  font-weight: 700;
  line-height: 20.8px;
  text-wrap: nowrap;
  padding: 0 10px;
}

#app_header.main-header-container .subheader-menu .menuw ul li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#app_header.main-header-container .subheader-menu .menuw ul li i:before {
  content: " ";
  display: inline-block;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

#app_header.main-header-container .subheader-menu .menuw ul li,
.menu-panel .nm-widget ul li,
.other-menu .menuw ul li,
.other-menu ul .nav-item a {
  & i.home:before {
    background-image: url(https://sgp1.digitaloceanspaces.com/alpha-static/DOSLJN/assets/icons/header-menu/Home.svg);
  }

  & i.digitainSports:before {
    background-image: url(https://sgp1.digitaloceanspaces.com/alpha-static/DOSLJN/assets/icons/header-menu/Digitain_Sports.svg);
  }

  & i.btiSports:before {
    background-image: url(https://sgp1.digitaloceanspaces.com/alpha-static/DOSLJN/assets/icons/header-menu/BTI.svg);
  }

  & i.live:before {
    background-image: url(https://sgp1.digitaloceanspaces.com/alpha-static/DOSLJN/assets/icons/header-menu/Live.svg);
  }

  & i.eSports:before {
    background-image: url(https://sgp1.digitaloceanspaces.com/alpha-static/DOSLJN/assets/icons/header-menu/E-Sports.svg);
  }

  & i.liveCasino:before {
    background-image: url(https://sgp1.digitaloceanspaces.com/alpha-static/DOSLJN/assets/icons/header-menu/Live%20Casino.svg);
  }

  & i.casino:before {
    background-image: url(https://sgp1.digitaloceanspaces.com/alpha-static/DOSLJN/assets/icons/header-menu/Casino.svg);
  }

  & i.fastGames:before {
    background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/Fast%20Games.svg);
  }

  & i.tvGames:before {
    background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/TV%20Games.svg);
  }

  & i.virtualSports:before {
    background-image: url(https://sgp1.digitaloceanspaces.com/alpha-static/DOSLJN/assets/icons/header-menu/Virtual%20Sports.svg);
  }

  & i.skillGames:before {
    background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/Skill%20Games.svg);
  }

  & i.promotion:before {
    background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/Promotion-new.svg);
  }

  & i.withdraw:before {
    background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/Withdraw.svg);
  }

  & i.deposit:before {
    background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/Deposit.svg);
  }

  & i.liveChat:before {
    background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/liveChat.SVG);
  }

  & i.regulations:before {
    background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/Regulations.svg);
    opacity: 0.6;
  }

  & i.vip:before {
    background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/VIPProgram.svg);
  }

  & i.komp:before {
    background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Komp.svg);
  }

  & i.provider:before {
    background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/All_Providers.svg);
  }

  & i.referral:before {
    background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/referral.svg);
  }
}

#app_header.main-header-container .subheader-menu .menuw ul li a:hover,
#app_header.main-header-container .subheader-menu .menuw ul li a.active,
.other-menu ul .nav-item a:hover,
#leftNavMenuListId .menu-panel.shown .nav-item a.active {
  & span {
    color: #fff;
  }

  & i.home:before {
    background-image: url(https://sgp1.digitaloceanspaces.com/alpha-static/DOSLJN/assets/icons/header-menu/Home-active.svg);
  }

  & i.digitainSports:before {
    background-image: url(https://sgp1.digitaloceanspaces.com/alpha-static/DOSLJN/assets/icons/header-menu/Digitain_Sports-active.svg);
  }

  & i.btiSports:before {
    background-image: url(https://sgp1.digitaloceanspaces.com/alpha-static/DOSLJN/assets/icons/header-menu/BTI-active.svg);
  }

  & i.live:before {
    background-image: url(https://sgp1.digitaloceanspaces.com/alpha-static/DOSLJN/assets/icons/header-menu/Live-active.svg);
  }

  & i.eSports:before {
    background-image: url(https://sgp1.digitaloceanspaces.com/alpha-static/DOSLJN/assets/icons/header-menu/E-Sports-active.svg);
  }

  & i.liveCasino:before {
    background-image: url(https://sgp1.digitaloceanspaces.com/alpha-static/DOSLJN/assets/icons/header-menu/Live%20Casino-active.svg);
  }

  & i.casino:before {
    background-image: url(https://sgp1.digitaloceanspaces.com/alpha-static/DOSLJN/assets/icons/header-menu/Casino-active.svg);
  }

  & i.fastGames:before {
    background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/Fast%20Games-active.svg);
  }

  & i.tvGames:before {
    background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/TV%20Games-active.svg);
  }

  & i.virtualSports:before {
    background-image: url(https://sgp1.digitaloceanspaces.com/alpha-static/DOSLJN/assets/icons/header-menu/Virtual%20Sports-active.svg);
  }

  & i.skillGames:before {
    background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/Skill%20Games-active.svg);
  }

  & i.promotion:before {
    background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/Promotion-new-active.svg);
  }

  & i.liveChat:before {
    background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/liveChat-active.SVG);
  }

  & i.regulations:before {
    background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/Regulations.svg);
    opacity: 1;
  }

  & i.vip:before {
    background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/VIPProgram-active.svg);
  }

  & i.komp:before {
    background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Komp-active.svg);
  }

  & i.provider:before {
    background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/All_Providers-active.svg);
  }

  & i.referral:before {
    background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/referral-active.svg);
  }
}

.main-wrapper .layout-wrapper .header-section {
  height: 153px !important;
  padding: 0 16px;
}

.main-wrapper .layout-wrapper .header-section:before {
  content: "";
  position: absolute;
  width: calc(100% + 328px);
  height: 65px;
  top: 0;
  left: -164px;
  background: var(--bg-header-section);
  z-index: -1;
}

#app_header.main-header-container
  .logo-container
  .hamburger-menu-button-container {
  padding: 0 !important;
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#app_header.main-header-container .logo-container #toggle-sidenav img {
  content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/hamburgerMenu.svg);
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  #app_header.main-header-container
  .logo-container {
  min-width: 264px;
  height: 100%;
  justify-content: space-between !important;
  padding: 0 44px 0 0 !important;
  transition: 0.2s padding ease-in-out;
}

#app_left_navigation.menu-nav.shrink
  ~ .content-wrapper
  #app_header.main-header-container
  .logo-container {
  margin-left: 200px;
  padding: 0 24px 0 20px !important;
}

body.logged-in
  #modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  #app_header.main-header-container
  .logo-container.non-logged-in,
#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  #app_header.main-header-container
  .logo-container.logged-in {
  display: none;
}

body.logged-in
  #modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  #app_header.main-header-container
  .logo-container.logged-in {
  display: flex;
}

#modernSkin.main-wrapper .layout-wrapper .header-section a.site-header-logo {
  width: 231px;
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  #app_header.main-header-container
  .player-information-header {
  font-family: var(--font-family) !important;
  font-weight: var(--font-weight) !important;
  padding-right: 0 !important;
  justify-content: space-between !important;
  transition: 0.2s padding ease-in-out;
}

#app_left_navigation.menu-nav.shrink
  ~ .content-wrapper
  #app_header.main-header-container
  .player-information-header {
  padding-left: 8px !important;
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  #app_header.main-header-container
  .player-information-header
  .right-align {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: end;
  flex: auto;
  gap: 8px;
}

.player-information-header .right-align .menuw ul {
  display: flex;
  gap: 8px;
}

.player-information-header .right-align .menuw ul li a {
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 0 16px !important;
  height: 37px;
  font-weight: 700;
  background: var(--button-primary-bg);
  border-radius: var(--border-radius-4);
  border: 0;
  color: #ebebf5 !important;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
}

.player-information-header
  .right-align
  .menuw#w-leftplayer-en
  ul
  li:nth-child(1),
.player-information-header
  .right-align
  .menuw#w-leftplayer-en
  ul
  li:nth-child(2),
.player-information-header
  .right-align
  .menuw#w-leftplayer-ko
  ul
  li:nth-child(1),
.player-information-header
  .right-align
  .menuw#w-leftplayer-ko
  ul
  li:nth-child(2),
.player-information-header
  .right-align
  .menuw#w-leftplayer-th
  ul
  li:nth-child(1),
.player-information-header
  .right-align
  .menuw#w-leftplayer-th
  ul
  li:nth-child(2) {
  display: none;
}

.player-information-header .right-align .menuw ul li a#openNewPlayerChatWindow {
  background: #dc8f17;
}

.player-information-header .right-align .menuw ul li:hover a,
.player-information-header
  .right-align
  .menuw
  ul
  li:hover
  a#openNewPlayerChatWindow {
  background: var(--button-secondary-bg);
}

.player-information-header .right-align .non-logged-in .menuw ul li a,
.player-information-header .right-align .logged-in .menuw ul li a {
  background: var(--button-secondary-bg);
}

.player-information-header .right-align .non-logged-in .menuw ul li a:hover,
.player-information-header .right-align .logged-in .menuw ul li a:hover {
  background: var(--button-primary-bg);
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  #app_header.main-header-container
  .player-information-header
  .nm-widget {
  margin: 0;
  width: fit-content;
}

body.logged-in .nm-widget.register-w {
  display: none;
}

.nm-widget.login-w .login {
  margin: 0;
  padding: 0 16px !important;
  height: 37px;
  background: var(--button-secondary-bg);
  border-radius: var(--border-radius-4);
  font-weight: 700;
  border: 0;
  color: #ebebf5 !important;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
}

.nm-widget.login-w .login:hover {
  background: var(--button-primary-bg);
}

.nm-widget.register-w .btn-join {
  width: fit-content;
  padding: 0 16px !important;
  height: 37px;
  font-weight: 700;
  background: var(--button-primary-bg);
  border-radius: var(--border-radius-4);
  border: 0;
  color: #ebebf5 !important;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
}

.nm-widget.register-w .btn-join:hover {
  background: var(--button-secondary-bg);
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper {
  background: transparent !important;
}

.player-information-header .header-wallets {
  display: flex;
  gap: 8px;
}

.nm-widget.notification-w {
  margin-left: 8px !important;
}

.nm-widget.notification-w .notification-bell {
  background: var(--bg-side-nav-header-section);
  padding: 0 !important;
  height: 37px;
  width: 37px;
}

.nm-widget.notification-w .notification-bell .icon-bell,
.nm-widget.notification-w .notification-bell .icon-bell:hover {
  color: var(--color-side-nav-active);
}

.nm-widget.login-w .btn-user-profile {
  background: var(--bg-side-nav-header-section);
  padding: 0 !important;
  height: 37px;
  width: 37px;
  color: var(--color-side-nav-active) !important;
}

.nm-widget.notification-w .notification-bell:hover,
.nm-widget.login-w .btn-user-profile:hover {
  background: var(--button-primary-bg);
}

.profile-bonus-balance:before,
.bonus-badge-balance:before {
  background: var(--button-secondary-bg);
  color: transparent;
  border-radius: 4px;
  left: -8px;
}

.profile-bonus-balance:before,
.profile-wallet-balance:before {
  left: -5px;
}

.nm-widget.bonus-badge-w button {
  height: 37px;
  padding: 0 16px !important;
  border-radius: var(--border-radius-4);
  border: 0;
  background: var(--button-secondary-bg);
  font-family: "Poppins", sans-serif !important;
}

.nm-widget.bonus-badge-w button:hover {
  background: var(--button-secondary-bg) !important;
  box-shadow: var(--button-secondary-box-shadow);
}

.nm-widget.wallet-button-w button {
  height: 37px;
  padding: 0 16px !important;
  border-radius: var(--border-radius-4);
  border: 0;
  background: var(--button-primary-bg);
  font-family: "Poppins", sans-serif !important;
}

#modernSkin .dropdown-menu.dropdown-user-profile {
  background-color: transparent !important;
  background: var(--bg-modal);
  padding: 16px 24px !important;
  border-radius: 8px !important;
}

#modernSkin .dropdown-menu.dropdown-user-profile .dropdown-item {
  padding: 0 !important;
  font-size: 14px !important;
  display: flex;
  align-items: center;
  height: 40px;
  position: relative;
  font-weight: 700;
}

#modernSkin .dropdown-menu.dropdown-user-profile .dropdown-item:hover {
  background: transparent !important;
  color: var(--color-side-nav-active) !important;
}

#modernSkin .dropdown-menu.dropdown-user-profile .dropdown-item:first-child {
  pointer-events: none;
  position: relative;
}

#modernSkin
  .dropdown-menu.dropdown-user-profile
  .dropdown-item:first-child:after {
  content: "";
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  height: 40px;
  width: 100%;
  background: radial-gradient(
    50% 128.57% at 50% -36.61%,
    #39ad4a 0%,
    rgba(57, 173, 74, 0.52) 25.67%,
    rgba(10, 35, 14, 0) 100%
  );
  z-index: 0;
}

#modernSkin
  .dropdown-menu.dropdown-user-profile
  .dropdown-item:not(:first-child):not(:last-child):before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 50.4%,
    rgba(255, 255, 255, 0) 96.77%
  );
  filter: opacity(0.4);
}

#modernSkin .dropdown-menu.dropdown-user-profile .dropdown-item i {
  min-width: 24px;
  max-width: 24px;
  font-size: 24px;
}

#modernSkin .dropdown-menu.dropdown-user-profile .dropdown-divider {
  border: 0;
  height: 1px;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 50.4%,
    rgba(255, 255, 255, 0) 96.77%
  );
  mix-blend-mode: overlay;
  margin: 8px 0;
  position: relative;
}

/*Footer*/
#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  #app_footer {
  padding: 32px 0 80px !important;
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  #app_footer:after {
  content: "";
  position: absolute;
  top: 0;
  left: 10%;
  width: 80%;
  height: 1px;
  background: var(--bg-separator);
  mix-blend-mode: overlay;
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  #app_footer::before {
  background: radial-gradient(
    50% 64.29% at 50% 10%,
    rgba(57, 173, 74, 0.3) 0%,
    rgba(57, 173, 74, 0.13) 29.5%,
    rgba(57, 173, 74, 0) 100%
  ) !important;
  height: 100% !important;
  z-index: -1 !important;
  top: auto !important;
  bottom: 0;
}

#app_footer .footer-container {
  position: relative;
  font-family: "Poppins", sans-serif;
  color: rgba(235, 235, 245, 0.6);
}

#app_footer .footer-container .top-footer {
  display: flex;
}

#app_footer .footer-container .footer-logo {
  width: 220px;
  margin-bottom: 24px;
}

#app_footer .footer-container .site-details {
  flex: 0 0 450px;
  padding-right: 16px;
}

#app_footer .footer-container .site-details p {
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}

#app_footer .footer-container .site-details p span {
  color: var(--color-white);
}

#app_footer .footer-container .site-details .footer-social-links {
  display: flex;
  margin-top: 24px;
  gap: 16px;
}

#app_footer .footer-container .site-details .footer-social-links img {
  width: var(--icon-size);
  height: var(--icon-size);
  object-fit: var(--icon-contain);
}

#app_footer .footer-container .quick-links {
  flex: auto;
  display: flex;
  align-items: start;
  justify-content: space-between;
}

#app_footer .footer-container .menu-column h6 {
  font-weight: 700;
  margin-bottom: 16px;
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
}

#app_footer .footer-container ul .nav-item:not(:last-child) {
  margin-bottom: 16px;
}

#app_footer .footer-container ul .nav-item {
  font-size: 15px;
  font-weight: 600;
}

#app_footer .footer-container ul .nav-item a.active {
  color: var(--color-side-nav-active);
}

#app_footer .footer-container ul .nav-item ul a.dropdown-item {
  padding: 0 0 0 16px;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}

#app_footer .footer-container ul .nav-item ul a.dropdown-item:hover,
#app_footer .footer-container ul .nav-item ul a.dropdown-item.active {
  background: transparent;
  color: #fff;
  cursor: pointer;
}

#app_footer .footer-container .menu-column .subcolumn:first-child h6 {
  margin-bottom: 58px;
}

#app_footer .footer-container .menu-column .social-links {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

#app_footer .footer-container .menu-column .social-item {
  margin-right: 6px;
  width: 35px;
}

#app_footer .footer-container .menu-column .social-item:last-child {
  margin-right: 0;
}

#app_footer .footer-container .menu-column .social-item i {
  font-size: 20px;
}

#app_footer .footer-container .subfooter {
  margin-top: 48px;
  padding: 48px 175px 0;
  text-align: center;
  position: relative;
}

#app_footer .footer-container .subfooter:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 50.4%,
    rgba(255, 255, 255, 0) 96.77%
  );
  filter: opacity(0.3);
}

#app_footer .footer-container .subfooter p {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.3);
  line-height: 130%;
}

#app_footer .footer-container .subfooter p:first-child {
  margin-bottom: 16px;
}

.scroll-wrap .hero-wrapper {
  margin-bottom: 24px;
}

.scroll-wrap .main-hero {
  margin-bottom: 24px;
}

.scroll-wrap .main-hero .hero-item .bnnrw .carousel-inner {
  border-radius: var(--border-radius-16);
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border: 2px solid #345b2f;
  position: relative;
}

.scroll-wrap .hero-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 24px;
}

.scroll-wrap .ads .join-links {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0 25px;
}

.scroll-wrap .hero-links .hero-item {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 265px;
  border-radius: var(--border-radius-16);
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border: 2px solid #345b2f;
  position: relative;
}

.scroll-wrap .hero-links .hero-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    168deg,
    rgba(52, 91, 47, 0.5) 1.62%,
    rgba(26, 50, 28, 0) 95.72%
  );
  border-radius: var(--border-radius-16);
  mix-blend-mode: overlay;
}

.scroll-wrap .hero-links .hero-item .hero-links-details {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 24px 32px;
  border-radius: 8px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  position: relative;
}

.scroll-wrap .hero-links .hero-item .hero-links-details:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(168deg, #345b2f 1.62%, #1a321c 95.72%);
  filter: opacity(0.4);
  border-radius: 9px;
  z-index: -1;
}

.scroll-wrap .hero-links .hero-item a {
  display: flex;
  align-items: end;
  justify-content: end;
  padding-bottom: 24px;
  padding-right: 24px;
  z-index: 1;
  position: relative;
  height: 100%;
  width: 100%;
}

.scroll-wrap .hero-links .hero-item .hero-links-details img {
  width: 64px;
  height: 42px;
  object-fit: contain;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.scroll-wrap .hero-links .hero-item h3 {
  font-size: 24px;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  color: #fff;
  font-weight: 700;
  line-height: 85%;
}

.scroll-wrap .ads {
  margin-top: 60px;
}

.scroll-wrap .ads .join-table {
  grid-column: span 2;
}

.scroll-wrap .ads .join-table h4 {
  font-size: 20px;
  font-weight: 700;
  color: var(--color-white);
  margin-bottom: 13px;
}

.scroll-wrap .ads .join-table .table-wrapper {
  overflow-y: scroll;
  max-height: 312px;
  padding-right: 4px;
}

.scroll-wrap .ads .join-table .table-item {
  height: 56px;
  padding: 0 30px;
}

.scroll-wrap .ads .join-table .table-item a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.scroll-wrap .ads .join-table .table-item:nth-child(odd) {
  border-radius: var(--border-radius-16);
  background: var(--bg-side-nav-header-section);
}

.scroll-wrap .ads .join-table .table-item:nth-child(even) {
  margin: 8px 0;
}

.scroll-wrap .ads .join-table .table-item img {
  margin-right: 16px;
  height: 24px;
  width: 24px;
}

.scroll-wrap .ads .join-table .table-item span {
  font-size: 16px;
  color: var(--color-text-table);
}

.joinbet-about {
  margin-top: 60px;
  padding: 30px;
  background: var(--bg-side-nav-header-section);
  border-radius: var(--border-radius-16);
}

.joinbet-about h5 {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 700;
}

.joinbet-about p {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.2px;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper.isOnSportsPage {
  z-index: 999 !important;
}

#app_left_navigation.menu-nav.shrink ~ .content-wrapper.isOnSportsPage {
  z-index: 98 !important;
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper.isOnSportsPage
  .home-page-content {
  padding: 0 20px !important;
  left: 0px !important;
  width: 100% !important;
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper.isOnSportsPage
  .home-page-content
  #app_footer {
  background: var(--bg-body);
  z-index: 999;
}

#modernSkin .casino_search-widget .modal-trigger-wrapper {
  margin: 0 !important;
  height: 36px !important;
}

#modernSkin .casino_search-widget .modal-trigger-wrapper .search-button-field {
  width: 354px !important;
}

#modernSkin
  .casino_search-widget
  .modal-trigger-wrapper
  .search-button-field
  button {
  background: var(--bg-input) !important;
  border: var(--border-input) !important;
  border-radius: var(--border-radius-40) !important;
  color: rgba(255, 255, 255, 0.15) !important;
  padding: 0 16px !important;
}

#modernSkin
  .casino_search-widget
  .modal-trigger-wrapper
  .search-button-field
  i {
  left: auto !important;
  right: 12px;
  font-size: 10px !important;
  color: #254324;
  background: rgba(57, 173, 74, 0.6);
  padding: 5px;
  border-radius: 50%;
}

#provider-game-list-page .casino_search-widget {
  margin-bottom: 24px;
}

section button.bordered {
  border: 0 !important;
  border-radius: var(--border-radius-10);
  height: 40px !important;
  background: var(--bg-side-nav-header-section) !important;
  padding: 0 14px !important;
}

.data-grid-container .ag-theme-alpine {
  --ag-border-color: transparent !important;
  --ag-header-foreground-color: var(--color-text) !important;
  --ag-grid-size: 8.5px;
  --ag-font-family: var(--font-family);
  --ag-row-hover-color: var(--bg-side-nav) !important;
  --ag-data-color: var(--color-text) !important;
  --ag-modal-overlay-background-color: rgba(29, 37, 67, 0.7) !important;
}

.data-grid-container .ag-header {
  background: var(--bg-side-nav-header-section);
  border-radius: 16px;
  min-height: 56px !important;
  height: 56px !important;
}

.data-grid-container .ag-theme-alpine .ag-header-row {
  height: 52px !important;
}

.register-birthdate-datepicker-popup {
  border: 1px solid !important;
}

.data-grid-container .ag-overlay-wrapper span {
  border: 0 !important;
  background: var(--bg-side-nav-header-active) !important;
  padding: 10px 16px !important;
  color: var(--color-primary) !important;
  border-radius: 5px;
}

.data-grid-container .ag-overlay-wrapper .ag-overlay-loading-center {
  background: var(bg-separatord) !important;
  box-shadow: 0px 4px 7px rgba(12, 23, 31, 0.35) !important;
  border: 1px solid var(--active-menu-bg) !important;
  border-radius: var(--default-border-radius) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 10px !important;
}

.data-grid-container .ag-overlay-wrapper .ag-overlay-loading-center span {
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  margin: 10px !important;
}

.data-grid-container .ag-overlay-wrapper .ag-overlay-loading-center span i {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
}

#leaderboard-table .leaderboard-selector-wrapper {
  gap: 30px;
  margin-bottom: 10px;
}

#leaderboard-table .btn-filter {
  font-size: 16px;
  font-family: var(--font-family);
  font-weight: 600;
  border: 0;
  color: var(--color-text-table) !important;
  padding: 0 !important;
  width: fit-content !important;
  min-height: fit-content !important;
  height: fit-content;
}

#leaderboard-table .btn-filter i {
  display: none !important;
}

#leaderboard-table .btn-filter span {
  letter-spacing: 0.1px;
  text-transform: capitalize;
}

#leaderboard-table .btn-filter.active,
#leaderboard-table .btn-filter:hover {
  color: var(--color-white) !important;
  background: transparent !important;
}

#leaderboard-table .btn-filter.active span,
#leaderboard-table .btn-filter:hover span {
  color: var(--color-white) !important;
  font-size: 20px !important;
}

#leaderboard-table section.my-2 {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}

#leaderboard-table section button.bordered,
#leaderboard-table .ag-row-odd {
  border-radius: var(--border-radius-10) !important;
  background: var(--bg-side-nav-header-section) !important;
  font-family: var(--font-family);
}

#leaderboard-table section button.bordered i {
  color: var(--color-white) !important;
}

#leaderboard-table section button.bordered:hover,
#leaderboard-table section button.bordered.active {
  background: var(--button-secondary-bg) !important;
}

#leaderboard-table section menu {
  top: 40px !important;
}

#leaderboard-table section menu ul {
  background: var(--bg-side-nav) !important;
  box-shadow: 0px 4px 7px rgba(12, 23, 31, 0.35);
  border: 1px solid var(--active-menu-bg);
  border-radius: var(--default-border-radius);
}

#leaderboard-table section menu ul li {
  color: var(--color-text) !important;
  font-family: var(--font-family) !important;
}

#leaderboard-table section menu ul li:hover {
  background: var(--primary-color) !important;
  color: var(--white-color) !important;
}

#leaderboard-table .ag-row-hover:not(.ag-full-width-row)::before,
.player-transaction-content .ag-row-hover:not(.ag-full-width-row)::before {
  border-radius: 16px;
}

#leaderboard-table .ag-row-odd,
.player-transaction-content .ag-row-odd {
  height: 56px !important;
  border-radius: 16px !important;
  background: var(--bg-side-nav-header-section) !important;
}

#leaderboard-table .ag-row-even,
.player-transaction-content .ag-row-even {
  border: 0 !important;
  background: transparent !important;
  height: 56px !important;
}

#leaderboard-table .ag-ltr .ag-cell:focus-within,
.player-transaction-content .ag-ltr .ag-cell:focus-within {
  border: 0 !important;
}

.player-transaction-cell-amount {
  align-items: center;
}

.player-transaction-cell-amount img {
  margin-top: 0 !important;
}

/*Profile Modal*/
#modal-user-profile .content-wrapper-system {
  flex: 0 0 calc(100% - 264px);
  max-width: 100%;
}

#modal-user-profile .modal-body .modal-wrapper .sidenav-system {
  background: var(--bg-side-nav);
  box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.2);
  padding-top: 65px;
  flex: 1 1 264px;
  max-width: 264px;
}

#modal-user-profile .modal-body .modal-wrapper .sidenav-system:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 65px;
  left: 0;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5) 50.4%,
    rgba(255, 255, 255, 0) 96.77%
  );
  filter: opacity(0.6);
  z-index: -1;
}

#modal-user-profile .modal-body .modal-wrapper .sidenav-system:after {
  content: "";
  position: absolute;
  top: 65px;
  left: 0;
  height: 56px;
  width: 100%;
  background: radial-gradient(
    50% 128.57% at 50% -36.61%,
    #39ad4a 0%,
    rgba(57, 173, 74, 0.52) 25.67%,
    rgba(10, 35, 14, 0) 100%
  );
  z-index: -1;
}

#modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-account {
  padding: 16px 16px 0 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .sidenav-system
  .grp-account
  .player-username {
  margin-bottom: 4px;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .sidenav-system
  .grp-account:before,
#modal-user-profile
  .modal-body
  .modal-wrapper
  .sidenav-system
  .grp-balance:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--bg-separator);
  mix-blend-mode: overlay;
}

#modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-balance {
  padding: 16px;
  border: 0;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .sidenav-system
  .grp-balance
  > .row {
  margin: 0;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .grp-balance
  .btn-balance-wrapper {
  padding: 0 0 2px 0;
  flex: 0 0 100%;
  max-width: 100%;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .grp-balance
  .btn-balance-wrapper
  button:hover {
  background: var(--button-primary-bg);
}

/* CM-219 */

#modal-user-profile
  .modal-body
  .modal-wrapper
  .grp-balance
  .btn-balance-wrapper
  button
  i,
#modal-user-profile
  .modal-body
  .modal-wrapper
  .grp-balance
  .btn-bonus-balance-wrapper
  button
  i {
  opacity: 0.6;
  font-size: 24px;
  margin-right: 8px;
  z-index: 1;
}

.btn-wallet-balance .fa-wallet,
.btn-bonus-balance .fa-gift {
  z-index: 1;
  position: relative;
}

.wallet-button-balance:before,
.bonus-badge-balance:before {
  left: -5px;
}

*[lang="en"] .wallet-button-balance:before,
*[lang="en"] .bonus-badge-balance:before {
  left: 0px;
}

*[lang="en"] .profile-bonus-balance:before,
*[lang="en"] .profile-wallet-balance:before {
  left: 0;
}

/*
*[lang="ko"] .wallet-button-balance:before,
*[lang="ko"] .bonus-badge-balance:before,
*[lang="ko"] .profile-wallet-balance:before,
*[lang="ko"] .profile-bonus-balance:before {
  left: -5px;
}
*/

.profile-bonus-balance:before,
.bonus-badge-balance:before {
  background: var(--button-secondary-bg) !important;
  color: transparent !important;
  border-radius: 4px;
}

.profile-wallet-balance:before,
.profile-bonus-balance:before,
.wallet-button-balance:before,
.bonus-badge-balance:before {
  background: var(--button-primary-bg);
  color: var(--button-primary-bg);
  position: absolute;
}

.profile-wallet-balance,
.profile-bonus-balance,
.wallet-button-balance,
.bonus-badge-balance {
  margin-left: -18px;
  position: relative;
}

.profile-wallet-balance,
.profile-bonus-balance,
.wallet-button-balance,
.bonus-badge-balance {
  margin-left: -18px;
  position: relative;
}

*[lang="ko"] .profile-wallet-balance,
*[lang="ko"] .profile-bonus-balance,
*[lang="ko"] .wallet-button-balance,
*[lang="ko"] .bonus-badge-balance {
  margin-left: -12px;
}

.profile-bonus-currency,
.profile-wallet-currency,
.wallet-button-currency,
.bonus-badge-currency {
  font-size: 0;
  position: relative;
}

/* End CM-219*/

#modal-user-profile
  .modal-body
  .modal-wrapper
  .grp-balance
  .btn-bonus-balance-wrapper {
  padding: 2px 0 0 0;
  flex: 0 0 100%;
  max-width: 100%;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .grp-balance
  .btn-bonus-balance-wrapper
  button:hover {
  background: var(--button-secondary-bg);
}

.nav-tab-system-vertical ul {
  padding-top: 16px;
  position: relative;
}

.nav-tab-system-vertical ul:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 50.4%,
    rgba(255, 255, 255, 0) 96.77%
  );
  filter: opacity(0.4);
}

.nav-tab-system-vertical ul li {
  margin-left: 0;
  padding: 0 16px 0 24px;
  height: 56px;
  position: relative;
}

.nav-tab-system-vertical ul li:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 50.4%,
    rgba(255, 255, 255, 0) 96.77%
  );
  filter: opacity(0.4);
}

.nav-tab-system-vertical ul li a {
  padding: 0;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--color-text);
}

.nav-tab-system-vertical ul li a:hover,
.nav-tab-system-vertical ul li a.active {
  color: var(--color-side-nav-active);
  background: transparent;
}

.nav-tab-system-vertical ul li a i,
.nm-widget.login-w .dropdown-user-profile > a > i {
  min-width: 32px;
  max-width: 32px;
  text-align: center;
  font-size: 28px;
  padding: 0;
  margin-right: 16px;
}

.nav-tab-system-horizontal {
  height: 70px;
  border: 0;
  position: relative;
}

.nav-tab-system-horizontal:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--bg-separator);
  mix-blend-mode: overlay;
}

.nav-tab-system-horizontal .nav-tabs {
  padding-right: 0;
}

.nav-tab-system-horizontal .nav-tabs .nav-item {
  padding: 24px;
}

.nav-tab-system-horizontal .nav-tabs .nav-item a {
  cursor: pointer;
  padding: 0 24px 24px;
}

#vip-progress .nav-tab-system-horizontal .nav-tabs .nav-item a {
  color: #ebebf5;
  padding: 0;
}

.nav-tab-system-horizontal .nav-tabs .nav-item a.active,
.komp-section .komp-section-tabs .komp-active-tab {
  border-color: var(--color-primary);
}

.tab-content-main-content > .tab-pane.active {
  padding: 0 48px;
}

.tab-content.tab-content-player-account-window {
  padding-top: 32px;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .header {
  margin: 0;
  padding: 0 0 24px 0;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .header p {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
}

.section-system {
  padding: 24px 0;
  margin: 0;
}

.section-system-footer {
  margin-right: 0;
}

.section-system-main,
.section-system-main-lg {
  margin: 0 0 32px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: var(--bg-section);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 16px 24px;
}

.section-system-main.referral-link {
  margin: 20px 5px 20px;
}

.bank-transfer-deposit-classic .section-system-notif,
#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .section-system-notif
  p {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .section-title {
  margin-bottom: 24px;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .section-title
  a.btn-system-secondary {
  padding: 0 14px !important;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .section-title
  a.btn-system-secondary:hover {
  color: var(--color-white);
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .section-subtitle {
  margin-bottom: 8px;
  margin-bottom: 24px;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .btn-system-amount {
  margin-right: 8px;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .grp-deposit-amt
  .form-control-label {
  color: var(--color-white);
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .grp-deposit-amt
  input:not(.date-range) {
  background: var(--bg-input);
  height: 42px;
  border-radius: 5px !important;
  border: var(--border-input);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 0 10px;
  margin-top: 10px;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .grp-deposit-amt
  input:not(.date-range):focus {
  border-bottom: none;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .grp-deposit-amt
  input:not(.date-range):focus
  + .form-control-label {
  color: var(--color-primary);
}

#modal-user-profile .modal-body .modal-wrapper .btn-system-primary,
#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .grp-actions
  button:last-child {
  height: 40px;
  padding: 0 16px !important;
  color: #fff !important;
  border-radius: 8px;
  background: var(--button-primary-bg);
  display: flex;
  align-items: center;
  justify-content: start;
  border: 1px solid #041331;
}

#notification-container .btn-notification .delete-all-btn button:hover {
  background: #c75952 !important;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .grp-actions
  button:last-child:hover,
#modal-user-profile .modal-body .modal-wrapper .btn-system-primary:hover {
  background: var(--button-secondary-bg);
}

#modal-user-profile .modal-body .modal-wrapper .btn-system-secondary,
#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .grp-actions
  button:first-child {
  height: 40px;
  padding: 0 16px !important;
  color: #fff !important;
  border-radius: 8px;
  background: var(--button-secondary-bg);
  border: 1px solid #041331;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: start;
}

#modal-user-profile .modal-body .modal-wrapper .btn-system-secondary:hover,
#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .grp-actions
  button:first-child:hover {
  background: var(--button-primary-bg);
}

#modal-user-profile .modal-body .modal-wrapper .btn-system-secondary.disabled {
  cursor: not-allowed;
  pointer-events: none;
  background: grey;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .grp-actions
  button:last-child,
#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .grp-actions
  button:first-child {
  display: inline-block;
  border: 0;
  font-weight: 600;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .accordion {
  margin: 0;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile.preview-mode
  .accordion
  .card,
#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .accordion
  .card {
  background: var(--bg-section);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  padding: 16px 24px;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .accordion
  .card
  .card-header {
  padding: 0;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  margin-bottom: 24px;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .change-password-container
  input {
  background: var(--bg-input);
  border: var(--border-input);
  height: 42px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  padding: 0 10px;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .change-password-container
  .form-prompt {
  margin-bottom: 8px;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .change-password-container
  .password-group
  .password-visible,
#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .change-password-container
  .confirm-password-group
  .password-visible {
  right: 30px;
  bottom: 10px;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .tab-header
  .btn-back {
  cursor: pointer;
}

#modal-user-profile .modal-body .modal-wrapper .btn-deposit-clear,
#modal-user-profile .modal-body .modal-wrapper .btn-withdraw-clear {
  margin-right: 8px;
}

.section-system-filter .col-md-5,
.section-system-filter .col-md-7 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .grp-date-range {
  padding-right: 10px;
}

.date-range-wrapper {
  border: 0;
  width: 100%;
}

.date-range-wrapper i.fa-calendar-alt {
  color: var(--color-white);
  font-size: 16px;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
}

.date-range-wrapper input.date-range {
  height: 40px;
  background: var(--bg-input);
  border: var(--border-input);
  border-radius: var(--border-radius-10) !important;
  padding: 0 16px 0 32px;
  font-weight: 600;
  text-align: right;
  cursor: pointer;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .grp-status {
  padding-left: 10px;
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .dropdown {
  width: 100%;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .dropdown
  .dropdown-system-toggle {
  height: 40px;
  background: var(--bg-input);
  border: var(--border-input);
  border-radius: var(--border-radius-10) !important;
  padding: 0 16px !important;
  font-weight: 600;
  min-width: 100%;
}

.daterangepicker {
  background: var(--bg-side-nav-header-section);
  border-radius: var(--border-radius-10);
  border: 1px solid var(--bg-separator);
}

.daterangepicker:before {
  border-bottom: 7px solid var(--bg-side-nav-header-section);
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover,
.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.available:hover,
.daterangepicker th.available:hover,
.daterangepicker td.active.end-date {
  background: var(--button-primary-bg) !important;
  color: var(--color-white);
  box-shadow: var(--button-primary-box-shadow);
}

.daterangepicker .ranges li,
.daterangepicker .calendar-table td,
.daterangepicker .calendar-table th {
  color: var(--color-text-table);
}

.daterangepicker.show-ranges.ltr .drp-calendar.left,
.daterangepicker .drp-buttons {
  border-color: var(--bg-calendar-separator);
  font-family: var(--font-family);
}

.daterangepicker .calendar-table {
  background: var(--bg-body);
}

.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
  background: var(--bg-header-section);
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover,
.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.available:hover,
.daterangepicker th.available:hover,
.daterangepicker td.active.end-date {
  color: var(--color-white) !important;
}

.daterangepicker td.in-range {
  background: var(--bg-side-nav-header-active);
  color: var(--color-primary);
}

.daterangepicker th.prev:hover span,
.daterangepicker th.next:hover span {
  border-color: var(--color-white);
}

.daterangepicker .applyBtn {
  height: 40px;
  padding: 0 16px !important;
  font-size: 16px !important;
  color: #fff !important;
  border-radius: 8px;
  background: var(--button-primary-bg);
  border: 1px solid #041331;
}

.daterangepicker .applyBtn:hover {
  background: var(--button-primary-bg) !important;
  box-shadow: var(--button-primary-box-shadow);
}

.daterangepicker .cancelBtn {
  height: 40px;
  padding: 0 16px !important;
  font-size: 16px !important;
  color: #fff !important;
  border-radius: 8px;
  background: var(--button-secondary-bg);
  border: 1px solid #041331;
}

.daterangepicker .cancelBtn:hover {
  background: var(--button-secondary-bg);
  box-shadow: var(--button-secondary-box-shadow);
}

.section-system-filter .dropdown .dropdown-menu.dropdown-filter {
  background: var(--bg-side-nav-header-section);
  border-radius: var(--border-radius-10);
  border-color: var(--bg-separator);
}

.section-system-filter .txt-system {
  background: var(--bg-input);
  border: var(--border-input);
  height: 42px;
  border-radius: 5px !important;
  padding: 0 10px;
}

.section-system-filter .dropdown .dropdown-menu .dropdown-item:hover {
  background: transparent;
}

.section-system-filter .dropdown .dropdown-menu .dropdown-item:hover label {
  color: var(--color-primary) !important;
}

.section-system-filter
  .dropdown
  .dropdown-menu.dropdown-filter
  .dropdonw-menu-content
  .dropdown-menu-footer {
  border-color: var(--color-text);
}

.section-system-filter
  .dropdown
  .dropdown-menu.dropdown-filter
  .dropdonw-menu-content
  .dropdown-menu-footer
  .btn-system.btn-clear {
  height: 40px !important;
  padding: 0 25px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .section-system-filter
  .btn-system-primary {
  height: 40px;
  padding: 0 25px !important;
}

.table-system {
  border-radius: 8px;
  overflow: hidden;
  margin-top: 24px;
}

.table-system-header th {
  background: var(--bg-side-nav-header-section);
  color: var(--color-text-table);
}

.table-system-header th:first-child,
.table-system-header td:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.table-system-header th:last-child,
.table-system-header td:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.table-system-header td {
  border: 0;
}

.table-system-header tr:nth-child(even) {
  position: relative;
}

.table-system-header tr:nth-child(even) td {
  background: rgba(57, 173, 74, 0.1);
}

.report.casino-bet .wrapper-search input {
  background: var(--bg-input) !important;
  border: var(--border-input) !important;
  border-radius: var(--border-radius-10);
  padding: 0 14px;
  font-size: 14px;
  height: 40px;
  font-weight: 600;
}

.report.casino-bet .wrapper-search input::placeholder {
  color: var(--color-search-button);
}

.report.casino-bet .wrapper-search i.fa-search {
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #254324;
  background: rgba(57, 173, 74, 0.6);
  padding: 5px;
  border-radius: 50%;
}

.report.casino-bet .container-search,
.report.sport-bet .container-search {
  margin-right: 0;
}

.active-bonuses-tab .active-bonus-item .icon-section-wrapper,
.active-bonuses-tab .available-bonus-item .icon-section-wrapper,
.available-bonuses-tab .active-bonus-item .icon-section-wrapper,
.available-bonuses-tab .available-bonus-item .icon-section-wrapper {
  width: 3%;
}

.active-bonuses-tab .active-bonus-item .description-section-wrapper,
.active-bonuses-tab .available-bonus-item .description-section-wrapper,
.available-bonuses-tab .active-bonus-item .description-section-wrapper,
.available-bonuses-tab .available-bonus-item .description-section-wrapper {
  width: 97%;
}

.active-bonuses-tab .active-bonus-item .product-icon,
.active-bonuses-tab .available-bonus-item .product-icon,
.available-bonuses-tab .active-bonus-item .product-icon,
.available-bonuses-tab .available-bonus-item .product-icon {
  color: #fff;
}

.active-bonuses-tab
  .active-bonus-item
  .description-section-wrapper
  .name-wrapper
  .name,
.active-bonuses-tab
  .available-bonus-item
  .description-section-wrapper
  .name-wrapper
  .name,
.available-bonuses-tab
  .active-bonus-item
  .description-section-wrapper
  .name-wrapper
  .name,
.available-bonuses-tab
  .available-bonus-item
  .description-section-wrapper
  .name-wrapper
  .name {
  font-size: 16px;
  color: var(--color-white);
}

.active-bonuses-tab
  .active-bonus-item
  .description-section-wrapper
  .description,
.active-bonuses-tab
  .available-bonus-item
  .description-section-wrapper
  .description,
.available-bonuses-tab
  .active-bonus-item
  .description-section-wrapper
  .description,
.available-bonuses-tab
  .available-bonus-item
  .description-section-wrapper
  .description {
  font-size: 14px;
  color: #fff;
  margin: 0 0 20px 0;
}

.active-bonuses-tab
  .active-bonus-item
  .description-section-wrapper
  .bonus-details-wrapper
  .detail-header,
.active-bonuses-tab
  .available-bonus-item
  .description-section-wrapper
  .bonus-details-wrapper
  .detail-header,
.available-bonuses-tab
  .active-bonus-item
  .description-section-wrapper
  .bonus-details-wrapper
  .detail-header,
.available-bonuses-tab
  .available-bonus-item
  .description-section-wrapper
  .bonus-details-wrapper
  .detail-header {
  color: var(--color-text-table);
  font-size: 14px;
}

.active-bonuses-tab
  .active-bonus-item
  .description-section-wrapper
  .bonus-details-wrapper
  .detail-value,
.active-bonuses-tab
  .available-bonus-item
  .description-section-wrapper
  .bonus-details-wrapper
  .detail-value,
.available-bonuses-tab
  .active-bonus-item
  .description-section-wrapper
  .bonus-details-wrapper
  .detail-value,
.available-bonuses-tab
  .available-bonus-item
  .description-section-wrapper
  .bonus-details-wrapper
  .detail-value {
  color: var(--color-white);
}

.active-bonuses-tab .active-bonus-item .btn-claim,
.active-bonuses-tab .active-bonus-item .btn-cancel,
.active-bonuses-tab .available-bonus-item .btn-claim,
.active-bonuses-tab .available-bonus-item .btn-cancel,
.available-bonuses-tab .active-bonus-item .btn-claim,
.available-bonuses-tab .active-bonus-item .btn-cancel,
.available-bonuses-tab .available-bonus-item .btn-claim,
.available-bonuses-tab .available-bonus-item .btn-cancel {
  float: right;
  height: 40px !important;
  padding: 0 25px !important;
  display: flex;
  align-items: center;
}

.active-bonuses-tab .active-bonus-item .btn-claim,
.active-bonuses-tab .available-bonus-item .btn-claim,
.available-bonuses-tab .active-bonus-item .btn-claim,
.available-bonuses-tab .available-bonus-item .btn-claim {
  background: var(--button-primary-bg) !important;
  box-shadow: var(--button-primary-box-shadow) !important;
}

.active-bonuses-tab .active-bonus-item.claimed,
.active-bonuses-tab .available-bonus-item.claimed,
.available-bonuses-tab .active-bonus-item.claimed,
.available-bonuses-tab .available-bonus-item.claimed {
  border: 0;
}

.active-bonuses-tab .active-bonus-item.claimed .product-icon:before,
.active-bonuses-tab .available-bonus-item.claimed .product-icon:before,
.available-bonuses-tab .active-bonus-item.claimed .product-icon:before,
.available-bonuses-tab .available-bonus-item.claimed .product-icon:before {
  color: var(--color-primary);
}

.active-bonuses-tab .active-bonus-item .btn-claim.disabled,
.active-bonuses-tab .active-bonus-item .btn-cancel.disabled,
.active-bonuses-tab .available-bonus-item .btn-claim.disabled,
.active-bonuses-tab .available-bonus-item .btn-cancel.disabled,
.available-bonuses-tab .active-bonus-item .btn-claim.disabled,
.available-bonuses-tab .active-bonus-item .btn-cancel.disabled,
.available-bonuses-tab .available-bonus-item .btn-claim.disabled,
.available-bonuses-tab .available-bonus-item .btn-cancel.disabled {
  opacity: 0.7;
  cursor: not-allowed;
  pointer-events: none;
  background: grey !important;
}

.active-bonuses-tab .active-bonus-item .img-running,
.active-bonuses-tab .available-bonus-item .img-running,
.available-bonuses-tab .active-bonus-item .img-running,
.available-bonuses-tab .available-bonus-item .img-running {
  right: -20px;
  top: -20px;
  height: 25px;
  width: fit-content;
  padding: 0 15px;
  background: var(--button-primary-bg);
  color: var(--color-white);
  font-size: 12px;
  display: flex;
  align-items: center;
  border-bottom-left-radius: var(--border-radius-10);
  border-top-right-radius: var(--border-radius-10);
}

.active-bonuses-tab .active-bonus-item .img-running:before,
.active-bonuses-tab .available-bonus-item .img-running:before,
.available-bonuses-tab .active-bonus-item .img-running:before,
.available-bonuses-tab .available-bonus-item .img-running:before {
  content: "Running";
  color: #fff;
}

.active-bonuses-tab .active-bonus-item .img-running img,
.active-bonuses-tab .available-bonus-item .img-running img,
.available-bonuses-tab .active-bonus-item .img-running img,
.available-bonuses-tab .available-bonus-item .img-running img {
  display: none;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .section-system-table {
  margin: 0;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .section-system-table-footer
  .col-12 {
  text-align: right;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .custom-pagination
  .dropdown {
  width: fit-content;
  margin: 0 10px;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .custom-pagination
  .dropdown
  #pagination-toggle {
  background: var(--bg-input);
  height: 30px;
  border-radius: 5px !important;
  border: var(--border-input);
  font-size: 14px !important;
  font-weight: 600;
  padding: 0 10px !important;
  min-width: 50px;
}

.dropdown .dropdown-menu-input-mini {
  background: var(--bg-side-nav-header-section);
  border-radius: var(--border-radius-10);
  border-color: var(--bg-separator);
}

.dropdown .dropdown-menu-input-mini .dropdown-item {
  font-weight: 600;
  color: var(--color-text);
}

.dropdown .dropdown-menu-input-mini .dropdown-item:hover,
.dropdown .dropdown-menu-input-mini .dropdown-item:focus,
.dropdown .dropdown-menu-input-mini .d-item:hover,
.dropdown .dropdown-menu-input-mini .d-item:focus {
  background: transparent;
  color: var(--color-white);
}

.game-lobby-header .header-container h5,
.game-provider-wrapper .game-provider-header .header-container h5 {
  font-size: 20px !important;
  color: #ebebf5 !important;
  font-weight: 600;
}

.game-lobby-header,
.game-provider-wrapper .game-provider-header {
  margin-bottom: 16px !important;
}

.game-lobby-slider-container {
  align-items: center;
  justify-content: space-between;
  width: 125px !important;
  height: 24px !important;
  top: 0 !important;
}

.game-lobby-slider-container button {
  border: 0 !important;
  width: fit-content !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.game-lobby-slider-container button:hover {
  transform: none !important;
  background: transparent !important;
  filter: drop-shadow(0px 0px 2px rgba(255, 255, 255, 1));
}

.game-lobby-slider-container button i:before {
  content: "";
  height: 24px;
  width: 24px;
  display: var(--icon-display);
  background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/new-next-prev.svg);
  background-position: var(--icon-position);
  background-size: var(--icon-contain);
  vertical-align: middle;
}

.game-lobby-slider-container button#slideLeft i:before {
  background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/new-prev-next.svg);
}

.game-lobby-renderer .game-lobby-renderer-card.default:hover {
  transform: scaleY(0.99) !important;
}

.game-lobby-renderer .game-lobby-renderer-card a {
  padding-top: 0 !important;
  white-space: nowrap;
  border: 2px solid #345b2f;
}

.game-lobby-renderer .game-lobby-renderer-card.see-all-card a {
  border: none;
}

.game-lobby-renderer .game-lobby-renderer-card img {
  position: relative !important;
  border-radius: 8px !important;
  max-height: 280px;
  object-fit: fill;
}

.game-lobby-renderer-card:not(.see-all-card):before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 8px;
  background: linear-gradient(
    180deg,
    #39ad4a 0%,
    rgba(45, 136, 58, 0.64) 25%,
    rgba(23, 71, 30, 0) 100%
  );
  pointer-events: none;
  mix-blend-mode: soft-light;
  z-index: 1;
}

.game-lobby-renderer .game-lobby-renderer-card.see-all-card {
  position: absolute;
  right: calc(125px / 2);
  transform: translateX(50%);
  top: -43px;
  background: transparent !important;
  cursor: pointer;
  z-index: 1;
}

.game-lobby-renderer .game-lobby-renderer-card.see-all-card:hover {
  background: transparent !important;
}

.game-lobby-renderer
  .game-lobby-renderer-card.see-all-card
  a
  .see-all-container
  .carousel-control-next-icon {
  display: none;
}

.game-lobby-renderer
  .game-lobby-renderer-card.see-all-card
  a
  .see-all-container {
  color: #ebebf5 !important;
  font-weight: 600;
}

.game-lobby-renderer
  .game-lobby-renderer-card.see-all-card
  a
  .see-all-container
  .see-all-label {
  margin-top: 0 !important;
}

/*
.game-lobby-renderer .game-lobby-renderer-card.see-all-card:hover a .see-all-container .see-all-label {
    background             : #50a14a;
    background-clip        : text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter                 : drop-shadow(0px 0px 0px rgba(255, 255, 255, 0.6));
}
*/
.game-lobby-renderer.horizontal,
.game-provider-wrapper .game-provider-list,
.loader-container.horizontal div {
  grid-auto-columns: calc(calc(100% - 168px) / 8) !important;
  gap: 0 24px !important;
  margin-bottom: 24px !important;
}

.game-lobby-renderer.tiles,
.scroll-wrapper.provider-list-page .game-providers,
.loader-container.tiles div {
  gap: 32px 24px !important;
}

.game-provider-wrapper .game-provider-list {
  display: grid;
  grid-auto-flow: column;
  overflow-x: auto;
  scroll-behavior: smooth;
  overflow-y: hidden;
}

.loader-container.horizontal div {
  width: 100% !important;
}

.loader-container div svg {
  width: 100%;
  border-radius: 8px;
  filter: saturate(100%) invert(28%) sepia(56%) saturate(411%) hue-rotate(66deg)
    brightness(93%) contrast(90%);
}

#casino-lobby-component .tab-navigation {
  margin-bottom: 40px;
  display: flex;
}

#casino-lobby-component .tab-navigation .tab {
  background: var(--bg-side-nav-header-section) !important;
  border-radius: var(--border-radius-10);
  box-shadow: none;
  height: 40px;
  color: var(--color-text) !important;
  padding: 0 17px !important;
  margin-right: 10px;
  align-items: center;
  display: flex;
}

#casino-lobby-component .tab-navigation .tab.active,
#casino-lobby-component .tab-navigation .tab:hover {
  background: var(--button-primary-bg) !important;
  box-shadow: var(--button-primary-box-shadow);
  color: var(--color-white) !important;
  transition: all 0.2s ease-in;
}

#casino-lobby-component .tab-navigation .tab::before {
  content: "";
  display: inline-block;
  margin-right: 6px;
  width: 20px;
  height: 16px;
  background-size: var(--icon-contain);
  background-repeat: var(--icon-repeat);
  background-position: var(--icon-position);
}

#casino-lobby-component .tab-navigation .tab:first-child::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/casino/icons/Casino_default.svg");
}

#casino-lobby-component .tab-navigation .tab.active:first-child::before,
#casino-lobby-component .tab-navigation .tab:hover:first-child::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/casino/icons/Casino_active.svg");
}

#casino-lobby-component .tab-navigation .tab:nth-child(2)::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/casino/icons/Table-Games_default.svg");
}

#casino-lobby-component .tab-navigation .tab.active:nth-child(2)::before,
#casino-lobby-component .tab-navigation .tab:hover:nth-child(2)::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/casino/icons/Table-Games_active.svg");
}

#casino-lobby-component .tab-navigation .tab:last-child::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/casino/icons/Live-Casino_default.svg");
}

#casino-lobby-component .tab-navigation .tab.active:last-child::before,
#casino-lobby-component .tab-navigation .tab:hover:last-child::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/casino/icons/Live-Casino_active.svg");
}

.game-lobby-header .header-container i {
  margin-right: 8px !important;
}

.game-lobby-header .header-container i::before,
.game-provider-wrapper .game-provider-header .header-container i::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: var(--icon-contain);
  background-repeat: var(--icon-repeat);
  background-position: var(--icon-position);
  vertical-align: middle;
}

.game-lobby-header .header-container i.LiveCasino::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/LiveCasino-active.svg");
}

.game-lobby-header .header-container i.KoreanDealers::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/KoreanDealers-active.svg");
}

.game-lobby-header .header-container i.Slots::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Slots-active.svg");
}

.game-lobby-header .header-container i.Poker::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/Poker.svg");
}

.game-lobby-header .header-container i.Roulette::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/Roulette.svg");
}

.game-lobby-header .header-container i.ProviderLobby::before {
  background-image: url("https://sgp1.digitaloceanspaces.com/alpha-static/DOSLJN/assets/icons/header-menu/Providers.svg");
}

.game-lobby-header.casino_favorites-widget .header-container i {
  margin-right: 0 !important;
}

.game-lobby-header.casino_favorites-widget .header-container i::before {
  background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Favorites.svg");
  width: 36px;
  height: 36px;
  position: relative;
}

.game-provider-wrapper .game-provider-slider-container {
  width: fit-content !important;
  position: absolute;
  right: 0;
  top: 0;
}

.game-provider-wrapper .game-provider-list .game-provider-list-item {
  border-radius: 8px !important;
  background: var(--bg-side-nav-header-section) !important;
  height: 60px !important;
  padding: 10px 15px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: var(--button-primary-bg);
  transition: border 0.2s ease-in-out;
}

.game-provider-wrapper .game-provider-list .game-provider-list-item:hover {
  border: 1px solid var(--button-primary-bg);
  transform: scale(0.95);
  transition: transform 0.2s ease-in-out;
}

.game-provider-wrapper .game-provider-list .game-provider-list-item img {
  max-width: 68%;
}

.game-provider-wrapper .game-provider-slider-container button {
  height: 24px !important;
  width: 24px !important;
  border: 0 !important;
  margin-left: 12px;
  padding: 0 !important;
}

.game-provider-wrapper .game-provider-slider-container button:hover {
  background: transparent !important;
  filter: drop-shadow(0px 0px 2px rgba(255, 255, 255, 1));
}

.game-provider-wrapper .game-provider-slider-container button i:before {
  content: "";
  height: 24px;
  width: 24px;
  display: var(--icon-display);
  background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/new-next-prev.svg);
  background-position: var(--icon-position);
  background-size: var(--icon-contain);
  vertical-align: middle;
}

.game-provider-wrapper
  .game-provider-slider-container
  button#slideLeft
  i:before {
  transform: rotate(180deg);
}

.game_provider_horizontal_list-widget.header-container {
  display: flex;
  width: fit-content;
  align-items: center;
}

.game_provider_horizontal_list-widget.header-container i {
  margin-right: 8px;
}

.game_provider_horizontal_list-widget.header-container i:before {
  background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/AllProviders-active.svg);
}

.gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-container {
  background: var(--bg-side-nav-header-section) !important;
}

.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-container.preload-container::before {
  background: rgba(11, 23, 12, 0.9) !important;
}

.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-container
  .balance-in-currency,
.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-container
  #game-currency-dropdown,
.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-container
  .gamestage-center-info-container
  span:first-of-type {
  display: none;
}

.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-container
  .balance-in-currency
  .gamestage-currency {
  display: none !important;
}

.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-container
  .gamestage-center-info-container
  .gamestage-play-button-container
  button {
  padding: 0 17px !important;
  border-radius: var(--border-radius-4) !important;
  background: var(--button-primary-bg) !important;
  box-shadow: var(--button-primary-box-shadow) !important;
  font-family: var(--font-family) !important;
  border: var(--border-input) !important;
}

.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-container
  .gamestage-center-info-container
  .gamestage-play-button-container
  button:last-child {
  background: var(--button-secondary-bg) !important;
  box-shadow: var(--button-secondary-box-shadow) !important;
}

.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-bottom-controls-container {
  background: var(--bg-side-nav-header-section) !important;
  border-radius: 0 !important;
  position: relative;
}

.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-bottom-controls-container
  .controls-column.left-controls-container
  button,
.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-bottom-controls-container
  .right-controls-container
  button {
  padding: 0 5px !important;
}

.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-bottom-controls-container
  .controls-column.left-controls-container
  button:hover {
  background: var(--button-secondary-bg) !important;
}

.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-bottom-controls-container
  .controls-column.left-controls-container
  button.fave {
  color: var(--color-secondary) !important;
}

.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-bottom-controls-container
  .controls-column.left-controls-container
  button.fave:hover {
  color: var(--color-white) !important;
}

.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-bottom-controls-container
  .controls-column.left-controls-container
  .switch-to-real-play-container
  .switch
  input:checked
  + .slider-checkbox {
  background-color: rgba(57, 173, 74, 0.6) !important;
}

.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-bottom-controls-container
  .controls-column.left-controls-container
  .switch-to-real-play-container
  .switch
  input:hover
  + .slider-checkbox:before,
.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-bottom-controls-container
  .controls-column.left-controls-container
  .switch-to-real-play-container
  .switch
  input:checked
  + .slider-checkbox:before {
  background-color: var(--color-primary) !important;
}

.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-bottom-controls-container
  .controls-column.left-controls-container
  .switch-to-real-play-container
  .switch
  input:disabled
  + .slider-checkbox {
  background-color: rgba(145, 134, 255, 0.5) !important;
}

.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-bottom-controls-container
  .controls-column.left-controls-container
  .switch-to-real-play-container
  .label {
  font-family: var(--font-family) !important;
  color: var(--color-primary);
}

.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-bottom-controls-container
  .right-controls-container
  button
  i:hover {
  color: var(--color-primary) !important;
}

/* GP-5399 */
.home-page-content .gamestage-wrapper-new-skin .game-info-wrapper,
.home-page-content .gamestage-wrapper-new-skin .casino_search-widget,
.home-page-content
  .gamestage-wrapper-new-skin
  .fullscreen
  .gamestage-wrapper
  .gamestage-bottom-controls-container {
  display: none;
}

.home-page-content
  .gamestage-wrapper-new-skin
  .fullscreen
  .gamestage-wrapper
  iframe.gamestage-container {
  height: calc(100dvh - 40px) !important;
}

/* End GP-5399 */

#provider-game-list-page-casino-group,
#game-providers-page,
#provider-game-list-page,
.promo-page,
.general-page-template {
  max-width: 100%;
}

.promo-page-header-container {
  display: flex;
}

.template-page-header-container,
.promo-page-header-container,
.casino_favorites-widget .game-lobby-header {
  margin: 0 !important;
  height: fit-content !important;
  background: transparent !important;
}

.template-body-wrapper {
  margin: 30px 0;
  display: flex;
  gap: 0 20px;
}

.promo-page-header-container .promo-page-header {
  display: flex;
  align-items: center;
}

.template-page-header-container .template-page-header,
.promo-page-header-container .promo-page-header,
.casino_favorites-widget .header-container {
  max-width: 100% !important;
  justify-content: start !important;
  gap: 0 8px;
  position: relative;
}

.template-page-header-container .template-page-header h5,
.promo-page-header-container .promo-page-header h5,
.casino_favorites-widget .header-container h5 {
  font-size: 20px !important;
  font-family: var(--font-family) !important;
  font-weight: 600 !important;
  color: #ebebf5 !important;
  order: 2;
}

.template-page-header-container
  .template-page-header
  img.custom-category-game-list-page,
.template-page-header-container .template-page-header img,
.promo-page-header-container .promo-page-header img {
  height: 100%;
  max-height: 32px;
  width: 32px;
  order: 1;
  object-fit: contain;
  position: relative;
}

.casino_favorites-widget section {
  margin-top: 30px;
}

.template-page-header-container
  .template-page-header
  img.custom-category-game-list-page.all-live-casino {
  content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/LiveCasino-active.svg);
}

.template-page-header-container
  .template-page-header
  img.custom-category-game-list-page.all-casino {
  content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/allCasinoIcon-active.svg);
}

.template-page-header-container
  .template-page-header
  img.custom-category-game-list-page.slots {
  content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Slots-active.svg);
}

.template-page-header-container
  .template-page-header
  img.custom-category-game-list-page.game-shows {
  content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/GameShows-active.svg);
}

.template-page-header-container
  .template-page-header
  img.custom-category-game-list-page.fast-games {
  content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/FastGames-active.svg);
}

.template-page-header-container
  .template-page-header
  img.custom-category-game-list-page.table-games {
  content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/TableGames-active.svg);
}

.template-page-header-container
  .template-page-header
  img.custom-category-game-list-page.virtual-sports {
  content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/VirtualSports-active.svg);
}

.template-page-header-container
  .template-page-header
  img.custom-category-game-list-page.tv-games {
  content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/TVGames-active.svg);
}

.template-page-header-container
  .template-page-header
  img.custom-category-game-list-page.top-games {
  content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/TopGames-active.svg);
}

.template-page-header-container
  .template-page-header
  img.custom-category-game-list-page.new-releases {
  content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/NewReleases-active.svg);
}

.template-page-header-container
  .template-page-header
  img.custom-category-game-list-page.feature-buy-in {
  content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/featureBuyInIcon-active.svg);
}

.template-page-header-container
  .template-page-header
  img.custom-category-game-list-page.baccarat {
  content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/baccaratIcon-active.svg);
}

.template-page-header-container
  .template-page-header
  img.custom-category-game-list-page.korean-dealers {
  content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/KoreanDealers-active.svg);
}

.template-page-header-container
  .template-page-header
  img.custom-category-game-list-page.blackjack {
  content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/blackjackIcon-active.svg);
}

.template-page-header-container
  .template-page-header
  img.custom-category-game-list-page.mini-games {
  content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/miniGamesIcon-active.svg);
}

.promo-page .tab {
  display: flex;
  margin: 0 auto;
  height: 37px;
  width: fit-content;
}

.promo-page .promoTabLinks {
  height: 100%;
  border-radius: 0;
  background: var(--button-secondary-bg);
  text-transform: uppercase;
  font-weight: 700;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.promo-page .promoTabLinks:first-child {
  border-radius: 4px 0 0 4px;
}

.promo-page .promoTabLinks:last-child {
  border-radius: 0 4px 4px 0;
}

.promo-page .promoTabLinks:hover,
.promo-page .promoTabLinks.active {
  background: var(--button-primary-bg);
}

.promo-page .promoTabContent {
  display: none;
}

.promo-page .promoTabContent.active {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 32px;
  grid-auto-rows: 1fr;
}

.promo-page .promoTabContent.active a {
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border: 2px solid rgba(52, 91, 47, 1);
  position: relative;
  overflow: hidden;
}

.promo-page .promoTabContent.active a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    168deg,
    rgba(52, 91, 47, 0.5) 1.62%,
    rgba(26, 50, 28, 0) 95.72%
  );
  mix-blend-mode: overlay;
}

.promo-page .promoTabContent.active a:after {
  content: "";
  position: absolute;
  height: fit-content;
  width: fit-content;
  padding: 8px;
  top: 16px;
  left: 16px;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  line-height: 120%;
  background: var(--button-secondary-bg);
  border-radius: 4px;
  color: var(--color-button);
  font-weight: 700;
  text-transform: uppercase;
}

.promo-page .promoTabContent.active a:hover:after {
  background: var(--button-primary-bg);
  mix-blend-mode: normal;
}

.promo-page .promoTabContent.active a.casino_promo:after {
  content: "Casino";
}

.promo-page .promoTabContent.active a.sports_promo:after {
  content: "Sports";
}

.promo-page .promoTabContent.active a.specials_promo:after {
  content: "Specials";
}

.promo-page .promoTabContent.active a.specials_promo:after {
  content: "Specials";
}

.promo-page .promoTabContent.active a.announcement_promo:after {
  content: "Announcement";
}

.promo-page .promoTabContent.active a img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.faq-accordion .accordion {
  background-color: var(--bg-side-nav-header-section) !important;
  height: 50px;
  border-radius: var(--border-radius-10);
  width: 100%;
  text-align: left;
  padding: 0 20px !important;
  font-size: 14px !important;
  font-weight: 700;
  color: var(--color-text-table) !important;
}

.faq-accordion .panel {
  padding: 15px 20px;
}

.faq-accordion .panel p {
  color: var(--color-text-table);
  line-height: normal;
  font-size: 14px;
}

.game-lobby-filter {
  margin-bottom: 12px !important;
}

.game-lobby-filter section {
  font-family: var(--font-family) !important;
}

.game-lobby-filter button {
  border-radius: 4px !important;
  font-family: "Poppins", sans-serif;
  background: var(--bg-side-nav-header-section) !important;
  text-transform: capitalize !important;
  font-weight: 700 !important;
  padding: 0 16px !important;
  gap: 8px;
  height: 37px !important;
}

.game-lobby-filter button i {
  color: var(--color-white) !important;
}

.game-lobby-filter button:has(> i.open),
.game-lobby-filter button:hover {
  background: var(--color-primary) !important;
}

.game-lobby-filter menu {
  box-shadow: 0px 4px 7px rgba(12, 23, 31, 0.35);
  background: linear-gradient(
    168deg,
    rgba(45, 75, 41, 0.9) 1.62%,
    rgba(17, 29, 18, 0.9) 95.72%
  ) !important;
  border-radius: 8px;
  padding: 24px !important;
  filter: drop-shadow(0px 10px 5px rgba(0, 0, 0, 0.5));
  position: relative;
  border: 2px solid rgba(255, 255, 255, 0.1);
}

.game-lobby-filter menu:before {
  content: "";
  position: absolute;
  left: 21px;
  top: -15px;
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 16px solid #2d4b29;
  filter: opacity(0.9);
}

.game-lobby-filter menu:after {
  content: "";
  position: absolute;
  left: 24px;
  top: 24px;
  width: calc(100% - 48px);
  height: calc(100% - 48px);
  background: linear-gradient(
    168deg,
    rgba(62, 120, 54, 0.8) 1.62%,
    rgba(23, 62, 26, 0.8) 95.72%
  );
  border-radius: 8px;
  z-index: -1;
}

.game-lobby-filter section menu .search {
  padding: 24px 24px 12px !important;
  border-top-right-radius: 8px;
}

.game-lobby-filter section menu .search ._input {
  width: 290px !important;
  position: relative;
}

.game-lobby-filter section menu .search ._input:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(217, 217, 217, 0.5) !important;
  mix-blend-mode: color-burn;
  border-radius: 8px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1) inset,
    0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  pointer-events: none;
}

.game-lobby-filter section menu .search ._input input {
  height: 42px !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 0 40px 0 16px !important;
}

.game-lobby-filter section menu .search ._input input::placeholder {
  text-transform: uppercase;
  font-weight: 700 !important;
}

.game-lobby-filter section menu .search ._input i {
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  padding: 0 !important;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 12px !important;
  font-size: 14px;
}

.game-lobby-filter section menu .search ._input i:before {
  content: "\f002";
  display: inline-block;
  vertical-align: middle;
  color: #254324;
}

section menu.with-caret .fa-caret-up {
  display: none !important;
}

.game-lobby-filter section menu ul {
  padding: 0 24px 24px 24px !important;
}

.game-lobby-filter section menu ul li {
  color: var(--color-text) !important;
  text-transform: capitalize !important;
}

.game-lobby-filter section menu ul li:hover {
  background: transparent !important;
}

.game-lobby-filter .game-lobby-filter-provider .game-lobby-filter-item {
  padding: 0 !important;
}

.game-lobby-filter .game-lobby-filter-provider .game-lobby-filter-item-budge {
  color: #73c37b;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: fit-content !important;
}

.game-lobby-filter .game-lobby-filter-provider .game-lobby-filter-checkbox {
  padding-left: 0 !important;
  height: 28px;
  align-items: center;
  margin-bottom: 8px !important;
  gap: 12px;
}

.game-lobby-filter
  .game-lobby-filter-provider
  ul
  li:last-child
  .game-lobby-filter-checkbox {
  margin-bottom: 0 !important;
}

.game-lobby-filter
  .game-lobby-filter-provider
  .game-lobby-filter-checkbox
  .d-flex {
  order: 2;
  font-size: 16px;
  font-weight: 600 !important;
}

.game-lobby-filter
  .game-lobby-filter-provider
  .game-lobby-filter-checkbox
  .d-flex
  .text-nowrap {
  margin-right: 12px !important;
}

.game-lobby-filter
  .game-lobby-filter-provider
  .game-lobby-filter-checkbox
  input {
  position: absolute;
}

.game-lobby-filter
  .game-lobby-filter-provider
  .base-checkbox-container
  .base-checkbox-icon {
  position: relative !important;
  order: 1;
  height: 24px !important;
  width: 24px !important;
  background: transparent !important;
  border: 0;
  position: relative;
}

.game-lobby-filter
  .game-lobby-filter-provider
  .base-checkbox-container
  .base-checkbox-icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(217, 217, 217, 0.5) !important;
  mix-blend-mode: color-burn;
  border-radius: 4px !important;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1) inset,
    0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}

.game-lobby-filter
  .game-lobby-filter-provider
  .base-checkbox-container
  .base-checkbox-icon:after {
  background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/checkbox_check.svg);
  border: 0;
  width: 22px;
  height: 16px;
  background-size: var(--icon-contain);
  background-position: var(--icon-position);
  transform: none;
  bottom: 6px;
}

.game-lobby-filter section menu ul li:hover .game-lobby-filter-item-budge {
  font-weight: 800;
}

.game-lobby-filter
  section
  menu
  ul
  li:hover
  .game-lobby-filter-checkbox
  .d-flex
  .text-nowrap {
  font-weight: 800;
  color: #fff;
}

.game-lobby-filter .game-lobby-sort section menu ul {
  padding: 24px !important;
  min-width: 147px;
}

.game-lobby-filter .game-lobby-sort section menu ul li .game-lobby-sort-item {
  display: flex;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  height: 28px;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  font-weight: 600;
}

.game-lobby-filter
  .game-lobby-sort
  section
  menu
  ul
  li:last-child
  .game-lobby-sort-item {
  margin-bottom: 0 !important;
}

.game-lobby-filter
  .game-lobby-sort
  section
  menu
  ul
  li
  .game-lobby-sort-item:hover {
  color: #fff;
  font-weight: 800;
}

.game-lobby-filter .game-lobby-sort section menu ul li .game-lobby-sort-item i {
  margin: 0 !important;
  font-size: 21px;
  width: 24px;
  height: 24px;
  text-align: center;
}

#modernSkin .modal-loader {
  display: none !important;
}

.new-skin-modal-mask .new-skin-modal-wrapper .new-skin-modal-container {
  background: var(--bg-modal) !important;
  border-radius: 8px !important;
  padding: 24px 40px !important;
  max-height: fit-content !important;
  width: calc(100% - 328px) !important;
  margin: 65px auto !important;
  max-width: 100% !important;
  transform: none !important;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.menu-nav.shrink
  ~ .content-wrapper
  .casino_search-widget
  .new-skin-modal-container {
  margin-left: 64px !important;
  width: calc(100% - 64px) !important;
}

#modernSkin .casino_search-widget .casino-search-modal-header h5 {
  font-weight: 700;
  color: #ffffff !important;
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  text-transform: capitalize;
}

#modernSkin .casino_search-widget .casino-search-modal-header button {
  background: var(--button-secondary-bg) !important;
  padding: 0 16px !important;
  letter-spacing: normal !important;
  font-weight: 700;
}

#modernSkin
  .casino_search-widget
  .casino-search-modal-wrapper
  .search-field-input {
  margin: 24px 0 32px !important;
  height: 48px !important;
}

#modernSkin
  .casino_search-widget
  .casino-search-modal-wrapper
  .search-field-input
  input {
  background: var(--bg-input) !important;
  border: var(--border-input) !important;
  border-radius: var(--border-radius-40) !important;
  color: var(--white) !important;
  font-weight: 600;
  padding: 0 48px !important;
}

#modernSkin
  .casino_search-widget
  .casino-search-modal-wrapper
  .search-field-input
  input:focus {
  box-shadow: none !important;
}

#modernSkin
  .casino_search-widget
  .casino-search-modal-wrapper
  .search-field-input
  input::placeholder {
  color: var(--color-text);
}

#modernSkin
  .casino_search-widget
  .casino-search-modal-wrapper
  .search-field-input
  i {
  color: #254324 !important;
  background: rgba(57, 173, 74, 0.6);
  padding: 5px;
  border-radius: 50%;
  font-size: 16px !important;
  left: 12px !important;
}

#modernSkin .casino_search-widget .search-result-placeholder img {
  display: none;
}

.nm-widget .game-lobby-load-more-container .load-more-counter span {
  text-transform: capitalize !important;
  font-size: 16px !important;
}

.nm-widget .game-lobby-load-more-container button {
  width: fit-content !important;
  padding: 0 64px !important;
  border-radius: var(--border-radius-4) !important;
  background: var(--button-primary-bg) !important;
  box-shadow: var(--button-primary-box-shadow);
  letter-spacing: normal !important;
  color: #ebebf5 !important;
  font-family: "Poppins", sans-serif;
  font-size: 16px !important;
  font-weight: 700;
  height: 37px !important;
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .scroll-wrapper.provider-list-page
  .game-providers {
  margin-bottom: 30px;
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .scroll-wrapper.provider-list-page
  .game-providers
  .provider-list-item {
  height: 60px !important;
  background-color: var(--bg-side-nav-header-active) !important;
  box-shadow: var(--button-primary-box-shadow) !important;
  padding: 10px 15px !important;
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .scroll-wrapper.provider-list-page
  .game-providers
  .provider-list-item:hover {
  background-color: var(--color-primary) !important;
  box-shadow: var(--button-primary-box-shadow) !important;
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .scroll-wrapper.provider-list-page
  .game-providers
  .provider-list-item
  .provider-name {
  font-weight: 600;
  font-size: 12px !important;
  line-height: normal;
  display: block;
}

.gamestage-wrapper-new-skin .game-info-wrapper .header-container h5 {
  font-weight: 800 !important;
  font-size: 20px;
  color: #ebebf5 !important;
}

.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .primary-details-wrapper
  .common-height,
.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .primary-details-wrapper
  .thumbnail-container,
.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .primary-details-wrapper
  .details-container {
  height: fit-content !important;
}

.gamestage-wrapper-new-skin .game-info-wrapper .header-container i,
.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .primary-details-wrapper
  .details-container
  .about-game-info
  .featured-tag-header
  i,
.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .featured-tags-container
  .featured-tags-wrapper
  .featured-tag-header
  i,
.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .featured-tags-container
  .game-statistic
  .collapse-title
  i {
  color: var(--color-text) !important;
}

.gamestage-wrapper-new-skin .game-info-wrapper .game-info-container {
  background: var(--bg-section) !important;
  border-radius: 8px !important;
  padding: 32px !important;
  min-height: fit-content !important;
}

.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .primary-details-wrapper {
  min-height: fit-content !important;
}

.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .primary-details-wrapper
  .details-container {
  justify-content: start !important;
  padding: 0 24px !important;
  height: fit-content !important;
}

.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .primary-details-wrapper
  .details-container
  .details-meta
  h5,
.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .primary-details-wrapper
  .details-container
  .details-meta
  p,
.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .primary-details-wrapper
  .details-container
  .about-game-info
  .about-content
  span {
  font-family: var(--font-family) !important;
}

.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .primary-details-wrapper
  .details-container
  .about-game-info {
  border-radius: 8px !important;
  padding: 24px !important;
  margin-top: 16px !important;
  background: linear-gradient(
    168deg,
    rgba(52, 91, 47, 0.2) 1.62%,
    rgba(26, 50, 28, 0.2) 95.72%
  ) !important;
}

.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .primary-details-wrapper
  .details-container
  .about-game-info
  .featured-tag-header
  h5,
.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .featured-tags-container
  .featured-tags-wrapper
  .featured-tag-header
  h5,
.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .featured-tags-container
  .game-statistic
  .collapse-title
  h5 {
  color: #ebebf5 !important;
  font-size: 16px !important;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: -0.32px;
}

.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .primary-details-wrapper
  .details-container
  .about-game-info
  .about-content {
  max-height: fit-content !important;
  color: var(--color-text-table);
}

.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .primary-details-wrapper
  .details-container
  .about-game-info
  .about-content
  span {
  font-size: 14px !important;
}

.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .primary-details-wrapper
  .details-container
  .about-game-info
  .about-content
  button {
  margin-top: 10px;
  border-radius: var(--border-radius-4);
  background: var(--button-primary-bg);
  padding: 0 16px !important;
  height: 37px;
  font-family: "Poppins", sans-serif !important;
  font-weight: 700 !important;
  display: block !important;
}

.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .primary-details-wrapper
  .details-container
  .about-game-info
  .about-content
  button
  i {
  color: #ffffff !important;
}

.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .featured-tags-container
  .featured-tags-wrapper,
.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .featured-tags-container
  .game-statistic {
  border-radius: 8px !important;
  background: linear-gradient(
    168deg,
    rgba(52, 91, 47, 0.2) 1.62%,
    rgba(26, 50, 28, 0.2) 95.72%
  ) !important;
  padding: 24px !important;
  margin-bottom: 24px !important;
}

.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .featured-tags-container
  .featured-tags-wrapper
  .featured-tags-cards
  button {
  background: var(--button-primary-bg) !important;
  border-radius: var(--border-radius-4) !important;
  border: 0 !important;
  font-family: var(--font-family) !important;
  text-transform: capitalize !important;
  padding: 0 16px !important;
}

.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .featured-tags-container
  .game-stats-container {
  padding: 8px 0 0 0 !important;
}

.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .featured-tags-container
  #collapsible
  .header,
.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .featured-tags-container
  .game-stats-container
  .game-stats-content {
  padding: 0 !important;
}

.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .featured-tags-container
  .game-stats-container
  .game-stats-content
  .game-info-details-title {
  color: var(--color-text) !important;
  font-size: 16px !important;
}

#collapsible .collapse-button {
  padding: 0 !important;
}

.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .featured-tags-container
  .game-stats-container
  .game-stats-content
  .game-info-details-value {
  color: var(--color-white) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .featured-tags-container
  .game-stats-container
  .game-stats-content
  .game-info-details-value.amount {
  color: var(--color-primary) !important;
}

.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .featured-tags-container
  .game-stats-container
  .game-stats-content
  .game-stats-info,
.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .featured-tags-container
  .game-stats-container
  .game-stats-content
  .game-info-details-title,
.gamestage-wrapper-new-skin
  .game-info-wrapper
  .game-info-container
  .featured-tags-container
  .game-stats-container
  .game-stats-content
  .game-info-details-value {
  font-family: var(--font-family) !important;
}

.nm-widget .game-lobby-load-more-container {
  margin-bottom: 30px;
}

#modal-user-profile .modal-body .modal-wrapper .section-system-filter {
  padding: 24px 0 0;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.history-tab
  .transaction-subtab-container {
  padding: 0 !important;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.history-tab
  .transaction-subtab-container
  button {
  margin-right: 0 !important;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.history-tab
  .mt-4 {
  margin-top: 0 !important;
}

.transaction-subtab-container button.active:after {
  background-color: var(--color-primary) !important;
  margin-top: 8px !important;
}

.verify-email-content {
  text-align: center;
  margin: 30px 0;
  min-height: 120px;
}

.verify-email-content i {
  font-size: 24px;
  color: var(--color-secondary);
}

.verify-email-content .message-wrapper {
  margin-top: 20px;
}

.verify-email-content .message-wrapper h6 {
  font-size: 20px;
  color: var(--color-white);
}

.verify-email-content .error-message h6 {
  color: #ff0000;
}

.verify-email-content .error-message span {
  display: block;
  margin-top: 10px;
}

.verify-email-content .error-message a {
  display: inline-block;
  width: fit-content;
  border-radius: var(--border-radius-10);
  background: var(--bg-side-nav-header-section);
  padding: 8px 16px;
  color: var(--color-white);
  margin-top: 10px;
}

.verify-email-content .success-message h6 {
  color: var(--color-primary);
}

.verify-email-content .success-message span {
  margin-top: 10px;
  display: block;
}

.article-menu-wrapper {
  flex: 0 0 250px;
  background: var(--bg-side-nav);
  border-radius: var(--border-radius-10);
  padding: 20px;
  height: fit-content;
}

.article-content-wrapper {
  flex: 0 0 calc(100% - 270px);
  padding: 20px;
  background: var(--bg-side-nav);
  border-radius: var(--border-radius-10);
}

.article-menu-wrapper .nav-item a {
  padding: 10px 20px;
  width: 100%;
  display: block;
  border-radius: var(--border-radius-10);
  transition: all 0.2s ease-in;
}

.article-menu-wrapper .nav-item a.active,
.article-menu-wrapper .nav-item a:hover {
  background: linear-gradient(
    270deg,
    rgba(23, 30, 47, 0.84) 0%,
    rgba(23, 30, 47, 0.44) 100%
  );
  color: var(--color-white);
}

.article-content-wrapper h5 {
  font-size: 16px;
  color: var(--color-white);
  font-weight: 800;
  margin-bottom: 20px;
}

.article-content-wrapper h5.inline-header {
  margin-top: 20px;
}

.article-content-wrapper p {
  color: var(--color-text-table) !important;
}

.article-content-wrapper p.indent {
  text-indent: 20px;
}

.article-content-wrapper p span.number-point {
  color: var(--color-primary);
  margin-right: 5px;
}

.custom-modal-container .custom-modal-body {
  background-color: transparent !important;
  background: var(--bg-body) !important;
  border-radius: var(--border-radius-20) !important;
}

.custom-modal-container .icon-container {
  align-items: center;
  justify-content: end;
  padding: 20px;
  height: fit-content !important;
}

.custom-modal-container .icon-container span > span {
  margin: 0 !important;
  color: var(--color-white) !important;
  font-size: 18px !important;
  font-weight: 700;
  padding: 0 !important;
}

.custom-modal-container .icon-container .close-icon {
  height: 24px;
  width: 24px;
  border-radius: 5px;
  background: var(--button-secondary-bg);
  position: relative !important;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0 !important;
  top: 0 !important;
  transform: none !important;
  font-size: 16px !important;
  color: var(--color-white);
}

.custom-modal-container .icon-container .close-icon:hover {
  color: var(--color-white) !important;
}

.custom-modal-container
  .custom-modal-section
  .transaction-details-modal-container {
  background-color: transparent;
  padding: 0 20px 5px;
  margin: 0;
}

.custom-modal-container
  .custom-modal-section
  .transaction-details-modal-container
  .transaction-detail-item
  .transaction-detail-item-value {
  color: var(--color-primary);
}

.custom-modal-container
  .custom-modal-section
  .transaction-details-modal-container
  h4 {
  color: var(--color-white);
  margin-bottom: 20px;
}

.custom-modal-container
  .custom-modal-section
  .flex-item-container
  > .flex-item-container {
  padding: 0 20px 20px !important;
}

.custom-modal-container
  .custom-modal-section
  .flex-item-container
  > .flex-item-container
  .mb-2 {
  margin-bottom: 0 !important;
}

.custom-modal-container
  .custom-modal-section
  .flex-item-container
  > .w-100.px-4 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.custom-modal-container
  .custom-modal-section
  .flex-item-container
  > .w-100.px-4
  .px-1 {
  padding-left: 5px !important;
  padding-right: 5px !important;
  flex: 0 0 calc(100% / 3);
}

.custom-modal-container
  .custom-modal-section
  .flex-item-container
  > .w-100.px-4
  .px-1:first-child {
  padding-left: 15px !important;
}

.custom-modal-container
  .custom-modal-section
  .flex-item-container
  > .w-100.px-4
  .px-1:last-child {
  padding-right: 15px !important;
}

.custom-modal-container
  .custom-modal-section
  .flex-item-container
  > .w-100.px-4
  .px-1
  .card-container {
  margin: 0 !important;
  height: fit-content !important;
  background: var(--bg-side-nav-header-section);
  border: 0;
  border-radius: var(--border-radius-10);
  box-shadow: 0px 1px 2px black;
}

.custom-modal-container .card-container .card-content {
  padding: 10px !important;
  color: var(--color-white);
}

.custom-modal-container
  .card-container
  .card-content
  .flex-item-container
  > span:first-child {
  margin-bottom: 20px;
}

.custom-modal-container
  .card-container
  .card-content
  .flex-item-container
  > span:last-child {
  color: var(--color-secondary);
}

.custom-modal-container .btn-container {
  margin: 0 0 10px 0 !important;
  padding: 0 15px !important;
  height: 40px;
  border: 0 !important;
  border-radius: var(--border-radius-10) !important;
  background: var(--button-primary-bg);
  box-shadow: var(--button-primary-box-shadow);
}

.custom-modal-container .btn-container:hover {
  background: var(--button-secondary-bg);
  box-shadow: var(--button-secondary-box-shadow);
}

#casino-lobby-component .hero-container {
  height: 307px;
  position: relative;
}

#casino-lobby-component .hero-container img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
  border-radius: var(--border-radius-10);
}

#vip-progress .section-system-main .row.p-1 .col-2 {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  padding-left: 0;
}

#vip-progress .section-system-main .row.p-1 .col-10 {
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: 80%;
}

#vip-progress .section-system-main .row.p-1 .col-10 .row {
  padding: 0 4px;
}

#vip-progress .section-system-main .row.p-1 .col-10 .row h3 {
  padding: 0;
}

#vip-progress .komp-vip-progress-tier-icon {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  min-width: 220px;
}

#vip-progress .komp-progress-bar {
  background-color: #1a321c !important;
  border: var(--border-input);
}

#vip-progress .komp-progress {
  background-color: var(--color-primary) !important;
}

#vip-progress .card {
  background: var(--bg-section) !important;
  border-radius: 8px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 16px 24px;
}

#vip-progress .card .card-header {
  border: 0;
  padding: 0;
  position: relative;
  background-color: transparent;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
}

#vip-progress .card .card-header:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--bg-separator);
  mix-blend-mode: overlay;
}

.section-system-main.referrals-tab-link {
  margin: 20px 5px 20px;
}

.referrals-tab
  .referrals-tab-link
  .referrals-tab-link-label
  .referrals-tab-link-code {
  color: #008cff !important;
}

.referrals-tab
  .referrals-tab-link
  .referrals-tab-link-label
  .referrals-tab-link-url {
  color: var(--color-white);
}

.referrals-tab .referrals-tab-link .referrals-tab-link-label .btn {
  padding: 0 15px !important;
  border-radius: 5px !important;
  display: inline-block !important;
  height: 30px !important;
}

.referrals-tab
  .section-system-filter
  .referrals-tab-filters
  .date-range-wrapper {
  width: 20%;
}

.referrals-tab
  .section-system-filter
  .referrals-tab-filters
  .referrals-tab-search,
.user-referral-commission-history-report
  .user-referral-filters
  .user-referral-search {
  background: transparent;
  border: 0 !important;
  width: fit-content !important;
  padding: 0 !important;
}

.referrals-tab
  .section-system-filter
  .referrals-tab-filters
  .referrals-tab-search
  .referrals-tab-search-input,
.user-referral-commission-history-report
  .user-referral-filters
  .user-referral-search
  .user-referral-search-input {
  background: var(--bg-input) !important;
  border: var(--border-input) !important;
  border-radius: var(--border-radius-10);
  height: 40px;
  padding: 0 32px 0 16px;
  width: fit-content !important;
}

.user-referral-commission-history-report
  .user-referral-filters
  .user-referral-search
  .user-referral-search-input::placeholder {
  font-weight: 600;
}

.referrals-tab
  .section-system-filter
  .referrals-tab-filters
  .referrals-tab-search
  .referrals-tab-search-icon,
.user-referral-commission-history-report
  .user-referral-filters
  .user-referral-search
  .user-referral-search-icon {
  color: #254324;
  background: rgba(57, 173, 74, 0.6);
  padding: 5px;
  border-radius: 50%;
}

.user-referral-commission-history
  .user-referral-commission-history-tabs
  li:hover,
.user-referral-commission-history
  .user-referral-commission-history-tabs
  li.active {
  border-color: var(--color-secondary) !important;
}

.user-referral-commission-history-monthly .user-referral-filters .dropdown {
  width: 20% !important;
}

.user-referral-commission-history-monthly
  .user-referral-filters
  .dropdown-menu {
  background: var(--bg-side-nav-header-section);
  border-radius: var(--border-radius-10);
}

.user-referral-commission-history-monthly
  .user-referral-filters
  .dropdown-menu
  .btn-system {
  height: 40px !important;
  padding: 0 25px !important;
}

.user-referral-commission-history-monthly
  .user-referral-filters
  .dropdown-menu
  .txt-system {
  background: var(--bg-input);
  border: var(--border-input);
  border-radius: 5px;
}

.user-referral-commission-history-monthly
  .user-referral-filters
  .dropdown-menu
  .dropdown-item:hover {
  background: transparent;
}

.user-referral-commission-history-monthly
  .user-referral-filters
  .dropdown-menu
  .dropdown-item:hover
  label {
  color: var(--color-primary) !important;
}

.month-year-picker-datepicker-footer {
  display: flex;
  justify-content: space-between;
  gap: 5px;
  padding: 15px;
}

.month-year-picker-datepicker .month-year-picker-input-wrapper {
  border: 0;
  border-radius: 0;
}

.month-year-picker-datepicker
  .month-year-picker-input-wrapper
  .month-year-picker-input {
  background: var(--bg-input);
  border: var(--border-input);
  border-radius: var(--border-radius-10);
  height: 40px;
}

.month-year-picker-datepicker-main.month-year-picker-datepicker-popup,
.month-year-picker-datepicker-main .month-year-picker-datepicker-content {
  background: var(--bg-side-nav-header-section);
  border-radius: var(--border-radius-10);
}

.month-year-picker-datepicker-main
  .month-year-picker-datepicker-content
  .month-year-picker-datepicker-footer
  .month-year-picker-btn.month-year-picker-datepicker-btn-confirm,
.month-year-picker-datepicker-main
  .month-year-picker-datepicker-content
  .month-year-picker-datepicker-footer
  .month-year-picker-btn {
  background: var(--button-primary-bg);
  height: 40px !important;
  padding: 0 25px !important;
  border-radius: var(--border-radius-20);
  border: 0;
  margin-left: 0;
  font-size: 14px !important;
}

.month-year-picker-datepicker-main
  .month-year-picker-datepicker-content
  .month-year-picker-datepicker-footer
  .month-year-picker-btn.month-year-picker-datepicker-btn-cancel {
  background: var(--button-secondary-bg);
}

.month-year-picker-datepicker-main
  .month-year-picker-datepicker-content
  .month-year-picker-datepicker-footer
  .month-year-picker-btn.month-year-picker-datepicker-btn-confirm:hover {
  background: var(--button-secondary-bg);
}

.month-year-picker-datepicker-main
  .month-year-picker-datepicker-content
  .month-year-picker-datepicker-footer
  .month-year-picker-btn.month-year-picker-datepicker-btn-cancel:hover {
  background: var(--button-primary-bg);
}

.month-year-picker-datepicker-main
  .month-year-picker-datepicker-content
  .month-year-picker-calendar
  .month-year-picker-calendar-content
  .cell:hover,
.month-year-picker-datepicker-main
  .month-year-picker-datepicker-content
  .month-year-picker-calendar
  .month-year-picker-calendar-content
  .cell.active {
  background: var(--bg-side-nav-active-icon);
  border-radius: 5px;
  color: #ffffff;
}

.month-year-picker-datepicker-main
  .month-year-picker-datepicker-content
  .month-year-picker-calendar
  .month-year-picker-btn {
  height: fit-content;
  padding: 0 8px !important;
}

.month-year-picker-datepicker-main
  .month-year-picker-datepicker-content
  .month-year-picker-calendar
  .month-year-picker-btn:hover {
  background: var(--bg-input) !important;
}

.search-result-placeholder img {
  display: none;
}

.bottom-logos {
  margin-top: 8px;
  display: inline-block;
}

.bottom-logos > div {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 12px 10px;
}

.bottom-logos .bottom-logo-wrapper {
  border-radius: 5px;
  background: #223a1f;
  position: relative;
  height: 83px;
}

.bottom-logos .bottom-logo-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 5px;
  background: linear-gradient(#041331 0%, #0e2045 35.79%, #051946 42.06%);
  mix-blend-mode: multiply;
  opacity: 0.5;
}

.bottom-logos .bottom-logo-wrapper a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  z-index: 1;
  position: relative;
}

.bottom-logos .bottom-logo-wrapper img {
  width: 70%;
  height: 70%;
  object-fit: contain;
}

.message-box-modal .modal-dialog .modal-content .message.error-message {
  font-family: var(--font-family) !important;
  color: var(--color-text) !important;
  padding: 0;
}

.message-box-modal .modal-dialog .modal-content .message.error-message .btn {
  background: var(--button-primary-bg);
  margin-top: 24px;
  padding: 10px 16px !important;
  font-size: 16px !important;
  text-transform: none;
  min-width: 112px;
}

.message-box-modal
  .modal-dialog
  .modal-content
  .message.error-message
  .btn:hover {
  background: var(--button-secondary-bg);
  color: #fff !important;
}

.message-box-modal
  .modal-dialog
  .modal-content
  .message.error-message
  .confirm-header {
  color: #ffffff !important;
  margin-bottom: 12px;
}

.modal-backdrop.show {
  opacity: 0.95;
  background: #133218;
}

#modal-login .modal-content .modal-body {
  background: linear-gradient(168deg, #223a1f 1.62%, #0b170c 95.72%);
  border-radius: 8px;
  mix-blend-mode: plus-lighter;
  padding: 24px 24px 32px;
}

.form-login .form-group:first-child {
  margin: 0;
}

form .form-group,
.form .form-group {
  margin-bottom: 16px;
  color: #5f6b89;
}

form .form-group label,
.form .form-group label {
  font-size: 12px;
  line-height: 100%;
  margin-bottom: 4px;
}

form .form-group .error,
.form .form-group .error {
  line-height: 16px;
}

form .form-group .input-inline#usernamesigninhpt,
form .form-group .input-inline#username-forgot {
  padding-left: 30px;
}

.form-register .form-group .custom-checkbox .custom-control-label:before {
  top: 0;
}

.form-register
  .form-group
  .custom-checkbox
  .custom-control-input:checked
  ~ .custom-control-label:after {
  top: 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: 0 0 30px 30px inset #0b170c;
}

.category-page-content {
  /* padding-top: 36px; */
}

.category-page-content-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.category-page-content-header img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.category-page-content-header img.logo-header {
  height: 95px;
  width: auto;
}

.category-page-content-header h2 {
  color: #ebebf5;
  font-size: 32px;
  font-weight: 800;
}

.category-page-content .section-box {
  padding: 24px;
  background: var(--bg-section);
  margin: 40px auto 24px;
  position: relative;
  width: 100%;
}

.category-page-content .section-box h4 {
  color: #ebebf5;
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: -0.48px;
  text-align: center;
  margin-bottom: 12px;
}

.category-page-content .section-box p {
  font-size: 16px;
  text-align: center;
  margin: 0 auto;
  line-height: 24px;
}

.category-page-content .register-button {
  margin: 8px 0;
  display: inline-block;
  text-align: center;
  width: 100%;
}

.category-page-content .register-button button {
  font-weight: 700;
  background: var(--button-primary-bg);
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
}

.category-page-content .register-button button:hover {
  background: var(--button-secondary-bg);
}

.category-page-content .card-box-section {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  gap: 24px;
  margin: 24px 0 48px;
}

.category-page-content .card-box-section .section-box {
  margin: 0;
  border-radius: var(--border-radius-16);
  padding: 32px;
  display: flex;
  gap: 24px;
}

.category-page-content .card-box-section .section-box:before {
  border-radius: var(--border-radius-16);
  border-width: 1px;
}

.category-page-content .card-box-section .section-box img {
  height: 64px;
  width: 64px;
  object-fit: contain;
}

.category-page-content .card-box-section .section-box h6 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  color: #ebebf5;
  margin-bottom: 12px;
}

.category-page-content .card-box-section .section-box p {
  max-width: 100%;
  text-align: left;
  font-weight: 400;
}

.card-box-section .section-box:hover {
  filter: drop-shadow(0px 17px 40px rgba(0, 0, 20, 30))
    drop-shadow(0px 0px 16px #39ad4a);
  transition-duration: 1s;
}

.card-box-section .section-box:hover img {
  transform: scale(1.5);
  transition-duration: 1s;
}

.category-page-content .vip-cards-section {
  display: flex;
  gap: 40px;
  margin-bottom: 24px;
  flex-wrap: wrap;
  justify-content: center;
}

.category-page-content .vip-cards-section .vip-card {
  flex: 1 0 calc(16.66667% - 33.5px);
  max-width: calc(16.66667% - 33.5px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 8px;
  padding-bottom: 24px;
}

.category-page-content .vip-cards-section .vip-card:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: calc(100% - 66px);
  width: 100%;
  border-radius: 8px;
  background: var(--bg-section);
  z-index: -1;
}

.category-page-content .vip-cards-section .vip-card:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: calc(100% - 66px);
  width: 100%;
  border-radius: 8px;
  z-index: -1;
  border: 2px solid;
  border-style: none solid;
  border-color: rgba(255, 255, 255, 0.1);
}

.category-page-content .vip-cards-section .vip-card img.badge-icon {
  height: 200px;
  width: 280px;
  object-fit: contain;
  margin-top: -32px;
  margin-bottom: -8px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25))
    drop-shadow(0px 0px 30px #d1834c);
  z-index: 1;
}

.category-page-content .vip-cards-section .vip-card.Silver img.badge-icon {
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25))
    drop-shadow(0px 0px 30px #9aa9b4);
}

.category-page-content .vip-cards-section .vip-card.Gold img.badge-icon {
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25))
    drop-shadow(0px 0px 30px #fccd07);
}

.category-page-content .vip-cards-section .vip-card.Platinum img.badge-icon {
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25))
    drop-shadow(0px 0px 30px #b3b7be);
}

.category-page-content .vip-cards-section .vip-card.Diamond img.badge-icon {
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25))
    drop-shadow(0px 0px 30px #6987ce);
}

.category-page-content .vip-cards-section .vip-card.VIP img.badge-icon {
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25))
    drop-shadow(0px 0px 30px #68d9a8);
}

.category-page-content .vip-cards-section .vip-card img.vector-bg {
  position: absolute;
  z-index: 0;
  top: 60px;
  width: calc(100% + 38px);
  max-width: unset;
}

.category-page-content .vip-cards-section .vip-card h3 {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 800;
  font-family: "Poppins", sans-serif;
  line-height: 130%;
  color: #e7a374;
  z-index: 1;
}

.category-page-content .vip-cards-section .vip-card.Silver h3 {
  color: #8ba9be;
}

.category-page-content .vip-cards-section .vip-card.Gold h3 {
  color: #b1994f;
}

.category-page-content .vip-cards-section .vip-card.Platinum h3 {
  color: #a7abb1;
}

.category-page-content .vip-cards-section .vip-card.Diamond h3 {
  color: #a8b9fd;
}

.category-page-content .vip-cards-section .vip-card.VIP h3 {
  color: #bbfed3;
}

.category-page-content .vip-cards-section .vip-card ul {
  margin-top: 24px;
  text-align: center;
  width: 100%;
  padding: 0 32px;
}

.category-page-content .vip-cards-section .vip-card ul li {
  padding: 20px 0;
  border-bottom: 1px solid rgba(217, 217, 217, 0.3);
}

.category-page-content .vip-cards-section .vip-card ul li:last-child {
  border-bottom: 0;
}

.category-page-content .vip-cards-section .vip-card ul li h2 {
  color: #ebebf5;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.6px;
  line-height: 115%;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.category-page-content .vip-cards-section .vip-card ul li span {
  color: rgba(255, 255, 255, 0.3);
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 130%;
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .scroll-wrapper {
  max-width: 100% !important;
}

.gamestage-wrapper-new-skin .casino_search-widget {
  margin: 24px 0;
}

.promo-page .game_provider_horizontal_list-widget {
  margin-top: 56px;
}

.category-page-content .section-box.tab-box {
  width: 100%;
  max-width: 1240px;
}

.category-page-content .section-box.tab-box:before,
.category-page-content .section-box.tab-box {
  border-radius: 20px 20px 8px 8px;
}

.category-page-content .section-box .tab {
  position: relative;
  z-index: 1;
  margin: -24px -22px 0;
  display: flex;
  width: calc(100% + 44px);
  align-items: center;
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

.category-page-content .section-box .tab button {
  flex: 1 0 50%;
  background: var(--bg-section);
  color: #ffffff;
  letter-spacing: -0.32px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  min-height: 49px;
  border-radius: 20px 20px 0 0;
  cursor: default;
}

.category-page-content .section-box .tab button.active {
  background: #39ad4a;
}

.komp-page .kompTabContent {
  display: none;
}

.komp-page .kompTabContent.active {
  display: flex;
  flex-direction: column;
  z-index: 1;
  position: relative;
}

.komp-page .kompTabContent .komptab-desc {
  width: calc(100% + 44px);
  margin-left: -22px;
  padding: 24px;
  background: var(--bg-section);
  margin-bottom: 8px;
}

.komp-page .kompTabContent .komp-progress {
  margin-top: 32px;
}

.komp-page .kompTabContent .komp-progress-bg {
  height: 40px;
  background: #123f21;
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 10px;
}

.komp-page .kompTabContent .komp-progress-bg .komp-progress-wrapper {
  width: var(--prog);
  display: flex;
  gap: 10px;
  height: 100%;
}

.komp-page .kompTabContent .komp-progress-bg .komp-progress-wrapper .long-line {
  height: 100%;
  width: 100%;
  border-radius: 2px;
  background: #39ad4a;
  flex: 1 1 auto;
}

.komp-page
  .kompTabContent
  .komp-progress-bg
  .komp-progress-wrapper
  .short-line {
  height: 100%;
  width: 100%;
  border-radius: 2px;
  background: #39ad4a;
  flex: 1 0 12px;
}

.komp-page .kompTabContent .komp-progress h5 {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  line-height: 22px;
}

.komp-page .register-button {
  margin: 48px 0 16px;
}

.komp-page .register-button a {
  width: fit-content;
  margin: auto;
}

.komp-page .kompTabContent .komp-rate {
  text-align: center;
}

.komp-page .kompTabContent .komp-rate h3 {
  color: #ebebf5;
  line-height: 130%;
  letter-spacing: -0.48px;
  font-size: 24px;
  font-weight: 800;
  text-transform: uppercase;
  filter: drop-shadow(0px 0px 10px #39ad4a);
}

.komp-page .card-box-section {
  margin: 8px 0 56px;
}

.raffle-tickets-header .raffle-tickets-title,
.raffle-rewards-header .raffle-rewards-title {
  text-align: center;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  margin-bottom: 24px;
}

.raffle-tickets-header .raffle-tickets-tab-filters,
.raffle-rewards-header .raffle-rewards-tab-filters {
  display: flex;
  gap: 16px;
  align-items: center;
}

.raffle-tickets-header .raffle-tickets-tab-filters .raffle-tickets-tab-search,
.raffle-rewards-header .raffle-rewards-tab-filters .raffle-rewards-tab-search {
  position: relative;
}

.raffle-tickets-header
  .raffle-tickets-tab-filters
  .raffle-tickets-tab-search-input,
.raffle-rewards-header
  .raffle-rewards-tab-filters
  .raffle-rewards-tab-search-input {
  background: var(--bg-input) !important;
  border: var(--border-input) !important;
  border-radius: var(--border-radius-10);
  padding: 0 14px;
  font-size: 14px;
  height: 40px;
  font-weight: 600;
  width: 300px;
}

.raffle-tickets-header
  .raffle-tickets-tab-filters
  .raffle-tickets-tab-search-icon,
.raffle-rewards-header
  .raffle-rewards-tab-filters
  .raffle-rewards-tab-search-icon {
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #254324;
  background: rgba(57, 173, 74, 0.6);
  padding: 5px;
  border-radius: 50%;
  position: absolute;
}

.table-system thead th {
  padding-bottom: 12px;
}

.table-system tbody tr:not(.hide) td,
.table-system tbody tr:not(.show) td {
  color: var(--color-button);
}

.table-system tbody tr:not(.hide) td:first-child {
  padding-left: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.table-system tbody tr:not(.hide) td:last-child {
  padding-right: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.table-system tbody tr:nth-child(even) td {
  background: var(--bg-calendar-separator);
}

.tournament-list-wrapper {
  padding: 0 !important;
  margin: 0 0 48px 0 !important;
  max-width: 100% !important;

  & .tournament-list-container {
    gap: 24px;
    margin: 0 !important;

    & .tournament-list-item-status-container {
      flex: 0 0 100%;

      & .tournament-list-item-status {
        font-size: 20px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
      }
    }

    & .tournament-list-column {
      flex: 0 0 calc((100% / 2) - 12px);
      padding: 0 !important;

      & .tournament-list-item {
        border-radius: var(--border-radius-16);
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
        border: 2px solid #345b2f;
        position: relative;
        background-image: var(--tournamentItemBG);

        &:before {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background: linear-gradient(
            168deg,
            rgba(52, 91, 47, 0.5) 1.62%,
            rgba(26, 50, 28, 0) 95.72%
          );
          border-radius: var(--border-radius-16);
          mix-blend-mode: lighten;
        }

        & .tournament-status,
        & .tournament-name.outer {
          display: none;
        }

        & .tournament-item-detail-panel {
          height: 100%;
          align-items: center;
          padding: 24px 24px 48px;
          gap: 24px;
          flex-wrap: nowrap;

          & .tournament-panel-data,
          & .tournament-panel-leaderboard {
            padding: 16px;
            border-radius: 8px;
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
            position: relative;

            &:before {
              content: "";
              position: absolute;
              top: 0;
              left: 0;
              height: 100%;
              width: 100%;
              background: linear-gradient(
                168deg,
                #345b2f 1.62%,
                #1a321c 95.72%
              );
              filter: opacity(0.6);
              border-radius: 8px;
              z-index: -1;
            }

            & .tournament-name.inner {
              font-size: 18px;
              font-weight: 700;
            }

            & .tournament-panel-data-item {
              display: flex;
              justify-content: space-between;
              gap: 16px;

              & .item-value {
                font-weight: 700;

                & img {
                  display: none;
                }
              }

              &.prize-pool {
                margin-top: 8px;
              }
            }

            & .tournament-items-action {
              margin-top: 16px;

              & button {
                width: fit-content !important;
                padding: 0 40px !important;
                border-radius: var(--border-radius-4) !important;
                background: var(--button-primary-bg) !important;
                box-shadow: var(--button-primary-box-shadow);
                letter-spacing: normal !important;
                color: #ebebf5 !important;
                font-family: "Poppins", sans-serif;
                font-size: 16px !important;
                font-weight: 700;
                height: 37px !important;
              }
            }

            & .tournament-item-leaderboard-title {
              font-size: 16px;
              font-weight: 700;
            }

            & .table-responsive {
              & table {
                & th {
                  background: var(--bg-side-nav-header-section);
                  color: var(--color-text-table) !important;

                  &:first-child {
                    border-radius: 4px 0 0 4px;
                  }

                  &:last-child {
                    border-radius: 0 4px 4px 0;
                  }
                }

                & tr {
                  &:nth-child(odd) {
                    & td {
                      background: var(--bg-calendar-separator);

                      &:first-child {
                        border-radius: 4px 0 0 4px;
                      }

                      &:last-child {
                        border-radius: 0 4px 4px 0;
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

.tournament-view-modal,
.tournament-result-modal {
  .modal-dialog-centered {
    max-width: 600px;

    & .modal-content {
      min-height: fit-content;
      padding: 32px !important;

      & .modal-header {
        & .close i {
          display: none;
        }
      }

      & .modal-body {
        background: linear-gradient(168deg, #223a1f 1.62%, #0b170c 95.72%);
        border-radius: 8px;
        mix-blend-mode: plus-lighter;
        padding: 16px 24px 24px;

        & .tournament-preview-container,
        &.modal-padding-top {
          & .title {
            font-size: 24px;
            font-weight: 700;
            color: #ffffff;
            text-align: center;
            margin-bottom: 16px;
          }

          & .tournament-image {
            margin-bottom: 16px;
            position: relative;

            &:before {
              content: "";
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
              background: linear-gradient(
                168deg,
                rgba(52, 91, 47, 0.5) 1.62%,
                rgba(26, 50, 28, 0) 95.72%
              );
              border-radius: var(--border-radius-16);
              mix-blend-mode: lighten;
              z-index: 1;
            }

            & img {
              width: 100%;
              border-radius: var(--border-radius-16);
              filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
              border: 2px solid #345b2f;
            }
          }

          & .tournament-preview-detail-panel,
          & .tournament-view-result-wrapper {
            & .base-time-ticker {
              gap: 8px;
              margin-bottom: 16px;

              & p {
                background: var(--bg-section);
                padding: 8px 12px;
                border-radius: 4px;
                color: #ffffff;
              }
            }

            & .tournament-view-details,
            & .tournament-top-player {
              background: var(--bg-side-nav-header-section);
              border: 2px solid rgba(255, 255, 255, 0.1);
              border-radius: 8px;
              padding: 8px 16px;
              display: flex;
              flex-direction: column;
              gap: 8px;

              & .tournament-view-details-item,
              & > div {
                display: flex;
                justify-content: space-between;
                color: #ffffff;

                & span {
                  &:last-child {
                    font-weight: 700;
                  }

                  & img {
                    display: none;
                  }
                }
              }
            }

            & .table-responsive {
              margin-top: 24px;

              & table {
                & th {
                  background: var(--bg-side-nav-header-section);
                  color: var(--color-text-table) !important;
                  padding: 8px 16px;

                  &:first-child {
                    border-radius: 8px 0 0 8px;
                  }

                  &:last-child {
                    border-radius: 0 8px 8px 0;
                  }
                }

                & tr {
                  & td {
                    color: #fff;
                    padding: 8px 16px;
                  }

                  &:nth-child(odd) {
                    & td {
                      background: var(--bg-calendar-separator);
                      color: var(--color-button);

                      &:first-child {
                        border-radius: 8px 0 0 8px;
                      }

                      &:last-child {
                        border-radius: 0 8px 8px 0;
                      }
                    }
                  }
                }
              }
            }
          }

          & .tournament-summary {
            margin: 16px 0;
          }

          & .read-more-btn {
            width: fit-content !important;
            padding: 0 64px !important;
            border-radius: var(--border-radius-4) !important;
            background: var(--button-primary-bg) !important;
            box-shadow: var(--button-primary-box-shadow);
            letter-spacing: normal !important;
            color: #ebebf5 !important;
            font-family: "Poppins", sans-serif;
            font-size: 16px !important;
            font-weight: 700;
            height: 37px !important;
          }
        }
      }
    }
  }
}

.tournament-view-wrapper {
  max-width: 100% !important;

  & .container-fluid {
    padding: 0;

    & .tournament-view-modern-wrapper {
      position: relative;

      & .banner-title-panel {
        --tournamentViewTitleBG: url(https://alpha-static.gpfront.com/DOSLJN/assets/banners/fast-games-hero.webp);
        background-image: var(--tournamentViewTitleBG);
        height: 400px;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: var(--border-radius-16);
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
        border: 2px solid #345b2f;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;

        &:before {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background: linear-gradient(
            168deg,
            rgba(52, 91, 47, 0.5) 1.62%,
            rgba(26, 50, 28, 0) 95.72%
          );
          border-radius: var(--border-radius-16);
          mix-blend-mode: lighten;
        }

        & .tournament-name {
          font-size: 32px;
          font-weight: 700;
          color: #ffffff;
          padding: 16px;
          border-radius: 8px;
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
          position: relative;

          &:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background: linear-gradient(168deg, #345b2f 1.62%, #1a321c 95.72%);
            filter: opacity(0.4);
            border-radius: 8px;
            z-index: -1;
          }
        }
      }

      & .data-panel,
      & .leaderboard-panel {
        margin-top: 32px;
        background: var(--bg-section);
        padding: 24px 24px 0;
        border-radius: var(--border-radius-16);
        border: 2px solid rgba(255, 255, 255, 0.1);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

        & .tournament-view-title-panel {
          position: absolute;
          top: 24px;
          right: 24px;
          text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          line-height: 120%;
          padding: 8px;
          background: var(--button-secondary-bg);
          border-radius: 4px;
          color: var(--color-button);
          font-weight: 700;
          text-transform: uppercase;

          & .tournament-title {
            display: none;
          }
        }

        & .tournament-view-image {
          display: none;
        }

        & .tournament-timer-detail-panel {
          & .base-time-ticker {
            gap: 8px;
            margin-bottom: 24px;

            & p {
              background: var(--bg-section);
              padding: 8px 12px;
              border-radius: 8px;
              color: #ffffff;
            }
          }

          & .tournament-prize-pool {
            & img {
              display: none;
            }

            & > div {
              width: 30%;
              display: flex;
              background: var(--bg-side-nav-header-section);
              border: 2px solid rgba(255, 255, 255, 0.1);
              border-style: solid solid none solid;
              border-radius: 16px 16px 0 0;
              justify-content: space-between;
              padding: 16px 16px 8px;
              color: #ffff;

              & .tournament-prize-pool-amount {
                font-weight: 700;
              }
            }
          }
        }

        & .tournament-view-details {
          width: 30%;
          display: flex;
          flex-direction: column;
          background: var(--bg-side-nav-header-section);
          border: 2px solid rgba(255, 255, 255, 0.1);
          border-style: none solid solid solid;
          border-radius: 0 0 16px 16px;
          padding-bottom: 8px;

          & .tournament-view-details-item {
            display: flex;
            justify-content: space-between;
            padding: 8px 16px;
            color: #ffff;

            & span {
              &:last-child {
                font-weight: 700;
              }
            }
          }
        }

        & .tournament-view-myrank-wrapper,
        & .tournament-view-leaderboard-wrapper {
          margin: 24px 0;

          & .table-responsive {
            & table {
              & th {
                background: var(--bg-side-nav-header-section);
                color: var(--color-text-table) !important;
                padding: 8px 16px;

                &:first-child {
                  border-radius: 8px 0 0 8px;
                }

                &:last-child {
                  border-radius: 0 8px 8px 0;
                }
              }

              & tr {
                & td {
                  color: #fff;
                  padding: 8px 16px;
                }

                &:nth-child(odd) {
                  & td {
                    background: var(--bg-calendar-separator);
                    color: var(--color-button);

                    &:first-child {
                      border-radius: 8px 0 0 8px;
                    }

                    &:last-child {
                      border-radius: 0 8px 8px 0;
                    }
                  }
                }
              }
            }
          }
        }

        & .tournament-view-description,
        & .tournament-view-games,
        & .tournament-panel,
        & .tournament-previous-container {
          margin-bottom: 24px;

          & .description-title,
          & .tournament-view-games-title,
          & .tournament-leaderboard-title,
          & .title {
            font-size: 20px;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 16px;
          }

          & .tournament-view-games-article {
            & .tournament-view-games-article-header {
              h1 {
                font-size: 16px;
                font-weight: 700;
                color: #ffffff;
                margin-bottom: 16px;
                text-transform: uppercase;
              }
            }

            & .tournament-view-games-article-thumbnails {
              margin-bottom: 24px;
              display: grid;
              grid-template-columns: repeat(8, 1fr);
              gap: 24px;

              &.sports {
                grid-template-columns: repeat(4, 1fr);

                & img {
                  position: relative;
                }

                & img::after {
                  content: "\26AC";
                  display: block;
                  position: absolute;
                  top: 0;
                  left: 0;
                  height: 20px;
                  width: 16px;
                  padding: 0px 0px 0px 5px;
                  background: #223a1f;
                }
              }

              & .base-game-card {
                & img {
                  width: 100%;
                }
              }
            }

            & .tournament-view-games-article-button {
              text-align: center;

              & button {
                width: fit-content !important;
                padding: 0 64px !important;
                border-radius: var(--border-radius-4) !important;
                background: var(--button-primary-bg) !important;
                box-shadow: var(--button-primary-box-shadow);
                letter-spacing: normal !important;
                color: #ebebf5 !important;
                font-family: "Poppins", sans-serif;
                font-size: 16px !important;
                font-weight: 700;
                height: 37px !important;
                text-transform: uppercase;
              }
            }
          }

          & .tournament-previous-panel {
            background-image: var(--prevTournamentBG);
            width: 40%;
            height: 300px;
            background-repeat: no-repeat;
            background-size: cover;
            border-radius: var(--border-radius-16);
            filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
            border: 2px solid #345b2f;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 36px;
            padding: 24px;
            position: relative;

            &:before {
              content: "";
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
              background: linear-gradient(
                168deg,
                rgba(52, 91, 47, 0.5) 1.62%,
                rgba(26, 50, 28, 0) 95.72%
              );
              border-radius: var(--border-radius-16);
              mix-blend-mode: lighten;
              z-index: -1;
            }

            & .previous-tournament-name {
              font-size: 20px;
              font-weight: 700;
              color: #ffffff;
              padding: 16px;
              border-radius: 8px;
              box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
              position: relative;

              &:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                background: linear-gradient(
                  168deg,
                  #345b2f 1.62%,
                  #1a321c 95.72%
                );
                filter: opacity(0.4);
                border-radius: 8px;
                z-index: -1;
              }
            }

            & button {
              width: fit-content !important;
              padding: 0 64px !important;
              border-radius: var(--border-radius-4) !important;
              background: var(--button-primary-bg) !important;
              box-shadow: var(--button-primary-box-shadow);
              letter-spacing: normal !important;
              color: #ebebf5 !important;
              font-family: "Poppins", sans-serif;
              font-size: 16px !important;
              font-weight: 700;
              height: 37px !important;
            }
          }
        }

        & .tournament-panel {
          & button {
            margin-top: 24px;
            width: fit-content !important;
            padding: 0 16px !important;
            border-radius: var(--border-radius-4) !important;
            background: var(--button-secondary-bg) !important;
            box-shadow: var(--button-secondary-box-shadow);
            letter-spacing: normal !important;
            color: #ebebf5 !important;
            font-family: "Poppins", sans-serif;
            font-size: 16px !important;
            font-weight: 700;
            height: 37px !important;
            text-transform: uppercase;
          }
        }
      }
    }
  }
}

.category-page-content.vip-page {
  & .section-box:not(.card-box) {
    & p {
      max-width: 63%;
    }
  }
}

.category-page-content.aboutus-page {
  margin-bottom: 32px;

  & .section-box:not(.card-box) {
    margin: 24px 0 32px;

    & p {
      &:not(:last-child) {
        margin: 0 0 24px;
      }
    }
  }

  & .section-header {
    display: inline-block;
    width: 100%;
    margin-bottom: 16px;

    & h4 {
      text-align: center;
      color: #ebebf5;
      font-family: "Poppins", sans-serif;
      font-size: 24px;
      text-transform: uppercase;
      font-weight: 800;
      letter-spacing: -0.48px;
    }
  }

  & .card-box-section {
    margin: 24px 0;

    &.grid3 {
      grid-template-columns: repeat(3, 1fr);
    }

    & .card-box-details {
      & ul {
        margin: 24px 0 0 0;
        list-style: disc;
        padding-left: 24px;

        & li {
          font-weight: 700;
        }
      }
    }
  }
}

.category-page-content.privacypolicy-page,
.category-page-content.responsiblegaming-page {
  margin-bottom: 32px;

  & .section-box:not(.card-box) {
    margin: 24px 0 0;

    & p {
      &:not(:last-child) {
        margin: 0 0 24px;
      }

      & a {
        position: relative;
      }
    }

    & ul {
      text-align: center;
      margin: 0 0 24px 0;
      list-style: disc;
      list-style-position: inside;

      & li {
        font-weight: 700;
        font-size: 16px;

        &.li-header {
          list-style: none;
        }
      }
    }
  }
}

.category-page-content.faq-page {
  margin-bottom: 32px;

  & .section-box:not(.card-box) {
    margin: 24px 0 0;

    & p {
      &:not(:last-child) {
        margin: 0 0 24px;
      }

      & a {
        position: relative;
      }
    }

    & ul {
      text-align: center;
      margin: 0 0 24px 0;
      list-style: decimal;
      list-style-position: inside;

      & li {
        font-weight: 700;
        font-size: 16px;
      }
    }
  }
}

.category-page-content .para-divider {
  width: 100%;
  padding: 24px 0;
}

.rules-wrapper {
  display: flex;
  flex-direction: row;
  gap: 16px;

  .category-page-content-menu {
    min-width: fit-content;

    h4 {
      margin-bottom: 20px;
      font-size: 1.75rem;
      color: #fff;
    }

    .rules-menu,
    .menuw {
      background: var(--bg-section);
      border-radius: var(--border-radius-10) !important;
      padding: 10px 15px;
      width: 250px;
      min-width: 138px;

      li {
        a {
          line-height: normal;
          padding: 15px 25px;
          border-radius: var(--border-radius-10) !important;
          width: 100%;
          display: block;
        }

        a:hover,
        a.active {
          background: var(--bg-side-nav-header-section);
          color: #fff;
        }
      }
    }
  }

  .category-page-content.sportsrules-page {
    width: calc(100% - 266px);

    & .article-content {
      margin-bottom: 48px;
    }

    & .category-page-content-header {
      gap: 64px;
      margin-bottom: 32px;

      & .sportsrules-header {
        display: flex;
        align-items: center;
        gap: 24px;

        & .sportsrules-logo {
          height: 95px;
          width: 95px;
        }

        & h1 {
          font-size: 46px;
          color: #ebebf5;
          text-transform: uppercase;
          font-weight: 700;
        }
      }
    }

    & .accordion-container {
      margin: 0 0 16px;
      padding: 0;
      position: relative;
      background: var(--bg-section);

      &:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        border: 2px solid rgba(255, 255, 255, 0.1);
      }
    }

    & .accordion {
      padding: 0 24px !important;
      display: flex;
      height: 56px;
      width: 100%;
      align-items: center;
      justify-content: space-between;
      font-family: "Poppins", sans-serif;
      font-size: 16px !important;
      text-transform: uppercase;
      font-weight: 800;
      letter-spacing: -0.48px;
      position: relative;

      & i {
        transform: rotate(-90deg);
        font-size: 24px;
        transition: 0.2s all ease-in;
      }

      &.active {
        & i {
          transform: rotate(0);
        }
      }
    }

    & .panel {
      height: 0;
      transform: scaleY(0);
      transform-origin: top;
      transition: transform 0.3s ease;

      & p,
      & h6,
      & li {
        line-height: 0;
        display: flex;
        flex-direction: column;
        opacity: 0;
      }

      & br {
        display: none;
      }

      & table {
        display: none;
      }

      &.shown {
        height: fit-content;
        transform: scaleY(1);
        padding: 24px;

        & p {
          line-height: 24px;
          gap: 4px;
          opacity: 1;
          margin-bottom: 16px;
        }

        & li {
          display: list-item;
          text-align: -webkit-match-parent;
          line-height: 16px;
          opacity: 1;
          margin-bottom: 8px;
        }

        & h6 {
          line-height: 24px;
          opacity: 1;
        }

        & br {
          display: inline;
        }

        & table {
          display: table;
        }
      }
    }
  }
}

.category-page-content.termsandconditions-page {
  & .section-box {
    &.text-left {
      & p {
        text-align: left;

        &:not(:last-child) {
          margin: 0 0 16px;
        }
      }
    }

    & ul {
      padding: 0 0 0 16px;
      font-size: 16px;

      &:not(:last-child) {
        margin: 0 0 24px;
      }
    }
  }
}

.promo-page {
  & .promo-article-banner {
    margin-bottom: 24px;

    & .promo-article-hero {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      height: 350px;
      border-radius: var(--border-radius-16);
      filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
      border: 2px solid #345b2f;
      position: relative;

      &:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(
          168deg,
          rgba(52, 91, 47, 0.5) 1.62%,
          rgba(26, 50, 28, 0) 95.72%
        );
        border-radius: var(--border-radius-16);
        mix-blend-mode: lighten;
      }
    }
  }

  & .promo-article-body {
    display: inline-block;
    margin: 0 0 24px;
    position: relative;
    width: 100%;

    &.main-desc {
      background: var(--bg-section);
      padding: 24px;

      &:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        border: 2px solid rgba(255, 255, 255, 0.1);
      }

      img {
        margin: 0 auto;
      }
    }

    & .sub-body {
      margin-top: 24px;
    }

    & h4 {
      font-family: "Poppins", sans-serif;
      color: #ebebf5;
      text-align: center;
      font-size: 24px;
      font-weight: 800;
      line-height: 200%;
      letter-spacing: -0.48px;
      text-transform: uppercase;
    }

    & h5 {
      font-family: "Poppins", sans-serif;
      color: #ebebf5;
      text-align: center;
      font-size: 21px;
      font-weight: 800;
      line-height: 200%;
      letter-spacing: -0.42px;
      text-transform: uppercase;
    }

    & h6 {
      font-family: "Poppins", sans-serif;
      color: #ebebf5;
      text-align: center;
      font-size: 16px;
      font-weight: 800;
      line-height: 130%;
      letter-spacing: -0.32px;
      margin-bottom: 16px;
    }

    & p {
      font-size: 16px;
      text-align: center;
      margin-bottom: 24px;
      line-height: 24px;
    }

    & ul {
      text-align: center;
      list-style: disc;
      list-style-position: inside;

      & li {
        font-size: 16px;
        line-height: 24px;
      }
    }
  }
}

.form-register .form-group .mobile-area-code {
  top: 33px;
}

#dynamic_register_form .form-prompt .dynamic .text-center {
  display: flex;
  justify-content: space-evenly;
  margin-top: 16px;
}

#dynamic_register_form .form-prompt .dynamic .text-center button {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  background: var(--button-primary-bg);
  text-wrap: nowrap;
  padding: 0px !important;
}

.datepicker {
  background: var(--bg-side-nav-header-section);
  border-radius: var(--border-radius-10);
  border-color: var(--bg-separator);
}

.menu-container .scroll-section .accordion-container {
  margin: 8px 0;
}

.menu-container .scroll-section .menu-accordion {
  display: flex !important;
  align-items: center;
  width: 100%;
  padding: 0 16px !important;
  height: 56px;
  justify-content: space-around;
  background: rgba(38, 80, 39, 0.6) !important;
  border-radius: 0.5rem;
  position: relative;
}

.menu-container .scroll-section .menu-accordion img {
  transform: rotate(-180deg);
  transition: all 0.5s ease-in-out;
  right: -32px;
  position: relative;
  background: rgba(35, 69, 35, 0.6) !important;
  border-radius: 0.5rem;
}

.menu-container .scroll-section .menu-panel {
  max-height: 0;
  opacity: 0;
  padding: 0 16px !important;
  transition: all 0.5s ease-in-out;
  position: relative;
  z-index: -1;
  pointer-events: none;
}

.menu-container .scroll-section .accordion-container .menu-panel.shown {
  max-height: 800px;
}

.menu-container .scroll-section .menu-panel.shown {
  opacity: 1;
  background: rgba(35, 69, 35, 0.2) !important;
  border-radius: 0px 0px 0.5rem 0.5rem;
  z-index: 1;
  pointer-events: auto;
}

.menu-container .scroll-section .menu-accordion.active img {
  transform: rotate(0deg);
}

.menu-container .scroll-section .other-menu {
  background: rgba(38, 80, 39, 0.6) !important;
  border-radius: 0.5rem;
  padding: 0 8px !important;
}

.menu-container .scroll-section button.menu-accordion:before {
  content: "";
  display: var(--icon-display);
  width: var(--icon-size);
  height: var(--icon-size);
  background-size: var(--icon-contain);
  background-repeat: var(--icon-repeat);
  background-position: var(--icon-position);
  position: absolute;
  z-index: 1;
  left: 8px;
}

.menu-container .scroll-section button.menu-accordion.menu-sports:before {
  background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/navSports.svg);
}

.menu-container .scroll-section button.menu-accordion.menu-casino:before {
  background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/navCasino.svg);
}

.menu-container .scroll-section .menu-accordion span {
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  margin-left: 6px;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.shrink
  .menu-container
  .accordion-container
  .menu-accordion
  span,
#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.shrink
  .menu-container
  .accordion-container
  .menu-accordion
  img {
  display: none;
}

#modernSkin.main-wrapper
  .layout-wrapper
  #app_left_navigation.shrink
  .menu-container
  .accordion-container
  button:hover
  span {
  background: var(--bg-side-nav-active-icon) !important;
  border-top-right-radius: var(--border-radius-4);
  border-bottom-right-radius: var(--border-radius-4);
  height: 56px !important;
  padding-top: 0 !important;
  padding-right: 12px;
  padding-left: 12px;
  display: flex !important;
  align-items: center;
  position: fixed;
  width: auto;
  left: 0;
  margin-left: 64px;
  color: #fff;
}

#page_content_modern .sports-wrap {
  position: relative;
  top: -20px;
  width: calc(100% + 32px);
  left: -16px;
}

.sports-wrap .btisw iframe {
  min-height: calc(100dvh - 113px) !important;
  margin-top: -38px;
}

*[lang="ko"] body,
*[lang="ko"] a,
*[lang="ko"] p,
*[lang="ko"] span,
*[lang="ko"] button,
*[lang="ko"] h1,
*[lang="ko"] h2,
*[lang="ko"] h3,
*[lang="ko"] h4,
*[lang="ko"] h5,
*[lang="ko"] h6 {
  font-family: "Noto Sans KR", sans-serif !important;
}

*[lang="th"] body,
*[lang="th"] a,
*[lang="th"] p,
*[lang="th"] span,
*[lang="th"] button,
*[lang="th"] h1,
*[lang="th"] h2,
*[lang="th"] h3,
*[lang="th"] h4,
*[lang="th"] h5,
*[lang="th"] h6 {
  font-family: "Noto Sans Thai", sans-serif !important;
}

/*  Footer Rules LI*/
#app_footer .footer-container ul .nav-item ul a.dropdown-item.active {
  background-color: transparent;
  color: #fff;
}

/*  */

/* Non Logged in and Logged in buttons*/
body.logged-in .logged-in {
  display: block;
}

body.logged-in .non-logged-in {
  display: none;
}

body .logged-in {
  display: none;
}

/*Referral Page*/

.shrink {
  .referral-page {
    .section-hero {
      .left-box {
        padding: 0 120px !important;
      }

      .right-box {
        margin-left: -120px;
      }
    }

    .section-box {
      .left-col,
      .right-col {
        img {
          top: -72px !important;
        }
      }
    }
  }
}

.referral-page {
  .section-hero {
    display: flex;
    align-items: start;
    margin-bottom: -48px;

    .left-box {
      text-align: center;
      flex: 0 0 65%;
      padding: 0 24px;

      h2 {
        color: #ebebf5;
        font-size: 32px;
        font-weight: 800;
        margin-bottom: 32px;
      }

      h6 {
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 600;
        color: #ebebf5;
        margin-bottom: 12px;
      }

      p,
      span {
        font-size: 16px;
        text-align: center;
        margin: 0 auto;
        line-height: 24px;
      }

      .register-container {
        display: flex;
        flex-direction: column;
        margin-top: 48px;

        button {
          font-weight: 700;
          background: var(--button-primary-bg);
          font-family: "Poppins", sans-serif;
          transition: 0.3s;
          text-transform: uppercase;
        }

        button:hover {
          background: var(--button-secondary-bg);
        }

        span {
          margin-top: 16px;
        }
      }

      &.w-50 {
        flex: 0 0 50%;
      }
    }

    .right-box {
      flex: 0 0 35%;

      &.w-50 {
        flex: 0 0 50%;
      }
    }

    &.htu {
      margin-bottom: 24px;
      margin-top: 64px;
      align-items: center;

      h4 {
        text-align: center;
        color: #ebebf5;
        font-family: "Poppins", sans-serif;
        font-size: 24px;
        text-transform: uppercase;
        font-weight: 800;
        letter-spacing: -0.48px;
        margin-bottom: 32px;
      }

      ul {
        list-style: disc;
        list-style-position: inside;

        li:not(:last-child) {
          margin-bottom: 16px;
        }

        & p {
          & span {
            color: #39ad4a;
          }
        }
      }
    }
  }

  .section-box {
    &.two-col {
      display: flex;
      align-items: stretch;

      .left-col,
      .right-col {
        flex: 0 0 50%;
        display: flex;
        flex-direction: column;
        position: relative;
        justify-content: space-around;

        .details-container {
          width: 50%;

          h6 {
            font-size: 16px;
            text-transform: uppercase;
            font-weight: 600;
            color: #ebebf5;
            margin: 16px;
            text-align: center;
          }
        }

        .button-container {
          width: 50%;
          text-align: center;

          button {
            font-weight: 700;
            background: var(--button-primary-bg);
            font-family: "Poppins", sans-serif;
            text-transform: uppercase;
          }

          button:hover {
            background: var(--button-secondary-bg);
          }
        }

        img {
          position: absolute;
          right: -25px;
          width: 60%;
          top: -36px;
        }
      }

      .commission-paid-banner {
        flex: 0 0 30%;
        max-width: 30%;
      }

      .commission-paid-wrapper {
        flex: 0 0 70%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 32px;

        .commission-paid-progress {
          .progress-bg {
            height: 40px;
            background: #123f21;
            border-radius: 8px;
            padding: 12px;
            margin-bottom: 16px;

            .progress-wrapper {
              width: var(--prog);
              display: flex;
              gap: 10px;
              height: 100%;

              .long-line {
                height: 100%;
                width: 100%;
                border-radius: 2px;
                background: #39ad4a;
                flex: 1 1 auto;
              }

              .short-line {
                height: 100%;
                width: 100%;
                border-radius: 2px;
                background: #39ad4a;
                flex: 1 0 12px;
              }
            }
          }

          .commission-paid-details {
            display: flex;
            justify-content: space-between;
            align-items: center;

            h2 {
              color: #ebebf5;
              font-family: "Poppins", sans-serif;
              font-size: 24px;
              text-transform: uppercase;
              font-weight: 800;
              letter-spacing: -0.48px;
            }

            h6 {
              font-size: 16px;
              text-transform: uppercase;
              font-weight: 600;
              color: #ebebf5;
            }
          }
        }
      }

      .commision-conditions {
        padding: 0 48px;
        display: flex;
        flex-direction: column;
        justify-content: center;

        h4 {
          margin-bottom: 24px;
        }
      }

      table {
        width: 100%;

        tr {
          position: relative;

          td {
            font-family: "Poppins", sans-serif;
            font-size: 16px !important;
            text-transform: uppercase;
            color: #fff;
            padding: 0 24px;
            height: 56px;
            position: relative;

            &:last-child {
              text-align: right;
              color: #39ad4a;
            }
          }

          &:nth-child(odd) {
            background: var(--bg-section);

            td {
              &::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border: 2px solid rgba(255, 255, 255, 0.1);
              }

              &:first-child {
                &::before {
                  border-style: solid none solid solid;
                }
              }

              &:last-child {
                &::before {
                  border-style: solid solid solid none;
                }
              }
            }
          }
        }
      }

      &#referral-promo-details {
        max-height: 300px;

        .left-section {
          display: flex;
          flex-direction: column;
          justify-content: center;

          h6 {
            font-size: 16px;
            text-transform: uppercase;
            font-weight: 600;
            color: #ebebf5;
            margin-top: 48px;
            text-align: center;
          }
        }

        img {
          position: relative;
          right: -80px;
          height: 340px;
          bottom: 64px;
        }
      }
    }

    img.center {
      margin: 0 auto;
      max-height: 300px;
    }
  }

  .section-header {
    display: inline-block;
    width: 100%;
    margin: 40px 0 24px;

    &.no-margin {
      margin: 0;
    }

    h2 {
      color: #ebebf5;
      font-size: 32px;
      font-weight: 800;
      text-align: center;
      font-family: "Poppins", sans-serif;
    }

    h4 {
      text-align: center;
      color: #ebebf5;
      font-family: "Poppins", sans-serif;
      font-size: 24px;
      text-transform: uppercase;
      font-weight: 800;
      letter-spacing: -0.48px;
      margin-bottom: 16px;
    }

    h6 {
      font-size: 16px;
      text-transform: uppercase;
      font-weight: 600;
      color: #ebebf5;
      text-align: center;
    }

    p {
      font-size: 16px;
      text-align: center;
      margin: 0 auto;
      line-height: 24px;

      span {
        color: #39ad4a;
      }
    }
  }

  .card-box-section {
    &.grid3 {
      grid-template-columns: repeat(3, 1fr);

      .card-box {
        align-items: center;
        justify-content: center;

        h6 {
          margin-bottom: 0;
        }
      }
    }

    &#money-rewards {
      .card-box {
        .card-box-details {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          gap: 24px;
          width: 100%;

          h2 {
            color: #ebebf5;
            font-size: 32px;
            font-weight: 800;
            text-align: center;
            font-family: "Poppins", sans-serif;
          }
        }
      }
    }
  }
}

body.logged-in .section-hero:not(.htu) {
  align-items: center;
}

body.logged-in .section-hero:not(.htu) .register-container {
  display: none;
}

/* Casino and Live Casino CSS*/

.category-page-content.gametype-page {
  padding-top: 0;

  .section-box {
    margin-top: 0;
    overflow-x: scroll;

    .product-menu {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 24px;
      width: max-content;
      margin: auto;

      .product-menu-item {
        padding: 0 16px;
        background: linear-gradient(168deg, #345b2f 1.62%, #1a321c 95.72%);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        border-radius: 8px;

        &:hover {
          background: var(--bg-side-nav-header-section);
        }

        a {
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center;
          height: 60px;
          gap: 8px;
          font-size: 16px;
          color: #ffffff;
          font-weight: 700;
          text-wrap: nowrap;
        }

        img {
          max-height: 32px;
          width: 32px;
          object-fit: contain;
        }
      }
    }
  }
}

.game-lobby-header .header-container i.Baccarat::before {
  background-image: url("https://sgp1.digitaloceanspaces.com/alpha-static/DOSLJN/assets/icons/header-menu/Baccarat.svg");
}

.game-lobby-header .header-container i.Blackjack::before {
  background-image: url("https://sgp1.digitaloceanspaces.com/alpha-static/DOSLJN/assets/icons/header-menu/Blackjack.svg");
}

.game-lobby-header .header-container i.TVGames::before {
  background-image: url("https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/side-menu/TVGames-active.svg");
}

.game-lobby-header .header-container i.TVGames::before {
  background-image: url("https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/side-menu/TVGames-active.svg");
}

.game-lobby-header .header-container i.FeatureBuyIn::before {
  background-image: url("https://sgp1.digitaloceanspaces.com/alpha-static/DOSLJN/assets/icons/side-menu/featureBuyInIcon-active.svg");
}

.game-lobby-header .header-container i.NewReleases::before {
  background-image: url("https://sgp1.digitaloceanspaces.com/alpha-static/DOSLJN/assets/icons/side-nav/NewReleases-active.svg");
}

.game-lobby-header .header-container i.TableGames::before {
  background-image: url("https://sgp1.digitaloceanspaces.com/alpha-static/DOSLJN/assets/icons/side-menu/TableGames-active.svg");
}

.game-lobby-header .header-container i.TopGames::before {
  background-image: url("https://sgp1.digitaloceanspaces.com/alpha-static/DOSLJN/assets/icons/side-menu/TopGames-active.svg");
}

.game-lobby-header .header-container i.VirtualSports::before {
  background-image: url("https://sgp1.digitaloceanspaces.com/alpha-static/DOSLJN/assets/icons/side-menu/VirtualSports-active.svg");
}

.game-lobby-header .header-container i.MiniGames::before {
  background-image: url("https://sgp1.digitaloceanspaces.com/alpha-static/DOSLJN/assets/icons/side-menu/miniGamesIcon-active.svg");
}

.game-lobby-header .header-container i.AllCasino::before {
  background-image: url("https://sgp1.digitaloceanspaces.com/alpha-static/DOSLJN/assets/icons/side-menu/allCasinoIcon-active.svg");
}

/* End Live Casino and Casino CSS*/

/* Providers List Widget */
.template-list-page {
  position: relative;
}

#provider-game-list-page .template-page-header-container {
  position: absolute;
}

#provider-game-list-page-casino-group .template-page-header-container {
  display: none !important;
}

#before-provider-game-list-casino-group
  .w-providers-container
  .w-providers-list-display
  ul
  li {
  border-radius: 256px !important;
  background: var(--bg-side-nav-header-section) !important;
  height: 40px !important;
  padding: 8px 20px !important;
}

#before-provider-game-list-casino-group
  .w-providers-container
  .w-providers-list-display
  ul
  li:hover,
#before-provider-game-list-casino-group
  .w-providers-container
  .w-providers-list-display
  ul
  li.selected {
  background: var(--button-primary-bg) !important;
  color: #fff;
}

.w-providers-container
  .w-providers-list-display
  .w-providers-list.chips
  .w-provider-item
  .w-provider-item-details
  .w-provider-item-name {
  text-wrap: nowrap !important;
}

#before-provider-game-list-casino-group
  .w-providers-container
  .w-providers-list-display
  .w-providers-list-expand
  button {
  padding: 0 16px !important;
}

#before-provider-game-list-casino-group
  .w-providers-container
  .w-providers-list-display
  .w-providers-list-expand
  button
  i {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 36px;
}

#before-provider-game-list-casino-group
  .w-providers-container
  .w-providers-list-display
  .w-providers-list-expand
  button
  i:before {
  content: "\f078";
  display: block;
  background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/circle-button.png);
  transform: rotate(180deg);
  padding: 8px 8px;
  border: 1px solid rgb(146, 146, 146);
  border-radius: 50%;
}

.template-list-page .game-lobby-filter .game-lobby-sort {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.template-list-page .game-lobby-filter .game-lobby-sort .game-lobby-sort-label {
  display: none;
}

.template-list-page .game-lobby-filter .game-lobby-sort section > button {
  font-weight: normal !important;
}

.template-list-page
  .game-lobby-filter
  .game-lobby-sort
  section
  menu.with-caret {
  transform: none;
  right: unset;
  left: 0;
}

#w-providers-list-widget-container
  .w-provider-item-all:hover
  .w-provider-item-logo
  img,
#w-providers-list-widget-container
  .w-provider-item-all.selected
  .w-provider-item-logo
  img {
  content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/All_Providers-active.svg);
}

#w-providers-list-widget-container
  .w-provider-item-all
  .w-provider-item-logo
  img {
  content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/All_Providers.svg);
}

.w-providers-container .w-providers-list-display .w-providers-list.chips {
  overflow: scroll !important;
  overflow-y: hidden !important;
}

#before-provider-game-list-casino-group
  .w-providers-container
  .w-providers-list-display.expanded
  .w-providers-list-expand
  button
  i:before {
  transform: rotate(180deg);
}

/* End Providers List Widget */

#bannerCarouselSlider-home-banner .carousel-control-prev,
#bannerCarouselSlider-home-banner .carousel-control-next {
  width: 4%;
}

/* FAQ Accordion*/

.faq-page .section-box .accordion-container {
  margin: 0 0 16px;
  padding: 0;
  position: relative;
  background: var(--bg-section);
}

.faq-page .section-box .accordion-container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: 2px solid rgba(255, 255, 255, 0.1);
}

.faq-page .section-box .accordion-container .accordion {
  padding: 0 24px !important;
  display: flex;
  height: 56px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  font-family: "Poppins", sans-serif;
  font-size: 16px !important;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: -0.48px;
  position: relative;
}

.faq-page .section-box .accordion-container .accordion img {
  transition: 0.2s all ease-in;
}

.faq-page .section-box .accordion-container .accordion.active img {
  transform: rotate(180deg);
  transition: 0.2s all ease-in;
}

.faq-page .section-box .accordion-container .panel {
  height: 0;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.3s ease;
}

.faq-page .section-box .accordion-container .panel.shown {
  height: fit-content;
  transform: scaleY(1);
  padding: 24px;
}

.faq-page .section-box .accordion-container .panel.shown p {
  text-align: left;
}

#modal-login {
  z-index: 99999;
}

/* End FAQ Accordion*/

/* Home Accordion*/

.hero-accordion-container {
  position: absolute;
  top: 0;
  height: 100%;
  overflow: auto;
  z-index: 99;
  border-radius: 15px;
  background: var(--bg-section);
  transition: opacity 0.2s ease;
  opacity: 0;
  -webkit-overflow-scrolling: touch;
  -webkit-touch-callout: none;
  -webkit-user-select: none;

  &:hover,
  &:focus-within {
    opacity: 1;
  }

  &.keep-visible {
    opacity: 1 !important;
  }

  &::-webkit-scrollbar {
    display: none;
  }

  .accordion-container {
    margin: 0 0 12px;
    padding: 0;
    position: relative;
    background: var(--bg-section);

    &:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      border: 2px solid rgba(255, 255, 255, 0.1);
    }

    .accordion {
      padding: 0 16px !important;
      display: flex;
      height: 56px;
      width: 100%;
      align-items: center;
      justify-content: space-between;
      font-family: "Poppins", sans-serif;
      font-size: 14px !important;
      text-transform: uppercase;
      font-weight: 600;
      position: relative;

      &.active {
        img {
          transition: transform 0.3s ease;
          transform: rotate(180deg);
        }
      }
    }

    .panel {
      height: 0;
      transform: scaleY(0);
      transform-origin: top;
      transition: transform 0.3s ease;
      padding: 0 16px;

      &.shown {
        height: fit-content;
        padding: 16px;
        transform: scaleY(1);
        line-height: 24px;
      }
    }
  }
}

/* End Home Accordion*/

/*Home Sports Divide */

.scroll-wrap .hero-links .hero-item.sports {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border: none;
}

.scroll-wrap .hero-links .hero-item.sports a {
  padding-bottom: 8px;
  padding-right: 8px;
}

.scroll-wrap .hero-links .hero-item.sports .hero-links-details {
  padding: 8px 16px;
}

.scroll-wrap .hero-links .hero-item.sports:hover .hero-sports-details {
  opacity: 1;
}

.scroll-wrap .hero-links .hero-item.sports:hover .hero-sports-wrapper {
  opacity: 0;
}

.scroll-wrap .hero-links .hero-item .hero-sports-details {
  width: 100%;
  height: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: var(--border-radius-16);
  border: 2px solid #345b2f;
  opacity: 0;
  transition: opacity 0.2s ease;
  position: absolute;
}

.scroll-wrap .hero-links .hero-item .hero-sports-details:nth-child(3) {
  bottom: -4px;
}

.scroll-wrap .hero-links .hero-item:nth-child(1):before {
  content: none;
}

.scroll-wrap .hero-links .hero-item.sports .hero-sports-wrapper {
  display: flex;
  align-items: end;
  justify-content: end;
  padding-bottom: 24px;
  padding-right: 24px;
  z-index: 1;
  position: relative;
  height: 100%;
  width: 100%;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border: 2px solid #345b2f;
  border-radius: var(--border-radius-16);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: opacity 0.2s ease;
  opacity: 1;
}

.scroll-wrap .hero-links .hero-item.sports .hero-sports-wrapper > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 24px 32px;
  border-radius: 8px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  position: relative;
}

.scroll-wrap .hero-links .hero-item.sports .hero-sports-wrapper > div:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(168deg, #345b2f 1.62%, #1a321c 95.72%);
  filter: opacity(0.4);
  border-radius: 9px;
  z-index: -1;
}

/* End Home Sports Divide*/

/* Wallet Logo */
#modal-user-profile .modal-dialog .modal-body img.user-profile-modal-logo {
  content: url(https://alpha-static.gpfront.com/DOSLJN/assets/logo/uni88-desktop-logo.png);
  width: 160px;
  position: absolute;
  height: 32px;
  top: 16px;
  display: block;
  z-index: 2;
  left: 24px;
}

#modal-user-profile
  .modal-dialog
  .modal-body
  img.user-profile-modal-logo:hover {
  cursor: pointer;
}

/* Wallet Logo End */

/* Game Pre Loader IMG Centered */
.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-container
  .gamestage-image-bg {
  background-position: center 5% !important;
}

/* End Game Pre Loader IMG Centered*/

/* Launch Game New Window CSS */
.gamestage-center-info-container
  .gamestage-launch-new-window
  label.base-checkbox-container
  span {
  display: block !important;
}

/* End Launch Game New Window CSS */

/*Manifest CSS */
.pwa-install-banner {
  z-index: 1001 !important;
}

.pwa-install-banner .install-card {
  background: linear-gradient(168deg, #223a1f 1.62%, #0b170c 95.72%);
  position: relative;
  padding: 32px 32px 8px !important;
}

.pwa-install-banner .install-card .install-close {
  position: absolute;
  top: 8px;
  right: 8px;
}

.pwa-install-banner .install-card .install-message {
  display: flex;
  flex-direction: column;
  top: -16px;
  position: relative;
  gap: 8px;
}

.pwa-install-banner .install-card .install-close button {
  padding: 0 !important;
  width: 24px !important;
  height: 24px !important;
}

.pwa-install-banner .install-card .install-close button i {
  width: 100%;
  height: 100%;
}

.pwa-install-banner .install-card .install-close button i:before {
  content: " ";
  background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/uni-close-32-button.webp);
  height: 100%;
  width: 100%;
  display: block;
  background-size: var(--icon-contain);
  background-position: var(--icon-position);
  vertical-align: middle;
}

.pwa-install-banner .install-card .install-message h5 {
  font-size: 16px;
  font-weight: 700;
  line-height: 130%;
  color: var(--color-body);
  font-family: var(--font-family-black);
}

.pwa-install-banner .install-card .install-message p {
  font-size: 12px;
  line-height: 120%;
}

.pwa-install-banner .install-card .install-action button {
  color: #fff;
  background: var(--color-primary);
  width: 100px;
  font-weight: 500;
  font-family: var(--font-family-black);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 24px !important;
}

/*End Manifest CSS*/

.promo-page .promo-article-banner .promo-article-hero.mobile,
#onlinehelp-container
  #onlinehelp-float-button-9a000000-0000-0000-0000-008e000386f2-2 {
  display: none !important;
}

#MessageBoxModal .modal-body .modal-footer button {
  background: var(--button-secondary-bg);
  font-size: 16px !important;
}

#MessageBoxModal .modal-body .modal-footer button:hover {
  background: var(--button-primary-bg);
}

#MessageBoxModal .modal-body .success-message .content p.confirm-header {
  font-size: 22px;
}

#MessageBoxModal .modal-body .success-message .content p.confirm-content {
  color: #fff;
  font-size: 16px;
}

#MessageBoxModal .modal-body .success-message button {
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--button-primary-bg);
  width: 100%;
  border-radius: 4px;
}

#MessageBoxModal .modal-body .success-message button:hover {
  background: var(--button-secondary-bg);
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .accordion
  .card
  .collapse,
.report.sport-bet .bet-details.collapse,
.report.sport-bet .bet-details-header.collapse,
#modal-user-profile .modal-body .modal-wrapper #vip-progress .collapse {
  visibility: visible;
}

#user-profile-page
  .grp-edit-profile
  #accd-profile
  .card
  .collapse-profile
  .form-group
  label {
  font-size: 16px;
}

#user-profile-page
  .grp-edit-profile
  #accd-profile
  .card
  .collapse-profile
  .form-group
  input {
  color: #fff;
  background: linear-gradient(168deg, #223a1f 1.62%, #0b170c 95.72%);
  mix-blend-mode: plus-lighter;
  padding: 0 16px;
  border-radius: 8px !important;
  border: var(--border-input);
  font-size: 16px;
  margin: 8px 0;
}

#user-profile-page
  .grp-edit-profile
  #accd-profile
  .card
  .collapse-profile
  .form-group
  .dropdown
  button#selecTransferTo {
  background: var(--bg-input);
  border: 0;
  display: flex;
  justify-content: end;
}

#user-profile-page
  .grp-edit-profile
  #accd-profile
  .card
  .collapse-profile
  .form-group
  .dropdown
  div#selectTransferToMenu {
  background: var(--bg-side-nav-header-section);
  border-radius: 8px !important;
}

#user-profile-page
  .grp-edit-profile
  #accd-profile
  .card
  .collapse-profile
  .form-group
  .dropdown
  div#selectTransferToMenu
  a:hover {
  background: transparent;
  color: var(--color-primary);
}

/* Providers Logo Lobby */
/*
.template-page-header-container .template-page-header img.Providers {
    content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/AllProviders-active.svg);
}
*/
#provider-game-list-page .template-page-header-container .template-page-header {
  display: flex;
  align-items: center;
  justify-content: center;
  text-wrap: nowrap;
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  h5 {
  display: none;
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page {
  min-width: 128px;
  min-height: 48px;
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.pragmaticplay {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/pragmatic-play-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.galaxsys {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/galaxsys-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.big-time-gaming {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/big-time-gaming-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.netent-games {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/netent-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.no-limit-city {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/no-limit-city-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.red-tiger {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/red-tiger-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.evolution {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/evolution-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.jili {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/jili-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.spadegaming {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/spadegaming-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page[class~="7mojos"] {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/7mojos-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.apparat-gaming {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/apparat-gaming-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.gamebeat {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/gamebeat-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.bgaming {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/bgaming-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.belatra {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/belatra-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.booming {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/booming-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.endorphina {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/endorphina-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.ezugi {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/ezugi-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.ka-gaming {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/kagaming-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.kalamba {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/kalamba-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.mascot {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/mascot-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.netgame {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/netgame-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.platipus-gaming {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/platipus-gaming-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.thunderkick {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/thunderkick-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.wazdan {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/wazdan-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.yggdrasil {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/yggdrasil-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.betgamestv {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/betgames-tv-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.zillion {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/zillion-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.micro-gaming {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/microgaming-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.imagine-live {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/imagine-live-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.\31x2-gaming {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/1x2gaming-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.caleta-gaming {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/caleta-gaming-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.relum-galaxsys {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/galaxsys-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.games-inc {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/games-inc-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.golden-hero {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/golden-hero-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.leap-gaming {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/leap-gaming-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.oryx-gaming {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/oryx-gaming-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.smartsoft {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/smarsoft-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.vivo-gaming {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/vivo-gaming-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.gameart {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/gameart-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.pgsoft {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/pgsoft-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.pgsoft {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/pgsoft-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.booongo {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/booongo-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.expanse {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/expanse-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.mplay {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/mplay-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.ortizgaming {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/ortizgaming-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.skywind {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/skywind-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.superspade {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/superspade-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.winfast {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/winfast-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.xprogaming {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/xprogaming-logo.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.digitain-virtual-sports {
  content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/digitain-virtual-sports.png);
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  img.provider-game-list-page.fat-panda {
  display: none;
}

#provider-game-list-page
  .template-page-header-container
  .template-page-header
  h5.fat-panda {
  display: block;
}

/* Providers Logo Lobby End */

/* Arrow Game Lobby CSS */

.game-lobby-slider-container {
  display: none !important;
}

section.galow.provider-lobby,
section.galow.provider-lobby-ko,
section.galow.provider-lobby-th {
  .game-lobby-slider-container {
    left: 198px;
  }

  .game-lobby-renderer {
    .see-all-card {
      left: calc(362px / 2);
      right: auto;
    }
  }
}

section.galow.baccarat,
section.galow.baccarat-ko,
section.galow.baccarat-th {
  .game-lobby-slider-container {
    left: 132px;
  }

  .game-lobby-renderer {
    .see-all-card {
      left: calc(230px / 2);
      right: auto;
    }
  }
}

section.galow.blackjack,
section.galow.blackjack-ko,
section.galow.blackjack-th {
  .game-lobby-slider-container {
    left: 140px;
  }

  .game-lobby-renderer {
    .see-all-card {
      left: calc(248px / 2);
      right: auto;
    }
  }
}

section.galow.korean-dealers,
section.galow.korean-dealers-ko,
section.galow.korean-dealers-th {
  .game-lobby-slider-container {
    left: 196px;
  }

  .game-lobby-renderer {
    .see-all-card {
      left: calc(362px / 2);
      right: auto;
    }
  }
}

section.galow.poker,
section.galow.poker-ko,
section.galow.poker-th {
  .game-lobby-slider-container {
    left: 126px;
  }

  .game-lobby-renderer {
    .see-all-card {
      left: calc(226px / 2);
      right: auto;
    }
  }
}

section.galow.roulette,
section.galow.roulette-ko,
section.galow.roulette-th {
  .game-lobby-slider-container {
    left: 126px;
  }

  .game-lobby-renderer {
    .see-all-card {
      left: calc(224px / 2);
      right: auto;
    }
  }
}

section.galow.live-casino,
section.galow.live-casino-ko,
section.galow.live-casino-th {
  .game-lobby-slider-container {
    left: 176px;
  }

  .game-lobby-renderer {
    .see-all-card {
      left: calc(326px / 2);
      right: auto;
    }
  }
}

section.galow.feature-buy-in,
section.galow.feature-buy-in-ko,
section.galow.feature-buy-in-th {
  .game-lobby-slider-container {
    left: 196px;
  }

  .game-lobby-renderer {
    .see-all-card {
      left: calc(388px / 2);
      right: auto;
    }
  }
}

section.galow.new-releases,
section.galow.new-releases-ko,
section.galow.new-releases-th {
  .game-lobby-slider-container {
    left: 196px;
  }

  .game-lobby-renderer {
    .see-all-card {
      left: calc(388px / 2);
      right: auto;
    }
  }
}

section.galow.slots,
section.galow.slots-ko,
section.galow.slots-th {
  .game-lobby-slider-container {
    left: 120px;
  }

  .game-lobby-renderer {
    .see-all-card {
      left: calc(234px / 2);
      right: auto;
    }
  }
}

section.galow.table-games,
section.galow.table-games-ko,
section.galow.table-games-th {
  .game-lobby-slider-container {
    left: 180px;
  }

  .game-lobby-renderer {
    .see-all-card {
      left: calc(354px / 2);
      right: auto;
    }
  }
}

section.galow.top-games,
section.galow.top-games-ko,
section.galow.top-games-th {
  .game-lobby-slider-container {
    left: 156px;
  }

  .game-lobby-renderer {
    .see-all-card {
      left: calc(308px / 2);
      right: auto;
    }
  }
}

section.galow.mini-games,
section.galow.tv-games,
section.galow.all-casino,
section.galow.virtual-sports,
section.galow.tv-games-ko,
section.galow.mini-games-ko,
section.galow.all-casino-ko,
section.galow.virtual-sports-ko,
section.galow.tv-games-th,
section.galow.mini-games-th,
section.galow.all-casino-th,
section.galow.virtual-sports-th {
  .game-lobby-slider-container {
    left: 180px;
  }

  .game-lobby-renderer {
    .see-all-card {
      left: calc(354px / 2);
      right: auto;
    }
  }
}

/* Arrow Game Lobby CSS End */

.preloader {
  .preloader-backdrop {
    background: var(--bg-body);
  }

  .preloader-src {
    video,
    img {
      width: 250px;
    }
  }
}

.left-align {
  display: flex;
  gap: 8px;
  align-items: center;

  a.regulations {
    background: var(--button-primary-bg);
    color: #ebebf5 !important;
    width: fit-content;
    padding: 0 16px !important;
    height: 37px;
    display: flex;
    align-items: center;
    border-radius: var(--border-radius-4);
    font-weight: 700;
  }

  a.komp,
  a.vip {
    background: linear-gradient(
      180deg,
      #f7e395 0%,
      #edbb44 29%,
      #a36c13 45.67%,
      #8b5c08 63%,
      #b08719 78.67%,
      #e5ba25 100%
    );
    color: #ebebf5 !important;
    width: fit-content;
    padding: 0 16px !important;
    height: 37px;
    display: flex;
    align-items: center;
    border-radius: var(--border-radius-4);
    font-weight: 700;

    &:hover {
      background: var(--button-secondary-bg);
    }
  }
}

.left-align a.regulations:hover {
  background: var(--button-secondary-bg);
}

.nm-widget.bonus-badge-w .badge-count-wrapper {
  left: auto;
  right: -72px;
  top: -4px;
}

*[lang="ko"] .nm-widget.bonus-badge-w .badge-count-wrapper {
  right: -64px;
}

/* Bonus Related CSS */
.active-bonuses-tab
  .active-bonus-item
  .icomoon-desktop
  span.icon-basketball1:before,
.available-bonuses-tab .available-bonus-item .icon-basketball1:before {
  content: "\E92F";
  font-family: "icomoon" !important;
}

.description-section-wrapper .btn-claim:hover {
  background: var(--button-secondary-bg) !important;
}

#bonus-popup {
  .modal-content {
    border-radius: 8px;
    background: var(--bg-modal);

    .modal-body {
      background: linear-gradient(168deg, #223a1f 1.62%, #0b170c 95.72%);
      border-radius: 8px;
      mix-blend-mode: plus-lighter;

      .row {
        .col-12 {
          .bonus-header {
            color: #fff;
          }
        }

        .bonus-details {
          .col-1 {
            .col-12 {
              padding-left: 8px;

              .icon-casino-dice {
                font-size: 24px;

                &::before {
                  content: "\E931";
                  font-family: "icomoon" !important;
                }
              }

              .icon-basketball1 {
                font-size: 24px;

                &::before {
                  content: "\E92F";
                  font-family: "icomoon" !important;
                }
              }
            }
          }

          .col-3 {
            .btn-action-wrapper {
              button {
                border-radius: var(--border-radius-4);
                border: 0;
                background: var(--button-primary-bg);
                padding: 8px 16px !important;

                &:hover {
                  background: var(--button-secondary-bg);
                }
              }

              & button.disabled {
                cursor: not-allowed;
                pointer-events: none;
                background: grey;
              }
            }
          }

          .col-8 {
            .row:first-of-type {
              div {
                color: #fff;
                font-size: 16px;
              }
            }
          }
        }
      }

      .btn-action-wrapper {
        .col-12 {
          button {
            background: var(--button-secondary-bg);
            border: 0;
            padding: 8px 16px !important;

            &:hover {
              background: var(--button-primary-bg);
            }
          }
        }
      }
    }
  }
}

.active-bonuses-tab
  .active-bonus-item
  .description-section-wrapper
  .name-wrapper
  .name {
  color: #fff;
}

/* End Bonus*/

/* uni88 service worker */

#snackbarcompId.bottom.info {
  border-radius: 8px;
  background: var(--bg-modal);
  color: var(--color-text);
}

#snackbarcompId.bottom.info .snackbar__action div {
  padding: 8px 16px;
  height: 37px;
  background: var(--button-primary-bg);
  border-radius: var(--border-radius-4);
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
}

/* Game Lobby Button*/

.game-lobby-renderer
  .game-lobby-renderer-card
  .game-lobby-renderer-card-buttons
  button:nth-child(1) {
  background-position: center;
  background-size: cover;
  content: "";
  width: 72%;
  padding: 0 !important;
  font-size: 0 !important;
  height: 45%;
  background-image: url(https://sgp1.digitaloceanspaces.com/alpha-static/DOSLJN/assets/loaders/Uni88_PlayButton.gif);
}

.game-lobby-renderer
  .game-lobby-renderer-card
  .game-lobby-renderer-card-buttons
  button:nth-child(2) {
  position: absolute;
  bottom: 24px;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 0px 8px 8px #2c482e, 0px 4px 4px #0b170c;
  padding: 0 !important;
  display: none;
}

.game-lobby-renderer
  .game-lobby-renderer-card
  .game-lobby-renderer-card-buttons
  button:nth-child(2):hover {
  color: #3ab04a !important;
}

.game-lobby-renderer
  .game-lobby-renderer-card
  .game-lobby-renderer-card-buttons {
  display: flex !important;
  height: 100%;
  align-items: center;
  justify-content: center;
  z-index: 4;
  opacity: 0;
  transition: var(--transition-default);
}

.game-lobby-renderer
  .game-lobby-renderer-card:hover
  .game-lobby-renderer-card-buttons {
  opacity: 1;
  background: linear-gradient(
    168deg,
    rgba(52, 91, 47, 0.9) 1.62%,
    rgba(26, 50, 28, 0.89) 95.72%
  );
  box-shadow: var(--box-shadow-gl-renderer-buttons);
  border-radius: 10px;
}

/* Game Lobby Button End*/

/* Game Stage CSS */
#gamestage_floor .fullscreen .gamestage_breadcrumbs {
  background: var(--bg-body);
}

#gamestage_floor .fullscreen .gamestage_breadcrumbs:before {
  content: "";
  position: absolute;
  width: calc(100% + 328px);
  height: 40px;
  top: 0;
  left: -164px;
  background: var(--bg-header-section);
  z-index: 1;
}

#gamestage_floor .fullscreen .gamestage_breadcrumbs-exit {
  z-index: 2;
  position: relative;
}

#gamestage_floor .fullscreen .gamestage_breadcrumbs-exit span {
  margin: 0;
  position: relative;
  transition-delay: 0.2s;
}

#gamestage_floor .fullscreen .gamestage_breadcrumbs-exit:hover i {
  transform: translateX(-4px);
  color: #fff;
}

#gamestage_floor .fullscreen .gamestage_breadcrumbs-exit i {
  transition: 0.2s;
  position: relative;
}

#gamestage_floor .fullscreen .gamestage_breadcrumbs-exit span:before {
  position: absolute;
  box-sizing: border-box;
  width: 0%;
  inset: 0;
  color: #fff;
  overflow: hidden;
  transition: 0.3s ease-out;
}

#gamestage_floor .fullscreen .gamestage_breadcrumbs-exit:hover span:before {
  width: 100%;
}

/* Game Stage CSS End */

/* VIP Accordion */

#accd-profile-vip .card {
  position: relative;
  overflow: visible;
}

.dropdown #selectTransferToMenu {
  overflow: auto;
  max-height: 287px;
  border-radius: 8px;
  background: var(--bg-side-nav-header-section);
  border: var(--border-section);
  box-shadow: var(--box-shadow-section);
}

.dropdown #selectTransferToMenu a:hover {
  background: transparent;
  color: var(--color-primary) !important;
}

/* End VIP Accordion */

/* Hide Bonus Wallet Reward Conversion*/

.tab-content-player-account-window
  #my-komp-points
  .tab-content-wrapper
  .form:nth-child(4) {
  display: none;
}

#komp-redemption
  .tab-content-wrapper
  .btn-system-amount-wrapper
  .col-12
  .dropdown.show
  #selectTransferToMenu
  a:not(:first-of-type) {
  display: none;
}

.tab-content-player-account-window
  #my-komp-points
  .section-system-main
  .referral-link {
  font-size: 26px;
  color: #fff;
}

.tab-content-player-account-window #my-komp-points .referral-link.form {
  font-size: 20px;
  color: #fff;
}

.tab-content-player-account-window
  #my-komp-points
  .referral-link.form
  .form-group {
  color: #fff !important;
}

/* End Hide Bonus Wallet Reward Conversion*/

/* Sports Mobile FullScreen */

#app_mobile_navigation.focused {
  display: none !important;
}

.sports-fullscreen {
  position: absolute;
  top: 56px;
  background: var(--button-primary-bg);
  left: -12px;
  border-radius: 50%;
  width: 32px;
  font-size: 16px;
  height: 32px;
  padding: 0 !important;
  z-index: 2;
  transition: 0.2s all ease-in;
}

.sports-fullscreen img {
  width: 18px;
  height: 18px;
}

.sports-fullscreen.active {
  left: 0px;
}

/* End Sports Mobile FullScreen */

/* Wallet Live Chat*/

#deposit #deposit-page .live-chat-buttons-deposit a,
#withdraw #withdraw-page .live-chat-buttons-withdrawal a {
  position: relative;
  background: #dc8f17;
  padding: 6px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  border-radius: 8px;
}

#deposit #deposit-page .live-chat-buttons-deposit a:nth-of-type(2),
#withdraw #withdraw-page .live-chat-buttons-withdrawal a:nth-of-type(2) {
  background: var(--button-primary-bg);
  margin-left: 56px;
}

#withdraw #withdraw-page .live-chat-buttons-withdrawal a:nth-of-type(2) {
  display: none;
}

#withdraw #withdraw-page .live-chat-buttons-withdrawal a:nth-of-type(3) {
  margin-left: 0px;
  background: var(--button-primary-bg);
}

#deposit #deposit-page .live-chat-buttons-deposit {
  position: absolute;
  width: calc(100% - 48px);
}

#withdraw #withdraw-page .live-chat-buttons-withdrawal {
  position: absolute;
  width: calc(100% - 32px);
  display: flex;
  justify-content: end;
  z-index: 1;
}

#deposit #deposit-page .live-chat-buttons-deposit a:nth-of-type(1) {
  position: absolute;
  top: -340px;
  right: -24px;
}

.wallet-payment-method .section-system-notif {
  margin: 10px 0;
}

#deposit #deposit-page .live-chat-buttons-deposit a:last-child {
  display: none;
}

/* End Wallet Live Chat*/

/* Notification Details*/

#notification-page #notification-message {
  position: relative;
}

#notification-page #notification-message .btn-delete-notification {
  position: absolute;
  right: 0;
  top: 42px;
}

#notification-page
  #notification-message
  .form-group
  .message-table
  tbody
  tr
  td.subject-notification {
  color: #fff;
  font-size: 16px;
}

#notification-page
  #notification-message
  .form-group
  .message-table
  tbody
  tr
  td
  div.notification-body-message
  p {
  line-height: 24px;
  font-size: 14px;
}

#notification-message .btn-delete-notification button {
  display: flex;
  gap: 4px;
}

#notification-message .btn-delete-notification button:hover,
#notification-page
  #deleteMessage
  .modal-content
  .modal-body
  .text-center
  .btn-delete-message
  .delete-btn
  button:hover {
  background: #c75952 !important;
}

#notification-page #deleteMessage .modal-content {
  min-height: fit-content;
  padding: 16px !important;
}

#notification-page
  #deleteMessage
  .modal-content
  .modal-body
  .text-center
  .btn-delete-message {
  display: flex;
  align-items: center;
  position: relative;
  margin-left: 0;
  gap: 4px;
  justify-content: center;
}

#notification-page
  #deleteMessage
  .modal-content
  .modal-body
  .text-center
  .btn-delete-message
  div {
  margin-right: 0;
}

/* End Notification Details*/
.promotion-modal {
  .custom-modal-body {
    width: fit-content !important;
    background: transparent !important;

    .promotion-popup-container {
      padding: 8px !important;
      display: flex;
      gap: 8px;
      width: fit-content;

      .promotion-item-card {
        margin: 0 !important;
        border-radius: 8px;
        overflow: hidden;

        .promotion-card {
          background: var(--bg-modal);

          .promotion-card-header {
            border-bottom: 0;
            background: radial-gradient(
              50% 128.57% at 50% -36.61%,
              #39ad4a 0%,
              rgba(57, 173, 74, 0.518334) 25.67%,
              rgba(10, 35, 14, 0) 100%
            );
            font-weight: 800;
            padding: 0 16px !important;
            height: 56px;
            align-items: center;

            .promotion-card-close-btn {
              display: flex;

              i {
                filter: drop-shadow(0px 0px 2px #40c3f7);

                &:before {
                  content: "";
                  display: block;
                  height: 20px;
                  width: 20px;
                  background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/uni-close-32-button.webp);
                  background-size: var(--icon-contain);
                }
              }
            }
          }

          .promotion-card-action {
            background: var(--bg-modal);

            .promotion-card-hide-today {
              color: var(--color-button) !important;
              font-weight: var(--font-weight-button);
              font-size: var(--font-size-button) !important;
              padding: var(--padding-button) !important;
              height: var(--height-button);

              &:hover {
                background: var(--bg-button-reverse) !important;
              }
            }
          }
        }
      }
    }
  }
}

/* Hide Bonus Date */

#available-bonuses-page
  .description-section-wrapper
  .bonus-details-wrapper
  .col-12.detail:first-child {
  display: none;
}

/* End */

/* Live Chat Minimize Hide */

#onlinehelp-container div iframe#chat_button_bar_container {
  display: none;
}

/* End Minimize live Chat*/

/* Deposit Method */

#deposit-page,
#withdraw-page {
  .wallet-breadcrumbs {
    text-align: center;

    span {
      font-size: 18px;
      font-weight: 600;
      color: #fff;
    }
  }

  .wallet-payment-method {
    h1 {
      text-align: center;
      color: #fff;
      font-size: 24px;
      font-weight: 700;
      text-transform: uppercase;
      padding: 0 0 24px 0;
    }

    form {
      margin: 0 0 32px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 8px;
      background: var(--bg-section);
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
      padding: 16px 24px;
      grid-template-columns: 0fr 1fr;
      display: grid;

      h2 {
        margin-bottom: 24px;
        font-size: 16px;
        text-transform: uppercase;
        color: #fff;
        font-weight: 700;
      }

      .base-input-container {
        grid-column: 1 / -1;

        label {
          font-size: 14px;
          text-wrap: nowrap;
        }

        .base-input-wrapper {
          .base-input-field {
            input {
              background: var(--bg-input);
              height: 42px;
              border-radius: 5px !important;
              border: var(--border-input);
              color: #fff;
              font-size: 16px;
              font-weight: 600;
              padding: 0 10px;
              margin-top: 10px;
            }
          }

          span.base-input-append {
            text-wrap: nowrap;
          }
        }

        &:first-of-type {
          grid-column: 1;
          max-width: 162px;
          width: 162px;
        }

        &:nth-of-type(2) {
          grid-column: 2;
        }
      }

      .tencoin-deposit-payment,
      .tencoin-withdrawal-payment {
        margin: 32px 0;
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 0fr 1fr;
        gap: 8px;
        margin: 16px 0;

        p {
          grid-column: 1 / -1;
        }

        section {
          margin: 8px 0;

          button {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            max-width: fit-content;
            min-width: 116px !important;

            div {
              label {
                display: none;
              }
            }

            i {
              &:before {
                content: "\f0d7";
              }
            }
          }

          menu {
            background: var(--bg-side-nav-header-section);
            border-radius: var(--border-radius-10);
            border-color: var(--bg-separator);
            max-width: fit-content;
            min-width: 100px;

            .search {
              input {
                background: var(--bg-input);
                height: 42px;
                border-radius: 5px !important;
                border: var(--border-input);
                color: #fff;
                font-size: 16px;
                font-weight: 600;
                padding: 0 10px;
                margin-top: 10px;
              }
            }
          }
        }
      }

      .tencoin-deposit-action,
      .tencoin-withdrawal-action {
        grid-column: 1 / -1;
        justify-content: end;

        button {
          padding: 0 16px !important;
          color: #fff !important;
          border-radius: 8px;
          height: 40px;
          background: var(--button-secondary-bg);

          &:last-child {
            background: var(--button-primary-bg);
          }
        }
      }

      .tencoin-deposit-qr-address {
        grid-column: 1 / -1;
        width: fit-content;

        label {
          text-align: center;
          width: 100%;
        }

        .base-qrcode {
          max-width: 200px !important;
          max-height: 200px !important;
          margin: auto;
        }

        small {
          display: flex;
          gap: 4px;
          margin-top: 6px;
          width: 100%;
          justify-content: center;
          align-items: center;
          font-size: 12px;
        }
      }

      .tencoin-deposit-wallet-address {
        margin: 8px 0;
      }
    }

    .tencoin-withdrawal-recent {
      margin: 0 0 32px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 8px;
      background: var(--bg-section);
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
      padding: 16px 24px;

      .tencoin-withdrawal-recent-header {
        h2 {
          margin-bottom: 24px;
          font-size: 16px;
          text-transform: uppercase;
          color: #fff;
          font-weight: 700;
        }
      }

      table {
        margin-top: 24px;

        tr {
          color: #fff;

          td {
            &:only-child {
              padding: 8px 0 8px 8px;
              border-top-right-radius: 8px;
              border-bottom-right-radius: 8px;
            }
          }
        }
      }
    }
  }

  .wallet-payment-methods-container {
    h2 {
      text-align: center;
      margin: 40px 0;
      font-size: 36px;
      font-weight: 600;
      color: #fff;
    }

    .wallet-payment-methods-panel {
      display: flex;
      justify-content: center;
      gap: 40px;

      .payment-method-item {
        flex: 0 0 12%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 16px;
        background: var(--bg-side-nav-header-section) !important;
        padding: 16px 8px;
        border-radius: 8px;
        min-width: 128px;

        &:hover {
          cursor: pointer;
        }

        .payment-method-name {
          color: #fff;
        }
      }
    }
  }
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .wallet-breadcrumbs
  span:last-child {
  color: var(--color-primary);
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .wallet-breadcrumbs
  span:first-child {
  color: #fff;
}

/* Deposit Method End */

/* Hide Withdraw Cancel*/
#withdraw
  #withdraw-page
  .wallet-payment-method
  .section-system-main
  .row
  a.btn-withdraw-request-cancel {
  display: none !important;
}

/**/

/* Provider List Page */
.w-providers-container .w-providers-sort-container button {
  background: var(--button-primary-bg);
  border-radius: var(--border-radius-4);
  color: #ebebf5 !important;
  padding: 0 16px !important;
}

.w-providers-container .w-providers-sort-container button:hover,
.w-providers-container .w-providers-sort-container button.active {
  background: var(--button-secondary-bg);
}

.w-providers-container .w-providers-list.list {
  gap: 16px !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  grid-auto-columns: 300px;
}

.w-providers-container .w-providers-list.list .w-provider-item {
  border-radius: 9px;
  height: 77px;
  padding: 0 16px !important;
  gap: 8px;
  background: linear-gradient(168deg, #345b2f 1.62%, #1a321c 95.72%);
  transition: all 0.8s ease;
}

.w-providers-container .w-providers-list.list .w-provider-item:hover {
  transform: scale(1.1);
}

.w-providers-container
  .w-providers-list.list
  .w-provider-item:hover
  .w-provider-item-logo
  img {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
}

.w-providers-container
  .w-providers-list.list
  .w-provider-item:hover
  .w-provider-item-details {
  color: #fff;
}

.w-providers-container
  .w-providers-list.list
  .w-provider-item
  .w-provider-item-logo {
  width: 56px !important;
}

@keyframes shake {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }

  10% {
    transform: translate(-1px, -2px) rotate(-1deg);
  }

  20% {
    transform: translate(-3px, 0px) rotate(1deg);
  }

  30% {
    transform: translate(3px, 2px) rotate(0deg);
  }

  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }

  50% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }

  60% {
    transform: translate(-3px, 1px) rotate(0deg);
  }

  70% {
    transform: translate(3px, 1px) rotate(-1deg);
  }

  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }

  90% {
    transform: translate(1px, 2px) rotate(0deg);
  }

  100% {
    transform: translate(1px, -2px) rotate(-1deg);
  }
}

/* */

/* Dual Login Mode */

.login-modal-dual-mode {
  & button {
    text-wrap: nowrap;
    padding: 8px 16px !important;
    font-size: 16px !important;
    color: var(--color-text);
    &.active {
      color: #fff;
    }
  }
}

/* End Dual Login Mode */

@supports (-webkit-touch-callout: none) {
  .preloader .preloader-src video,
  .preloader .preloader-src img {
    width: 250px !important;
  }

  .left-align a.regulations {
    background: var(--button-primary-bg) !important;
    -webkit-tap-highlight-color: transparent;
    border-radius: var(--border-radius-4) !important;
    color: #ebebf5 !important;
    height: 37px !important;
    font-weight: 700 !important;
    align-items: center !important;
    justify-content: center !important;
    display: flex !important;
  }

  .left-align a.komp,
  .left-align a.vip {
    background: linear-gradient(
      180deg,
      #f7e395 0%,
      #edbb44 29%,
      #a36c13 45.67%,
      #8b5c08 63%,
      #b08719 78.67%,
      #e5ba25 100%
    ) !important;
    -webkit-tap-highlight-color: transparent;
    border-radius: var(--border-radius-4);
    color: #ebebf5 !important;
    height: 37px !important;
    font-weight: 700 !important;
    align-items: center !important;
    justify-content: center !important;
    display: flex !important;
  }

  #modernSkin.main-wrapper
    .layout-wrapper
    .header-section
    a.regulations:nth-child(3) {
    display: none !important;
  }

  .product-menu .product-menu-item {
    padding: 0 16px !important;
  }

  .product-menu .product-menu-item a {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    height: 60px !important;
    gap: 8px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
  }

  .product-menu .product-menu-item a img {
    max-height: 32px !important;
    width: 32px !important;
    object-fit: contain !important;
  }

  #notification-page .table-player-message tr {
    height: fit-content !important;
  }

  #notification-page .table-player-message td {
    font-size: 13px !important;
    padding: 12px 0 !important;
  }

  .w-providers-container
    .w-providers-list-display
    .w-providers-list.chips
    .w-provider-item
    .w-provider-item-details
    .w-provider-item-name {
    text-wrap: nowrap !important;
  }

  #deposit-page .wallet-breadcrumbs span,
  #withdraw-page .wallet-breadcrumbs span {
    font-size: 18px !important;
    font-weight: 600 !important;
  }

  #deposit-page .wallet-payment-methods-container h2,
  #withdraw-page .wallet-payment-methods-container h2 {
    text-align: center !important;
    margin: 40px 0 !important;
    font-size: 36px !important;
    font-weight: 600 !important;
    color: #fff !important;
  }

  #deposit-page,
  #withdraw-page {
    & .wallet-payment-methods-container {
      & .wallet-payment-methods-panel {
        display: flex;
        justify-content: center;
        gap: 40px;

        & .payment-method-item {
          flex: 0 0 12%;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          gap: 16px;
          background: var(--bg-side-nav-header-section) !important;
          padding: 16px 8px;
          border-radius: 8px;
          min-width: 128px;
        }
      }
    }
  }
}

/* GP-6375: Fix gamestage background scroll issue */
#main-scroll-container:has(.fullscreen > #gamestage_frame),
body:has(.fullscreen > #gamestage_frame) {
  overflow: hidden !important;
}

/* END - GP-6375: Fix gamestage background scroll issue */

/* Hide Cancel on Withdrawal Mobile */

.wallet-payment-method .section-system-main .withdraw-mobile .cancel-section {
  display: none;
}

/* End */

/* GP-6758: Fix Thumbnail Event Popups Drag Scrollbar */
.promotion-card .promotion-card-content img {
  -webkit-user-drag: none;
  /* For WebKit-based browsers (Chrome, Safari) */
  -khtml-user-drag: none;
  /* For older Konqueror/KHTML-based browsers */
  -moz-user-drag: none;
  /* For Firefox */
  -o-user-drag: none;
  /* For older Opera versions */
  user-drag: none;
  /* Standard property */
}

.promotion-popup-container {
  padding: 8px !important;
  display: block;
  background: var(--bg-modal);
  width: 100%;
}

/* END - GP-6758: Fix Thumbnail Event Popups Drag Scrollbar */