.bg-main, .bg-slots{
  /*background: url("../images/bg-main.jpg") top center no-repeat #fff1e4;*/
  background-color: #fff1e4;
}
/*.bg-slots{ background: url("../images/bg-slot.jpg") top center no-repeat #fff1e4; }*/

.wrapper{
  min-width: 1016px;
}

.main-container{
  margin: 0 auto;
  width: 978px;
}

.main-content{
  width: 100%;
}

.logo{
  display: inline-block;
}

.logo img{
  width: 115px;
}

.navigation-bg{
  float: left;
  left: 19px;
  position: relative;
  top: 15px;
  width: 730px;
}

.navigation{
  /*background: url("../images/navigation.png") no-repeat;*/
  height: 41px;
  margin: 0;
  border-top: 1px solid #bcaf9f;
  border-bottom: 2px solid #fff;
}

.navigation li{
  float: left;
  padding: 0;
  padding: 0 16px;
  /*width: 12.50%;*/
}

.navigation li a{
  height:41px;
  display: block;
  text-transform: uppercase;
  color: #010101;
  line-height: 40px;
  text-align: center;
  padding: 0px;
  opacity: .6;
  font-weight: 600;
  background: none !important;
}

.nav a.active, .nav a:hover, .nav a:focus {
  border-bottom: 4px solid #1f160f;
  /*margin: 0 5px;*/
  font-weight: 600;
  background-color: transparent;
  opacity: 1;
}

.navigation .nav-rules{ width: 128px; background-position: 0 0; }
.navigation .nav-promotion{ width: 141px; background-position: -128px 0; }
.navigation .nav-deposit{ width: 102px; background-position: -269px 0; }
.navigation .nav-withdraw{ width: 112px; background-position: -371px 0; }
.navigation .nav-customer{ width: 105px; background-position: -483px 0; }
.navigation .nav-partner{ width: 142px; background-position: -588px 0; }

.navigation .nav-rules:hover { background-position: 0 -41px; }
.navigation .nav-promotion:hover { background-position: -128px -41px; }
.navigation .nav-deposit:hover { background-position: -269px -41px; }
.navigation .nav-withdraw:hover { background-position: -371px -41px; }
.navigation .nav-customer:hover { background-position: -483px -41px; }
.navigation .nav-partner:hover { background-position: -588px -41px; }

.banner-area{
  height: 325px;
  background: url("../images/banner/main-banner.jpg") top center no-repeat #000000;
}
.slot-page .banner-area{
  height: 325px;
  background: url("../images/banner/slot-banner.jpg") top center no-repeat #000000;
}

/*.promotion-area{*/
/*position: relative;*/
/*background: url("../images/bg-promo-slider.png") top center no-repeat;*/
/*height: 43px;*/
/*}*/

.promotion{
  width: 640px;
  margin: 0 auto;
  /*padding: 7px 0;*/
}

.slot-page .banner-area{
  position: relative;
}

.promotion-area{
  position: absolute;
}

.promotion-area .promotion{
  width: 360px;
  margin: 35px 0 20px;
  padding: 0;
}

.promotion-area .slick-dotted.slick-slider{ margin-bottom: 0; }
.promotion-area .slick-dots{ bottom: 0; }
.promotion-area .slick-dots li{ margin: 0; }
.promotion-area .slick-dots li.slick-active button:before{ color: #ffba39; }
.promotion-area .slick-dots li button:before{
  color: #dab871;
  font-size: 10px;
  opacity: 1;
}

.promotion .slick-prev:before, .slick-next:before {
  color: transparent;
  border-radius: 50%;
  box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.26);
  background-color: #000000;
}

.promotion .slick-prev:before{ background: url("../images/arrow-left.png") 1px center / 75% #000000 no-repeat; }
.promotion .slick-next:before{ background: url("../images/arrow-right.png") 3px center / 75% #000000 no-repeat; }

.content-area{
  padding-top: 20px;
  min-height: 730px;
  background: url("../images/bg-live.jpg") top center no-repeat;
}
.slot-page .content-area{
  padding-top: 0px;
  background: url("../images/bg-slot.jpg") top center no-repeat;
}

.slot-page .content-area .slot-container{
  width: 1006px;
  margin: 0 auto;
  background: #5c534a;
  border: 2px solid #000;
  min-height: 730px;
}

.content-area .slot-container{ padding: 20px 0 16px; }

.top-content {
  height: 52px;
  padding-top: 2px;
  position: relative;
}

.slot-content{
  position: relative;
  top: -43px;
}

.slot-jackpot{
  top: 10px;
  position: relative;
  left: 10px;
  float: left;
}

.slot-area{
  position: relative;
  background: url("../images/bg-promo-slider.png") top center no-repeat;
  height: 43px;
  width: 735px;
}

.slot .jackpot-odo{
  height: 30px;
  overflow: hidden;
  position: relative;
  width: 423px;
  margin-top: -4px;
  margin-left: 120px;
}

.jackpot{
  background: url("/common/images/jackpot/bg-jackpot.jpg") 0 0 no-repeat;
  height: 100px;
  /*margin: 10px 0;*/
  width: 100%;
}

.jackpot:hover,
.jackpot:focus,
.jackpot:active{
  /*background: url("/common/images/jackpot/jackpot-button-hover.jpg") 0 0 no-repeat;*/
}

.jackpot__title{
  color: #ffffff;
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
  line-height: 100%;
  padding: 30px 13px;
  text-align: right;
  text-transform: uppercase;
  vertical-align: middle;
}

.jackpot__dollar{
  color: #caaf85;
  display: inline-block;
  font-size: 60px;
  font-weight: 700;
  text-transform: uppercase;
  vertical-align: middle;
}

.jackpot-number{
  /* bottom: 17px; */
  position: absolute;
  /*left: 545px;*/
  /* right: 100px; */
}

.jackpot-odometer{
  height: 65px;
  overflow: hidden;
  position: relative;
  width: 475px;
  margin-top: 10px;
  margin-left: 370px;
}

.login-area{
  text-align: right;
  top: 16px;
  padding-top: 21px;
}

.guest label{
  font-size: 12px;
  letter-spacing: -0.06em;
  color: #312728;
  vertical-align: middle;
  margin: 0 5px 0 15px;
}

.guest .form-control {
  border-radius: 0;
  border: 1px solid #89826f;
  height: 23px;
  display: inline-block;
  width: 20%;
  font-size: 12px;
  color: #a3a3a3;
  font-family: Gulim, sans-serif;
  vertical-align: middle;
}

.guest input[type="password"].form-control{ margin-right: 10px; }

.guest .btn{
  width: 74px;
}

.login-area .btn{
  border-radius: 3px;
  height: 25px;
  line-height: 0;
  font-size: 12px;
  letter-spacing: -0.06em;
  vertical-align: middle;
  font-weight: bold;
}

.login-area .btn:hover,
.login-area .btn:focus{
  opacity: 0.80;
}


.login-area .btn-white{
  background-color: #ffffff;
  color: #000000;
}

.login-area .btn-black,
.ngdialog-wallet .btn-black,
.ngdialog-customer .btn-black{
  background-color: #2e2c2d;
  color: #94806a;
}

.user > strong{
  color: #2e2d2d;
  font-size: 13px;
  position: relative;
  top: 2px;
}

.user .balance{
  display: inline-block;
  vertical-align:  middle;
}

.user .balance-box{
  display: inline-block;
  float: left;
  height: 25px;
  width: 200px;
  background-color: #ffffff;
  border: 1px solid #94806a;
  vertical-align: middle;
  margin-right: 1px;
  padding: 4px 10px;
  font-size: 12px;
}

.user .balance .dropdown-menu{
  min-width: 300px;
  border-radius: 0;
  padding: 0;
}

.user .balance-box strong.text-uppercase,
.user .balance .dropdown-menu li strong.pull-right{
  color: #b6832c;
}

.user .balance .dropdown-menu li{
  border-bottom: 1px dotted #cacaca;
  padding: 5px 0;
  margin: 0 10px;
}

.user .btn-caret{
  background-color: #ffffff;
  border-radius: 0;
}

.game-content{
  margin-bottom: 8px;
  background: #000;
}

.gsp-provider{
  float: left;
  cursor: pointer;
  width: 489px;
  height: 270px;
  position: relative;
}

.live-game{ background: url("../images/content-1.png") no-repeat; }
.slot-game{ background: url("../images/content-2.png") no-repeat; }

.live-game:hover{
  background: url("../images/content-header-1-hover.png") no-repeat;
  height:48px;
}

.slot-game:hover{
  background: url("../images/content-header-2-hover.png") no-repeat;
  height:48px;
}

.live-game:hover .game-provider__content,
.slot-game:hover .game-provider__content{
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-out;
  height: 222px;
}

.game-provider__content{
  opacity: 0;
  visibility: hidden;
  width: 977px;
  position: absolute;
  top: 47px;
  z-index: 3;
}

.slot-game .game-provider__content{ right: 0; }

.live-game .game-provider__content{ background: url("../images/content-1-hover.png") no-repeat}
.slot-game .game-provider__content{ background: url("../images/content-2-hover.png") no-repeat}

.game-list{
  /*text-align: center;*/
  margin: 25px 0 0;
}

.slot-game .game-list > li{
  padding: 0 5px;
  width: calc(100% /6 - 10px);
}


.service-area{
  position: relative;
}

.service-area__content{
  position: absolute;
  top: 0;
  background: #fff;
  border: 1px solid #bbbdc1;
}

.service-area__item{
  float: left;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  position: relative;
  width: 327px;
  padding: 0 10px;
}

.service-area__item .title{
  padding: 10px 10px 13px;
  text-align: center;
  margin-bottom: 0;
  letter-spacing: -0.08em;
  font-size: 15px;
  font-weight: bold;
  color: #474039;
}

.service-area__item:nth-child(2) .title{ text-align: center; }


.service-area__item .title span{
  font-size: 12px;
  color: #626262;
}

.service-area__item .title .btn-customer {
  font-size: 15px;
  border-bottom: 2px solid transparent;
  padding-bottom: 5px;
  cursor: pointer;
  margin: 0 10px;
}

.service-area__item .title .btn-customer:hover,
.service-area__item .title .btn-customer.active{
  border-bottom: 2px solid #bbbdc1;
  color: #474039;
}

.service-area__item h1{
  margin: 0;
  font-size: 40px;
  font-family: Impact, sans-serif;
  color: #594d40;
}

.service-area__item .btn-service{
  background-color: #f4f5f8;
  color: #404040;
  font-weight: bold;
}

.service-area__item .btn-service:hover,
.service-area__item .btn-service:focus{
  background-color: #cacaca;
}

.table-transactions.table>tbody>tr>td{
  border-top: 0;
  padding: 5px 10px;
  color: #666666;
}

.table-transactions.table>tbody>tr>td:nth-child(3){
  color: #afafaf;
}

.table-transactions.table>tbody>tr>td.width70{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 0;
  color: #000000;
}

.table-transactions.table>tbody>tr>td.text-right,
.table-transactions.table>tbody>tr>td.width70:hover{
  color: #594d40;
}

.table-transactions tbody > tr:nth-child(odd) {
  background-color: #f4f5f8;
}

.footer{
  height: 117px;
  text-align: center;
  border-top: 1px solid #1c1c1c;
  background-color: #2e2d2d;
}

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

.btn-primary {
  background-color: #337ab7;
  border-color: #2e6da4;
  color: #ffffff;
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus{
  background-color: #286090;
  border-color: #122b40;
  color: #ffffff;
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

/* slot games */

.slot-wrapper{
  margin-left: 1px;
  margin-bottom: 20px;
}

.slot-games{
  margin-left: 0;
  /*height: 170px;*/
  margin-bottom: 15px;
}

.slot-games > li{
  padding: 0;
  float: left;
  margin-right: 6px;
  width: calc(100% / 6 - 5px);
}

.slot-games > li:last-child {
  margin-right: 0;
}

.slot-games a{
  /*width: 190px;*/
  height: 142px;
  display: block;
  background-size: 100% !important;
}

.slot-games .slot-games-1{ background: url("../images/slots/slot-button-1.png") no-repeat; }
.slot-games .slot-games-2{ background: url("../images/slots/slot-button-2.png") no-repeat; }
.slot-games .slot-games-3{ background: url("../images/slots/slot-button-3.png") no-repeat; }
.slot-games .slot-games-4{ background: url("../images/slots/slot-button-4.png") no-repeat; }
.slot-games .slot-games-5{ background: url("../images/slots/slot-button-5.png") no-repeat; }
.slot-games .slot-games-6{ background: url("../images/slots/slot-button-1034.png") no-repeat; }
/*.slot-games .slot-games-6{ background: url("../images/slots/slot-button-2.png") no-repeat; }*/

.slot-games .slot-games-1:hover, .slot-games .slot-games-1.active { background: url("../images/slots/slot-button-1-hover.png") no-repeat; }
.slot-games .slot-games-2:hover, .slot-games .slot-games-2.active { background: url("../images/slots/slot-button-2-hover.png") no-repeat; }
.slot-games .slot-games-3:hover, .slot-games .slot-games-3.active { background: url("../images/slots/slot-button-3-hover.png") no-repeat; }
.slot-games .slot-games-4:hover, .slot-games .slot-games-4.active { background: url("../images/slots/slot-button-4-hover.png") no-repeat; }
.slot-games .slot-games-5:hover, .slot-games .slot-games-5.active { background: url("../images/slots/slot-button-5-hover.png") no-repeat; }
.slot-games .slot-games-6:hover, .slot-games .slot-games-6.active { background: url("../images/slots/slot-button-1034-hover.png") no-repeat; }
/*.slot-games .slot-games-6:hover, .slot-games .slot-games-6.active { background: url("../images/slots/slot-button-6-hover.png") no-repeat; }*/

.sub-slot-button{
  background-color: #333333;
  color: #ffffff;
  margin-bottom: 10px;
}

.sub-slot-button .list-inline{ margin-left: 0; }

.sub-slot-button .list-inline > li {
  padding: 10px 17px;
  text-transform: uppercase;
}
.sub-slot-button .list-inline > li.active,
.sub-slot-button .list-inline > li:hover{
  background: #201809; /* Old browsers */
  background: -moz-linear-gradient(top, #201809 0%, #907532 0%, #624a1b 100%, #634d26 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #201809 0%,#907532 0%,#624a1b 100%,#634d26 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #201809 0%,#907532 0%,#624a1b 100%,#634d26 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#201809', endColorstr='#634d26',GradientType=0 ); /* IE6-9 */
  color: #FFFFFF;
  cursor: pointer;
}

.slot-box{
  float: left;
  margin: 0 10px 10px 0;
  position: relative;
  border: 1px solid #333333;
  width: 153px;
}

.slot-box:nth-child(6n-6) {
  margin-right: 0;
}

.slot-box--hover {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  opacity: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 9;
}

.slot-box--hover .btn {
  margin-top: 50%;
}

.slot-box:hover .slot-box--hover {
  cursor: pointer;
  opacity: 10;
  transition: opacity 0.2s ease-in-out;
}

.slot-box__item{
  height: 180px;
}

.slot-box__name{
  background-color: #333333;
  bottom: 0;
  color: #f5f5f5;
  margin: 0;
  overflow: hidden;
  padding: 5px;
  position: absolute;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

/* wallet */
.ngdialog-wallet .btn-default{
  background-color: #d5d8d8;
  color: #4e5f6f;
  border-radius: 0;
}

.ngdialog-wallet .ngdialog__content{
  background-color: #fbfbfb;
}

.balance__content {
  border-bottom: 1px dotted #cacaca;
  padding: 5px 10px;
}

.balance__content:nth-child(even) {
  background-color: #f9f9f9;
}

.transfer {
  padding-left: 10px;
}

.transfer__form {
  background-color: #f5f5f5;
  padding: 10px;
}

.transfer__form fieldset,
.deposit__form fieldset,
.withdraw__form fieldset,
.change-password__form fieldset,
.customer__form fieldset{
  border-bottom: 1px dashed #cacaca;
  padding: 10px 0;
}

.change-password__form fieldset {
  text-align: center;
}

.transfer__form fieldset:last-of-type,
.deposit__form fieldset:last-of-type,
.withdraw__form fieldset:last-of-type,
.change-password__form fieldset:last-of-type,
.customer__form fieldset:last-of-type{
  border: 0;
}

.transfer__btn-group {
  margin-top: 5px;
  text-align: right;
}

.deposit__form .form-control,
.withdraw__form .form-control,
.change-password__form .form-control {
  display: inline-block;
  width: 33%;
  background-color: #ebf1f5;
  border-radius: 0;
}

.transfer__form .form-control,
.ngdialog-customer .form-control{
  background-color: #ebf1f5;
  border-radius: 0;
}

.deposit__form textarea.form-control,
.withdraw__form textarea.form-control {
  width: 75%;
}

.deposit__form label,
.withdraw__form label,
.change-password__form label {
  margin-right: 10px;
  text-align: right;
  width: 17%;
}

.change-password__form label {
  width: 25%;
}

.deposit__form label span + span,
.withdraw__form label span + span,
.change-password__form label span + span,
.signup__form label span + span{
  color: #991528;
}

.bonus__form {
  background-color: #f5f5f5;
  padding: 10px;
}

.bonus__form .form-control {
  display: inline-block;
  width: 25%;
  background-color: #ebf1f5;
  border-radius: 0;
}

.alert.alert-danger {
  margin-bottom: 10px;
}

.ngdialog-wallet .badge{
  background-color: #ffba39;
  border-radius: 5px;
}

/* 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: #000000;
  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.dm-message > tbody > tr > td a span + span {
  color: white;
  background-color:red;
  font-weight: bold;
  border-radius: 0px;
}


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

.comment-panel{
  margin-bottom: 10px;
  border-color: #1d1713;
}

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

.comment-panel .panel-heading{
  padding: 10px;
  background-color: #1d1713;
  border-color: #1d1713;
  color: #ffffff;
}

.comment-panel .panel-body{
  max-height: 350px;
  overflow-y: auto;
}

/* login */
.login__form .form-control,
.signup__form .form-control{
  height: 43px;
  border-radius: 0;
  box-shadow: none;
}

.login__form .btn-block,
.signup__form .btn-block{
  background: #624a1b;
  background: -moz-radial-gradient(center, ellipse cover, #624a1b 0%, #2e230c 100%);
  background: -webkit-radial-gradient(center, ellipse cover, #624a1b 0%,#2e230c 100%);
  background: radial-gradient(ellipse at center, #624a1b 20%,#2e230c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#624a1b', endColorstr='#2e230c',GradientType=1 );
  height: 49px;
  margin-bottom: 10px;
  color: #FFFFFF;
}

.login__form .btn:hover,
.login__form .btn:focus{
  opacity: 0.8;
}

/* signup */
.signup__form{
  padding:  0 15px;
}

.signup__form p{
  float: right;
  margin-bottom: 5px;
}

.signup__form fieldset{
  position: relative;
  margin-bottom: 10px;
}

.signup__form .btn-phone{
  position: absolute;
  right: 4px;
  top: 31px;
  background-color: #a17a2c;
  color: #ffffff;
}

.signup__form p.signup-error {
  background-color: #ffffff;
  color: #9b001b;
  position: absolute;
  right: 0;
  top: 0;
  width: 60%;
  text-align: right;
}

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

/* notice */
.ngdialog-notice,
.ngdialog-wallet,
.ngdialog-customer,
.ngdialog-rules{
  border-radius: 3px;
  border-top: 3px solid #a17a2c;
  border-bottom: 3px solid #a17a2c;
}

.ngdialog-notice .ngdialog__content{
  overflow-y: auto;
  max-height: 300px;
}

/* ngDialogs */
body.ngdialog-open {
  padding: 0 !important;
}

.ngdialog.ngdialog-theme-default .ngdialog-content {
  border-radius: 0;
  font-size: 14px;
  line-height: 1.5;
  max-width: none;
  padding: 0;
}

.ngdialog-custom.ngdialog.ngdialog-theme-default .ngdialog-content {
  width: 900px;
  border-radius: 3px;
}

.ngdialog-login.ngdialog.ngdialog-theme-default .ngdialog-content{
  width: 404px;
}

.ngdialog-signup.ngdialog.ngdialog-theme-default .ngdialog-content{
  width: 498px;
}

.ngdialog-rules.ngdialog.ngdialog-theme-default .ngdialog-content{
  width: 800px;
  border-radius: 3px;
}

.ngdialog-notice.ngdialog.ngdialog-theme-default .ngdialog-content{
  width: 899px;
  border-radius: 3px;
}

.ngdialog.ngdialog-theme-default .ngdialog-close:before {
  content: "\e014";
  font-family: 'Glyphicons Halflings', sans-serif;
  top: 7px;
}

.ngdialog-overlay {
  background: rgba(0, 0, 0, 0.7);
}

.ngdialog-nav {
  background-color: #f3f5f7;
  margin-bottom: 0;
  margin-left: 0;
  max-height: 60px;
}

.ngdialog-nav > .ngdialog-nav__items {
  margin-right: -4px;
  padding: 15px 13px;
  border-bottom: 1px solid #dfe5e8;
}

.ngdialog-nav__items:hover,
.ngdialog-nav__items:focus,
.ngdialog-nav__items.active {
  background-color: #ffffff;
  cursor: pointer;
  border-bottom: 1px solid transparent;
}

.ngdialog-customer .ngdialog-nav > .ngdialog-nav__items {
  padding: 15px 20px;
}

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

/* back to top */
.cd-top {
  background: rgba(165, 126, 45, 0.8) url("../images/cd-top-arrow.svg") no-repeat center 50%;
  bottom: 40px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  display: inline-block;
  height: 40px;
  opacity: 0;
  overflow: hidden;
  /* image replacement properties */
  position: fixed;
  right: 10px;
  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: 40px;
}
.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;
  }
}

/* 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: #fff; border: 1px solid #ddd; color: #333333; 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 {background-color: #333333; color: #fff;}
ul.pagination li.disabled > a {background-color: #fff; border-color: #ddd; color: #c9c9c9; 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;}

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

/* Helper Class */
.no-margin{ margin:0; }
.no-border{ border:0; }
.no-border-radius{ border-radius:0;}
.block{ display: block; }
.inline-block{ display: inline-block; }
.inline-block-no-margin{ display: inline-block; margin-right: -4px; }
.baseline{ vertical-align: baseline; }
.top{ vertical-align: top; }
.middle{ vertical-align: middle; }
.bottom { vertical-align: bottom; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; }

/*micro-popup*/
.ngdialog.ngdialog-microgaming .ngdialog-content{
  width: 900px;
}
.ngDialog-micro{
  background: url("/common/images/micro-popup/bg-micro-live.jpg") no-repeat;
  width: 900px;
  height: 500px;
}

.ngdialog-microgaming.ngdialog.ngdialog-theme-default .ngdialog-close:before{
  /*background: url("/common/images/close-white.png") no-repeat;*/
}
.ngdialog-microgaming button{
  border-radius: 0px;
}
.ngdialog-microgaming button:hover, .ngdialog-microgaming button:focus{
  color: #ffffff;
}
.ngdialog-microgaming .popup-content{
  padding: 78px 125px;
}
.ngdialog-microgaming .popup-content div{
  display: inline-block;
}
.old-micro{
  background: url("/common/images/micro-popup/micro-live-button-old.jpg") no-repeat;
  width: 305px;
  height: 336px;
  margin-right: 35px;
}
.old-micro:hover{
  background: url("/common/images/micro-popup/micro-live-button-old-hover.jpg") no-repeat;
  cursor: pointer;
}
.new-micro{
  background: url("/common/images/micro-popup/micro-live-button-new.jpg") no-repeat;
  width: 305px;
  height: 336px;
}
.new-micro:hover{
  background: url("/common/images/micro-popup/micro-live-button-new-hover.jpg") no-repeat;
  cursor: pointer;
}
.btn.btn-old,.btn.btn-new{
  width: 200px;
  height: 32px;
}
.btn.btn-old{
  background: #a5162a;
  border: 1px solid #e14158;
}
.btn.btn-new{
  background: #229e78;
  border: 1px solid #3ebe97;
}
.old-micro:hover .btn.btn-old,.new-micro:hover .btn.btn-new{
  opacity: .9;
}
.center-btn{
  text-align: center;
  width: 100%;
  margin-top: 275px;
  color: #ffffff;
}

/*textoverflow*/
.textOverflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 50px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #eee !important;
  opacity: 1;
}


.gsp-icon{
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin-right: 5px;
}

.gsp-logo-1012{background: url("../images/gsp-icons/icon-logo-ag.png")  center top / 100%  no-repeat;}/*Asiagaming*/
.gsp-logo-1005{background: url("../images/gsp-icons/icon-logo-micro.png")  center top / 100%  no-repeat;}/*Microgaming*/
.gsp-logo-1112{background: url("../images/gsp-icons/icon-logo-micro.png")  center top / 100%  no-repeat;}/*Microgaming*/
.gsp-logo-1036{background: url("../images/gsp-icons/icon-logo-micro.png")  center top / 100%  no-repeat;}/*Microgaming-teg*/
.gsp-logo-1088{background: url("../images/gsp-icons/icon-logo-micro.png")  center top / 100%  no-repeat;}/*Microgaming-Fg*/
.gsp-logo-1027{background: url("../images/gsp-icons/icon-logo-gp.png")  center top / 100%  no-repeat;}/*Gameplay*/
.gsp-logo-1004{background: url("../images/gsp-icons/icon-logo-gp.png")  center top / 100%  no-repeat;}/*Gameplay*/
.gsp-logo-1006{background: url("../images/gsp-icons/icon-logo-gp.png")  center top / 100%  no-repeat;}/*Gameplay*/
.gsp-logo-1030{background: url("../images/gsp-icons/icon-logo-m88.png")  center top / 100%  no-repeat;}/*M88*/
.gsp-logo-1023{background: url("../images/gsp-icons/icon-logo-og.png")  center top / 100%  no-repeat;}/*Oriental Gaming*/
.gsp-logo-1051{background: url("../images/gsp-icons/icon-logo-allbet.png")  center top / 100%  no-repeat;}/*Allbet*/
.gsp-logo-1040{background: url("../images/gsp-icons/icon-logo-taishan.png")  center top / 100%  no-repeat;}/*Taishan*/
.gsp-logo-1069{background: url("../images/gsp-icons/icon-logo-lotus.png")  center top / 100%  no-repeat;}/*Lotus*/
.gsp-logo-1052{background: url("../images/gsp-icons/icon-logo-bbin.png")  center top / 100%  no-repeat;}/*Bbin*/
.gsp-logo-1050{background: url("../images/gsp-icons/icon-logo-pornhub.png")  center top / 100%  no-repeat;}/*Pornhub*/
.gsp-logo-1038{background: url("../images/gsp-icons/icon-logo-playtech.png")  center top / 100%  no-repeat;}/*Playtech*/
.gsp-logo-1034{background: url("../images/gsp-icons/icon-logo-betsoft.png")  center top / 100%  no-repeat;}/*Betsoft*/
.gsp-logo-1053{background: url("../images/gsp-icons/icon-logo-netent.png")  center top / 100%  no-repeat;}/*NetEnt*/
.gsp-logo-1087{background: url("../images/gsp-icons/icon-logo-netent.png")  center top / 100%  no-repeat;}/*NetEnt FG*/
.gsp-logo-1037{background: url("../images/gsp-icons/icon-logo-habanero.png")  center top / 100%  no-repeat;}/*Habanero*/
.gsp-logo-1055{background: url("../images/gsp-icons/icon-logo-gg.png")  center top / 100%  no-repeat;}/*GG Fish*/
.gsp-logo-1018{background: url("../images/gsp-icons/icon-logo-cmd368.png")  center top / 100%  no-repeat;}/*CMD*/
.gsp-logo-1031{background: url("../images/gsp-icons/icon-logo-m88.png")  center top / 100%  no-repeat;}/*M88 Sports*/
.gsp-logo-1054{background: url("../images/gsp-icons/icon-logo-ibcbet.png")  center top / 100%  no-repeat;}/*IBC*/
.gsp-logo-1033{background: url("../images/gsp-icons/icon-logo-10bet.png")  center top / 100%  no-repeat;}/*10Bet*/
.gsp-logo-1056{background: url("../images/gsp-icons/icon-logo-ug.png")  center top / 100%  no-repeat;}/*UG*/
.gsp-logo-1059{background: url("../images/gsp-icons/icon-logo-oddsking.png")  center top / 100%  no-repeat;}/*Oddsking*/
.gsp-logo-1060{background: url("../images/gsp-icons/icon-logo-pinnacle.png")  center top / 100%  no-repeat;}/*Pinnacle*/
.gsp-logo-1058{background: url("../images/gsp-icons/icon-logo-ultraplay.png")  center top / 100%  no-repeat;}/*Ultraplay*/
.gsp-logo-1048{background: url("../images/gsp-icons/icon-logo-goldenrace.png")  center top / 100%  no-repeat;}/*Golden Race*/
.gsp-logo-1061{background: url("../images/gsp-icons/icon-logo-playngo.png")  center top / 100%  no-repeat;}/*PlayNGo*/
.gsp-logo-1062{background: url("../images/gsp-icons/icon-logo-quickspin.png")  center top / 100%  no-repeat;}/*QuickSpin*/
.gsp-logo-1063{background: url("../images/gsp-icons/icon-logo-nyx.png")  center top / 100%  no-repeat;}/*Nyx*/
.gsp-logo-1064{background: url("../images/gsp-icons/icon-logo-bustabit.png")  center top / 100%  no-repeat;}/*Nyx*/
.gsp-logo-1065{background: url("../images/gsp-icons/icon-logo-pragmatic.png")  center top / 100%  no-repeat;}/*Pragmatic*/
.gsp-logo-1066{background: url("../images/gsp-icons/icon-logo-habanero.png")  center top / 100%  no-repeat;}/*Habanero - A*/
.gsp-logo-1067{background: url("../images/gsp-icons/icon-logo-hydako.png")  center top / 100%  no-repeat;}/*Hydako*/
.gsp-logo-1068{background: url("../images/gsp-icons/icon-logo-asc.png")  center top / 100%  no-repeat;}/*ACS*/
.gsp-logo-1072{background: url("../images/gsp-icons/icon-logo-evo.png")  center top / 100%  no-repeat;}/*Evolution*/
.gsp-logo-1058{background: url("../images/gsp-icons/icon-logo-evo.png")  center top / 100%  no-repeat;}/*Evolution*/
.gsp-logo-1070{background: url("../images/gsp-icons/icon-logo-idnpoker.png")  center top / 100%  no-repeat;}/*IDN Poker*/
.gsp-logo-1071{background: url("../images/gsp-icons/icon-logo-coilingdragon.png")  center top / 100%  no-repeat;}/*coiling dragon*/
.gsp-logo-1073{background: url("../images/gsp-icons/icon-logo-minigame.png")  center top / 100%  no-repeat;}/*Skycity Mini Game*/
.gsp-logo-1076{background: url("../images/gsp-icons/icon-logo-winningft.png")  center top / 100%  no-repeat;}/*Winning FT Sports*/
.gsp-logo-1078{background: url("../images/gsp-icons/icon-logo-muaythai.png")  center top / 100%  no-repeat;}/*Muay Thai*/
.gsp-logo-1079{background: url("../images/gsp-icons/icon-logo-rtg.png")  center top / 100%  no-repeat;}/*Winning FT Sports*/
.gsp-logo-1080{background: url("../images/gsp-icons/icon-logo-spade.png")  center top / 100%  no-repeat;}/*Spade Gaming*/
.gsp-logo-1049{background: url("../images/gsp-icons/icon-logo-beteast.png")  center top / 100%  no-repeat;}/*betEast*/
.gsp-logo-1081{background: url("../images/gsp-icons/icon-logo-ebet.png")  center top / 100%  no-repeat;}/*Ebet*/
.gsp-logo-1082{background: url("../images/gsp-icons/icon-logo-playson.png")  center top / 100%  no-repeat;}/*playson*/
.gsp-logo-1083{background: url("../images/gsp-icons/icon-logo-leander.png")  center top / 100%  no-repeat;}/*leander*/
.gsp-logo-1084{background: url("../images/gsp-icons/icon-logo-elk.png")  center top / 100%  no-repeat;}/*elk*/
.gsp-logo-1085{background: url("../images/gsp-icons/icon-logo-nolimit.png")  center top / 100%  no-repeat;}/*nolimit*/
.gsp-logo-1086{background: url("../images/gsp-icons/icon-logo-live22.png")  center top / 100%  no-repeat;}/*live22*/
.gsp-logo-1089{background: url("../images/gsp-icons/icon-logo-blueprint.png")  center top / 100%  no-repeat;}/*blueprint*/
.gsp-logo-1095{background: url("../images/gsp-icons/icon-logo-igk.png")  center top / 100%  no-repeat;}/*igk*/
.gsp-logo-1096{background: url("../images/gsp-icons/icon-logo-sbo.png")  center top / 100%  no-repeat;}/*sbo*/
.gsp-logo-1098{background: url("../images/gsp-icons/icon-logo-ttg.png")  center top / 100%  no-repeat;}/*sbo*/
.gsp-logo-1099{background: url("../images/gsp-icons/icon-logo-ameba.png")  center top / 100%  no-repeat;}/*sbo*/
.gsp-logo-1097{background: url("../images/gsp-icons/icon-logo-sag.png")  center top / 100%  no-repeat;}/*sbo*/
.gsp-logo-1008{background: url("../images/gsp-icons/icon-logo-dt.png")  center top / 100%  no-repeat;}/*sbo*/
.gsp-logo-1009{background: url("../images/gsp-icons/icon-logo-vivo.png")  center top / 100%  no-repeat;}/*sbo*/
.gsp-logo-1013{background: url("../images/gsp-icons/icon-logo-sexy.png")  center top / 100%  no-repeat;}/*sbo*/


.gsp-name{
  display: inline-block;
  vertical-align: middle;
  width: 150px;
}
.guest-dm{
  width: 36px;
  background: #b13d3b;
  text-align: center;
  height: 18px;
  margin-right: 10px;
  vertical-align: top;
  line-height: 18px;
  border-radius: 3px;
  margin-top:3px;
  color: white;
}
/*Settlement*/
.ngdialog-custom.ngdialog.ngdialog-theme-default.ngdialog-wallet .ngdialog-content {
  width: 960px;
}
/*Settlement Withdraw*/
.ngdialog.ngdialog-theme-default.ngdialog-settlementwithdraw .ngdialog-content{
  width: 640px;
}
.withdraw.manual form fieldset>label{
  float: left;
  width: 120px;
}
.withdraw.manual form fieldset{
  margin-bottom: 10px;
}
.sw-required{
  color: darkred;
}
.wallet-title{
  font-weight: 700;
  padding: 10px;
  border-radius: 3px;
  border-top: 3px solid #a17a2c;
  border-bottom: 1px solid #dfe5e8
}
.ngdialog-main-default__content{
  padding: 10px;
}
.history-table-lists td .settlement-gamelist{
  padding: 0;
  margin-right: -40px;
}
.history-table-lists td .settlement-gspname{
  padding: 0;
  width: 65%;
}
.main-btn{
  margin-left: 5px;
}

.game-list.list-inline.first>li{
  width: calc(100% / 7 - 5px);
}

.game-list.list-inline.first>li>img{
  width: 100%;
}

.change-password-error span {
  color: #a94442;
  font-weight: 700;
  position: relative;
  left: 120px;
}

.change-password__form .has-not-used .form-control{
  background: none #ebf1f5;
  border-color: #cccccc;
}