body {
  font-family: 'Play', sans-serif;
  background: #1f2229;
  color: #fff;
}

.btn-create-account {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.btn-create-account button.btn-form {
  font-size: 14px;
  /* border: 0; */
  /* border-radius: 0; */
  /* margin-bottom: 5px; */
}
.btn-form {
  display: block;
  width: 100%;
  background-color: #a82a1d;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 0;
}
.btn-form:focus, .btn-form:hover{
  color: #fff;
}
.btn-form .redLine{
  color: #e1685c;
}
a, a:hover, a:active, a:focus,
.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover{
  text-decoration: none;
}
.wrapper{
  overflow-x: hidden;
}
.top-panel{
  position: relative;
  height: 50px;
  float: left;
  width: 100%;
  z-index: 999;
}
.top-panel .logo{
  width: 125px;
}
.top-panel__logo-container {
  text-align: center;
  margin: 0 auto;
}
.top-panel__left-container,
.top-panel__right-container {
  height: 100%;
  width: 60px;
  background: #333743;
  display: flex;
  justify-content: center;
  align-items: center;
}
.top-panel .guest-panel em{
  font-style: normal;
  margin: 0 1px 0 5px;
}
.top-panel .info,
.top-panel .lock{
  width: 24px;
  height: 24px;
  position: absolute;
  top: 7px;
  right: 32px;
}
.top-panel .lock{
  right: 7px
}
.top-panel .lock{  background: url('../../images/xslot88/icon-lock.png') 0 0 no-repeat; }
.top-panel .info{  background: url('../../images/xslot88/icon-info.png') 0 0 no-repeat; }
.top-panel .guest-panel.logout{
  padding: 5px 50px 5px 10px;
  border-radius: 5px;
}
.top-panel .guest-panel.login{
  padding: 5px 25px 5px 10px;
  border-radius: 5px;
}

.top-panel .guest-panel .refresh{
  position: absolute;
  top: 11px;
  right: 11px;
  font-size: 16px;
}

.navigation-panel{
  width: 100%;
  position: fixed;
  bottom: 0;
  height: 50px;
  border-top: 2px solid #000;
  display: block;
  z-index: 999;
}
.navigation-panel .shadow{
  width: 20px;
  height: 50px;
  position: fixed;
  z-index: 999999;
  right: 0;
  bottom: 0;
}

.navigation-panel .nav{
  position: relative;
  display: block;
  width: 26px;
  height: 26px;
  margin: 3px auto;
}
.navigation-panel ul{
  white-space: nowrap;
  overflow-x: auto;
  margin: 0;
  position: relative;
  z-index: 1;
}
.navigation-panel li{
  text-align: center;
  width:21%;
  padding: 0;
}
.navigation-panel li a{
  display: block;
  overflow: hidden;
  text-shadow: 1px 1px #000;
  padding-bottom: 2px;
  font-size: 10px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
.navigation-panel .nav.nav-home{background: url("../../images/xslot88/navigation/nav-button-1.png");}
.navigation-panel .nav.nav-sports{background: url("../../images/xslot88/navigation/nav-button-2.png");}
.navigation-panel .nav.nav-casino{background: url("../../images/xslot88/navigation/nav-button-3.png");}
.navigation-panel .nav.nav-slots{background: url("../../images/xslot88/navigation/nav-button-4.png");}
.navigation-panel .nav.nav-others{background: url("../../images/xslot88/navigation/nav-button-5.png");}
.navigation-panel .nav.nav-fish{background: url("../../images/xslot88/navigation/nav-button-7.png");}/*
.navigation-panel .nav.nav-lottery{background: url("../../images/xslot88/navigation/nav-button-5.png");}
.navigation-panel .nav.nav-mini{background: url("../../images/xslot88/navigation/nav-button-7.png");}*/
.navigation-panel .nav.nav-promos{background: url("../../images/xslot88/navigation/nav-button-8.png");}

.central-panel{
  position: absolute;
  bottom: 60px;
  border-radius: 5px;
  margin: 0 2% 0 2%;
  width: 96%;
}
.central-panel [class^="col-"]{padding: 3px;}
.central-panel .game-button{
  border-radius: 6px;
  position: relative;
  float: left;
  height: 100px;
  width: 100%;
}
.main-panel .central-panel .game-button{height: 125px;}
.central-panel .game-button-content{
  text-align: left;
  padding-left: 10px;
}
.central-panel .game-button-content h2{
  color: #ffffff;
  font-weight: 700;
  font-size: 20px;
}
.main-panel .central-panel .game-button-content h2{font-size: 30px;}
.main-panel .central-panel .game-button-content {padding-top: 0;}

.main-button-1{background: url("../../images/xslot88/gamebutton/main-button-1.png")  top center no-repeat #000;}
.main-button-2{background: url("../../images/xslot88/gamebutton/main-button-2.png")  top center no-repeat #000;}
.main-button-3{background: url("../../images/xslot88/gamebutton/main-button-3.png")  top center no-repeat #000;}
.main-button-4{background: url("../../images/xslot88/gamebutton/main-button-4.png")  top center no-repeat #000;}
.main-button-5{background: url("../../images/xslot88/gamebutton/main-button-5.png")  top center no-repeat #000;}
.main-button-6{background: url("../../images/xslot88/gamebutton/lottery-button.png")  top center no-repeat #000;}

.sports-button-1{background: url("../../images/xslot88/gamebutton/sports-button-1.png")  top right no-repeat #000;}
.sports-button-2{background: url("../../images/xslot88/gamebutton/sports-button-2.png")  top right no-repeat #000;}
.sports-button-3{background: url("../../images/xslot88/gamebutton/sports-button-3.png")  top right no-repeat #000;}
.sports-button-4{background: url("../../images/xslot88/gamebutton/sports-button-4.png")  top right no-repeat #000;}
.sports-button-5{background: url("../../images/xslot88/gamebutton/sports-button-5.png")  top right no-repeat #000;}
.sports-button-6{background: url("../../images/xslot88/gamebutton/sports-button-6.png")  top right no-repeat #000;}
.sports-button-7{background: url("../../images/xslot88/gamebutton/sports-button-7.png")  top right no-repeat #000;}

.live-button-1{background: url("../../images/xslot88/gamebutton/live-button-1.png")  top right no-repeat #000;}
.live-button-2{background: url("../../images/xslot88/gamebutton/live-button-2.png")  top right no-repeat #000;}
.live-button-3{background: url("../../images/xslot88/gamebutton/live-button-3.png")  top right no-repeat #000;}
.live-button-4{background: url("../../images/xslot88/gamebutton/live-button-4.png")  top right no-repeat #000;}
.live-button-5{background: url("../../images/xslot88/gamebutton/live-button-5.png")  top right no-repeat #000;}
.live-button-6{background: url("../../images/xslot88/gamebutton/live-button-6.png")  top right no-repeat #000;}

.slots-button-1{background: url("../../images/xslot88/gamebutton/slot-button-1.png")  top right no-repeat #000;}
.slots-button-2{background:url("../../images/xslot88/gamebutton/slot-button-2.png")  top right no-repeat #000;}
.slots-button-3{background:url("../../images/xslot88/gamebutton/slot-button-3.png")  top right no-repeat #000;}
.slots-button-4{background: url("../../images/xslot88/gamebutton/slot-button-4.png")  top right no-repeat #000;}
.slots-button-5{background: url("../../images/xslot88/gamebutton/slot-button-5.png")  top right no-repeat #000;}
.slots-button-6{background: url("../../images/xslot88/gamebutton/slot-button-6.png")  top right no-repeat #000;}
.slots-button-7{background: url("../../images/xslot88/gamebutton/slot-button-7.png")  top right no-repeat #000;}
.slots-button-8{background: url("../../images/xslot88/gamebutton/slot-button-8.png")  top right no-repeat #000;}
.slots-button-9{background: url("../../images/xslot88/gamebutton/slot-button-9.png")  top right no-repeat #000;}
.slots-button-10{background: url("../../images/xslot88/gamebutton/slot-button-10.png")  top right no-repeat #000;}
.slots-button-11{background: url("../../images/xslot88/gamebutton/slot-button-11.png")  top right no-repeat #000;}

.lottery-button{background: url("../../images/xslot88/gamebutton/lottery-button.png")  top right no-repeat #000;}

.fish-button-1 {background: url("../../images/xslot88/gamebutton/fish-button.png")  top right no-repeat #000;}

.other-button-1 {background: url("../../images/xslot88/gamebutton/other-button-1.png")  top right no-repeat #000;}

.mini-button-1{background: url("../../images/xslot88/gamebutton/fish-button.png")  top right no-repeat #000;}
.mini-button-2{background: url("../../images/xslot88/gamebutton/other-button-2.png")  top right no-repeat #000;}

/* ngDialog Default */

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

.ngdialog-menu-container.ngdialog.ngdialog-theme-default .ngdialog-content{
  animation: slideInLeft .3s;
}
.ngdialog-menu-container.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content{
  animation: slideOutLeft .3s;
}
.ngdialog-wallet.ngdialog.ngdialog-theme-default .ngdialog-content,
.ngdialog-login.ngdialog.ngdialog-theme-default .ngdialog-content,
.ngdialog-signup.ngdialog.ngdialog-theme-default .ngdialog-content{ animation: slideInRight .3s; }

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



.ngdialog-signup.ngdialog{ overflow-x: hidden; }

.ngdialog-custom.ngdialog.ngdialog-theme-default .ngdialog-content {
  border-radius: 0;
  font-size: 14px;
  /*height: 100%;*/
  line-height: 1.5;
  padding: 0;
  width: 100%;
}

/* Align close button to right/left */
.ngdialog-wallet .ngdialog__title {
  padding: 10px;
  line-height: 1;
  text-align: center;
}

.ngdialog__content {padding: 15px;}
.ngdialog__footer{ color: #666666; }

/* login.php */
.ngdialog-login.ngdialog.ngdialog-theme-default .ngdialog-content,
.ngdialog-login.ngdialog.ngdialog-theme-default .ngdialog__content {
  background: #1f2229;
  width: 100%;
  padding: 15px;
}
.ngdialog-login.ngdialog.ngdialog-theme-default .ngdialog__content input{ margin-top: 10px; }
.ngdialog-login.ngdialog.ngdialog-theme-default .ngdialog__content input:first-child { margin-top: 0; }
.ngdialog-login.ngdialog.ngdialog-theme-default .ngdialog-close:before {
  font-size: 54px;
  top: 5px;
  right: 15px;
}

.ngdialog-login .ngdialog__heading{
  min-height: 40px;
  height: 40px;
}
.ngdialog-login .ngdialog__logo{
  margin-top: 45px;
  font-size: 12px;
  color: #7a7a7a;
  margin-bottom: 10px;
}
.ngdialog-login .form-control {
  border-radius: 50px;
  padding: 20px;
}
.ngdialog-login .ngdialog__logo img{ width: 160px; }
.ngdialog-login .ngdialog__logo p{ font-size: 14px; margin-top: 20px; color: #ffffff; margin-bottom: 0;}
.ngdialog-login.ngdialog.ngdialog-theme-default .ngdialog-close{ left: 0; }
.ngdialog-signup.ngdialog.ngdialog-theme-default .ngdialog-close:before{ color: #fff; }

.form-control{
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 5px;
}
.ngdialog-signup-page .ngdialog__subheading{
  background-color: #d4d8d8;
  font-size: 11px;
  padding: 5px 15px;
  margin-bottom: 20px;
}
.ngdialog-login-page .btn{
  margin-bottom: 10px;
  border-radius: 50px;
  padding: 10px;
  text-transform: uppercase;
  font-weight: 700;
}
.ngdialog-login-page .btn-container {
  margin-top: 25px;
}
.ngdialog-login .ngdialog__footer{
  padding-top: 70px;
  font-size: 11px;
  text-transform: uppercase;
}
.ngdialog-login .btn-gray{
  font-size: 11px;
  padding: 7px;
}
.ngdialog-login .btn-outline,
.ngdialog-login-page .ngdialog__content button:last-child {
  background-color: transparent;
  color: #cccccc;
  text-transform: none;
}

/* notice */
.popup-notice__header{
  padding: 15px 20px;
  font-weight: bold;
  font-size: 12px;
  color: #000000;
  border-bottom: 1px solid #333743;
  color: #fff;
}

.popup-notice__header span{
  position: relative;
  top: 2px;
  left: 10px;
  color: #cccccc;
}

.ngdialog-notice__content__title{
  padding: 30px 40px 0;
  color: #fff;
  text-transform: uppercase;
}
.ngdialog-notice__content__title h5 { font-weight: 700; }
.ngdialog-notice .btn-primary{
  border: none;
}
.ngdialog-notice__content{
  padding: 10px 40px;
  height: 400px;
  overflow-y: auto;
  color: #fff;
}
.ngdialog-notice__content .title{color: #000000;}
.ngdialog-notice__content .popup-content p span{color: #000000 !important;}
.popup-notice__footer{
  position: absolute;
  bottom: 0;
  width: 100%;
  float: left;
  border-top: 1px solid #333743;
  padding: 15px 10px;
}
.popup-notice__footer .btn{
  border-radius: 0;
  color: #FFFFFF;
  font-size: 10px;
  padding: 8px 30px;
}

.ngdialog.ngdialog-theme-default.ngdialog-notice .ngdialog-content{
  background: url("../../images/xslot88/bg-notice.jpg") center no-repeat;
  background-size: cover;
  padding: 0;
  height: 100%;
  width: 100%;
}

/* Close overlay */
.close-overlay{
  background: #333743;
  position: absolute;
  top: 0;
  width: 60px;
  height: 50px;
  color: #ffffff;
  font-size: 22px;
  padding-top: 18px;
  text-align: center;
  line-height: 50px;
}
.close-overlay .icon.icon-close{
  margin: 0;
}
/* End: Close overlay*/

/* Popup Wallet */
.ngdialog-wallet .close-overlay{ right: 100%; padding: 0;}
.ngdialog-custom.ngdialog.ngdialog-theme-default.ngdialog-wallet .ngdialog-content {
  width: 250px;
  margin-right: 0;
  background: #1f2229;
  color: #ffffff;
  font-family: 'Play', sans-serif;
}
.ngdialog-wallet .ngdialog__heading {
  color: #ffffff;
  height: 50px;
  padding: 0 15px;
  background: #1f2229;
  border: none;
}
.ngdialog__heading.warning {
  background: #333743;
}
.ngdialog__heading__title {
  float: left;
  position: relative;
  margin: 0;
  line-height: 50px;
  text-transform: uppercase;
  color: #00ff4e;
  font-weight: 700;
}
.ngdialog__heading__logout {
  line-height: 50px;
  float: right;
  position: relative;
  right: -15px;
}
.ngdialog__heading__logout:before {
  content: '';
  position: absolute;
  left: 0;
  top: 12.5%;
  height: 75%;
  width: 2px;
  background: #333743;
}
.my-wallet {
  background: #333743;
  height: 50px;
  line-height: 50px;
  color: #ffffff;
  font-weight: 700;
  font-size: 13px;
  padding: 0 15px;
}
.get-balance i {
  margin-right: 5px;
}
.ngdialog-wallet .ngdialog__content{
  padding: 0;
}
.ngdialog-wallet .ngdialog__content .btn { padding: 15px 12px; }
.ngdialog-wallet .ngdialog__content .btn-block+.btn-block{ margin-top: 0; }
.ngdialog-wallet .ngdialog__content button:nth-child(even){ background: #1f2229; }
/* End: Popup Wallet */

/* Popup  Menu */
.ngdialog-menu .close-overlay{ left: 100%; padding: 0;}
.ngdialog-menu .ngdialog__content .list-group li.active {
  background: #333743;
  position: relative;
}
.ngdialog-menu .ngdialog__content .list-group li.active:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 5px;
  background: #03c1ff;
}
.ngdialog-theme-default.ngdialog-custom.ngdialog-menu-container .ngdialog-content{
  width: 260px;
  margin-left: 0;
  background: #1f2229;
  height: 100%;
}
.ngdialog-menu .ngdialog__content{
  font-family: 'Play', sans-serif;
  font-size: 16px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  background: #1f2229;
  padding: 0;
}
.ngdialog-menu .ngdialog__content ul li,
.ngdialog-menu .ngdialog__content .ngdialog__content__header{
  border-bottom: solid 1px #333743;
  line-height: 50px;
  height: 50px;
  padding-left: 15px;
}

.ngdialog-menu .ngdialog__content ul li:nth-child(n+6){
  padding-left: 21px;
}
.ngdialog-menu .ngdialog__content ul li:nth-child(n+1) img{
  margin-right: 24px;
}
.ngdialog-menu .ngdialog__content ul li a { color: #ffffff; }
.ngdialog-menu .ngdialog__content ul li a:visited { border: none; }

.ngdialog-menu .icon{
  margin-right: 15px;
  margin-top: -5px;
}
.ngdialog-menu .icon-menu-home {
  margin-right: 20px;
}
.close-overlay .icon-close {
  width: 30px;
}
/* End: Popup  Menu*/

.ngdialog-notice-page .ngdialog__title{padding: 5px;}

.ngdialog-notice-page .ngdialog__content{
  height: 200px;
  overflow-y: auto;
}
.ngdialog-content {
	display: flex;	
	flex-direction: column;
	justify-content: space-between;
}
.ngdialog-content .copyright, .footer .copyright {
	color: #fff;
	padding: 0 10px !important; 
	text-align: center;
	font-size: 10px;
	margin: 5px 0;
}
/* signup.php */
.ngdialog-signup.ngdialog.ngdialog-theme-default .ngdialog-content {
  width: 100%;
  margin-right: 0;
}

.ngdialog-signup-page .ngdialog__content{ padding: 20px;}
.ngdialog-signup-page .ngdialog__content,
.ngdialog-signup-page .ngdialog__logo p{ font-size: 11px; color: #cacaca; padding: 0 20px; }

.ngdialog-signup-page .ngdialog__logo{padding: 13px 15px;}
.ngdialog-signup-page .title{
  font-size: 14px;
  text-transform: uppercase;
}

.ngdialog-signup-page fieldset{
  padding-bottom: 8px;
  position: relative;
}

.ngdialog-signup-page .signup__form fieldset:nth-of-type(3){padding-bottom: 20px;}

.ngdialog-signup-page fieldset p{
  margin-bottom: 0;
  font-size: 11px;
  color: #646464;
}

.ngdialog-signup-page .phone{
  position: absolute;
  top: 0;
  right: 0;
}
.ngdialog-signup-page .btn{
  padding: 10px 12px;
  border-radius: 50px;
  margin-top: 10px;
  text-transform: uppercase;
  font-weight: 700;
}

.ngdialog-signup-page .error-message{
  background-color: #ebf1f5;
  position: absolute;
  color: #9b001b;
  width: 100%;
}

.ngdialog-fullscreen{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.ngdialog-fullscreen .ngdialog-content{
  width: 100% !important;
  height: 100%;
}
.ngdialog-fullscreen .fullscreen-footer{
  position: fixed;
  bottom: 0;
}

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

.has-success .form-control{
  background: url("../../images/xslot88/icon-valid.png")  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 ;
  border-color: #CCCCCC;
  box-shadow: none;
}
/*DIALOG*/
.promo-snippet .banner{
  padding-right: 10px;
}
.promo-snippet h2{
  font-size: 16px;
  margin-bottom: 3px;
  margin-top: 0;
}
.promo-panel{
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 60px;
}

.promo-panel .promo-panel__content{
  border-radius: 6px;
  position: relative;
  float: left;
  width: 100%;
  padding: 10px;
  margin-top: 10px;
  line-height: 1;
}
.promo-panel .promo-panel__content .img-container{
  width:30%;
}
.promo-panel__content .img-container img{
  width: 100%;
  max-height: 180px;
  object-fit: cover;
  padding-right: 5px;
}
.promo-panel .promo-desc{
  width: 70%;
  margin-left: 32%;
}
.promo-panel .promo-title{
  font-size: 18px;
  font-weight: 700;
  line-height: 19px;
}

.promo-panel .promo-sub{
  font-size: 12px;
  color: #989898;
}
.promo-panel .icon-new{
  position: absolute;
  background: url("../../images/xslot88/icon-new.png") no-repeat;
  top: -3px;
  left:-3px;
  width: 68px;
  height: 67px;
}
.promo-panel .btn-theme{
  border-radius: 0;
  padding: 5px 20px;
}
.promo-panel .learn-more{
  margin-top: 10px;
  display: none;
}
.promo-panel .learn-more .learn-title{
  color: #666666;
  font-weight: 700;
  font-size: 14px;
}
.promo-panel .learn-more .divider{
  border-top:1px solid #ccc ;
  margin-top: 5px;
}
.promo-panel .learn-more ul{
  padding-top: 10px;
  padding-left: 18px;
}
.promo-panel .learn-more li{
  line-height: 22px;
  color: #000;
}
.promo-panel .hide-learn{
  height: 42px;
  padding: 0;
  display: block;
  margin: 12px -25px -10px -25px;
  background: url('../../images/xslot88/icon-arrow-up.png') center center no-repeat #ebf1f5;
  cursor: pointer;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.slot-view-panel .slot-header{
  width: 100%;
  height: 138px;
  display: block;
  margin-top: 2px;
  margin-bottom: 5px;
  padding: 0;
}
.slot-view-panel .slot-header li{
  line-height: 38px;
  color: #ffffff;
  text-align: center;
  padding: 0 10px;
}
.slot-view-panel .slot-header li{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.slot-view-panel .slot-container{
  margin-top: 0;
  padding: 0 5px;
}
.slot-item {
  border: 1px solid #000000;
  border-radius: 5px;
  box-shadow: inset 0 0 1px 2px rgba(255,255,255,0.1);
  height: 100%;
  margin: 0 auto;
  position: relative;
  width: 118px;
}
.slot-title {
  background-color: rgba(0,0,0,0.6);
  bottom: 0;
  color: #ffffff;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  margin-bottom: 0;
}

.slots .slots-nav{
  text-align: center;
  color: #fff;
  background: #494949;
  background: -moz-linear-gradient(top,#494949 0%,#292929 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#494949),color-stop(100%,#292929));
  background: -webkit-linear-gradient(top,#494949 0%,#292929 100%);
  background: -o-linear-gradient(top,#494949 0%,#292929 100%);
  background: -ms-linear-gradient(top,#494949 0%,#292929 100%);
  background: linear-gradient(to bottom,#494949 0%,#292929 100%);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.75);
  -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.75);
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.75);
  padding: 10px 0;
  font-weight: 700;
  font-size: 12px;
  max-height: 39px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.slots .slots-nav.active {
  color: #a52a1e;
  background: #191919;
}

/* Footer */
.footer {
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  padding: 20px 0 10px 0;
}
.footer img {
  width: 100%;
}
.footer p {
  padding: 5px;
  font-size: 11px;
}
.text-blue {
  color: #038ded;
}
/* End: Footer */

.badge-count{
  color: #ffffff;
  background-color: #cd4234;
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
  top: 0;
  right: -14px;
  font-style: normal;
  text-shadow: none;
}
.sports-panel .game-button-content p {
  color: #8e8d8d;
  margin: 0 0 2px;
  font-size: 12px;
}


#preloader{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999999;
  background: url("/common/images/bg-overlay.png") repeat;
  display: none;
}

.preloader-gif{
  width: 64px;
  height: 64px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -64px 0 0 -32px;
  background: url("/common/images/preloader-main.gif") center no-repeat #ffffff;
  border-radius: 8px;
  box-shadow: 0 0 5px #bebebe;
}


@media only screen and (min-width: 400px) and (orientation: portrait), screen and  (max-width: 400px) {
  .main-panel .central-panel .game-button-content {
    padding-top: 44px;
    text-align: center;
  }
  .main-panel .central-panel .game-button-content h2{font-size: 18px;}
  .main-panel .central-panel .game-button-content button{ font-size: 12px;}
}

@media only screen and (min-width: 768px) and (orientation: portrait){
  .main-panel .central-panel .game-button{
    height: 165px;
    background-size: 104%
  }
  .main-panel .central-panel .game-button-content{
    height: 150px;
  }
  .main-panel .central-panel .game-button-content {
    padding-top: 68px;
    text-align: center;
  }
  .main-panel .central-panel .game-button-content h2{font-size: 30px;}
  .main-panel .central-panel .game-button-content button{ font-size: 16px;}
  .btn-theme{
    font-size: 16px;
  }
}

/*PANEL CONTAINERS*/
@media only screen and (min-width: 768px) and (orientation: landscape){
  .central-panel{
    width: 430px;
    top: 46px;
    right: -12px;
    bottom: auto;
  }
  .central-panel [class^="col-"]{
    width: 100%;
  }
  .main-panel .central-panel [class^="col-"]{
    width: 50%;
  }
  .main-panel .central-panel{
    position: absolute;
    top:auto;
    right: auto;
    bottom: 60px;
    border-radius: 5px;
    margin: 0 2% 0 2%;
    width: 96%;
  }
}


/*BASE DEFAULTS*/
/* Global Button Override */
.btn {
  padding: 7px 12px;
  border-radius: 0;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
/* playtechHTML5 */
.ngdialog-playtechHTML5.ngdialog.ngdialog-theme-default .ngdialog-content{
  width: 100%;
  height: 100%;
  background: url("../../images/xslot88/playtechHTML5/bg.png") #000000 top right / 100% no-repeat;
}

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

.balance__list {margin: 0;}
.balance__content {
  border-bottom: 1px solid #333743;
  padding: 14px 15px;
}
.balance__content span {text-transform: uppercase;}
.balance__content--total-balance {
  border-bottom: 0;
  padding: 10px;
}

.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;}
.process-forms .btn-clear {
  position: absolute;
  top: 26px;
  right: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.lists__content {
  background-color: #f5f5f5;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 5px;
}
.lists__content ul {margin: 0;}

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

.history-table-lists > tbody > tr > th {
  background-color: #333743;
  color: #ffffff;
}

.history-table-lists > tbody > tr > td {
  background-color: #f5f5f5;
  vertical-align: middle;
}

.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%;
}

/* SweetAlert */
.swal-overlay{ z-index: 20000; }
.swal-modal{ z-index: 20001; }
.swal-footer { text-align: center; }

/* 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: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;}

/* language */
.language-translate {
  color: #000000;
  cursor: pointer;
  float: left;
  margin: 0;
  position: relative;
  top: 0;
  background-color: #FFFFFF;
  width: 100%;
  padding: 8px 5px 10px;
  z-index: 3;
}

.language-translate li.text-capitalize{
  position: relative;
  top: 3px;
  font-weight: bold;
  color:#1f2229;
}

.icon-lang {
  background:url(../../images/xslot88/home/lang-icons.png) no-repeat;
  display: inline-block;
  height: 24px;
  vertical-align: middle;
  width: 24px;
  margin-right: 10px;
}

.language-list {
  background: #f5f5f5;
  color: #333333;
  display: none;
  position: absolute;
  z-index: 999;
  left: 0;
  top: 42px;
  width: 100%;
  animation: slideInDown .3s; 
}
.open{
  display: block !important;
}
.close{
  display: none !important;
  animation: slideInUp .3s; 
}

.language-list li {
  padding: 8px 10px;
  width: 49%;
  display: inline-block;
}
.language-list li .icon-lang{
  margin-right: 5px;
}
.language-list li:hover,
.language-list li:focus {
  background-color: #bfbfbf;
}
.icon-caret {
  background: url("../../images/xslot88/icon-arrow-down.png") no-repeat;
  height: 20px;
  width: 25px;
  display: inline-block;
  position: absolute;
  right: 5px;
}

.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-vn {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-cn {background-position: -168px -168px;}
.language-zu {background-position: -192px -168px;}


/* new deposit */

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

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

.ngdialog-deposit .deposit-menu.active{
  background-color: #fff;
  border-color: #0dafe5;
}



.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 .bank-name{
  display: block;
  color: #6a6a6a;
  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;
}

/*INTL DEPOSIT INPUT*/
.ngdialog-deposit .intl-tel-input .selected-flag .iti-flag{
  margin: 1px 0 0 -7px;
}
.ngdialog-deposit .flag-dropdown{
  padding: 7px 0px 5px 13px;
  position: absolute;
  background: #dbdbdb;
  z-index: 99;
  height: 32px;
  margin: 1px;
  width: 52px;
}
.ngdialog-deposit .intl-tel-input .selected-flag {
  cursor: pointer;
  outline: 0;
}
.ngdialog-deposit #contactNumber{padding-left: 60px;}
.ngdialog-deposit .intl-tel-input{width: 100%;}

.ngdialog-deposit .iti-mobile-select{
  opacity: 0;
  width: 55px;
  margin: -28px 0 0 -16px;
  position: absolute;
  z-index: 9;
  height: 35px;
}


/*INTL SIGNUP INPUT*/

.ngdialog-withdraw .intl-tel-input .selected-flag .iti-flag,
.ngdialog-signup-page .intl-tel-input .selected-flag .iti-flag{
  margin: 1px 0 0 -7px;
}
.ngdialog-withdraw .flag-dropdown,
.ngdialog-signup-page .flag-dropdown{
  padding: 7px 0px 5px 13px;
  position: absolute;
  background: #dbdbdb;
  z-index: 99;
  height: 32px;
  margin: 1px;
  width: 52px;
}
.ngdialog-withdraw .intl-tel-input .selected-flag ,
.ngdialog-signup-page .intl-tel-input .selected-flag {
  cursor: pointer;
  outline: 0;
}
.ngdialog-withdraw #contactNumber{padding-left: 60px;}
.ngdialog-withdraw .intl-tel-input{width: 100%;}

.ngdialog-signup-page #contactNumber{padding-left: 60px;}
.ngdialog-signup-page .intl-tel-input{width: 100%;}

.ngdialog-withdraw .iti-mobile-select,
.ngdialog-signup-page .iti-mobile-select{
  opacity: 0;
  width: 55px;
  margin: -28px 0 0 -16px;
  position: absolute;
  z-index: 9;
  height: 35px;
  color: #1f1f1f;
}


.ngdialog-signup-page [class*="col-"] {
  padding: 0;
}

.ngdialog-signup-page [class*="col-"].account, .ngdialog-signup-page [class*="col-"].day, .ngdialog-signup-page [class*="col-"].month {
  padding-left: 10px;
}


/*FORGOT PASSWORD*/
.ngdialog-forgot.ngdialog.ngdialog-theme-default .ngdialog-content{ animation: slideInRight .5s; }
.ngdialog-forgot.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content{animation: slideOutRight .5s; }
.ngdialog-forgot.ngdialog.ngdialog-theme-default .ngdialog-content {
  width: 100%;
  margin-right: 0;
  background: #ffffff;
}
.ngdialog-forgot__content {
  padding: 10px;
}
.ngdialog-forgot .ngdialog-forgot__heading{
  padding: 15px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  border: 0;
  background: #1f2229;
}
.ngdialog-forgot .form-inputs{
  padding: 15px;
}
.ngdialog-forgot .form-control{
  margin-bottom: 15px;
}
.ngdialog-forgot .btn{
  padding: 10px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  text-transform: uppercase;
}


.ngdialog-deposit .type-label{
  color: #444;
  font-size:12px;
}


.ngdialog-rollover-history .btn-group-history{
  width: 100%;
}
.ngdialog-rollover-history .btn-group-history .btn{
  width: 50%;
  background: #e6e6e6;
  border: 1px solid #e6e6e6;
}
.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: #333743;
}

.btn-gametype{
  margin-right: 2px;
  text-transform: uppercase;
}

.btn-gametype.active{
  background: #000000;
  color: #FFFFFF;
}

/* Game Button */
.game { width: 100%; display:flex; flex-wrap: wrap;}
.game .game-buttons{
  position: relative;
  width: calc((100%/3) - 3px);
  margin: 5px 5px 5px 0;
}
.game .game-buttons:last-child {
  margin-right: -1px;
}
.game-buttons__subtext {
  position: absolute;
  right: 45px;
  bottom: 10px;
  color: white;
  font-size: 16px;
  font-weight: 700;
}
.game.casino .game-buttons { width: 100%; }
.game .game-buttons.special { width: 100%; margin: 5px 0 0 0;}
.game .game-buttons img { width: 100%; border-radius: 8px;}
.game-buttons h2 {
  font-size: 14px;
  text-align: left;
  font-weight: bolder;
  margin: 0;
  color: white;
  position: absolute;
  bottom: 25%;
  left: 30%;
  text-transform: uppercase;
}
.game-buttons.special h2 { left: 10%; }
.game-buttons__heading {
  height: 28.826%;
  width: 100%;
  bottom: 0;
  left: 0;
  position: absolute;
}

/* Slider */
.banner-slider {
  margin-top: 0;
}
.banner-slider img{
  margin: auto;
  width: 100%;
}
.banner-slider .slick-dots li button:before, .sports-slider .slick-dots li button:before  {
  font-size: 14px;
  color: #1f2229;
  opacity: 1;
}
.banner-slider .slick-dots li.slick-active button:before {
  color: #02c4ff;
}
.banner-slider .slick-dots li{width: 10px;}
.banner-slider .slick-dots{bottom: 6px;}
.banner-slider.slick-dotted.slick-slider{margin-bottom: 0px;}

.banner-buttons, .sports-buttons{text-align: center;}
.banner-buttons .btn, .sports-buttons .btn{
  padding: 15px;
}
.banner-buttons .btn{
  border-bottom: solid 2px #2d88c1;
}
/* End: Slider */

/* Icons */
.icon.icon-menu {
  background:url(../../images/xslot88/home/menu.png) center center no-repeat;
  background-size: contain;
}
.icon.icon-my-wallet {
  background:url(../../images/xslot88/home/my-wallet.png) center center no-repeat;
  background-size: contain;
}
.icon.icon-menu-home {
  background:url(../../images/xslot88/nav/menu-home.png) center center no-repeat;
  background-size: contain;
}
.icon.icon-menu-live {
  background:url(../../images/xslot88/nav/menu-home.png) center center no-repeat;
  background-size: contain;
}
.icon.icon-menu-promo {
  background:url(../../images/xslot88/nav/menu-home.png) center center no-repeat;
  background-size: contain;
}
.icon.icon-menu-sports {
  background:url(../../images/xslot88/nav/menu-home.png) center center no-repeat;
  background-size: contain;
}
.icon.icon-menu-slots {
  background:url(../../images/xslot88/nav/menu-home.png) center center no-repeat;
  background-size: contain;
}
.icon.icon-menu-home {
  background:url(../../images/xslot88/nav/menu-home.png) center center no-repeat;
  background-size: contain;
}
.icon.icon-close{
  background:url(../../images/xslot88/home/close.png) center center no-repeat;
  background-size: contain;
}
i.icon.icon-menu-home{ width: 35px; }
.icon {
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
}
/* End: Icon*/

.main-buttons-container .btn-group{
  display: block;
}
.btn-group.login button{
  margin-top: 5px;
}
.main-buttons-container .btn-group.login button {
  padding: 5px 0;
}
.main-buttons-container .btn-group button {
  width: calc((100%/2) - 2px);
  padding: 14px 0;
  border-radius: 10px !important;
  margin-right: 5px;
}
.main-buttons-container .btn-group button:last-child {
  margin-right: 0;
}

/* Slot Filter */
.slot-filter__search {
  width: 100%;
  padding: 10px;
  background: #333743;
  position: relative;
  margin: 1px 0;
}
.slot-filter__search__input {
  width: 75%;
  margin: 0 auto;
  display: block;
  padding: 5px 10px;
  border-radius: 50px;
  border: none;
}
.slot-filter__search__icon {
  position: absolute;
  right: calc(+25% - 20px);
  bottom: 18px;
}
.slots-category {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
.slots-category__item {
  padding: 8px 5px;
  border: solid 1px #1e222d;
  background: #333743;
  font-weight: 700;
}
.slot-header .slots-category__item {
  border: solid 2px #03c1ff;
}
.slots-category__item a {
  color: #ffffff;
  font-weight: 700;
}
.slots-category__item.active { background: #03c1ff; }
/* End: Slot Filter */

/* Game Buttons */
.game { width: 100%; }
.game-buttons{
  position: relative;
  float: left;
  width: 50%;
}
.game .game-buttons:last-child {
  margin-bottom: 5px;
}
.game-buttons__subtext {
  position: absolute;
  right: 45px;
  bottom: 10px;
  color: white;
  font-size: 16px;
  font-weight: 700;
}
.game .game-buttons.special { width: 100%; }
.game .game-buttons img { width: 100%; }

.game.casino .game-buttons h2 { left: 5%; text-transform: none; }
.game.casino .game-buttons { width: 100%; margin: 0; margin-top: 5px; }
.game.casino .game-buttons:last-child { margin-bottom: 5px; }

.sports-panel .game .game-buttons h2 { font-size: 18px; margin-bottom: 10px; }
.sports-button-title,.sports-button-desktopView{
  font-size: 14px;
  position: absolute;
  bottom: 15%;
  left: 5%;
  color: white;
  font-weight: bold;
}
.sports-button-desktopView{ left: unset; right: 5%; }

@media screen and  (min-width: 320px) and (max-width: 374px) {
  .game-buttons h2 { font-size: 13px; }
}
@media screen and  (min-width: 768px) and (max-width: 1024px) {
  .game-buttons h2 { font-size: 24px; }
  .sports-button-title, .sports-button-desktopView { font-size: 24px; }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .game-buttons h2 { bottom: 30%; }
  .sports-button-title, .sports-button-desktopView { bottom: 25%; }
}
@media only screen and (min-width: 1024px) and (orientation: portrait){
  .game-buttons h2 { bottom: 30%; font-size: 32px; }
  .sports-button-title, .sports-button-desktopView { bottom: 25%; font-size: 32px; }
}
@media only screen and (min-width: 1024px) and (orientation: landscape){
  .game-buttons h2 { bottom: 30%; font-size: 32px; }
  .sports-button-title, .sports-button-desktopView { bottom: 25%; font-size: 32px; }
}
/* End: Game Buttons */
.bg-main{
	background:#1f2229;
	}
.ng-scope{
	color:#ffffff;
	font-size:16px;
	}
/* sidebar and login */
#login, #sidebar {display: none;}