body {
  overflow-y: scroll; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
}

* {
  -webkit-overflow-scrolling: touch;
}

/* Global Button Override */
.btn {
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  border-radius: 0;
}

/* ngDialog Default */
.ngdialog-overlay {background: rgba(0, 0, 0, 0.7);}

.ngdialog.ngdialog-theme-default .ngdialog-content {border-radius: 0;}

.ngdialog-custom.ngdialog.ngdialog-theme-default {padding: 0;}

.ngdialog-wallet.ngdialog.ngdialog-theme-default .ngdialog-content,
.ngdialog-login.ngdialog.ngdialog-theme-default .ngdialog-content {
  /*animation: slideInLeft .3s;*/
}

.ngdialog-wallet.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content,
.ngdialog-login.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content {
  /*animation: slideOutLeft .3s;*/
}

.ngdialog-signup.ngdialog.ngdialog-theme-default .ngdialog-content {animation: slideInRight .3s;}

.ngdialog-signup.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content {animation: slideOutRight .3s;}

.ngdialog-signup.ngdialog {overflow-x: hidden;}
.ngdialog-login .btn-lg,
.ngdialog-signup .btn-lg{
  padding: 13px 16px;
}

.ngdialog-custom.ngdialog.ngdialog-theme-default .ngdialog-content {
  background: #171202;
  color: #ffffff;
  border-radius: 0;
  font-size: 14px;
  height: 100%;
  line-height: 1.5;
  padding: 0;
  width: 100%;
}

.ngdialog__heading {
  background-color: #1c1c1c;
  height: auto;
}

.ngdialog-wallet .btn-purple {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.ngdialog-wallet .ngdialog__content .btn-group-justified>.btn-group .btn{
  width: 100%;
  height: 35px;
  border-radius: 0;
  background: #231c00;
}

.ngdialog__title {
  color: #ffffff;
  margin: 0;
  text-align: center;
  padding: 15px 0;
  font-size: 14px;
  font-weight: bold;
}

.ngdialog__content {
  background-color: #131313;
  padding: 10px;
}

.ngdialog__footer {
  color: #666666;
}

/*wallet */
.form-control{
  height: 37px;
  border-radius: 0;
}

.balance {
  background-color: #171202;
}

.balance__list {
  margin: 0;
}

.balance__content {
  padding: 5px 10px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  text-align: center;
  align-items: center;
}

.balance__content span {
  text-transform: uppercase;
}

.balance__content--total-balance {
  background-color: #c6a507;
  border-bottom: 0;
  color: #ffffff;
  padding: 10px;
  font-size: 12px;
}

.ngdialog{
  overflow-x: hidden;
  overflow-y: auto;
}

.ngdialog__content .btn-group.btn-group-justified {
  margin: 2px 0;
}

.process-forms fieldset {
  padding-bottom: 10px;
  position: relative;
}

.process-forms fieldset select + input {
  margin-top: 5px;
}

.lists__content {
  background-color: #2c2c2c;
  padding: 10px;
  margin-bottom: 5px;
  color:#fff;
}

.lists__content ul {margin: 0;}

/* history lists */
.history-table-lists > tbody > tr > th,
.history-table-lists > tbody > tr > td {
  padding: 5px;
}

.history-table-lists > tbody > tr > th {
  background-color: #c6a507;
  color: #ffff;
  border: 0;
  border-bottom: 10px solid #131313;
}

.history-table-lists > tbody > tr > td {
  background-color: #2c2c2c;
  vertical-align: middle;
  color: #ffffff;
  border: 0;
}

.history-table-lists > tbody > tr > td a {
  color: inherit;
}

.history-table-lists > tbody > tr > td a span + span {
  color: #9b001b;
  font-weight: bold;
}

.history-table-lists td .form-control {
  display: inline-block;
  width: 77%;
}

.comment-panel{
  margin-bottom: 10px;
  border-color: #3d547c;
}

.comment-panel .panel-heading{
  padding: 10px;
  background-color: #3d547c;
  color: #ffffff;
}

.comment-panel--read{margin-left: 50px;}

/* SweetAlert */
.swal-overlay {z-index: 99999999999;}
.swal-modal {z-index: 99999999999;}
.swal-footer {
  text-align: center;
  margin-top: 0;
}

.alert-coming-soon {
  background: #fff;
  border-radius: 5px;
}

.alert-coming-soon .swal-icon--info,
.alert-coming-soon .swal-icon--info:after,
.alert-coming-soon .swal-icon--info:before,
.alert-coming-soon .swal-title,
.alert-coming-soon .swal-text {
  color: #000;
}

/*.alert-coming-soon .swal-button {*/
/*  background-color: #f3e5b1;*/
/*  color: #333333;*/
/*}*/

/* pagination */
.pagination-items {display: block;}

ul.pagination {
  background: none;
  border: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  height: auto;
  margin: 10px 0;
  padding: 0;
  text-align: center;
}

ul.pagination li {
  border: none;
  display: inline;
  float: none;
  height: 29px;
  line-height: 28px;
  padding: 0;
}

ul.pagination li:first-child, ul.pagination li:last-child {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

ul.pagination li:hover {
  background: none;
}

ul.pagination li > a {
  background-color: #161616;
  border: 1px solid #353535;
  color: #616265;
  line-height: 29px;
  /*margin-left: -1px;*/
  padding: 6px 12px;
}

ul.pagination li > a:hover {
  background: #eeeeee;
}

ul.pagination > .active > a, ul.pagination > .active > a:hover {
  color: #fff;
  background: #c6a507;
  border: 1px solid #353535;
}

ul.pagination li.disabled > a {
  background-color: #161616;
  border: 1px solid #353535;
  color: #616265;
  cursor: default;
}

ul.pagination li:nth-child(1) > a {
  /*margin-right: -2px;*/
}

ul.pagination li:nth-child(2) > a {
  /*margin-right: -3px;*/
}

ul.pagination li:nth-last-child(2) > a {
  /*margin-left: -4px;*/
}

ul.pagination li:last-child > a {
  /*margin-left: -5px;*/
}

/*EDITED BY KIM*/
@font-face {
  font-family: 'icomoon';
  src: url('fonts/icomoon.eot?n9i2of');
  src: url('fonts/icomoon.eot?n9i2of#iefix') format('embedded-opentype'),
  url('fonts/icomoon.ttf?n9i2of') format('truetype'),
  url('fonts/icomoon.woff?n9i2of') format('woff'),
  url('fonts/icomoon.svg?n9i2of#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a, a:hover, a:active, a:visited, a:focus {
  text-decoration: none;
}

.sidebar {
  position: fixed;
  overflow-x: hidden;
  bottom: 0;
  top: 0;
  left: -100px;  /*DONT CHANGE USED IN JS*/
  background: #2e405e;
  width: 100px;
  z-index: 1000;
  border-right: 1px solid #5b729e;
  border-left: 1px solid #5b729e;
}

.sidebar ul {
  text-align: center;
  width: 100px;
  list-style: none;
  padding: 0;
}

.sidebar .tile {
  padding: 14px 5px;
  border: 1px solid #5b729e;
  color: #ffffff;
  display: block;
}

.sidebar .tile span {
  font-size: 30px;
  color: #f3e5b1;
}

.sidebar .tile h1 {
  font-size: 14px;
  color: #8999b5;
  margin-top: 0px;
  margin-bottom: 0;
  padding: 3px 0;
}

.sidebar a.tile:hover,
.sidebar a.tile.active {
  transition: 0.3s;
  background: #5b729e;
  color: #19253a;
}

.sidebar a.tile:hover span,
.sidebar a.tile:hover h1,
.sidebar a.tile.active span,
.sidebar a.tile.active h1 {
  color: #fff;

}

.sidebar a.tile:hover .blog-img,
.sidebar a.tile.active .blog-img {
  background: url('../images/blog.png') no-repeat center center;
  width: 35px;
  height: 35px;
  margin: 0 auto;
  background-size: contain;
}

.sidebar .blog-img {
  background: url('../images/blog2.png') no-repeat center center;
  width: 35px;
  height: 35px;
  margin: 0 auto;
  background-size: contain;
}

.sidebar .icon-logout {
  background: url('../images/logout-icon.png') no-repeat center center;
  width: 35px;
  height: 35px;
  margin: 0 auto;
  background-size: contain;
}

.sidebar a.tile:hover .logout,
.sidebar a.tile.active .logout {
  background: url('../images/logout-icon-hover.png') no-repeat center center;
  width: 35px;
  height: 35px;
  margin: 0 auto;
  background-size: contain;
}

.icon{
  height: 35px;
  width: 35px;
  margin: 0 auto;
}

.main-page .navigation-menu .navigation-link:hover .icon-arcade,
.main-page .navigation-menu .navigation-link:focus .icon-arcade
{
  background: url('../images/mini-game-button-yellow.png') no-repeat center center;
}
.main-page .navigation-menu .navigation-link:hover .icon-graph,
.main-page .navigation-menu .navigation-link:focus .icon-graph
{
  background: url('../images/bustabit-button-yellow.png') no-repeat center center;
}

.sidebar a.tile:hover .icon-arcade1, .sidebar a.tile.active .icon-arcade1{
  background: url('../images/mini-game-button.png') no-repeat center center;
}


.icon-arcade{
  background: url('../images/mini-game-button.png') no-repeat center center;
}
.icon-graph{
  background: url('../images/bustabit-button.png') no-repeat center center;
}
.icon-0{
  background: url('../images/main-buttons/mobile-button-0.png') no-repeat center center;
}
.icon-1{
  background: url('../images/icons/live-icon.svg') no-repeat center center;
}
.icon-2{
  background: url('../images/icons/sports-icon.svg') no-repeat center center;
}
.icon-3{
  background: url('../images/icons/slots-icon.svg') no-repeat center center;
}
.icon-4{
  background: url('../images/icons/poker-icon.svg') no-repeat center center;
}
.icon-5{
  background: url('../images/icons/fish-icon.svg') no-repeat center center;
}
.icon-6{
  background: url('../images/icons/lottery-icon.svg') no-repeat center center;
}
.icon-7{
  background: url('../images/icons/arcade-icon.svg') no-repeat center center;
}
.icon-8{
  background: url('../images/icons/promo-icon.svg') no-repeat center center;
}
.icon-9{
  background: url('../images/icons/livechat-icon.svg') no-repeat center center;
}

/*sidebar*/
.icon-0-sidebar {
  background: url('../images/sidebar/mobile-button-0.png') no-repeat center center;
}
.icon-1-sidebar {
  background: url('../images/sidebar/mobile-button-1.png') no-repeat center center;
}
.icon-2-sidebar {
  background: url('../images/sidebar/mobile-button-2.png') no-repeat center center;
}
.icon-3-sidebar {
  background: url('../images/sidebar/mobile-button-3.png') no-repeat center center;
}
.icon-4-sidebar {
  background: url('../images/sidebar/mobile-button-4.png') no-repeat center center;
}
.icon-5-sidebar {
  background: url('../images/sidebar/mobile-button-5.png') no-repeat center center;
}
.icon-6-sidebar {
  background: url('../images/sidebar/mobile-button-6.png') no-repeat center center;
}
.icon-7-sidebar {
  background: url('../images/sidebar/mobile-button-7.png') no-repeat center center;
}
.icon-8-sidebar {
  background: url('../images/sidebar/mobile-button-8.png') no-repeat center center;
}
.icon-9-sidebar {
  background: url('../images/sidebar/mobile-button-9.png') no-repeat center center;
}
.icon-10-sidebar {
  background: url('../images/sidebar/mobile-button-10.png') no-repeat center center;
}
.icon-11-sidebar {
  background: url('../images/sidebar/mobile-button-11.png') no-repeat center center;
}
/*sidebar hover*/

.sidebar a.tile:hover .icon-0-sidebar,
.sidebar a.tile.active .icon-0-sidebar{
  background: url('../images/sidebar/mobile-button-0-hover.png') no-repeat center center;
}
.sidebar a.tile:hover .icon-1-sidebar,
.sidebar a.tile.active .icon-1-sidebar{
  background: url('../images/sidebar/mobile-button-1-hover.png') no-repeat center center;
}
.sidebar a.tile:hover .icon-2-sidebar,
.sidebar a.tile.active .icon-2-sidebar{
  background: url('../images/sidebar/mobile-button-2-hover.png') no-repeat center center;
}
.sidebar a.tile:hover .icon-3-sidebar,
.sidebar a.tile.active .icon-3-sidebar{
  background: url('../images/sidebar/mobile-button-3-hover.png') no-repeat center center;
}
.sidebar a.tile:hover .icon-4-sidebar,
.sidebar a.tile.active .icon-4-sidebar{
  background: url('../images/sidebar/mobile-button-4-hover.png') no-repeat center center;
}
.sidebar a.tile:hover .icon-5-sidebar,
.sidebar a.tile.active .icon-5-sidebar{
  background: url('../images/sidebar/mobile-button-5-hover.png') no-repeat center center;
}
.sidebar a.tile:hover .icon-6-sidebar,
.sidebar a.tile.active .icon-6-sidebar{
  background: url('../images/sidebar/mobile-button-6-hover.png') no-repeat center center;
}
.sidebar a.tile:hover .icon-7-sidebar,
.sidebar a.tile.active .icon-7-sidebar{
  background: url('../images/sidebar/mobile-button-7-hover.png') no-repeat center center;
}
.sidebar a.tile:hover .icon-8-sidebar,
.sidebar a.tile.active .icon-8-sidebar{
  background: url('../images/sidebar/mobile-button-8-hover.png') no-repeat center center;
}
.sidebar a.tile:hover .icon-9-sidebar,
.sidebar a.tile.active .icon-9-sidebar{
  background: url('../images/sidebar/mobile-button-9-hover.png') no-repeat center center;
}
.sidebar a.tile:hover .icon-10-sidebar,
.sidebar a.tile.active .icon-10-sidebar{
  background: url('../images/sidebar/mobile-button-10-hover.png') no-repeat center center;
}
.sidebar a.tile:hover .icon-11-sidebar,
.sidebar a.tile.active .icon-11-sidebar{
  background: url('../images/sidebar/mobile-button-11-hover.png') no-repeat center center;
}





.sidebar a.tile:hover .icon-graph1, .sidebar a.tile.active .icon-graph1{
  background: url('../images/bustabit-button.png') no-repeat center center;
}

.icon-graph1{
  background: url('../images/bustabit-button-yellow.png') no-repeat center center;
}
.icon-arcade1{
  background: url('../images/mini-game-button-yellow.png') no-repeat center center;
}



.sub-sidebar {
  position: fixed;
  left: -220px;
  top: 0;
  width: 220px;
  background: #e8e8e8;
  overflow: auto;
  z-index: -99999;
  height: 100vh;
  padding-bottom: 60px;
}

.sub-sidebar h2 {
  padding: 14px 5px;
  margin: 0;
  color: #620543;
  font-size: 18px;
  background: #f3e5b1;
  font-weight: 600;
}

.sub-sidebar p {
  font-size: 12px;
  margin: 5px auto 0 auto;
}

.sub-sidebar .menu {
  display: block;
  width: 50%;
  float: left;
  background: #e8e8e8;
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, 0.03);
  color: #3d547c;
}

.sub-sidebar .menu:focus {
  background: #3d547c;
  color: #e8e8e8;
}

.sub-sidebar img {
  width: 100%;
}

.sub-sidebar .sports-sub {
  display: none;
}

.sub-sidebar .back {
  padding-right: 15px;
  color: #3d547c;
}

.btn-red {
  color: #fff;
  background: #c6a507;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
  border-radius: 3px;
}

.btn-purple {
  background: #c6a507;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
  border-radius: 3px;
}

.btn-violet {
  color: #f3e5b1;
  font-weight: 400;
  background: #4c1e75;
  padding: 13px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: block;
  text-align: center;
}

.btn-violet:focus,
.btn-violet:hover,
.btn-red:focus,
.btn-red:hover,
.btn-purple:hover,
.btn-purple:focus{
  /*background: #fdd001;*/
  color: #fff;
  outline: none;
}

.btn-purple:active{
  color: #fff;
  background: #c6a507;
}

.p14 {
  padding: 14px;
}

.back-btn {
  background: url('../images/back-icon.png');
  width: 30px;
  height: 30px;
  display: block;
  background-position: center center;
  background-size: contain;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

footer {
  padding: 20px;
  text-align: center;
  background: #2e405e;
  color: #ffffff;
}

footer p {
  font-size: 10px;
  padding-top: 10px;
}

.main-menu {
  position: fixed;
  overflow-x: hidden;
  left: 0; /*DONT CHANGE USED IN JS*/
  bottom: 0;
  top: 0;
  width: 100%;
  z-index: 9;
  background: #000000;
}

.main-menu .header {
  position: fixed;
  height: 48px;
  background: #1c1c1c;
  width: 100%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.main-menu .header .nav-btn {
  position: absolute;
  display: inline-block;
  left: 0;
  margin: 0;
  color: #ffffff;
  padding-left: 20px;
  height: 24px;
}

.main-menu .header .logo {
  color: #fff;
  margin: 0;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}

.main-menu .header .notice{
  position: absolute;
  top: 13px;
  right: 9px;
  color: #19253a;
}

.main-menu .header .logo img {
  max-height: 37px;
  max-width: 120px;
}

/*.main-page .slick-slider img {*/
/*  margin: auto;*/
/*  max-height: 100%;*/
/*  max-width: 100%;*/
/*}*/

.main-page .slick-slider .slick-dots {
  bottom: -1px;
}

.main-page .slick-slider .slick-dots li button:before {
  color: #fff;
  width: 7px;
}

.main-page .slick-slider .slick-dots li.slick-active button:before {
  color: #c6a507;
}

.main-page .slick-initialized .slick-slide{
  background: #121212;
}

.main-page .slick-slider .slick-dots li {width: 7px;}

.main-page .slick-dots li button{
  width: 7px;
  padding: 0;
}

.main-page .col-xs-6 {padding: 0;}

.slick-dotted.slick-slider{margin-bottom: 0;}

.slick-dots li button:before{
  font-size: 7px;
}

.main-page .login-container {position: relative;}

.main-page .login-container .btn-purple,
.main-page .login-container .btn-red{
  padding: 1em;
  min-height: 48px;
  height: 48px;
  font-weight: 600;
}


.navigation-menu,
.navigation-menu__after-login{
  padding: 0;
}

.main-page .navigation-menu .navigation-link,
.main-page .navigation-menu__after-login .navigation-link {
  text-align: center;
  height: auto;
  padding: 10px 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #171202;
}

.main-page .navigation-menu__after-login .navigation-link{
  height: auto;
}

/*.main-page .navigation-menu .navigation-link span {*/
/*  font-size: 40px;*/
/*}*/

.main-page .navigation-menu .navigation-link h4,
.main-page .navigation-menu__after-login .navigation-link h4 {
  font-size: 12px;
  margin-top: 9px;
  margin-bottom: 0;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
}

.main-page .announcement {
  background: #171202;
  padding: 8px 0;
  position: relative;
}
.main-page .marquee {
  display: flex;
  color: #ffffff;
  align-items: center;
  z-index: 1;
}
.main-page .icon-container {
  position: relative;
  z-index: 10;
  background-color: #171202;
  padding: 5px 20px;
}

.main-page .icon-container img {
  height: 32px;
}

.main-page .icon-container .icon1 {
  height: 15px;
  width: 15px;
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
  display: block;
}
.main-page .icon-notice {
  background-image: url("/common/images/icons/notice-icon-white.png");
}

.main-page .marquee__date {
  opacity: .5;
  font-size: 12px;
  font-weight: 700;
  margin-right: 3px;
}

.main-page .marquee .marquee-text {
  cursor: pointer;
  padding-top: 2px;
}

.ic {
  height: 35px;
  width: 35px;
  margin: 0 auto;
  background-size: contain;
}

.ic-blog {
  background: url('../images/blog.png') no-repeat center center;
}

.ic-event {
  background: url('../images/event.png') no-repeat center center;
}

.ic-announcement {
  background: url('../images/announcement.png') no-repeat center center;
}

.main-page .navigation-menu .navigation-link:focus .ic-blog,
.main-page .navigation-menu .navigation-link:hover .ic-blog {
  background: url('../images/blog2.png') no-repeat center center;
}

.main-page .navigation-menu .navigation-link:hover .ic-announcement,
.main-page .navigation-menu .navigation-link:focus .ic-announcement {
  background: url('../images/announcement-hover.png') no-repeat center center;
}

.main-page .navigation-menu .navigation-link:hover .ic-event,
.main-page .navigation-menu .navigation-link:focus .ic-event {
  background: url('../images/event-hover.png') no-repeat center center;
}

.navigation-menu__after-login .navigation-link .icon-deposit{background: url('../images/icons/deposit-icon.svg') center / 100% no-repeat;}
.navigation-menu__after-login .navigation-link .icon-withdraw{background: url('../images/icons/withdraw-icon.svg') center / 100% no-repeat;}
.navigation-menu__after-login .navigation-link .icon-transfer{background: url('../images/icons/transfer-icon.svg') center / 100% no-repeat;}
.navigation-menu__after-login .navigation-link .icon-message{background: url('../images/icons/message-icon.svg') center / 100% no-repeat;}

.poker-page,
.lottery-page,
.fish-page,
.slots-page,
.sports-page,
.casino-page,
.slots-page,
.games-page,
.promotion-container{
  color: #eee;
  margin: 0 auto;
  overflow-y: scroll;
  margin-top: 48px;
}

/*.slots-page {*/
/*  padding-bottom: 30px;*/
/*}*/

.poker-page .poker-banner,
.lottery-page .lottery-banner,
.fish-page .fish-banner,
.casino-page .casino-banner,
.sports-page .sports-banner,
.slots-page .slots-banner,
.games-page .games-banner{
  position: relative;
  padding: 0;
  margin: 0;
}

.slots-page .col-xs-4 img,
.lottery-page .lottery-banner img,
.fish-page .fish-banner img,
.poker-page .poker-banner img,
.casino-page .casino-banner img,
.sports-page .sports-banner img,
.slots-page .slots-banner img,
.games-page .games-banner img{
  width: 100%;
}

/*customized image flip*/
/*.live-image-1045,*/
.live-image-1027,
.live-image-1211,
.live-image-1209,
.live-image-1045,
.live-image-1052,
.live-image-1186,
.live-image-1114,
.live-image-1195,

.slot-image-1079,
.slot-image-1093,
.slot-image-1099,
.slot-image-1066,
.slot-image-1067,
.slot-image-1210,
.slot-image-1125,
.slot-image-1027,
.slot-image-1179,
.slot-image-1201,
.slot-image-1138,
.slot-image-1181,
.slot-image-1159
{
  transform: scaleX(-1);
}


/*.poker-banner:nth-of-type(even) img,
.lottery-banner:nth-of-type(even) img,
.fish-banner:nth-of-type(even) img,
.casino-banner:nth-of-type(even) img,
.sports-banner:nth-of-type(even) img,
.slots-banner:nth-of-type(even) img,
.games-banner:nth-of-type(even) img{
  transform: rotateY(180deg);
}*/

.poker-banner:nth-of-type(odd) .banner-caption,
.lottery-banner:nth-of-type(odd) .banner-caption,
.fish-banner:nth-of-type(odd) .banner-caption,
.casino-banner:nth-of-type(odd) .banner-caption,
.sports-banner:nth-of-type(odd) .banner-caption,
.slots-banner:nth-of-type(odd) .banner-caption,
.games-banner:nth-of-type(odd) .banner-caption{
  left: auto;
  right: 0;
  padding-right: 10px;
  padding-left: 0;
}

.poker-page .banner-caption,
.lottery-page .banner-caption,
.fish-page .banner-caption,
.casino-page .banner-caption,
.sports-page .banner-caption,
.slots-page .banner-caption,
.games-page .banner-caption{
  width: 50%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 50%;
  transform: translateY( -40%);
  text-align: center;
  padding-left: 10px;
}

.poker-page h3,
.lottery-page h3,
.fish-page h3,
.casino-page h3,
.sports-page h3,
.slots-page h3,
.games-page h3{
  color: #ffffff;
  font-size: 17px;
  margin: 0;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
}

.fish-page h3 {
  /*padding-bottom: 20px;*/
}

.fish-page .btn.btn-violet {
  margin-top: -6px;
}

.poker-page .poker-banner a,
.lottery-page .lottery-banner a,
.fish-page .fish-banner a,
.casino-page .casino-banner a,
.sports-page .sports-banner a,
.slots-page .slots-banner a,
.games-page .games-banner a{
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 10px 0;
  min-width: 135px;
  color: #fff;
  background: #c6a507;
}

/*.slots-page .col-xs-4 {*/
/*  padding: 5px;*/
/*}*/

/*.slots-page .title {*/
/*  font-size: 14px;*/
/*  color: #fff;*/
/*  padding: 5px 0;*/
/*  height: auto;*/
/*  background: #3d547c;*/
/*  text-align: center;*/
/*  #fff-space: nowrap;*/
/*  text-overflow: ellipsis;*/
/*  overflow: hidden;*/
/*}*/

.lottery-page .lottery-banner p {
  font-size: 12px;
  margin-bottom: 5px;
}

.poker-page .poker-banner p {
  font-size: 12px;
  margin-bottom: 5px;
  color: #3d547c;
}

.promotion-container{
  background: transparent;
}

.promotion-container .dd-container {
  background: #3d547c;
  padding: 10px;
}

.promotion-container .dd-container select {
  background: #3d547c;
  width: 100%;
  border: none;
  color: #dab867;
}

.promotion-container img {
  padding: 20px 20px 10px;
  width: 100%;
}

.promotion-container h1 {
  color: #8f99a5;
  font-size: 12px;
  font-weight: 700;
  margin: 0;
  padding: 0 20px 20px;
}

.promotion-container .banner-container {
  padding: 10px;
}

.promotion-container .banner-container .promotion-banners {
  padding-bottom: 20px;
}

.promotion-container .promotion-bottom {
  padding: 20px 0;
}

.promotion-container .promotion-bottom h1,
.promotion-container .footer-collapse h2 {
  color: #3d547c;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  color: #fff;
}

.promotion-container .promotion-bottom p {
  color: #808080;
}

.promotion-container .footer-collapse {
  display: none;
  background: #021226;
  padding: 10px 20px;

}

.promotion-container .footer-collapse p {
  color: #8f99a5;
  font-size: 14px;
}

.promotion-container .footer-collapse a {
  padding: 10px 25px;
  color: #fff;
  border-radius: 4px;
  margin-top: 11px;
  display: block;
  text-align: center;
  width: 100%;
}

.promo-nav {
  position: relative;
}

.promo-nav i {
  position: absolute;
  color: #ffffff;
  top: calc(50% - 10px);
  right: 15px;
  font-size: 20px;
}

.promo-nav__select {
  background: #222326;
  padding: 10px 15px;
  width: 100%;
  color: #ffffff;
  border: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
}

.ngdialog-notice .ngdialog-content .ngdialog-close:before{
  background: linear-gradient(to bottom, #422237 0%,#45233b 3%,#4f213e 45%,#532242 54%,#532041 61%,#551f43 62%,#5a1d47 88%,#5a1d47 98%,#51123d 99%,#51123d 100%);
  color: #f3e5b1;
  line-height: 50px;
  width: 50px;
  height: 50px;
}

/*.ngdialog-notice .ngdialog-content .ngdialog-close {*/
/*  right: -4px;*/
/*  top: -4px;*/
/*}*/

.ngdialog-notice .popup__heading{
  background: #433600;
  min-height: 48px;
}

.ngdialog-notice .popup__heading img,
.popup .popup__heading img{
  width: 150px;
  padding: 10px 15px;
}

.popup .popup__heading .logo{
  text-align: center;
}

.ngdialog-notice .popup__content{
  padding: 10px;
}

.ngdialog-notice .ngdialog__footer{
  text-align: center;
  padding: 10px;
  background-color: #020611;
  position: fixed;
  bottom: 0;
  width: 100%;
}

.ngdialog-signup .ngdialog__title,
.ngdialog-login .ngdialog__title {
  font-size: 18px;
}

.ngdialog-change-password .ngdialog__heading,
.ngdialog-login .ngdialog__heading,
.ngdialog-signup .ngdialog__heading {
  background: #1c1c1c;
  height: 48px;
}

.ngdialog-change-password .form-control,
.ngdialog-login .form-control,
.ngdialog-signup .form-control {
  font-size: 16px;
  height: 40px;
}

/*dialog*/

.ngdialog-signup .signup-error {
  background: #cc001b;
  color: #fff;
  padding: 2px 5px;
  margin-top: 5px;
  width: inherit;
}

.has-success .signup-error {
  display: none;
}

.has-error .signup-inquiry {
  display: none;
}

.ngdialog-login .ngdialog__content {
  padding-top: 50px;
  text-align: center;
}

.signup__form fieldset{
  position: relative;
}

/*.ngdialog.ngdialog-theme-default .ngdialog-close,*/
/*.ngdialog.ngdialog-theme-default .ngdialog-close{*/
/*  */
/*}*/

/*.ngdialog.ngdialog-theme-default.ngdialog-notice .ngdialog-close{*/
/*  background: url(/mobile/common/images/back-icon.png);*/
/*  width: 30px;*/
/*  height: 30px;*/
/*  background-size: 100%;*/
/*  top: 10px;*/
/*  right: 10px;*/
/*}*/

.ngdialog.ngdialog-theme-default .ngdialog-close:active,
.ngdialog.ngdialog-theme-default .ngdialog-close:hover,
.ngdialog.ngdialog-theme-default .ngdialog-close:before {
  width: 48px;
  height: 48px;
  /* background: url(/mobile/common/images/icons/closed-icon.svg); */
  background-size: 100%;
  /*top: 14px;*/
  /* right: 20px; */
  font-size: 48px;
  text-align: center;
  line-height: 36px;
  color: #c6a507 !important;
  background: transparent;
}

.ngdialog.ngdialog-theme-default.ngdialog-notice .ngdialog-close:before{
  top: 14px;
}

.btn-phone{
  position: absolute;
  top: 31px;
  padding: 15px;
  right: 0;
}

.has-error .form-control{
  background: url("../images/icon-error.png") #ffffff right 10px center no-repeat;
  border-color: #9b001b;
}

.has-success .form-control{
  background: url("../images/icon-valid.png") #ffffff right 10px center no-repeat;
  border-color: #3c763d;
}

.has-not-used .form-control,
.has-not-used .form-control:hover,
.has-not-used .form-control:focus{
  background: none #d5d5d5;
  border-color: #cccccc;
  box-shadow: none;
}

.slot-view-container{
  padding: 0 5px;
  display: block;
  background: #131313;
}

.slot-item {
  background: #e9e9e9;
  border: 1px solid #000000;
  border-radius: 1px;
  box-shadow: inset 0 0 1px 2px rgba(255,255,255,0.1);
  height: 100%;
  margin: 0 auto;
  position: relative;
  width: 118px;
}
/*.slot-item.slot-box-1115,.slot-item.slot-box-1103 {*/
/*  height: 85px;*/
/*}*/

/*.slot-item.slot-box-1093{
  background-image: url("/mobile/common/images/coming-soon-mobile.jpg") !important;
}*/

.slot-title {
  background-color: #000;
  bottom: 0;
  color: #ffffff;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  margin-bottom: 0;
  opacity: .8;
}



/*EDITED BY KIM*/

.ngdialog__content img.img-responsive{
  width: 200px;
  margin: 0 auto 34px;
}

/* playtechHTML5 */
.ngdialog-playtechHTML5.ngdialog.ngdialog-theme-default .ngdialog-content{
  width: 100%;
  height: 100%;
  background: url("../images/playtechHTML5/bg.png") #000000 top right / 100% no-repeat;
}

.ngdialog-playtechHTML5.ngdialog.ngdialog-theme-default{ padding: 0; }

/* width's */
.width05 {width: 5%;}
.width08 {width: 8%;}
.width10 {width: 10%;}
.width12 {width: 12%;}
.width14 {width: 14%;}
.width15 {width: 15%;}
.width16 {width: 16%;}
.width18 {width: 18%;}
.width20 {width: 20%;}
.width24 {width: 24%;}
.width25 {width: 25%;}
.width28 {width: 28%;}
.width30 {width: 30%;}
.width32 {width: 32%;}
.width33 {width: 33%;}
.width34 {width: 34%;}
.width35 {width: 35%;}
.width40 {width: 40%;}
.width44 {width: 44%;}
.width45 {width: 45%;}
.width46 {width: 46%;}
.width49 {width: 49%;}
.width50 {width: 50%;}
.width55 {width: 55%;}
.width60 {width: 60%;}
.width63 {width: 63%;}
.width64 {width: 64%;}
.width65 {width: 65%;}
.width67 {width: 67%;}
.width68 {width: 68%;}
.width69 {width: 69%;}
.width70 {width: 70%;}
.width75 {width: 75%;}
.width80 {width: 80%;}
.width85 {width: 85%;}
.width90 {width: 90%;}
.width95 {width: 95%;}
.width97 {width: 97%;}
.width98 {width: 98%;}
.width99 {width: 99%;}
.width100 {width: 100%;}

/* Marquee */
.marquee-parent {
  position: relative;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 auto;
}
.marquee-child {
  display: table;
  width: 100%;
  animation: marquee 25s linear infinite;
  z-index: 2;
}
.marquee-child span {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.marquee-child:hover {
  animation-play-state: paused;
  cursor: pointer;
}
@keyframes marquee {
  0%   { transform: translate(25%, 0); }
  100% { transform: translate(-100%, 0); }
}
/* End: Marquee */

/* language */
.language-translate {
  cursor: pointer;
  /*float: left;*/
  /*margin-top: 48px;*/
  /*position: absolute;*/
  width: 100%;
  padding: 10px;
  z-index: 999;
}

.language-translate li.text-uppercase{
  position: relative;
  top: 3px;
}

.icon-lang {
  background: url("/common/images/lang-icons.png") no-repeat;
  display: inline-block;
  height: 23px;
  vertical-align: middle;
  width: 23px;
  border-radius: 50%;
  margin-right: 2px;
}

.language-list {
  display: none;
  position: relative;
  z-index: 999;
  left: 0;
  top: 2px;
  width: 100%;
}

.language-list .item-lang{
  padding: 5px;
  background: #eeeeee;
  color: #000000;
}
.language-list .item-lang:hover,
.language-list .item-lang:focus {
  background-color: #bfbfbf;
}
.language-overlay{
  background: rgba(0,0,0,.8);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99;
  display: none;
}

.language-aa {background-position: 0 0;}
.language-ab {background-position: -24px 0;}
.language-ae {background-position: -48px 0;}
.language-af {background-position: -72px 0;}
.language-ak {background-position: -96px 0;}
.language-am {background-position: -120px 0;}
.language-an {background-position: -144px 0;}
.language-ar {background-position: -168px 0;}
.language-as {background-position: -192px 0;}
.language-av {background-position: -216px 0;}
.language-ay {background-position: -240px 0;}
.language-az {background-position: -264px 0;}
.language-ba {background-position: -288px 0;}
.language-be {background-position: -312px 0;}
.language-bg {background-position: -336px 0;}
.language-bh {background-position: -360px 0;}
.language-bi {background-position: -384px 0;}
.language-bm {background-position: -408px 0;}
.language-bn {background-position: -432px 0;}
.language-bo {background-position: -456px 0;}
.language-br {background-position: -480px 0;}
.language-bs {background-position: -504px 0;}
.language-ca {background-position: -528px 0;}
.language-ce {background-position: -552px 0;}
.language-ch {background-position: -576px 0;}
.language-co {background-position: 0 -24px;}
.language-cr {background-position: -24px -24px;}
.language-cs {background-position: -48px -24px;}
.language-cu {background-position: -72px -24px;}
.language-cv {background-position: -96px -24px;}
.language-cy {background-position: -120px -24px;}
.language-da {background-position: -144px -24px;}
.language-de {background-position: -168px -24px;}
.language-dv {background-position: -192px -24px;}
.language-dz {background-position: -216px -24px;}
.language-ee {background-position: -240px -24px;}
.language-el {background-position: -264px -24px;}
.language-en {background-position: -288px -24px;}
.language-eo {background-position: -312px -24px;}
.language-es {background-position: -336px -24px;}
.language-et {background-position: -360px -24px;}
.language-eu {background-position: -384px -24px;}
.language-fa {background-position: -408px -24px;}
.language-ff {background-position: -432px -24px;}
.language-fi {background-position: -456px -24px;}
.language-fj {background-position: -480px -24px;}
.language-fo {background-position: -504px -24px;}
.language-fr {background-position: -528px -24px;}
.language-fy {background-position: -552px -24px;}
.language-ga {background-position: -576px -24px;}
.language-gd {background-position: 0 -48px;}
.language-gl {background-position: -24px -48px;}
.language-gn {background-position: -48px -48px;}
.language-gu {background-position: -72px -48px;}
.language-gv {background-position: -96px -48px;}
.language-ha {background-position: -120px -48px;}
.language-he {background-position: -144px -48px;}
.language-hi {background-position: -168px -48px;}
.language-ho {background-position: -192px -48px;}
.language-hr {background-position: -216px -48px;}
.language-ht {background-position: -240px -48px;}
.language-hu {background-position: -264px -48px;}
.language-hy {background-position: -288px -48px;}
.language-hz {background-position: -312px -48px;}
.language-ia {background-position: -336px -48px;}
.language-id {background-position: -360px -48px;}
.language-ie {background-position: -384px -48px;}
.language-ig {background-position: -408px -48px;}
.language-ii {background-position: -432px -48px;}
.language-ik {background-position: -456px -48px;}
.language-io {background-position: -480px -48px;}
.language-is {background-position: -504px -48px;}
.language-it {background-position: -528px -48px;}
.language-iu {background-position: -552px -48px;}
.language-ja {background-position: -576px -48px;}
.language-jv {background-position: 0 -72px;}
.language-ka {background-position: -24px -72px;}
.language-kg {background-position: -48px -72px;}
.language-ki {background-position: -72px -72px;}
.language-kj {background-position: -96px -72px;}
.language-kk {background-position: -120px -72px;}
.language-kl {background-position: -144px -72px;}
.language-km {background-position: -168px -72px;}
.language-kn {background-position: -192px -72px;}
.language-ko {background-position: -216px -72px;}
.language-kr {background-position: -240px -72px;}
.language-ks {background-position: -264px -72px;}
.language-ku {background-position: -288px -72px;}
.language-kv {background-position: -312px -72px;}
.language-kw {background-position: -336px -72px;}
.language-ky {background-position: -360px -72px;}
.language-la {background-position: -384px -72px;}
.language-lb {background-position: -408px -72px;}
.language-lg {background-position: -432px -72px;}
.language-li {background-position: -456px -72px;}
.language-ln {background-position: -480px -72px;}
.language-lo {background-position: -504px -72px;}
.language-lt {background-position: -528px -72px;}
.language-lu {background-position: -552px -72px;}
.language-lv {background-position: -576px -72px;}
.language-mg {background-position: 0 -96px;}
.language-mh {background-position: -24px -96px;}
.language-mi {background-position: -48px -96px;}
.language-mk {background-position: -72px -96px;}
.language-ml {background-position: -96px -96px;}
.language-mn {background-position: -120px -96px;}
.language-mr {background-position: -144px -96px;}
.language-ms {background-position: -168px -96px;}
.language-mt {background-position: -192px -96px;}
.language-mm {background-position: -216px -96px;}
.language-na {background-position: -240px -96px;}
.language-nb {background-position: -264px -96px;}
.language-nd {background-position: -288px -96px;}
.language-ne {background-position: -312px -96px;}
.language-ng {background-position: -336px -96px;}
.language-nl {background-position: -360px -96px;}
.language-nn {background-position: -384px -96px;}
.language-no {background-position: -408px -96px;}
.language-nr {background-position: -432px -96px;}
.language-nv {background-position: -456px -96px;}
.language-ny {background-position: -480px -96px;}
.language-oc {background-position: -504px -96px;}
.language-oj {background-position: -528px -96px;}
.language-om {background-position: -552px -96px;}
.language-or {background-position: -576px -96px;}
.language-os {background-position: 0 -120px;}
.language-pa {background-position: -24px -120px;}
.language-pi {background-position: -48px -120px;}
.language-pl {background-position: -72px -120px;}
.language-ps {background-position: -96px -120px;}
.language-pt {background-position: -120px -120px;}
.language-qu {background-position: -144px -120px;}
.language-rm {background-position: -168px -120px;}
.language-rn {background-position: -192px -120px;}
.language-ro {background-position: -216px -120px;}
.language-ru {background-position: -240px -120px;}
.language-rw {background-position: -264px -120px;}
.language-sa {background-position: -288px -120px;}
.language-sc {background-position: -312px -120px;}
.language-sd {background-position: -336px -120px;}
.language-se {background-position: -360px -120px;}
.language-sg {background-position: -384px -120px;}
.language-si {background-position: -408px -120px;}
.language-sk {background-position: -432px -120px;}
.language-sl {background-position: -456px -120px;}
.language-sm {background-position: -480px -120px;}
.language-sn {background-position: -504px -120px;}
.language-so {background-position: -528px -120px;}
.language-sq {background-position: -552px -120px;}
.language-sr {background-position: -576px -120px;}
.language-ss {background-position: 0 -144px;}
.language-st {background-position: -24px -144px;}
.language-su {background-position: -48px -144px;}
.language-sv {background-position: -72px -144px;}
.language-sw {background-position: -96px -144px;}
.language-ta {background-position: -120px -144px;}
.language-te {background-position: -144px -144px;}
.language-tg {background-position: -168px -144px;}
.language-th {background-position: -192px -144px;}
.language-ti {background-position: -216px -144px;}
.language-tk {background-position: -240px -144px;}
.language-tl {background-position: -264px -144px;}
.language-tn {background-position: -288px -144px;}
.language-to {background-position: -312px -144px;}
.language-tr {background-position: -336px -144px;}
.language-ts {background-position: -360px -144px;}
.language-tt {background-position: -384px -144px;}
.language-tw {background-position: -408px -144px;}
.language-ty {background-position: -432px -144px;}
.language-ug {background-position: -456px -144px;}
.language-uk {background-position: -480px -144px;}
.language-ur {background-position: -504px -144px;}
.language-uz {background-position: -528px -144px;}
.language-ve {background-position: -552px -144px;}
.language-vi {background-position: -576px -144px;}
.language-vo {background-position: 0 -168px;}
.language-wa {background-position: -24px -168px;}
.language-wo {background-position: -48px -168px;}
.language-xh {background-position: -72px -168px;}
.language-yi {background-position: -96px -168px;}
.language-yo {background-position: -120px -168px;}
.language-za {background-position: -144px -168px;}
.language-zh {background-position: -168px -168px;}
.language-zu {background-position: -192px -168px;}

.language-translate {
  background-color: #ffffff;
  color: #000000;
  box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

.btn .badge{
  line-height: 1;
  padding: 2px 7px;
}

.main-page .slider-container{
  min-height: 150px;
}

.ngdialog-rollover-history .btn-group-history{
  width: 100%;
}
.ngdialog-rollover-history .btn-group-history .btn{
  width: 50%;
  background: #e6e6e6;
  border: 1px solid #2557dc;
}
.ngdialog-rollover-history .btn-group-history .btn:hover,
.ngdialog-rollover-history .btn-group-history .btn:focus,
.ngdialog-rollover-history .btn-group-history .btn.active{
  color: #ffffff;
  background: #2557dc;
}

.ngdialog-signup #bank,
.ngdialog-signup #bank .col-xs-5,
.ngdialog-signup .form-group #error{
  padding: 0;
}

.ngdialog-signup #bank .account{
  padding-right: 0;
  padding-left: 5px;
}

.ngdialog-signup #bank,
.ngdialog-signup #bank .col-xs-5{
  max-height: 50px;
}

.wallet-button .btn-group > button{
  padding: 5px 0;
  font-size: 8px;
}

.ngdialog-deposit .deposit-menu{
  background: #222326;
  border: 2px solid transparent;
  padding: 6px 10px;
}

.ngdialog-deposit .deposit-menu:hover{
  cursor:pointer;
  border-color: #e6e6e6;
}

.ngdialog-deposit .deposit-menu.active{
  border-color: #76bb20;
}

.ngdialog-deposit .bank-icons{
  width: 20px;
  height: 20px;
  display: inline-block;
  float: left;
  vertical-align: middle;
  margin-right: 9px;
}

.ngdialog-deposit .icon-bangkok{ background: url("/common/images/banks/icon-bangkok.png") 0 0 no-repeat; }
.ngdialog-deposit .icon-kasikorn{ background: url("/common/images/banks/icon-kasikorn.png") 0 0 no-repeat; }
.ngdialog-deposit .icon-siam{ background: url("/common/images/banks/icon-siam.png") 0 0 no-repeat; }
.ngdialog-deposit .icon-krungsri{ background: url("/common/images/banks/icon-krungsri.png") 0 0 no-repeat; }
.ngdialog-deposit .icon-krungthai{ background: url("/common/images/banks/icon-krungthai.png") 0 0 no-repeat; }

.ngdialog-deposit .bank-name{
  display: block;
  color: #fff;
  margin-bottom: 4px
}
.ngdialog-deposit .bank-holder{
  padding-right: 10px;
  border-right: 1px solid #bebebe;
  margin: 0 9px 0 29px;
}

.ngdialog-deposit .type-deposit-container span{
  display: inline-block;
  color: #89888c;
}
.ngdialog-deposit .type-deposit-container .radio{
  position:absolute;
  left:-9999px
}

.ngdialog-deposit .col-xs-12{padding: 0}

.ngdialog-deposit .type-deposit-container:first-child,
.ngdialog-deposit .type-deposit-container{
  padding:5px 0;
}

.ngdialog.ngdialog-theme-default.ngdialog-translation {
  padding: 160px 20px;
}
.ngdialog.ngdialog-theme-default.ngdialog-translation .ngdialog-content{
  padding: 0;
}

.ngdialog-translation .popup__heading{
  padding: 10px;
}

.ngdialog-translation .item-lang {
  height: 48px;
  border-radius: 10px;
  width: 90px;
  margin: 10px auto;
}

.ngdialog-translation .item-lang.en{
  background: url("../images/flags/US-button.png");
}
.ngdialog-translation .item-lang.th{
  background: url("../images/flags/THAI-button.png");
}

.ngdialog-translation .item-lang.en:active, .ngdialog-translation .item-lang.en:focus, .ngdialog-translation .item-lang.en:hover{
  background: url("../images/flags/US-button-hover.png");
}
.ngdialog-translation .item-lang.th:active, .ngdialog-translation .item-lang.th:focus, .ngdialog-translation .item-lang.th:hover{
  background: url("../images/flags/THAI-button-hover.png");
}

/*.ngdialog-translation .item-lang:active{
  border: 4px #f4d102 solid;
}*/

.main-menu .header .header__mypage{
  position: absolute;
  display: inline-block;
  right: 0;
  margin: 0;
  padding-right: 20px;
  height: 24px;
}

.footer__label{
  font-size: 12px;
  color: #635f49;
}

.footer-container{
  background: #171202;
  padding-bottom: 50px;
  /*margin-bottom: 50px;*/
}

.gamebutton-menu{
  background: #171202;
}

.gamebutton-menu__header{
  margin: 0 auto;
  padding: 6px 20px;
  overflow: hidden;
}

.gamebutton-menu__body{
  margin: 0 auto;
  overflow: hidden;
}

.gamebutton-menu__body-swipe{
  list-style: none;
  margin: 0;
  padding: 0 0 10px 0;
  overflow: auto;
  white-space: nowrap;
}

.gamebutton-menu__body-swipe li {
  vertical-align: top;
  margin-right: 6px;
  display: inline-block;
  width: 30%;
}

.promotion .gamebutton-menu__body-swipe li{
  width: 90%;
}

.gamebutton-menu__body .gamebutton-menu__body-swipe li {
  text-align: center;
}

.gamebutton-menu__body .gamebutton-menu__body-swipe li img{
  border-radius: 4px;
}

.gamebutton-menu__body .gamebutton-menu__body-swipe li h5 {
  margin-top: 10px;
  margin-bottom: 7px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: -1px;
}
.gamebutton-menu__body .gamebutton-menu__body-swipe li h5:last-of-type {
  white-space: pre-wrap;
}

.gamebutton-menu__body li:first-child {
  margin-left: 20px;
}
.gamebutton-menu__body li:last-child {
  margin-right: 20px;
}

.header-title,
.header-more{
  display: inline-block;
}

.header-title{
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}

.header-more{
  float: right;
  font-size: 12px;
  font-weight: bold;
  color: #635f49;
  line-height: 22px;
}

.announcement,
.navigation-menu,
.gamebutton-menu,
.afterLogin,
.service-menu{
  margin-bottom: 5px;
  background: #171202;
}

.afterLogin {
  text-align: center;
  padding: 10px 0 5px;
}

.service-menu__header{
  margin: 0 auto;
  padding: 6px 20px;
}

.service-menu__body{
  padding: 0 31px;
}

.service-menu__body.col-xs-12 .col-xs-4:first-child{
  padding-right: 0;
  padding-left: 22px;
}

.service-menu__body.col-xs-12 .col-xs-4:last-child{
  padding-left: 0;
  padding-right: 22px;
}

.service-menu__body h5 {
  color: #8f99a5;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.ngdialog-side-bar.ngdialog.ngdialog-theme-default .ngdialog-content {
  animation: slideInLeft .3s;
  background: transparent;
  width: 300px;
  position: absolute;
}

.side-bar-container{
  background-color: #171202;
  height: 100%;
  position: relative;
  text-align: center;
  overflow-y: auto;
}

/* language */
.nav-list.lang {
  text-align: left;
  position: relative;
  padding: 15px;
}

#lang-list {
  display: none;
  position: absolute;
  top: calc(100% + 3px);
  left: -10px;
  border: 1px solid #433600;
  width: 150px;
}

.lang-active {
  display: inline-block;
  position: relative;
}
/* end: language */

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

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

.nav-link {
  background-color: #171202;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 20px;
  /*border-bottom: 1px solid #243448;*/
}

/*.nav-link:last-child{*/
/*  border: 0;*/
/*}*/

ul{
  list-style: none;
}

.nav-link .icon {
  height: 30px;
  width: 30px;
  margin-right: 20px;
  display: inline-block;
  vertical-align: middle;
  background-position: center center !important;
}

.nav-list .nav-link .icon.icon-home{ background: url('/mobile/common/images/icons/home-icon.svg') no-repeat }
.nav-list .nav-link .icon.icon-casino{ background: url('/mobile/common/images/icons/live-icon.svg') no-repeat }
.nav-list .nav-link .icon.icon-sports{ background: url('/mobile/common/images/icons/sports-icon.svg') no-repeat }
.nav-list .nav-link .icon.icon-slots{ background: url('/mobile/common/images/icons/slots-icon.svg') no-repeat }
.nav-list .nav-link .icon.icon-poker{ background: url('/mobile/common/images/icons/poker-icon.svg') no-repeat }
.nav-list .nav-link .icon.icon-fish{ background: url('/mobile/common/images/icons/fish-icon.svg') no-repeat }
.nav-list .nav-link .icon.icon-lottery{ background: url('/mobile/common/images/icons/lottery-icon.svg') no-repeat }
.nav-list .nav-link .icon.icon-arcade{ background: url('/mobile/common/images/icons/arcade-icon.svg') no-repeat }
.nav-list .nav-link .icon.icon-games{ background: url('/mobile/common/images/icons/games-icon.svg') no-repeat }
.nav-list .nav-link .icon.icon-muay-thai{ background: url('/mobile/common/images/icons/muay-thai-icon.svg') no-repeat }
.nav-list .nav-link .icon.icon-promo{ background: url('/mobile/common/images/icons/promo-icon.svg') no-repeat }
.nav-list .nav-link .icon.icon-livechat{ background: url('/mobile/common/images/icons/livechat-icon.svg') no-repeat }
.nav-list .nav-link .icon.icon-message{ background: url('/mobile/common/images/icons/dm-icon.svg') no-repeat }
.nav-list .nav-link .icon.icon-notice{ background: url('/mobile/common/images/icons/notice-icon.svg') no-repeat }
.nav-list .nav-link .icon.icon-customer{ background: url('/mobile/common/images/icons/customer-icon.svg') no-repeat }
.nav-list .nav-link .icon.icon-desktop{ background: url('/mobile/common/images/icons/desktop-icon.svg') no-repeat }
.nav-list .nav-link .icon.icon-logout{ background: url('/mobile/common/images/icons/logout-icon.svg') no-repeat }
.nav-list .nav-link .icon.icon-recommended{ background: url('/mobile/common/images/icons/recommendedgames-icon.svg') no-repeat }
.nav-list .nav-link .icon.icon-guide{
  background: url('/mobile/common/images/icons/guide-icon.svg') no-repeat;
  background-size: cover;
}
.nav-list .nav-link .icon.icon-youtube{ background: url('/mobile/common/images/icons/youtube-icon.svg') no-repeat }

.vertical.menu{
  padding: 0;
}

.menu.vertical > li {
  display: block;
  background: #231c00;
  padding: 5px 15px 5px 10px;
  font-size: 14px;
  vertical-align: middle;
}

.ngdialog-login .popup-form{
  margin: 0 41px;
}

.ngdialog-login .btn-purple{
  background: #c6a507;
  height: 40px;
  margin-bottom: 14px;
}

.signup__text{
  color: #8f99a5;
  font-weight: bold;
  font-size: 12px;
}

.signup__text a{
  color: #ffffff;
}

.ngdialog-login .ngdialog__content .popup-form .form-group:first-child{
  margin-bottom: 10px;
}

.ngdialog-login .ngdialog__content .popup-form .form-group:nth-of-type(2){
  margin-bottom: 20px;
}

.ngdialog__content{
  padding: 20px;
  font-size: 12px;
  color: #8f99a5;
}

.ngdialog-login .form-control{
  font-size: 12px;
  height: 40px;
  color: #ffffff;
  border:0;
  background: #000;
  font-weight: bold;
  padding: 15px 20px;
}

label span{
  color: #fff;
}

label span+span{
  color: #ff0000;
}

.ngdialog-signup .form-control{
  border-radius: 0;
  font-size: 12px;
  height: 35px;
  background: #1e314a;
  border: 0;
  padding: 12px 19px;
  color: #fff;
}

.ngdialog-signup .form-control.input-bank,
.ngdialog-signup .form-control.input-question{
  padding: 0 19px;
}

.promotion-banners{
  background: #171202;
  margin-bottom: 5px;
}

.ngdialog-wallet{
  background: #131313;
}

.ngdialog__heading{
  background-color: #1c1c1c;
  height: 45px;
}

.balance ul li:nth-child(odd) {
  background: #2c2c2c;
}

.balance ul li:nth-child(even) {
  background: #161616;
}

.ngdialog-wallet .ngdialog__content{
  padding: 8px 10px 60px;
}

.btn-purple.width99{
  width: 99% !important;
}

.banner__img {
  position: relative;
}

.banner__desc{
  width: 100%;
  position: absolute;
  bottom: 15px;
  color: #fff;
  text-align: center;
}

.banner__desc h1{
  text-transform: uppercase;
  font-size: 30px;
}

.banner__desc h3{
  color: #8f99a5;
  font-size: 18px;
}

.banner__desc h1,
.banner__desc h3{
  margin: 0 20px 10px;
}

.ngdialog-deposit .form-control,
.ngdialog-withdraw .form-control,
.ngdialog-transfer .form-control{
  border-radius: 3px;
  background-color: #161616;
  border: 1px solid #353535;
  color: #fff;
}

.alert.alert-danger{
  border-radius: 4px;
  background: #222326;
  border: 1px solid #464646;
  color: #76bb20;
}

.ngdialog.ngdialog-theme-default.ngdialog-promotion,
.ngdialog.ngdialog-theme-default.ngdialog-promotion .ngdialog-content,
.ngdialog.ngdialog-theme-default.ngdialog-promotion .ngdialog__content{
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  height: 100vh;
  background: #020611;
}

.customer__contact.col-xs-12{
  padding: 10px 20px;
}

.no-padding{
  padding: 0;
}

.add-lineheight{
  line-height: 28px;
}

.customer__content:nth-child(odd),
.customer__contact:nth-child(odd){
  background: #171202;
}

.customer__content:nth-child(even),
.customer__contact:nth-child(even){
  background: #051528;
}

/*.ngdialog-promotion .ngdialog-overlay{*/
/*  background: #020611;*/
/*}*/

.font-blue{
  color: #38a2f1;
}

.customer__content.col-xs-12,
.comment-box{
  padding: 10px 20px;
}

.comment-box{
  margin-bottom: 10px;
}

.comment-box__header,
.comment-box-read__header{
  padding: 5px;
  color: #fff;
  background: #171202;
  border: 1px solid #243448;
}

.comment-box__content,
.comment-box-read__content{
  padding: 10px;
  background: #021226;
  border: 1px solid #243448;
}

.main-menu .header .fa-angle-down{
  color: #fff;
  margin-left:5px;
  font-size: 20px;
}

.sub-header .sub-header-container{
  background-color: #231c00;
  position: fixed;
  display: none;
  width: 100%;
  height: 50%;
  overflow-y: auto;
  z-index: 1000;
  top: 48px;
}
.sub-header .sub-header-container li{
  border-bottom: 1px solid #c6a507;
}
.sub-header .sub-header-container li:last-child{
  border-bottom: none;
}
.sub-header .sub-header-container .sub-logo{
  color: #fff;
  font-weight: 400;
  padding: 10px 0px 10px 19px;
}
.sub_active{
  background-color: #c6a507;
}
.search-container{
  height: 50px;
  background-color: #c6a507;
  padding:10px 10px;
}
.search-container .search-input{
  position: relative;
}
.search-input .glyphicon{
  position: absolute;
  right: 0;
  color: #fff;
  padding: 7px;
  pointer-events: none;
}
.form-control.search{
  height: 30px;
  border-color: #0c2756;
  background-color:#0c2756 ;
  color: #8993a1;
  font-weight: 700;
}
.form-control.search::-webkit-input-placeholder { /* Edge */
  color: #8993a1;
  font-weight: 700;
}

.form-control.search:-ms-input-placeholder { /* Internet Explorer */
  color: #8993a1;
  font-weight: 700;
}

.form-control.search::placeholder {
  color: #8993a1;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.icon.icon-5,
.ic.icon-message{
  text-align: right;
  vertical-align: top;
  position: relative;
}

.badge.dm-badge,
.badge.plus-badge{
  position: absolute;
  color: #fff;
  font-size: 8px;
  border-radius: 50%;
  max-width: 15px;
  max-height: 15px;
  padding: 4px 6px;
  background-color: #fd1f33;
}

.badge.plus-badge{
  padding: 2px 4px;
  font-size: 14px;
}

.active{
  color: #fff;
  background: #c6a507;
  /*background: -moz-linear-gradient(left,  #2557dc 0%, #13337e 100%);*/
  /*background: -webkit-linear-gradient(left,  #2557dc 0%,#13337e 100%);*/
  /*background: linear-gradient(to right,  #2557dc 0%,#13337e 100%);*/
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2557dc', endColorstr='#13337e',GradientType=1 );
}

.ngdialog-wallet .ngdialog__title{
  font-size: 18px;
}

.ngdialog-wallet .balance__content{
  font-size: 12px;
}

.badge.coupon-badge{
  background: #fd1f33;
}

.ngdialog-wallet .balance{
  margin: 10px 10px 0;
  background-color: #171202;
}

.customer__content__title{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wallet-button .btn-group button{
  border: 1px solid #37393d;
}

.ngdialog-deposit .btn-purple,
.ngdialog-withdraw .btn-purple{
  background: #c6a507;
  margin-right: 1px;
}

.ngdialog-deposit .ngdialog__content,
.ngdialog-withdraw .ngdialog__content,
.ngdialog-cash-history .ngdialog__content,
.ngdialog-bonus .ngdialog__content{
  padding: 10px;
  padding-bottom: 50px;
}

.ngdialog-deposit .process-form__container,
.ngdialog-withdraw .process-form__container{
  background: #38393d;
  padding: 10px;
  border: 1px solid #464646;
}

.ngdialog-deposit .process-forms .btn-clear,
.ngdialog-withdraw .process-forms .btn-clear{
  top: 0;
  position: relative;
}

.ngdialog-bonus hr{
  border-top: 2px solid #454545;
}

.ngdialog-bonus .bonus__form{
  background: #2c2c2c;
  padding: 10px 20px;
}

.ngdialog-bonus .form-control{
  border-radius: 3px;
  background: #161616;
  border: 1px solid #353535;
  color: #fff;
}

.ngdialog-bonus h4.text-center strong{
  color: #fff;
}

/* back to top */
.cd-top {
  background: #c6a507b3 url(/mobile/common/images/cd-top-arrow.svg) no-repeat center 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  display: inline-block;
  height: 50px;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  right: 30px;
  bottom: 70px;
  text-indent: 100%;
  transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  visibility: hidden;
  white-space: nowrap;
  width: 50px;
  z-index: 50;
  border-radius: 50%;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  opacity: 1;
  visibility: visible;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    bottom: 20px;
    right: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    bottom: 130px;
    height: 60px;
    right: 30px;
    width: 60px;
  }
}

.ngdialog-custom.ngdialog-transfer.ngdialog.ngdialog-theme-default .ngdialog-content,
.ngdialog-custom.ngdialog-friends.ngdialog.ngdialog-theme-default .ngdialog-content,
.ngdialog-custom.ngdialog-coupon.ngdialog.ngdialog-theme-default .ngdialog-content,
.ngdialog-custom.ngdialog-account.ngdialog.ngdialog-theme-default .ngdialog-content,
.ngdialog-custom.ngdialog-bonus.ngdialog.ngdialog-theme-default .ngdialog-content,
.ngdialog-custom.ngdialog-history.ngdialog.ngdialog-theme-default .ngdialog-content,
.ngdialog-custom.ngdialog-rollover.ngdialog.ngdialog-theme-default .ngdialog-content{
  background: #131313;
}

.ngdialog-transfer .ngdialog__content,
.ngdialog-coupon .ngdialog__content,
.ngdialog-account .ngdialog__content,
.ngdialog-history .ngdialog__content,
.ngdialog-friends .ngdialog__content{
  padding: 10px;
  padding-bottom: 50px;
}

.ngdialog-transfer .process-forms,
.ngdialog-account .process-forms{
  background: #2c2c2c;
  border: 1px solid #353535;
  padding: 10px;
}

.ngdialog-transfer label{
  color: #fff;
}

.ngdialog-transfer .btn-purple{
  background: #c6a507;
}

.ngdialog-rollover .lists__content,
.ngdialog-coupon .lists__content,
.ngdialog-history .lists__content,
.ngdialog-friends .lists__content{
  background: #38393d;
  color: #fff;
}

.ngdialog-account .form-control{
  background: #161616;
  border: 1px solid #353535;
  border-radius: 3px;
  color: #fff;
  height: 37px;
}

.ngdialog-account .has-not-used .form-control{
  background: #161616;
}

.ngdialog-account hr{
  margin: 10px 0;
  border-top: 1px solid #222326;
}

.btn-block+.btn-block{
  margin: 0;
}

.login-container .btn-red,
.login-container .btn-purple{
  border-radius: 0;
}

.main-page{
  margin-top: 48px;
}

.ngdialog.ngdialog-theme-default .ngdialog-content{
  margin: 0;
  width: 100%;
}

.ngdialog *, *{
  font-family: Prompt-Regular, sans-serif;
}

.ngdialog-coupon .btn.btn-purple{
  background: #2557dc;
}

.ngdialog-coupon .form-control{
  border-radius: 3px;
  background-color: #222326;
  border: 0;
  color: #fff;
}

.ngdialog-login .forgot-password{
  margin-bottom: 5px;
}

.ngdialog-login .forgot-password a{
  color: #fff;
  font-weight: bold;
}

.ngdialog-forgot__heading {
  height: 48px;
  background: #020611;
  padding: 15px 0;
}

.ngdialog-forgot__heading span{
  font-size: 18px;
  color: #fff;
}

.ngdialog-forgot__content{
  padding: 50px 20px 20px;
  text-align: center;
}

.ngdialog-forgot__content .form-control{
  border-radius: 0;
  font-size: 12px;
  height: 35px;
  background: #1e314a;
  border: 0;
  padding: 12px 19px;
  color: #fff;
  margin-bottom: 5px;
}

.ngdialog-forgot__content .form-control.input-question{
  padding: 0 19px;
}

.ngdialog-forgot__content .btn.btn-purple{
  background: #c6a507;
  height: 40px;
}

.customer .comment-box{
  background: #031a35;
}

.ngdialog-custom.ngdialog.ngdialog-theme-default.wallet .ngdialog-content{
  background: #020611;
}

.ngdialog-customer-center .ngdialog__content{
  background: #171202;
}

.ngdialog-customer-center .ngdialog__content fieldset input,
.ngdialog-customer-center .ngdialog__content fieldset textarea{
  border-radius: 3px;
  background-color: #222326;
  border: 0;
  color: #fff;
}

.footer-collapse ul{
  list-style: unset;
}

.deposit-tab-nav,
.withdraw-tab-nav{
  margin-bottom: 10px;
}

.btn-gametype{
  background-color: #003470;
}

.btn-gametype:hover,
.btn-gametype:focus,
.btn-gametype.active{
  background-color: #76bb20;
  color: #ffffff;
}

.swal-title{
  font-size: 1.7rem;
}

.swal-title:not(:last-child){
  margin-bottom: 6px;
}

.swal-text{
  font-size: 1.3rem;
}

.ngdialog-customer-center .ngdialog__content .panel.panel-primary .panel-body{
  word-break: break-all;
}

.ngdialog.ngdialog-theme-default.ngdialog-custom.ngdialog-side-bar{
  z-index: 20000;
}

.walletCat {
  background: #433600;
  padding: 9px 15px;
  color: #ffffff;
}

.btn-clear{
  padding: 6px 0;
}

.bank-offline__container{
  position: relative;
  width: 100%;
  margin: 0;
}

.bank-offline__container .bank-offline__title{
  margin-bottom: 12px;
}

.bank-offline__container .bank-offline__title label{
  width: auto;
  text-align: left;
  margin-right: 0;
  text-transform: uppercase;
}

.bank-offline__container .bank-offline__list{
  padding: 16px 13px 10px;
  background: #222326;
  border-radius: 4px;
  margin-bottom: 10px;
}

.bank-offline__container .bank-offline__content{
  display: flex;
}

.bank-offline__container .bank-offline__content .content-bank__img{
  width: 38%;
  color: #f9f9f9;
}

.bank-offline__container .bank-offline__content .content-bank__img img{
  width: 20px;
  margin-right: 3px;
}

.bank-offline__container .bank-offline__content .BCA{
  line-height: 80px;
}

.bank-offline__container .bank-offline__content .Mandiri{
  line-height: 40px;
}

.bank-offline__container .content-bank>p{
  font-size: 1rem;
  margin: 0;
  line-height: 2rem;
}

optgroup[label]{
  background: #c6a507;
}

optgroup option{
  background: #433600;
}

.bulletHider{
  width: 20px;
  height: 20px;
  background: #222326;
  position: absolute;
  left: 4px;
  top: 30px;
}

.bonus__form .bulletHider{
  top: 0;
}

.ngdialog-deposit .btn-gametype{
  padding: 5px 8px;
}

.swal-title,
.swal-text{
  text-align: center;
}

.has-error .form-control {
  background: #222326;
  border-color: #9b001b;
}

.has-success .form-control {
  background: #222326;
  border-color: #3c763d;
}

.change-password-error span {
  color: #a94442;
  font-weight: 700;
}

.form-control:focus {
  box-shadow: inset 0 0 1px #c6a507, 0 0 8px #c6a507;
}

.btn-group-flex {
  display: flex;
  justify-content: space-between;
}

.btn-group-flex button.btn.btn-purple{
  width: calc(100% / 2 - 1px);
  height: 35px;
  border-radius: 0;
  background: #231c00;
}

.main-menu.fun{
  background-color: #131313;
}

.ngdialog-login .ngdialog__heading{
  background-color: #433600;
}

.ngdialog-custom.ngdialog.ngdialog-theme-default.nglogin .ngdialog__content{
  background-color: #171202;
}

.rs-category-container {
  display: flex;
  margin-top: 50px;
  padding: 10px;
  overflow-y: auto;
}

.rg-category-button  {
  margin: 2px;
  background-color: #c6a507;
  padding: 8px 16px;
  flex-shrink: 0;
}

.rg-category-button:hover,
.rg-category-button.active {
  background-color: #433600;
}

.rg-category-button p {
  margin: 0;
  font-size: 12px;
  text-transform: uppercase;
}

.gcode-vs20starlightx,
.gcode-vs20bchprty {
  display: none;
}