.sidebar-page{
  position: fixed;
  overflow-y: auto;
  bottom: 0;
  top: 0;
  left: -100px;
  background: #212324;
  width: 100px;
  transition: all .3s ease;
  color: #ffffff;
  font-size: 14px;
  z-index: 7;
}

.sidebar-page.active-sidebar{
  left: 0;
  overflow-x:hidden;
}

.sidebar-page .sidebar-nav{
  list-style: none;
  padding: 10px 0;
  margin: 0;
  text-align: center;
}

.sidebar-page .sidebar-nav li>a{
  color: #999999;
  transition: all .5s;
}

.sidebar-page .sidebar-nav li{
  padding: 10px;
  position: relative;
}
.sidebar-page .sidebar-nav li.activeSubLi{
  background: #c8a45a;
}

.sidebar-page .sidebar-nav li>a.activeSidebarMenu{
  color: #ffffff;
  text-decoration: none;
}

.sidebar-page .sidebar-nav li>a>p{
  margin-top: 10px;
  margin-bottom: 0;
  word-break: keep-all;
  letter-spacing: -.5px;
  color: #999;
  text-align: center;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.sidebar-page .sidebar-nav li a.activeSidebarMenu > p {
  color: #FFF;
}

.sub-sidebar {
  position: fixed;
  left: -220px;
  top: 0;
  width: 220px;
  background: #1a1a1a;
  overflow: auto;
  height: 100vh;
  z-index: 5;
  transition: all .3s ease;
  color: #999999;
  padding: 0 10px 100px;
}

.sub-sidebar.active-subsidebar{
  left: 100px;
}

.sub-sidebar .close-sub{
  font-size: 20px;
}

.sub-sidebar .sub-title{
  color: #999999;
  padding: 20px 0px 10px 0px;
  font-weight: 700;
}

.sub-sidebar .subTab-title{
  text-transform: capitalize;
  line-height: 28px;
}

.sub-gamebuttons-container{
  font-size: 0;
}

.sub-sidebar .sub-gamebuttons{
  width: calc(100% / 2 - 2px);
  display: inline-block;
  text-align: center;
  font-size: 13px;
  vertical-align: top;
}

.sub-sidebar .sub-gamebuttons:nth-of-type(odd){
  margin-right: 4px;
}


.sidebar-nav a>i{
  height: 30px;
  width: 30px;
  display: block;
  margin: 0 auto;
}

.sidebar-nav a .icon-home{
  background: url("/mobile/common/images/icons/home-icon.svg") center center no-repeat;
}
.sidebar-nav a .icon-faq{
  background: url("/mobile/common/images/icons/faq-icon.svg") center center no-repeat;
}
.sidebar-nav a .icon-affiliates{
  background: url("/mobile/common/images/icons/affiliates-icon.svg") center center no-repeat;
}

.sidebar-nav a .icon-login{
  background: url("/mobile/common/images/icons/login-icon.svg") center center no-repeat;
}

.sidebar-nav a .icon-signup{
  background: url("/mobile/common/images/icons/signup-icon.svg") center center no-repeat;
}

.sidebar-nav a .icon-favorites{
  background: url("/mobile/common/images/icons/favorite-icon.svg") center center no-repeat;
}

.sidebar-nav a .icon-sports{
  background: url("/mobile/common/images/icons/sports-icon.svg") center center no-repeat;
}

.sidebar-nav a .icon-live{
  background: url("/mobile/common/images/icons/live-icon.svg") center center no-repeat;
}

.sidebar-nav a .icon-mini{
  background: url("/mobile/common/images/icons/mini-icon.svg") center center no-repeat;
}

.sidebar-nav a .icon-slots{
  background: url("/mobile/common/images/icons/slot-icon.svg") center center no-repeat;
}

.sidebar-nav a .icon-poker{
  background: url("/mobile/common/images/icons/poker-icon.svg") center center no-repeat;
}
.sidebar-nav a .icon-fish{
  background: url("/mobile/common/images/icons/fish-icon.svg") center center no-repeat;
}
.sidebar-nav a .icon-lottery{
  background: url("/mobile/common/images/icons/lottery-icon.svg") center center no-repeat;
}
.sidebar-nav a .icon-referral{
  background: url("/mobile/common/images/icons/referral-icon.svg") center center no-repeat;
}

.sidebar-nav a .icon-partnership {
  background: url("/mobile/common/images/icons/partnership-icon.svg") center center no-repeat;
}

.sidebar-nav a .icon-customer-support{
  background: url("/mobile/common/images/icons/dm-icon.svg") center center no-repeat;
}

.sidebar-nav a .icon-dm{
  background: url("/mobile/common/images/icons/dm-icon.svg") center center no-repeat;
}

.sidebar-nav a .icon-1-1customer{
  background: url("/mobile/common/images/icons/1-1customer-icon.svg") center center no-repeat;
}

.sidebar-nav a .icon-fun{
  background: url("/mobile/common/images/icons/games-icon.svg") center center no-repeat;
}

.sidebar-nav a .icon-graph{
  background: url("/mobile/common/images/icons/graph-icon.svg") center center no-repeat;
}

.sidebar-nav a .icon-promo{
  background: url("/mobile/common/images/icons/promo-icon.svg") center center no-repeat;
}

.sidebar-nav a .icon-tv{
  background: url("/mobile/common/images/icons/sports-tv-icon.svg") center center no-repeat;
}

.sidebar-nav a .icon-deposit{
  background: url("/mobile/common/images/icons/deposit-icon.svg") center center no-repeat;
}

.sidebar-nav a .icon-withdraw{
  background: url("/mobile/common/images/icons/withdraw-icon.svg") center center no-repeat;
}

.sidebar-nav a .icon-transfer{
  background: url("/mobile/common/images/icons/transfer-icon.svg") center center no-repeat;
}

.sidebar-nav a .icon-notice{
  background: url("/mobile/common/images/icons/notice-icon.svg") center center no-repeat;
}

.sidebar-nav a .icon-customer{
  background: url("/mobile/common/images/icons/customer-icon.svg") center center no-repeat;
}

.sidebar-nav a .icon-wheel{
  background: url("/mobile/common/images/icons/wheel-jackpot-icon.svg") center center no-repeat;
}

.sidebar-nav a .icon-livechat{
  background: url("/mobile/common/images/icons/live-chat-icon.svg") center center no-repeat;
}

.sidebar-nav a .icon-desktop{
  background: url("/mobile/common/images/icons/desktop-icon.svg") center center no-repeat;
}

.sidebar-nav a .icon-logout{
  background: url("/mobile/common/images/icons/logout-icon.svg") center center no-repeat;
}

.sidebar-nav a .icon-download-app {
  background: url("/mobile/common/images/icons/app-icon.svg") center center no-repeat;
}

/*hover active*/

.sidebar-nav a.activeSidebarMenu .icon-home{
  background: url("/mobile/common/images/icons/home-icon-hover.svg") center center no-repeat;
}

.sidebar-nav a.activeSidebarMenu .icon-login{
  background: url("/mobile/common/images/icons/login-icon-hover.svg") center center no-repeat;
}

.sidebar-nav a.activeSidebarMenu .icon-signup{
  background: url("/mobile/common/images/icons/signup-icon-hover.svg") center center no-repeat;
}

.sidebar-nav a.activeSidebarMenu .icon-favorites{
  background: url("/mobile/common/images/icons/favorite-icon-hover.svg") center center no-repeat;
}

.sidebar-nav a.activeSidebarMenu .icon-sports{
  background: url("/mobile/common/images/icons/sports-icon-hover.svg") center center no-repeat;
}

.sidebar-nav a.activeSidebarMenu .icon-live{
  background: url("/mobile/common/images/icons/live-icon-hover.svg") center center no-repeat;
}

.sidebar-nav a.activeSidebarMenu .icon-mini{
  background: url("/mobile/common/images/icons/mini-icon-hover.svg") center center no-repeat;
}

.sidebar-nav a.activeSidebarMenu .icon-slots{
  background: url("/mobile/common/images/icons/slot-icon-hover.svg") center center no-repeat;
}

.sidebar-nav a.activeSidebarMenu .icon-poker{
  background: url("/mobile/common/images/icons/poker-icon-hover.svg") center center no-repeat;
}
.sidebar-nav a.activeSidebarMenu .icon-fish{
  background: url("/mobile/common/images/icons/fish-icon-hover.svg") center center no-repeat;
}

.sidebar-nav a.activeSidebarMenu .icon-lottery{
  background: url("/mobile/common/images/icons/lottery-icon-hover.svg") center center no-repeat;
}

.sidebar-nav a.activeSidebarMenu .icon-referral{
  background: url("/mobile/common/images/icons/referral-icon-hover.svg") center center no-repeat;
}

.sidebar-nav a.activeSidebarMenu .icon-fun{
  background: url("/mobile/common/images/icons/games-icon-hover.svg") center center no-repeat;
}

.sidebar-nav a.activeSidebarMenu .icon-graph{
  background: url("/mobile/common/images/icons/graph-icon-hover.svg") center center no-repeat;
}

.sidebar-nav a.activeSidebarMenu .icon-promo{
  background: url("/mobile/common/images/icons/promo-icon-hover.svg") center center no-repeat;
}

.sidebar-nav a.activeSidebarMenu .icon-tv{
  background: url("/mobile/common/images/icons/sports-tv-icon-hover.svg") center center no-repeat;
}

.sidebar-nav a.activeSidebarMenu .icon-deposit{
  background: url("/mobile/common/images/icons/deposit-icon-hover.svg") center center no-repeat;
}

.sidebar-nav a.activeSidebarMenu .icon-withdraw{
  background: url("/mobile/common/images/icons/withdraw-icon-hover.svg") center center no-repeat;
}

.sidebar-nav a.activeSidebarMenu .icon-transfer{
  background: url("/mobile/common/images/icons/transfer-icon-hover.svg") center center no-repeat;
}

.sidebar-nav a.activeSidebarMenu .icon-dm{
  background: url("/mobile/common/images/icons/dm-icon-hover.svg") center center no-repeat;
}

.sidebar-nav a.activeSidebarMenu .icon-notice{
  background: url("/mobile/common/images/icons/notice-icon-hover.svg") center center no-repeat;
}

.sidebar-nav a.activeSidebarMenu .icon-customer{
  background: url("/mobile/common/images/icons/customer-icon-hover.svg") center center no-repeat;
}

.sidebar-nav a.activeSidebarMenu .icon-wheel{
  background: url("/mobile/common/images/icons/wheel-jackpot-icon-hover.svg") center center no-repeat;
}

.sidebar-nav a.activeSidebarMenu .icon-livechat{
  background: url("/mobile/common/images/icons/live-chat-icon-hover.svg") center center no-repeat;
}

.sidebar-nav a.activeSidebarMenu .icon-desktop{
  background: url("/mobile/common/images/icons/desktop-icon-hover.svg") center center no-repeat;
}
.sidebar-nav a.activeSidebarMenu .icon-faq{
  background: url("/mobile/common/images/icons/faq-icon-hover.svg") center center no-repeat;
}
.sidebar-nav a.activeSidebarMenu .icon-affiliates{
  background: url("/mobile/common/images/icons/affiliates-icon-hover.svg") center center no-repeat;
}
.sidebar-nav a.activeSidebarMenu .icon-partnership {
  background: url("/mobile/common/images/icons/partnership-icon-hover.svg") center center no-repeat;
}
.sidebar-nav a.activeSidebarMenu .icon-1-1customer{
  background: url("/mobile/common/images/icons/1-1customer-icon-hover.svg") center center no-repeat;
}

/*Language*/

.nav-list.lang {
  text-align: left;
  position: relative;
  padding: 15px;
  list-style: none;
  margin-bottom: 0;
}

.nav-list {
  text-align: left;
  padding-bottom: 40px;
}

.nav-link.lang-option {
  background-color: #14805e;
  text-align: center;
  border-radius: 3px;
  color: #ffffff;
}

.nav-link {
  background-color: #2b2b2b;
  color: #cccccc;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 10px;
}

.lang-active {
  display: inline-block;
  position: relative;
}

.nav-link span {
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
}

.icon-lang {
  height: 22px;
}

#lang-list {
  display: none;
  position: absolute;
  top: calc(100% + 3px);
  left: -30px;
  border: solid 1px #eeeeee;
  width: 98px;
  z-index: 8;
  color: #999999;
}

.menu {
  margin: 0;
  list-style-type: none;
  padding: 0;
}

.menu.vertical > li {
  display: block;
  background: #1a1a1a;
  padding: 5px 0 5px 5px;
  font-size: 14px;
}

.menu > li {
  display: table-cell;
  vertical-align: middle;
}

.badge.sidebar-badge-dm{
  top: 6px;
  right: 26px;
  position: absolute;
  height: 21px;
  width: 21px;
  padding: 4px 0;
  background-color: #822e34;
}

.sub-gamebuttons-container p{
  word-break: keep-all;
  font-weight: bold;
  text-transform: uppercase;
}
.custom-add-fave.favbutton{
  border-radius: 20px;
  background:#333333;
  color: #999999;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}