/* Minification failed. Returning unminified contents.
(4081,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5328,26): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
 */
@charset "UTF-8";
.red{background-color:#f44336!important}
.red-text{color:#f44336!important}
.red.darken-1{background-color:#e53935!important} 
.red-text.text-darken-1{color:#e53935!important}
.red.darken-2{background-color:#d32f2f!important}
.red-text.text-darken-2{color:#d32f2f!important}
.light-blue{background-color:#03a9f4!important}
.light-blue-text{color:#03a9f4!important}
.teal{background-color:#009688!important}
.teal-text{color:#009688!important}
.teal.darken-1{background-color:#00897b!important}
.teal-text.text-darken-1{color:#00897b!important}
.teal.darken-2{background-color:#00796b!important}
.teal-text.text-darken-2{color:#00796b!important}
.green{background-color:#4caf50!important}
.green-text{color:#4caf50!important}
.green.darken-1{background-color:#43a047!important}
.green-text.text-darken-1{color:#43a047!important}
.green.darken-2{background-color:#388e3c!important}
.green-text.text-darken-2{color:#388e3c!important}
.green.darken-3{background-color:#0fd700!important}
.green-text.text-darken-3{color:#0fd700!important}
.grey{background-color:#9e9e9e!important}
.grey-text{color:#9e9e9e!important}
.grey.lighten-5{background-color:#fafafa!important}
.grey-text.text-lighten-5{color:#fafafa!important}
.grey.lighten-4{background-color:#f5f5f5!important}
.grey-text.text-lighten-4{color:#f5f5f5!important}
.grey.lighten-3{background-color:#eee!important}
.grey-text.text-lighten-3{color:#eee!important}
.grey.lighten-2{background-color:#e0e0e0!important}
.grey-text.text-lighten-2{color:#e0e0e0!important}
.grey.lighten-1{background-color:#bdbdbd!important}
.grey-text.text-lighten-1{color:#bdbdbd!important}
.grey.darken-1{background-color:#757575!important}
.grey-text.text-darken-1{color:#757575!important}
.grey.darken-2{background-color:#616161!important}
.grey-text.text-darken-2{color:#616161!important}
.grey.darken-3{background-color:#424242!important}
.grey-text.text-darken-3{color:#424242!important}
.grey.darken-4{background-color:#212121!important}
.grey-text.text-darken-4{color:#212121!important}
.black{background-color:#000!important}
.black2{background-color:#181818!important}
.black-text{color:#000!important}
.white{background-color:#fff!important}
.user-view,.white-text{color:#fff!important}
.transparent{background-color:transparent!important}
.transparent-text{color:transparent!important}

/* ------------------------------------------------------------------
/* b. Reset
/* ------------------------------------------------------------------ */
section, article, aside, main, footer, header, nav {
  display: block; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  font-size: 1.125rem;
  line-height: normal; }

input[type="checkbox"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 2 */ }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/* c. Default Styles ------------------------------------------------------------------ */
/*  1. Basic  ------------------------------------------------------- */
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Ubuntu", sans-serif;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
  line-height: 1.5; }
  @media only screen and (min-width: 0) {
    html {
      font-size: 14px; } }
  @media only screen and (min-width: 992px) {
    html {
      font-size: 14.5px; } }

* {
  margin: 0;
  padding: 0; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

body {
  width: 100%;
  height: 100%;
  color: #fff; }

/*  2. Typography
--------------------------------------------------------------------- */
ul{margin:0;padding-left:0;list-style-type:none}
ul>li{list-style-type:none}
a{outline:0;color:#222;text-decoration:none;-webkit-tap-highlight-color:transparent}
img{max-width:100%;height:auto;border:0}
h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.1}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
h1{font-size:1.4rem;line-height:110%;margin:.6rem 0 .48rem 0}
h2{font-size:1.2rem;line-height:110%;margin:.6rem 0 .48rem 0}
h3{font-size:1.18rem;line-height:110%;margin:.59rem 0 .59rem 0}
h4{font-size:1rem;line-height:110%;margin:.5rem 0 .4rem 0}
h5{font-size:.9em;line-height:110%;margin:.45em 0 .36em 0}
h6{font-size:.86rem;line-height:110%;margin:.43rem 0 .344rem 0}
strong{font-weight:400}

/* Remove default checkbox */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none; }

/*Clear*/
.clearfix:after, .navbar-fixed ul:after, .user-view ol:after, .user-view .member-btn:after, .bottom-nav-bar ul:after, .amount-button ul:after, .button-group:after, .game-list ul:after, .promotions-category:after, .buttons-option-wrap:after, .account-menu:after, .providerGroup:after, .game-item-list ul:after, .contact-item:after, .reguster-wrap-content:after, .menu-body .lang-select:after, .newsInfo:after, .main-header-title:after, .group-wrap:after, .password-field:after, .otp-field:after, .mobile-field:after, .promotions-list:after, .promotions-wrap:after, .page-area:after, .account-wrap:after, .content-list:after, .dark_bg .box-item ul li:after {
  content: "";
  display: block;
  clear: both; }

.clearfix, .navbar-fixed ul, .user-view ol, .user-view .member-btn, .bottom-nav-bar ul, .amount-button ul, .button-group, .game-list ul, .promotions-category, .buttons-option-wrap, .account-menu, .providerGroup, .game-item-list ul, .contact-item, .reguster-wrap-content, .menu-body .lang-select, .newsInfo, .main-header-title, .group-wrap, .password-field, .otp-field, .mobile-field, .captcha-field, .promotions-list, .promotions-wrap, .page-area, .account-wrap, .content-list, .dark_bg .box-item ul li {
  zoom: 1; }

.clear {
  clear: both; }

.z-depth-1, .navbar-fixed, .side-nav, .info-page-content .notice, .promotions-list, .mailbox-wrap, .account-structure, .default-wrap, .game-item-tabs {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }

.z-depth-1-half {
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); }

.z-depth-2, .modal, .page-loader-body, .popup-defaul, .popup-register {
  -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3); }

.z-depth-3, .prospect-banner {
  -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2); }

.divider {
  height: 1px;
  overflow: hidden;
  background-color: #9e9e9e;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }

.hidden{display:none!important}
i{line-height:inherit}

/*********************
  Transition Classes
**********************/
ul.staggered-list li{opacity:0}
table{width:100%;display:table}
td,th{padding:15px 5px;display:table-cell;vertical-align:middle;border-radius:2px}

/*******************
  Utility Classes
*******************/
.align-L, .popup-wrap .textfield-wrap, .list-bulleted p {
  text-align: left; }

.align-R, .newsInfo .icon-navigate-next {
  text-align: right; }

.align-C, .input-field .icon-user-wrap, .modal .modal-title, .popup-defaul, .popup-register, .user-view, .AccountForm-assistance, .main-header-title, .page-header-title, .pageTop-element, .contactus-category, .page-area, .providerGroup a, .servicefix-time .number, .servicefix-time .point, .box-item-title, .contact-item li {
  text-align: center; }

.float-L, .half-width, .navbar-fixed .back-button, /* .navbar-fixed .brand-logo, */ .newsInfo .marquee, .newsInfo .icon-speaker, .secondary-structureL, .password-field .input-field, .captcha-field .input-field, .otp-field .input-field, .mobile-field .select-type, .mailbox-wrap .date, .account-wrap i, .account-amount, .btn-withdraw, .content-list h5, .content-list .icon-dropdown, .provider-logo-type, .search-wrapper, .servicefix-time .timeline-date, .servicefix-time .timeline-content, .servicefix-time .number, .servicefix-time .point, .dark_bg .box-item span, .dark_bg .box-item p {
  float: left !important; }

.float-R, .navbar-fixed ul, .newsInfo .icon-navigate-next, .textfield-wrap .btn-grey, .textfield-wrap .btn-blue, .secondary-structureR, .mobile-field .input-field, .mailbox-wrap .delete, .content-list p, .content-list .btn {
  float: right !important; }

/***************************************************/
/*--Hide Text Set--*/
header h1, header title, .navbar-fixed .button-collapse i, .wallet_type_wrap .loading, .game-list i, .footer-logos li, .content-list .loading, .providerGroup span, .flag-nav ul a {
  font-size: 0;
  text-indent: -99999px; }

/*--Hide Long Word Set--*/
.user-view p span, .user-view .balance strong, .bottom-nav-bar a, .toggle-button .toggle-button-option, .page-header-title h3, .navigation-ribbon .navigation-ribbon-item span, .promotions-category a, .figure-text p {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }

/*--Horizontal List--*/
.navbar-fixed ul, .user-view ol, .user-view .member-btn, .bottom-nav-bar ul, .amount-button ul, .button-group, .game-list ul, .promotions-category, .buttons-option-wrap, .account-menu, .providerGroup, .game-item-list ul, .contact-item {
  display: block; }
  .navbar-fixed ul li, .user-view ol li, .user-view .member-btn li, .bottom-nav-bar ul li, .amount-button ul li, .button-group li, .game-list ul li, .promotions-category li, .buttons-option-wrap li, .account-menu li, .providerGroup li, .game-item-list ul li, .contact-item li {
    display: block;
    float: left; }

.disabled {
  pointer-events: none;
  background-color: #DFDFDF !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #9F9F9F !important;
  cursor: default; }

.btn {
  width: 100%;
  border: none;
  border-radius: 3px;
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 1rem;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  color: #fff;
  background-color: #222222;
  text-align: center;
  letter-spacing: .5px;
  -webkit-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  transition: .2s ease-out;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  outline: 0; }

.btn-default {
  display: block;
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  font-weight: 600;
  border: none;
  color: #424242;
  text-align: center;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7eff1+0,bfbfbf+99 */
  background: #e7eff1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e7eff1 0%, #bfbfbf 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e7eff1 0%, #bfbfbf 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#e7eff1), color-stop(99%, #bfbfbf));
  background: -o-linear-gradient(top, #e7eff1 0%, #bfbfbf 99%);
  background: linear-gradient(to bottom, #e7eff1 0%, #bfbfbf 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7eff1', endColorstr='#bfbfbf',GradientType=0 );
  /* IE6-9 */
  border-bottom: 1px solid #313131;
  border-radius: 3px;
  letter-spacing: .5px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  font-size: 1.0625rem; }

.btn-primary {
  display: block;
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  font-weight: 600;
  border: none;
  color: white;
  text-align: center;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#101010+0,222222+99 */
  background: #101010;
  /* Old browsers */
  background: -moz-linear-gradient(top, #101010 0%, #222222 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #101010 0%, #222222 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#101010), color-stop(99%, #222222));
  background: -o-linear-gradient(top, #101010 0%, #222222 99%);
  background: linear-gradient(to bottom, #101010 0%, #222222 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101010', endColorstr='#222222',GradientType=0 );
  /* IE6-9 */
  border-bottom: 1px solid #101010;
  border-radius: 3px;
  letter-spacing: .5px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  font-size: 1.0625rem; }

.btn-secondary-primary {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0a5288+1,053557+100 */
  background: #0a5288;
  /* Old browsers */
  background: -moz-linear-gradient(top, #0a5288 1%, #053557 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #0a5288 1%, #053557 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #0a5288), to(#053557));
  background: -o-linear-gradient(top, #0a5288 1%, #053557 100%);
  background: linear-gradient(to bottom, #0a5288 1%, #053557 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a5288', endColorstr='#053557',GradientType=0 );
  /* IE6-9 */
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }
.btn-secondary-primary.login-fixed{margin:0 auto;float:unset}
.btn-join {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f00018+1,B20000+100 */
  background: #f00018;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f00018 1%, #B20000 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f00018 1%, #B20000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f00018), to(#B20000));
  background: -o-linear-gradient(top, #f00018 1%, #B20000 100%);
  background: linear-gradient(to bottom, #f00018 1%, #B20000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f00018', endColorstr='#B20000',GradientType=0 );
  /* IE6-9 */
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.65); }

.btn-code {
  margin-top: 0.6em;
  height: 40px;
  line-height: 40px; }

.btn-grey {
  color: #212121;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dfe8ea+0,a3a5a8+99 */
  background: #dfe8ea;
  /* Old browsers */
  background: -moz-linear-gradient(top, #dfe8ea 0%, #a3a5a8 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #dfe8ea 0%, #a3a5a8 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#dfe8ea), color-stop(99%, #a3a5a8));
  background: -o-linear-gradient(top, #dfe8ea 0%, #a3a5a8 99%);
  background: linear-gradient(to bottom, #dfe8ea 0%, #a3a5a8 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe8ea', endColorstr='#a3a5a8',GradientType=0 );
  /* IE6-9 */
  font-size: 1.0625rem; }

.btn-blue {
  padding: 0 0.5rem;
  color: #212121;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3885e2+0,1a73e8+100 */
  background: #3885e2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #3885e2 0%, #1a73e8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #3885e2 0%, #1a73e8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#3885e2), to(#1a73e8));
  background: -o-linear-gradient(top, #3885e2 0%, #1a73e8 100%);
  background: linear-gradient(to bottom, #3885e2 0%, #1a73e8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3885e2', endColorstr='#1a73e8',GradientType=0 );
  /* IE6-9 */
  font-size: 0.9375rem; }

.btn-amount {
  display: block;
  width: 100%;
  height: 2.8rem;
  line-height: 2.8rem;
  font-weight: 600;
  border: none;
  color: #313131;
  text-align: center;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b1b1b1+1,eaeaea+100 */
  background: #b1b1b1;
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(177, 177, 177, 0.8) 0%, #eaeaea 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(177, 177, 177, 0.8) 0%, #eaeaea 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(177, 177, 177, 0.8)), color-stop(99%, #eaeaea));
  background: -o-linear-gradient(top, rgba(177, 177, 177, 0.8) 0%, #eaeaea 99%);
  background: linear-gradient(to bottom, rgba(177, 177, 177, 0.8) 0%, #eaeaea 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1b1b1', endColorstr='#eaeaea',GradientType=0 );
  /* IE6-9 */
  border-radius: 3px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 2px 0px 0 #a1a1a1;
  box-shadow: 0 2px 0px 0 #a1a1a1;
  font-size: 1rem; }

.half-width{margin:0 3px;width:calc(100% / 2 - 6px)}
.remove-bottom{margin-bottom:0!important}
.half-bottom{margin-bottom:12px!important}
.add-bottom{margin-bottom:24px!important}
input:focus,select:focus,textarea:focus{outline:transparent}
button:focus{outline:0}

select {
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  padding: 0 8px;
  border: 1px solid #ADADAD;
  border-radius: 3px;
  height: 2rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #424242; }

.select-type {
  position: relative; }
  .select-type:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 6px 0 6px;
    border-color: #424242 transparent transparent transparent;
    right: 28px;
    top: 43%;
    pointer-events: none;
    z-index: 2; }

[type="checkbox"] {
  /* checkbox aspect */ }
  [type="checkbox"] + label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 22px;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  [type="checkbox"] + label:before,
  [type="checkbox"]:not(.filled-in) + label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    z-index: 0;
    border: 2px solid #ddd;
    border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s; }
  [type="checkbox"]:not(.filled-in) + label:after {
    border: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }

[type="checkbox"].filled-in + label:after {
  border-radius: 2px; }

[type="checkbox"].filled-in + label:before,
[type="checkbox"].filled-in + label:after {
  content: '';
  left: 0;
  position: absolute;
  /* .1s delay is for check animation */
  -webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  -o-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  z-index: 1; }

[type="checkbox"].filled-in:not(:checked) + label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  -ms-transform: rotate(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

[type="checkbox"].filled-in:not(:checked) + label:after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #424242;
  top: 0px;
  z-index: 0; }

[type="checkbox"].filled-in:checked + label:before {
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  -ms-transform: rotate(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

[type="checkbox"].filled-in:checked + label:after {
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #222222;
  background-color: #222222;
  z-index: 0; }

.input-field {
  width: 100%;
  border: 1px solid #a3a5a8;
  background-color: #fff;
  position: relative;
  border-radius: 3px; }
  .input-field input {
    width: 100%;
    padding: 1px 8px;
    height: 2.6rem;
    line-height: 2.6rem;
    border: none; }
  .input-field input[readonly] {
  	background-color:grey;}
  .input-field .toggle {
    display: block;
    height: 2.6rem;
    padding: 8px;
    position: absolute;
    top: 1px;
    right: 0; }
  .input-field .icon-user-wrap {
    width: 40px;
    height: 2.6rem;
    line-height: 2.6rem;
    position: absolute;
    top: 1px;
    right: 0;
    font-size: 1.25rem; }
  .input-field .Vcode {
    width: calc(100% - 124px); }
  .input-field .checkCode {
    position: absolute;
    top: 0;
    right: 0;
    height: 39px;
    line-height: 39px;
    padding-left: 5px;
    border-left: 1px solid #a3a5a8; }
    .input-field .checkCode img {
      margin-right: 40px;
      display: inline-block;
      height: 26px;
      vertical-align: middle; }

.drag-target {
  height: 100%;
  width: 10px;
  position: fixed;
  top: 0;
  z-index: 998; }

.sidenav-overlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 120vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 50; /* original 997 */
  will-change: opacity; }

.modal {
  display: block;
  position: fixed;
  top:100%;
  left: 0;
  right: 0;
  background-color: #fafafa;
  margin: auto;
  z-index: 2;
  border-radius: 3px;
  will-change: top, opacity;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1); }
  @media only screen and (max-width: 992px) {
    .modal {
      width: 90%; } }
  @media only screen and (max-width: 600px) {
    .modal h3 {
      font-size: 1.3125rem; } }
  .modal .modal-title {
    padding: 16px 20px;
    position: relative;
    background-color: #dedede;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px 3px 0 0; }
    .modal .modal-title h3 {
      margin: 0;
      font-weight: 500; }
    .modal .modal-title a {
      display: block;
      position: absolute;
      top: 12px;
      right: 10px;
      color: black; }
    .modal .modal-title i {
      font-size: 2rem; }
  .modal .modal-content {
    position: relative;
    height: 300px;
    padding: 10px 20px;
    overflow: hidden; }
    @media only screen and (max-width: 320px) {
      .modal .modal-content {
        height: 230px; } }

@media only screen and (max-width: 992px) and (orientation: landscape) {
  .modal .modal-content {
    height: 170px; } }
    .modal .modal-content ul {
      padding-left: 15px; }
      .modal .modal-content ul li {
        margin: 8px 0;
        padding: 8px 0;
        list-style-type: square;
        border-bottom: 1px dotted #aaa;
        word-wrap: break-word; }
        .modal .modal-content ul li:last-child {
          border-bottom-width: 0; }
  .modal .modal-footer {
    padding: 14px 6px;
    width: 100%;
    background-color: #fafafa;
    text-align: center;
    border-top: 1px solid #dedede;
    border-radius: 0 0 3px 3px; }
    .modal .modal-footer .btn {
      width: 50%; }

.dialog-open {
  position: fixed;
  width: 100%; }

.modal-overlay {
  position: fixed;
  z-index: 1002;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 125%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.76);
  will-change: opacity; }

/* Additional Modal Style */
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.preLoadOuter {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  pointer-events: auto;
  z-index: 1001; }
  .preLoadOuter:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #222222;
    -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1);
    -o-transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1);
    transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1); }

.preLoadLogo {
  width: 150px;
  height: 46px;
  background: url(../images/common/logo.png) no-repeat center center;
  background-size: 100%;
  position: absolute;
  top: 18%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateZ(0);
  transform: translateX(-50%) translateZ(0); }

.preLoadSpinner {
  width: 46px;
  height: 46px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-left: 3px solid #fff;
  border-radius: 999px;
  background-size: 40px;
  -webkit-animation: spin 1000ms infinite linear;
  -moz-animation: spin 1000ms infinite linear;
  -o-animation: spin 1000ms infinite linear;
  -ms-animation: spin 1000ms infinite linear;
  animation: spin 1000ms infinite linear;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%) translateZ(0);
  transform: translateX(-50%) translateZ(0);
  top: 40%; }

.preLoadLabel {
  position: absolute;
  width: 100%;
  top: 40%;
  text-align: center;
  margin-top: 60px;
  line-height: 20px;
  color: white; }

.page-loader:before {
  content: "";
  position: fixed;
  z-index: 100;
  top: 0; /* origin 56px */
  left: 0;
  bottom: 0;
  right: 0;
  height: 125%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.76);
  will-change: opacity; }

.page-loader-body {
  padding: 20px 34px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 105;
  text-align: center;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 3px;
  color: #ececec; }
  .page-loader-body img {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto 5px; }
.icon-new{position:absolute;color:red;font-size:1rem}

/* ------------------------------------------------------------------ */
/* a. Webfonts and Icon fonts
 ------------------------------------------------------------------ */
/* @font-face {
  font-family: "Roboto";
  src: local(Roboto Regular), url(/Content/common/fonts/roboto/Roboto-Regular.woff2) format("woff2"), url(/Content/common/fonts/roboto/Roboto-Regular.woff) format("woff");
  font-weight: 400; }

@font-face {
  font-family: "Roboto";
  src: local(Roboto Medium), url(/Content/common/fonts/roboto/Roboto-Medium.woff2) format("woff2"), url(/Content/common/fonts/roboto/Roboto-Medium.woff) format("woff");
  font-weight: 500; }

@font-face {
  font-family: "Roboto";
  src: local(Roboto Bold), url(/Content/common/fonts/roboto/Roboto-Bold.woff2) format("woff2"), url(/Content/common/fonts/roboto/Roboto-Bold.woff) format("woff");
  font-weight: 700; } */

@font-face {
  font-family: 'icomoon';
  src: url(../fonts/icomoon/icomoon.ttf) format("truetype"), url(../fonts/icomoon/icomoon.woff) format("woff"), url(../fonts/icomoon/icomoon.svg) format("svg");
  font-weight: normal;
  font-style: normal; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: translateX(-50%) translateZ(0) rotate(0); }
  100% {
    -webkit-transform: translateX(-50%) translateZ(0) rotate(360deg); } }

@-moz-keyframes spin {
  0% {
    -moz-transform: translateX(-50%) translateZ(0) rotate(0); }
  100% {
    -moz-transform: translateX(-50%) translateZ(0) rotate(360deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: translateX(-50%) translateZ(0) rotate(0); }
  100% {
    -o-transform: translateX(-50%) translateZ(0) rotate(360deg); } }

@-ms-keyframes spin {
  0% {
    -ms-transform: translateX(-50%) translateZ(0) rotate(0); }
  100% {
    -ms-transform: translateX(-50%) translateZ(0) rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: translateX(-50%) translateZ(0) rotate(0);
    transform: translateX(-50%) translateZ(0) rotate(0); }
  100% {
    -webkit-transform: translateX(-50%) translateZ(0) rotate(360deg);
    transform: translateX(-50%) translateZ(0) rotate(360deg); } }

/*Scroll Bar Set*/
.scroll {
  display: none;
  position: absolute;
  width: 10px;
  background-color: #dedede;
  height: 100%;
  top: 0;
  right: 0;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .scroll .bar {
    background-color: #484848;
    height: 50px;
    padding: 6px 3px;
    cursor: pointer;
    position: relative; }
  .scroll span {
    display: block;
    height: 100%;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa; }

.over-scroll .scroll {
  display: block; }

[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;
  font-size: 22px;
  /* Preferred icon size */
  display: block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-checked:before {
  content: ""; }

.icon-menu-user:before {
  content: ""; }

.icon-settings-tool:before {
  content: ""; }

.icon-lock-symbol:before {
  content: ""; }

.icon-info-icon:before {
  content: ""; }

.icon-bbm:before {
  content: ""; }

.icon-kaka:before {
  content: ""; }

.icon-line-logo:before {
  content: ""; }

.icon-whatsapp {
  font-size: 19px; }
  .icon-whatsapp:before {
    content: ""; }

.icon-yahoo:before {
  content: ""; }

.icon-back:before {
  content: ""; }

.icon-mail-envelope-open:before {
  content: ""; }

.icon-deposit:before {
  content: ""; }

.icon-Amount:before {
  content: ""; }

.icon-wallet:before {
  content: ""; }

.icon-Financial:before {
  content: ""; }

.icon-live-chet:before {
  content: ""; }

.icon-locked-padlock:before {
  content: ""; }

.icon-file:before {
  content: ""; }

.icon-computer-screen:before {
  content: ""; }

.icon-transfer:before {
  content: ""; }

.icon-home:before {
  content: ""; }

.icon-promos:before {
  content: ""; }

.icon-user:before {
  content: ""; }

.icon-user-wrap:before {
  content: ""; }

.icon-logout:before {
  content: ""; }

.icon-mail-envelope:before {
  content: ""; }

.icon-speaker:before {
  content: ""; }

.icon-translate:before {
  content: ""; }

.icon-trash-o:before {
  content: ""; }

.icon-comments:before {
  content: ""; }

.icon-phone:before {
  content: ""; }

.icon-twitter:before {
  content: ""; }

.icon-facebook:before {
  content: ""; }

.icon-angle-up:before {
  content: ""; }

.icon-skype:before {
  content: ""; }

.icon-qq {
  font-size: 18px; }
  .icon-qq:before {
    content: ""; }

.icon-wechat:before {
  content: ""; }

.icon-paper-plane {
  font-size: 20px; }
  .icon-paper-plane:before {
    content: ""; }

.icon-arrow_drop_down:before {
  content: ""; }

.icon-cancel:before {
  content: ""; }

.icon-chat:before {
  content: ""; }

.icon-check_circle:before {
  content: ""; }

.icon-navigate_before:before {
  content: ""; }

.icon-navigate-next:before {
  content: ""; }

.icon-close:before {
  content: ""; }

.icon-markunread:before {
  content: ""; }

.icon-error_outline:before {
  content: ""; }

.icon-help:before {
  content: ""; }

.icon-refresh:before {
  content: ""; }

.icon-search:before {
  content: ""; }

.icon-visibility:before {
  content: ""; }

.icon-visibility_off:before {
  content: ""; }

.icon-withdrawal {
  display: block;
  width: 32px;
  height: 26px;
  background: url(../images/common/icon-withdrawal.png) no-repeat center center;
  background-size: 81%; }

/********** Icon for Game Menu at sidebar **********/
.menu-body img{position:relative;top:6px;margin-right:12px}
.menu-body .tangkas1, .menu-body .tk1 {
	background: url(../images/common/icon_menu.png) no-repeat;
	background-position: -5px 5px;
    background-size: 280%;
}
.menu-body .icon_referral {
    background: url(../images/common/icon_nav.png) no-repeat;
    background-size: 132%;
    background-position: -4px -282px;
    filter: drop-shadow(0px 1px 1px #000);
}
.menu-body .label-new, .game-front-menu .label-new {
    position: absolute;
    margin-top: 2px;
    font-size: 10px;
    font-weight: bold;
    line-height: 16px;
    padding: 0 6px;
    border-radius: 4px;
    min-width: 30px;
    margin-left: 3px;
    background-color:#e83e37;
    color: #fff;
}
/* Blink Effect */
@keyframes blinker {
  50% {
      opacity:0;
  }
}
.blink{animation: blinker 0.75s linear infinite}

.game-front-menu .label-new{margin-top:6px;margin-left:6px}
.game-front-menu .label-new.blink{margin:0;top:5px;display:inline-flex;float:right;text-transform:uppercase;}

/******* End of Icon for Game Menu at sidebar ******/

.popup-defaul {
  position: fixed;
  top: 32%;
  left: 0;
  right: 0;
  margin: auto;
  width: 50%;
  max-width: 384px;
  padding: 28px 15px 15px 15px;
  background-color: white;
  z-index: 1000;
  border-radius: 3px; }
  @media only screen and (max-width: 600px) {
    .popup-defaul {
      width: 84%; } }
  .popup-defaul h3 {
    font-weight: 500;
    font-size: 1.3125rem; }
  .popup-defaul p {
    margin: 1.36rem 0;
    line-height: 18px; }
  .popup-defaul a {
    display: block;
    margin: 20px 0; }
  .popup-defaul span {
    display: block;
    width: 48px;
    height: 46px;
    margin-left: -24px;
    position: absolute;
    top: -24px;
    left: 50%;
    border-radius: 50%;
    background-color: white; }
    .popup-defaul span .icon-check_circle {
      color: #388E3C;
      font-size: 3.125rem; }
    .popup-defaul span .icon-cancel {
      color: #D32F2F;
      font-size: 3.125rem; }
    .popup-defaul span .icon-info-icon {
      margin-top: 5px;
      color: #222222;
      font-size: 2.625rem; }
    .popup-defaul span .icon-help {
      color: #616161;
      font-size: 3.125rem; }

.popup-register {
  width: 90%;
  max-width: 580px;
  position: fixed;
  top: 16%;
  left: 0;
  right: 0;
  margin: auto;
  background-color: white;
  z-index: 1000;
  border-radius: 3px; }
  .popup-register .logo-title {
    padding: 4px;
    border-radius: 3px 3px 0 0;
    background-color: #222222; }
    .popup-register .logo-title img {
      margin-top: 7px;
      max-width: 114px; }
  @media only screen and (max-width: 600px) {
    .popup-register .logo-title img {
      max-width: 100px; } }
.foggy {
  -webkit-filter: blur(6px);
  filter: blur(6px); }

.popup-wrap {
  top: 5%;
  border-radius: 4px; }
  .popup-wrap select {
    height: 2.9rem;
    font-size: 1rem; }
  .popup-wrap .select-type:after {
    right: 15px; }
  .popup-wrap .content {
    padding: 5px; }
  .popup-wrap .input-field {
    font-size: 1rem; }
  .popup-wrap .input-theme-gray {
    background-color: #f3f4f5;
    border-color: #9d9d9d; }
    .popup-wrap .input-theme-gray input {
      background-color: #f3f4f5; }
  .popup-wrap .btn-close {
    position: absolute;
    right: -12px;
    top: -14px;
    display: block;
    padding: 5px;
    z-index: 10;
    border-radius: 50%;
    background-color: #ececec;
    color: #121212;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75); }
    .popup-wrap .btn-close i {
      font-size: 1.75rem; }

header {
  position: relative; }
  header h1, header title {
    margin: 0; }

.navbar-fixed {
  min-width: 324px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 40;
  padding: 0 10px;
  width: 100%;
  height: 56px;
  line-height: 52px;
  background-color: #222222; }
  .navbar-fixed .brand-logo {
    display: inline-flex; }
  .navbar-fixed .logo-img {
    margin-top: 7px;
    max-height:40px;
    /* max-width: 144px; */ }
    @media only screen and (max-width: 600px) {
      .navbar-fixed .logo-img {
        margin-top: 9px;
        /* max-width: 140px; */
    	max-height:40px; } }
    @media only screen and (max-width: 320px) {
      .navbar-fixed .logo-img {
        margin-top: 17px;
        max-width: 80px;
    max-height:46px; } }
  .navbar-fixed ul {
  	position: absolute;
  	top: 0;
  	right: 10px;}
  .navbar-fixed ul li {
    margin: 11px 0 0 5px;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s; }
    .navbar-fixed ul li:last-child {
      margin-left: 10px; }
  .navbar-fixed ul a {
    display: block;
    text-transform: uppercase; }
    .navbar-fixed ul a.btn-secondary-primary, .navbar-fixed ul a.btn-join {
      padding: 0 5px;
      min-width: 75px;
      font-size: 0.8125rem; }
      @media only screen and (max-width: 600px) {
        .navbar-fixed ul a.btn-secondary-primary, .navbar-fixed ul a.btn-join {
          min-width: 60px; } }
    .navbar-fixed ul a.icon-btn {
      padding: 4px;
      width: 40px;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ececec+0,acacac+100 */
      background: #767676;
      /* Old browsers */
      background: -moz-linear-gradient(top, #767676 0%, #565656 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #767676 0%, #565656 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: -webkit-gradient(linear, left top, left bottom, from(#767676), to(#565656));
      background: -o-linear-gradient(top, #767676 0%, #565656 100%);
      background: linear-gradient(to bottom, #767676 0%, #565656 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#767676', endColorstr='#565656',GradientType=0 );
      /* IE6-9 */
      color: #424242;
      border-radius: 3px;
      text-align: center;
      vertical-align: middle;
      font-size: 1.625rem; }
  .navbar-fixed ul .icon-deposit, .navbar-fixed ul .icon-transfer {
    line-height: 26px; }
  .navbar-fixed .button-collapse {
    padding: 8px;
    background-color: #101010;
    border-radius: 3px; }
    .navbar-fixed .button-collapse i {
      width: 24px;
      height: 18px;
      display: block;
      background: url(../images/common/icon-menu.svg) no-repeat center center;
      background-size: 100%; }

.side-nav {
  position: fixed;
  width: 265px;
  right: 0;
  top: 0;
  margin: 0;
  height: 100%;
  height: calc(100% + 60px);
  height: -moz-calc(100%);
  padding-bottom: 60px;
  background-color: #dedede;
  z-index: 51; /* original 999 */
  overflow-y: auto;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(105%);
  -ms-transform: translateX(105%);
  transform: translateX(105%);
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }
  .side-nav.side-show {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  .side-nav a {
    display: block;
    font-size: 14px;
    font-weight: 400; }
    .side-nav a.btn {
      color: #fff; }

.menu-body li {
  float: none;
  margin: 0 16px;
  height: 37px;
  line-height: 37px;
  border-bottom: 1px solid #9e9e9e; }
  .menu-body li:last-child {
    border-bottom-width: 0; }

.menu-body a {
  padding: 0 10px;
  color: #424242; }
  .menu-body a:hover {
    background-color: rgba(0, 0, 0, 0.05); }

.menu-body i {
  display: block;
  float: left;
  width: 24px;
  height: 37px;
  line-height: 37px;
  margin: 0 16px 0 0;
  color: #424242;
  font-size: 1.5625rem; }

.menu-body .lang-select {
  padding: 0 10px;}
  .menu-body .lang-select select {
    width: 78%;
    color: #424242;
    font-size: 1.0625rem;
    line-height: 1.2rem; }

  .menu-body .lang-select select option{
    padding: 0; }

.user-view {
  position: relative;
  padding: 16px;
  margin-bottom: 8px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#101010+0,222222+100 */
  background: #101010;
  /* Old browsers */
  background: -moz-linear-gradient(top, #101010 0%, #222222 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #101010 0%, #222222 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#101010), to(#222222));
  background: -o-linear-gradient(top, #101010 0%, #222222 100%);
  background: linear-gradient(to bottom, #101010 0%, #222222 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101010', endColorstr='#222222',GradientType=0 );
  /* IE6-9 */ }
  .user-view p {
    margin: 0.8em 0; }
    .user-view p span {
      margin-left: 5px; }
  .user-view ol {
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0; }
    .user-view ol a {
      font-weight: 400;
      color: #ececec;
      font-size: 1rem; }
    .user-view ol i {
      font-size: 26px;
      color: #101010; }
    .user-view ol .close-btn {
      padding: 0;
      width: 26px;
      height: 26px;
      line-height: 26px;
      border: none;
      background-color: #ececec;
      opacity: 0.9;
      cursor: pointer;
      border-radius: 50%; }
    .user-view ol .deposit-btn {
      padding: 2px 14px;
      color: #0fd700;
      border: 1px solid #0fd700;
      border-radius: 3px; }
    .user-view ol .withdraw-btn {
      padding: 2px 14px;
      color: #d70000;
      border: 1px solid #d70000;
      border-radius: 3px; }
  .user-view .member-btn li {
    margin-right: 8px;
    min-width: calc(50% - 4px); }
    .user-view .member-btn.login-fixed li {width:100%}
    .user-view .member-btn li:last-child {
      margin-right: 0; }
  .user-view .member-info {
    height: 34px;
    line-height: 34px;
    background-color: #ececec;
    border-radius: 3px; }
  .user-view .balance {
    position: relative;
    color: #212121;
    font-size: 1.125rem; }
    .user-view .balance strong {
      display: inline-block;
      width: 176px; }
    .user-view .balance a {
      padding: 4px;
      position: absolute;
      top: 0;
      right: 0; }
    .user-view .balance i {
      font-size: 26px;
      color: #212121; }
    .user-view .balance .btn-withdraw {
      margin-right: 0;
      width: 34px;
      height: 34px;
      left: 3px; }
  .user-view .icon-user-wrap {
    width: 70px;
    height: 70px;
    line-height: 42px;
    margin: 15px auto 0 auto;
    padding: 14px;
    vertical-align: middle;
    background-color: rgba(229, 229, 229, 0.3);
    border-radius: 50%;
    font-size: 2.125rem; }

#sidenav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 120vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 997;
  will-change: opacity; }

.bottom-nav-bar {
  width: 100%;
  height: 48px;
  position: fixed;
  bottom: 0;
  z-index: 60;
  background-color: #171717;
  text-align: center;
  min-width: 320px; }
  .bottom-nav-bar ul li {
    width: 20%;
    border-right: 1px solid rgba(255, 255, 255, 0.2); }
    .bottom-nav-bar ul li:last-child {
      border-right-width: 0; }
  .bottom-nav-bar a {
    display: block;
    height: 48px;
    color: #ececec;
    font-size: 0.8125rem; }
    .bottom-nav-bar a.active {
      color: #222222; }
  .bottom-nav-bar i {
    display: block;
    margin: 6px auto 0;
    width: 24px;
    height: 24px;
    font-size: 1.625rem; }

.wrapper {
  position: relative;
  padding: 56px 0 48px 0;
  background-color: #343434;
  background:url(../images/common/background.jpg) no-repeat fixed;
  background-size:100% 100%;
  min-width: 320px; }

main {
  min-height: calc(100vh - 56px - 48px); }

.newsInfo {
  padding: 0 10px;
  width: 100%;
  height: 34px;
  line-height: 34px;
  position: relative;
  overflow: hidden;
  background-color: #ececec;
  color: #424242; }
  .newsInfo i {
    display: block;
    width: 28px;
    height: 34px;
    line-height: 34px;
    font-size: 1.375rem; }
  .newsInfo .marquee {
    width: calc(100vw - 28px - 28px - 22px);
    height: 34px;
    line-height: 34px;
    position: relative;
    overflow: hidden;
    font-size: 16px;
    text-transform: uppercase; }
    .newsInfo .marquee li {
      padding: 0 5px;
      position: absolute;
      top: -999em;
      left: 0;
      display: block;
      white-space: nowrap;
      color: #424242;
      height: 34px;
      line-height: 34px;
      font-size: 0.9375rem; }
    @media only screen and (min-width: 601px) {
      .newsInfo .marquee {
        width: calc(100vw - 28px - 28px - 48px); } }
  .newsInfo .icon-navigate-next {
    font-size: 1.625rem; }

.prospect-banner {
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
  border: 5px solid #fff;
  background-color: #000;
  text-align: center;
  vertical-align: middle; }
  .prospect-banner img {
    margin-bottom: -6px; }

.login-container {
  margin: 20px 0;
  padding: 0 10px; }
  .login-container ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #616161; }
  .login-container ::-moz-placeholder {
    /* Firefox 19+ */
    color: #616161; }
  .login-container :-ms-input-placeholder {
    /* IE 10+ */
    color: #616161; }
  .login-container :-moz-placeholder {
    /* Firefox 18- */
    color: #616161; }
  .login-container .input-field {
    margin: 0.5em 0; }
  .login-container h3 {
    font-weight: 500;
    font-size: 1.0625rem; }
  .login-container i {
    color: #757575; }

.textfield-error {
  display: block;
  margin: 0.3em 0;
  font-weight: 500;
  color: #D32F2F;
  font-size: 0.9375rem; }

.btn-default-container, .info-page-content {
  margin: 1.4em 0;
  padding: 0 10px; }
  .btn-default-container .select-type:after, .info-page-content .select-type:after {
    right: 14px; }
  .btn-default-container .select-type select, .info-page-content .select-type select {
    padding: 0 8px;
    height: 40px;
    letter-spacing: .5px;
    font-size: 1.0625rem;
    text-transform: uppercase; }
  /* #TransferTo {max-width: 91%;} */
  .copyText,.copyRef{cursor:pointer}
  .copyRef{margin-left:.75rem}
  .btn-default-container h3, .info-page-content h3 {
    font-weight: 500;
    font-size: 1.0625rem; }

.info-page-content .notice {
  position: relative;
  margin-bottom: 1.4em;
  padding: 10px 10px 8px 36px;
  line-height: 18px;
  color: #424242;
  background-color: #ddd;
  font-weight: 400;
  font-size: 0.875rem; }
  .info-page-content .notice span {
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -12px;
    padding-top: 1px;
    border: 2px solid rgba(255, 252, 255, 0.36);
    display: inline-block;
    border-radius: 50%; }
  .info-page-content .notice i {
    font-size: 1.375rem; }

.info-page-content .btn-primary, .info-page-content .btn-default {
  margin-top: 1em; }

.toggle-button {
  margin-bottom: 1em;
  width: 100%;
  height: 36px;
  display: table;
  table-layout: fixed;
  border: 1px solid #101010;
  border-radius: 3px;
  background-color: #f0f1f5; }
  .toggle-button .toggle-button-option {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0 6px;
    color: #525252;
    line-height: 34px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 0.9375rem; }
    .toggle-button .toggle-button-option.active {
      font-weight: 600;
      color: white;
      background-color: #343434; }

.forgotten-credentials-container {
  margin: 0.5em 0 1.4em 0; }

.AccountForm-assistance {
  margin-top: 1.4em; }
  .AccountForm-assistance strong {
    display: block;
    font-weight: 600; }
  .AccountForm-assistance a {
    padding: 0 5px;
    display: inline-block;
    text-decoration: underline; }

.main-header-title {
  width: 100%;
  padding: 5px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#101010+0,222222+100 */
  background: #101010;
  /* Old browsers */
  background: -moz-linear-gradient(top, #101010 0%, #222222 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #101010 0%, #222222 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#101010), to(#222222));
  background: -o-linear-gradient(top, #101010 0%, #222222 100%);
  background: linear-gradient(to bottom, #101010 0%, #222222 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101010', endColorstr='#222222',GradientType=0 );
  /* IE6-9 */
  color: #ececec; }
  .main-header-title h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.36rem; }

.page-header-title {
  padding: 8px 0;
  background-color: #05002f;
  color: white;
  position: relative; }
  .page-header-title h3 {
    margin: 0 auto;
    width: 78%;
    font-size: 1.2rem; }
  .page-header-title a {
    display: block;
    padding: 6px;
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    background-color: rgba(255, 255, 255, 0.2);
    color: white; }

.login-show-pass, .login-hide-pass {
  width: 124px; }

.textfield-wrap {
  margin: 0.8em 0; }
  .textfield-wrap i {
    position: absolute;
    top: 7px;
    right: 8px;
    overflow: hidden;
    opacity: 0;
    font-size: 1.75rem; }
  .textfield-wrap .copyText{opacity:1}
  .textfield-wrap label {
    display: block; }
    .textfield-wrap label span {
      display: inline-block;
      margin-left: 5px;
      font-weight: 500;
      color: #D32F2F; }
  .textfield-wrap .btn-grey, .textfield-wrap .btn-blue {
    height: 40px;
    line-height: 40px;
    text-transform: uppercase; }
  .textfield-wrap .toggle i {
    color: #424242;
    opacity: 1; }
  .textfield-wrap:first-child {
    margin-top: 0; }
  .textfield-wrap #ReloadCaptcha {
    margin-top: 22px;
    opacity: 1; }

.secondary-structureL {
  width: 70%; }

.secondary-structureR {
  width: 27%; }
  .secondary-structureR input {
    text-align: center; }

.secondary-notice {
  margin-top: 10px;
  padding: 3px 5px 3px 25px;
  color: #4E3A00;
  border: 1px dotted #BFAE73;
  background-color: #fff3cd;
  border-radius: 3px; }
  .secondary-notice li {
    margin: 6px 0;
    line-height: 18px;
    font-size: 0.875rem; }

.msg-notice, .msg-info {
  display: block;
  margin: 0.3em 0;
  padding: 3px 5px;
  color: #4E3A00;
  border: 1px dotted #BFAE73;
  background-color: #fff3cd;
  border-radius: 3px;
  font-size: 0.875rem; }

.msg-info {
  color: #004085;
  border-color: #82a7cf;
  background-color: #cce5ff; }

.amount-button strong {
  font-weight: 500;
  font-size: 0.875rem; }

.amount-button ul {
  margin: 3px 0 10px 0; }
  .amount-button ul li {
    width: calc(100% / 3);
    padding: 0 3px; }

.button-group li {
  padding: 0 5px;
  width: calc(100% / 2); }

.button-group .full-width {
  width: 100%;
  padding: 0; }

.browser-default {
  color: #dfdfdf;
  border-color: #dfdfdf;
  background-color: #dfdfdf; }
  .browser-default input {
    color: #4e4e4e;
    background-color: #dfdfdf; }

.validation-pass i {
  overflow: visible;
  opacity: 1;
  color: #388E3C; }

.password-field .input-field, .otp-field .input-field {
  width: calc(100% - 136px); }

.captcha-field {
	position: relative;
}
.captcha-field .input-field {
  width: calc(100% - 155px);
  margin: 0; }
.captcha-field i#reloadCaptcha {
	opacity: 1;
	color: #fff;
	margin-top: 1px;
}
#RegisterForm .captcha-field i#reloadCaptcha {
	margin-top: 22px;
}

.mobile-field .select-type {
  width: 140px; }

.mobile-field .input-field {
  width: calc(100% - 154px); }

.otp-field .btn {
  line-height: 16px; }
  .otp-field .btn span {
    display: none;
    font-size: 0.9375rem; }

.otp-field .open .count {
  display: block; }

.validation-error {
  overflow: visible;
  opacity: 1;
  color: #D32F2F; }
  .validation-error .input-field {
    border-color: #D32F2F; }
  .validation-error i {
    overflow: visible;
    opacity: 1; }
  .validation-error .tooltip {
    color: #D32F2F; }

.validation-close i {
  color: #424242;
  overflow: visible;
  opacity: 1; }

.tooltip {
  display: block;
  margin: 0.4em 0;
  padding: 0 3px;
  line-height: 14px;
  font-weight: 400;
  color: #616161;
  font-size: 0.875rem;
  position: relative;
  opacity: 1;
  z-index: 2; }
.tooltip.pulsa-deduction-note{font-size:.9rem;line-height:1.2}
.wallet_type_wrap {
  margin: 0.3em 0;
  padding: 3px 6px;
  background-color: #dedede;
  border-radius: 3px;
  color: #212121; }
  .wallet_type_wrap span {
    display: block;
    min-height: 24px;
    line-height: 24px; }
  .wallet_type_wrap .type_wallet {
    font-weight: 500;
    font-size: 1.0625rem; }
  .wallet_type_wrap .loading {
    width: 29px;
    height: 14px;
    background: url(../images/common/loading.svg) no-repeat left center; }

.list-bulleted {
  margin: 30px 0 26px 0;
  padding-top: 24px;
  border-top: 1px solid #9e9e9e; }

.navigation-ribbon {
  margin-bottom: 10px;
  height: 100px;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch; }
  .navigation-ribbon .navigation-ribbon-container {
    display: table;
    position: relative;
    width: 100%;
    background-color: #101010; }
  .navigation-ribbon .navigation-ribbon-item {
    display: table-cell;
    height: 90px;
    padding: 5px 5px 5px 0;
    vertical-align: middle; }
    .navigation-ribbon .navigation-ribbon-item:first-child {
      padding: 5px; }
    .navigation-ribbon .navigation-ribbon-item a {
      position: relative;
      display: block;
      width: 80px;
      min-width: 100%;
      text-align: center;
      color: #ececec;
      font-size: 0.875rem; }
    .navigation-ribbon .navigation-ribbon-item span {
      display: block;
      opacity: 0.6; }
    .navigation-ribbon .navigation-ribbon-item i {
      display: block;
      margin-bottom: 5px;
      height: 50px;
      background: url(../images/common/icon_nav.png) no-repeat;
      background-size: 60px; /* 80%; */
      opacity: 0.6; }
    .navigation-ribbon .navigation-ribbon-item .icon-egame,
    .navigation-ribbon .navigation-ribbon-item .icon-sports,
    .navigation-ribbon .navigation-ribbon-item .icon-games {
      background: url(../images/common/sub-menu-sprite.svg) no-repeat;
      background-size: 60px 430px;
      background-position: center -383px; 
    }
    .navigation-ribbon .navigation-ribbon-item .icon-slot {
      background-position: center -64px; }
    .navigation-ribbon .navigation-ribbon-item .icon-casino {
      background-position: center -214px; /* -229px; */ }
    .navigation-ribbon .navigation-ribbon-item .icon-sports {
      background-position: center -90px; }
    .navigation-ribbon .navigation-ribbon-item .icon-lottery {
      background-position: center -373px; }
    .navigation-ribbon .navigation-ribbon-item .icon-poker {
      background-position: center -457px; }
    .navigation-ribbon .navigation-ribbon-item .icon-racing {
      background-position: center -226px; }
    .navigation-ribbon .navigation-ribbon-item .icon-tembak_ikan {
      background-position: center -291px; }
    .navigation-ribbon .navigation-ribbon-item .icon-socre {
      background-position: center -381px; }
    .navigation-ribbon .navigation-ribbon-item .active {
      color: #00bedd;
      opacity: 1; }
      .navigation-ribbon .navigation-ribbon-item .active i {
        opacity: 1; }
      .navigation-ribbon .navigation-ribbon-item .active span {
        opacity: 1; }
      .navigation-ribbon .navigation-ribbon-item .active .liveTag {
        color: #fff; }
      .navigation-ribbon .navigation-ribbon-item .active:after {
        content: "\e5c5";
        font-family: 'icomoon';
        display: inline-block;
        line-height: 1;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -21px;
        margin-bottom: -31px;
        z-index: 45;
        color: #101010;
        font-size: 3rem; }
    .navigation-ribbon .navigation-ribbon-item .liveTag {
      padding: 0 4px;
      position: absolute;
      top: 2px;
      left: 52%;
      z-index: 5;
      line-height: 18px;
      letter-spacing: 0;
      text-align: center;
      font-weight: 500;
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.34);
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.34);
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5e1882+0,d30050+100 */
      background: #5e1882;
      /* Old browsers */
      background: -moz-linear-gradient(left, #5e1882 0%, #d30050 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #5e1882 0%, #d30050 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: -webkit-gradient(linear, left top, right top, from(#5e1882), to(#d30050));
      background: -o-linear-gradient(left, #5e1882 0%, #d30050 100%);
      background: linear-gradient(to right, #5e1882 0%, #d30050 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e1882', endColorstr='#d30050',GradientType=1 );
      /* IE6-9 */
      font-size: 0.875rem;
      -webkit-border-radius: 3px;
      -mos-border-radius: 3px;
      border-radius: 3px; }

.game-list {
  margin-bottom: 10px;
  text-align: center; }
  .game-list ul {
    width: 100%; }
    .game-list ul li {
      position: relative;
      margin: 0 auto 10px;
      /* width: calc(100% / 3);
      min-width: 131px; */
      padding: 0 1rem;
      min-height: 1px;
      font-size: 0.875rem; }
  .game-list a {
    display: block;
    color: #616161; }
  .game-list img {
    display: block;
    margin: 0 auto;
    height: 56px; }
  .game-list i {
    display: block; }
    #gameUl .game-list{margin-bottom:0}
@media only screen and (min-width: 576px) {
	.game-list ul li {
		max-width: 138px;
	}
}

.pageTop-element {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 12px;
  bottom: 60px;
  color: white;
  border-radius: 3px;
  z-index: 90;
  font-weight: 500;
  background-color: rgba(187, 187, 187, 0.5); }
  .pageTop-element i {
    font-size: 1.75rem; }

.padding-B {
  padding-bottom: 0; }

.btn-space {
  margin-bottom: -30px; }

.seotitle {
  padding: 0 16px;
  max-width: 998px;
  margin: 0 auto 0.8rem auto;
  font-size: 0.9375rem; }

footer {
  padding: 20px 15px;
  background-color: #313131;
  color: #757575;
  text-align: center;
  font-size: 0.86rem; }
  footer p {
    margin: 1em 0; }

.footer-logos li {
  margin: 0 8px;
  display: inline-block;
  vertical-align: middle; }

.footer-logos .sprite-logos-license {
  width: 126px;
  height: 47px;
  background: url(../images/common/license-logo.png) no-repeat center center;
  background-size: 100%; }

.footer-logos .sprite-logos-18 {
  width: 42px;
  height: 42px;
  background: url(../images/common/Responsible-Gaming.svg) no-repeat center center;
  background-size: 100%; }

.footer-copyright {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
  font-weight: 400; }

html:lang(id-ID) .login-hide-pass, html:lang(id-ID) .login-show-pass {
  padding: 0 0.5rem;
  letter-spacing: -0.5px;
  font-size: 0.9375rem; }

@media only screen and (max-width: 600px) {
  html:lang(id-ID) .buttons-option-wrap .btn {
    letter-spacing: -0.2px;
    font-size: 0.875rem; } }

@media only screen and (max-width: 320px) {
  html:lang(id-ID) .buttons-option-wrap li {
    margin-right: 5px; }
  html:lang(id-ID) .buttons-option-wrap .btn {
    min-width: 70px;
    letter-spacing: -0.4px;
    font-size: 0.75rem; } }

html:lang(zh-CN) .navbar-fixed ul a.btn-join, html:lang(zh-CN) .navbar-fixed ul a.btn-secondary-primary {
  font-size: 0.9375rem; }

html:lang(vi-VN) .user-view .member-btn li:first-child {
  margin-right: 5px; }

html:lang(vi-VN) .user-view .member-btn .btn {
  padding: 0 0.3rem;
  letter-spacing: -0.5px;
  font-size: 0.75rem; }

@media only screen and (max-width: 992px) {
  html:lang(vi-VN) .promotion-title .button-group .btn {
    padding: 0;
    letter-spacing: -0.8px;
    font-size: 0.75rem; } }

@media only screen and (max-width: 480px) {
  html:lang(vi-VN) .bottom-nav-bar a {
    -o-text-overflow: initial;
    text-overflow: initial;
    letter-spacing: -0.5px;
    font-size: 0.6875rem; }
  html:lang(vi-VN) .navbar-fixed .logo-img {
    margin-top: 16px;
    max-width: 88px; }
  html:lang(vi-VN) .navbar-fixed ul li {
    margin-left: 3px; }
  html:lang(vi-VN) .navbar-fixed ul a {
    letter-spacing: -0.5px; }
  html:lang(vi-VN) .navbar-fixed .btn-secondary-primary, html:lang(vi-VN) .navbar-fixed .btn-join {
    font-size: 0.75rem; } }

@media only screen and (max-width: 320px) {
  html:lang(vi-VN) .navbar-fixed .logo-img {
    margin-top: 20px;
    max-width: 56px; }
  html:lang(vi-VN) .navbar-fixed .button-collapse {
    padding: 8px 5px; }
  html:lang(vi-VN) .navbar-fixed ul li {
    margin-left: 3px; }
    html:lang(vi-VN) .navbar-fixed ul li:first-child {
      margin-left: 0; }
  html:lang(vi-VN) .navbar-fixed ul a {
    padding: 0 3px;
    letter-spacing: -0.5px; }
  html:lang(vi-VN) .promotion-title .button-group .btn {
    letter-spacing: -0.3px;
    font-size: 0.875rem; }
  html:lang(vi-VN) .bottom-nav-bar a {
    letter-spacing: -0.8px; } }

html:lang(th-TH) .button-group .btn-grey {
  letter-spacing: -0.5px; }

html:lang(ko-KR) .user-view .member-btn .btn {
  padding: 0 0.3rem;
  font-size: 0.8125rem; }

@media only screen and (max-width: 992px) {
  html:lang(ko-KR) .promotion-title .button-group .btn {
    padding: 0;
    letter-spacing: -0.8px;
    font-size: 0.8125rem; } }

@media only screen and (max-width: 480px) {
  html:lang(ko-KR) .navbar-fixed .logo-img {
    margin-top: 16px;
    max-width: 88px; } }

@media only screen and (max-width: 320px) {
  html:lang(ko-KR) .navbar-fixed .logo-img {
    margin-top: 20px;
    max-width: 56px; } }

#id .contact-item span, #in .contact-item span, #vi .contact-item span, #th .contact-item span, #ko .contact-item span {
  letter-spacing: -0.3px;
  font-size: 0.875rem; }
  @media only screen and (max-width: 480px) {
    #id .contact-item span, #in .contact-item span, #vi .contact-item span, #th .contact-item span, #ko .contact-item span {
      font-size: 0;
      text-indent: -99999px;
      letter-spacing: 0;
      display: none; } }

.promotions-container {
  padding: 10px; }
  @media only screen and (min-width: 993px) {
    .promotions-container {
      max-width: 998px;
      margin: auto; } }

.promotions-category {
  margin: 10px 0 16px 0; }
  .promotions-category li {
    margin-right: 6px; }
    .promotions-category li:last-child {
      margin-right: 0; }
  .promotions-category a {
    width: 94px;
    color: #171717;
    border-bottom: 1px solid #757575;
    font-size: 0.9375rem;
    text-transform: uppercase; }
    .promotions-category a.active {
      color: white;
      text-shadow: none;
      background: -webkit-gradient(linear, left top, left bottom, from(#222222), color-stop(99%, #222222));
      background: -webkit-linear-gradient(top, #222222 0%, #222222 99%);
      background: -o-linear-gradient(top, #222222 0%, #222222 99%);
      background: linear-gradient(to bottom, #222222 0%, #222222 99%);
      border-bottom-color: #101010;
      -webkit-transition: .3s ease-out;
      -o-transition: .3s ease-out;
      transition: .3s ease-out; }

.promotions-list {
  margin: 0 auto 15px;
  padding: 5px;
  background-color: white; }

.promotion-title {
  position: relative; }
  .promotion-title h4 {
    font-weight: 500;
    font-size: 1.125rem; }
  .promotion-title p {
    max-height: 86px;
    overflow: hidden;
    color: #585858;
    line-height: 18px;
    font-size: 0.9375rem; }
  /* .promotion-title img {
    margin-bottom: -6px; } */
.promotion-title .watermark {
    position: absolute;
    width: auto !important;
    max-height: 30px;
    opacity: 0.4;
    padding: 5px;
}
  .promotion-title .button-group {
    position: absolute;
    bottom: 10px;
    right: 10px; }
    .promotion-title .button-group li {
      width: 100%;
      padding: 0; }
    .promotion-title .button-group .btn {
      min-width: 128px;
      height: 38px;
      line-height: 38px;
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.65);
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.65);
      font-size: 0.9375rem; }
    @media only screen and (max-width: 480px) {
      .promotion-title .button-group {
        bottom: 5px;
        right: 5px; }
        .promotion-title .button-group .btn {
          min-width: 80px;
          height: 30px;
          line-height: 30px; } }

.promotions-info {
  position: relative;
  margin-top: 10px;
  padding: 15px 10px;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  color: #222222; }
  .promotions-info:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    margin-bottom: 40px;
    background-color: #222222; }
  .promotions-info .btn-close {
    position: absolute;
    top: 22px;
    right: 10px;
    color: #313131; }
    .promotions-info .btn-close i {
      font-size: 2.375rem; }
  .promotions-info ul, .promotions-info ol {
    padding-left: 25px; }
  @media only screen and (max-width: 600px) {
    .promotions-info {
      margin-top: 0; } }

.promotions-info-content {
	overflow-x: auto;
	padding-top: 5px; }
.promotions-info-content p {
	margin-bottom: 10px; }
.promotions-info-content .table-heading {
	background-color: #545252;
	font-weight: 700; }
.promotions-info-content .table-row {
	padding: 4px 0;
	font-size: 14px;
	font-weight: 300
}
.promotions-info-content .table-row img {
	height: 28px;
	vertical-align: middle
}
.promotions-info-content .table-row-odd {
	background-color: #7b767699
}
.promotions-info-content .table-row-even {
	background-color: #c5c3c399
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -22.5px;
    margin-left: -22.5px;
}
.tournament_body-terms_heading {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 8px;
    text-transform: uppercase;
    text-align: center;
}
.tournament_body-minbet_heading {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 16px;
}
.tournament_body-minbet_table {
    text-align: center;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
.tournament_body-minbet_table .currency-flag {
    text-align: left;
    display: block;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}
.tournament_body-terms_table .currency-flag img {
    padding-left: 20px;
}
.table-heading {
    background-color: #740202;
    font-weight: 700;
}
.table-heading .col-6 {
	padding: 5px 0;
	color: #fff;
	font-weight: bold;
}
.table-row {
    padding: 4px 0;
    font-size: 14px;
    font-weight: 300;
}
.table-row img {
    height: 28px;
    vertical-align: middle;
}
.table-row-odd {
    background-color: #B5000099;
}
.table-row-even {
    background-color: #DF271799;
}

.contactus-category {
  margin-bottom: 1em;
  border: 2px solid #757575;
  background-color: #757575; }
  .contactus-category a {
    display: block; }
  .contactus-category .title {
    padding: 5px;
    display: inline-block;
    color: white;
    text-transform: uppercase;
    font-size: 1rem; }
  .contactus-category i {
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle; }
  .contactus-category span {
    display: block; }
  .contactus-category .default {
    padding: 10px 5px;
    background-color: white;
    color: #212121;
    font-size: 0.9375rem; }

.nav-chat {
  border-color: #0fa3bb;
  background-color: #0fa3bb; }

.nav-phone {
  border-color: #54aa00;
  background-color: #54aa00; }

.nav-email {
  border-color: #e0861a;
  background-color: #e0861a; }

.nav-qq {
  border-color: #616161;
  background-color: #616161; }

.nav-whatsapp {
  border-color: #00ab18;
  background-color: #00ab18; }

.nav-twitter {
  border-color: #0FB3E6;
  background-color: #0FB3E6; }

.nav-skype {
  border-color: #0083CA;
  background-color: #0083CA; }

.nav-wechat {
  border-color: #09b83e;
  background-color: #09b83e; }

.nav-line {
  border-color: #00b900;
  background-color: #00b900; }

.nav-bbm {
  border-color: #2C2C2C;
  background-color: #2C2C2C; }

.nav-yahoo {
  border-color: #430297;
  background-color: #430297; }

.nav-kakaotalk {
  border-color: #3b1f1e;
  background-color: #3b1f1e; }

.nav-telegram {
  border-color: #1d94d3;
  background-color: #1d94d3; }

.nav-facebook {
  border-color: #3b5998;
  background-color: #3b5998; }

.buttons-option-wrap {
  margin-bottom: 20px; }
  .buttons-option-wrap li {
    margin-right: 10px;
    margin-bottom: 8px; }
    .buttons-option-wrap li:last-child {
      margin-right: 0; }
  .buttons-option-wrap a {
    padding: 0 0.5em;
    min-width: 86px;
    background-color: #CECECE;
    color: #424242; }
    .buttons-option-wrap a.active {
      background-color: #0097a7;
      color: white; }
  .buttons-option-wrap i {
    display: inline-block;
    margin-right: 5px;
    height: 34px;
    line-height: 34px;
    float: left;
    font-size: 1.5rem; }
  .buttons-option-wrap span {
    margin-left: 3px;
    padding: 2px 6px;
    border-radius: 30px;
    color: #ececec;
    background-color: #101010;
    font-size: 0.875rem; }

.mailbox-wrap {
  position: relative;
  word-wrap: break-word;
  padding: 12px;
  margin-bottom: 14px;
  background-color: #F9F9F9;
  border-radius: 3px; }
  .mailbox-wrap:before {
    content: "";
    width: 3px;
    height: 100%;
    background-color: #525252;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 0 0 3px; }
  .mailbox-wrap .date {
    display: block;
    max-width: 100px;
    padding: 3px 8px;
    background-color: #525252;
    text-align: center;
    border-radius: 3px;
    color: #ececec;
    font-size: 0.875rem; }
  .mailbox-wrap .delete {
    display: none; }
    .mailbox-wrap .delete a {
      display: block;
      padding: 3px 5px;
      color: #656565; }
      .mailbox-wrap .delete a i {
        opacity: 0.8;
        font-size: 1.375rem; }
  .mailbox-wrap h4 {
    font-weight: 500;
    font-size: 1.125rem; }
  .mailbox-wrap p {
    margin-bottom: 5px;
    color: #5D5D5D; }

.mailbox-content {
  color: #5D5D5D;
  -webkit-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;
  font-size: 0.875rem; }
  .mailbox-content ol {
    padding-left: 18px; }

.mailbox-wrap-open {
  -webkit-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in; }
  .mailbox-wrap-open:before {
    width: 0;
    background-color: transparent; }
  .mailbox-wrap-open .delete {
    display: block; }

.message-card {
  margin-bottom: 14px;
  padding: 10px;
  min-height: 80px;
  border: 1px solid #e7d394;
  background-color: #fff3cd;
  color: #AF8302;
  border-radius: 3px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.125rem; }
  .message-card span {
    margin: 0 5px;
    display: inline-block; }
  .message-card i {
    display: inline-block;
    font-size: 1.625rem; }

.page-area {
  width: 100%;
  min-width: 320px;
  min-height: 50px;
  line-height: 50px;
  vertical-align: middle;
  font-size: 0.9375rem; }
  .page-area .button {
    margin: 0 5px;
    padding: 0 8px;
    display: inline-block;
    border: 1px solid #ADADAD;
    background-color: #fff;
    min-width: 60px;
    height: 35px;
    line-height: 35px;
    color: #333;
    border-radius: 3px; }
  .page-area .select-type {
    display: inline-block;
    height: 35px;
    line-height: 35px; }
    .page-area .select-type select {
      height: 35px;
      padding: 0 34px 0 14px; }

.account-structure {
  padding: 20px 10px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ececec+0,d4d4d4+100 */
  background: #ececec;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ececec 0%, #d4d4d4 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ececec 0%, #d4d4d4 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#d4d4d4));
  background: -o-linear-gradient(top, #ececec 0%, #d4d4d4 100%);
  background: linear-gradient(to bottom, #ececec 0%, #d4d4d4 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#d4d4d4',GradientType=0 );
  /* IE6-9 */ }
  @media only screen and (max-width: 600px) {
    .account-structure {
      padding: 8px 10px; } }

.account-wrap {
  display: inline-block;
  margin: 3px 0 5px 0;
  width: calc(100% / 2.1); }
  .account-wrap i {
    margin-right: 3px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    vertical-align: middle;
    color: #424242;
    font-size: 1.875rem; }

.account-amount .btn {
  /* width: calc(100% - 42px); */
  padding: 0 0.5rem;
  min-width: 86px;
  height: 28px;
  line-height: 28px;
  font-size: 1rem; }

.account-amount p {
  line-height: 28px;
  font-weight: 500;
  font-size: 1.1875rem;
  color: #222222; }

.account-amount span {
  font-weight: 400;
  display: block;
  color: #424242;
  font-size: 0.9375rem; }

.account-amount .icon-allwithdraw {
  margin-right: 0;
  width: 26px;
  height: 29px;
  line-height: 29px; }

.btn-withdraw {
  margin-right: 5px;
  padding: 0 5px;
  display: inline-block;
  border-radius: 3px; }

.icon-allwithdraw {
  width: 28px;
  height: 28px;
  background: url(../images/common/icon-output.svg) no-repeat center center;
  background-size: 100%; }

.account-menu {
  /* margin-top: 24px;
  margin-bottom: 4px; */
  text-align: center;
  border: 1px solid #101010;
  border-radius: 3px;
  background-color: rgba(245, 246, 247, 0.6); }
  @media only screen and (max-width: 600px) {
    .account-menu {
      margin-top: 0; } }
  .account-menu li {
    width: calc(100% / 4);
    border-right: 1px solid #101010; }
    .account-menu li:last-child {
      border-right-width: 0; }
  .iOS .account-menu li {
    width: calc(100% / 2); }
  .account-menu a {
    height: 34px;
    line-height: 34px;
    padding: 0 5px;
    display: block;
    color: #383838; }
    .account-menu a.active {
      color: white;
      background-color: #00878c; }
  .account-menu hr {
    margin: 1.5em 0; }

.account-content h4 {
  text-align: center;
  font-weight: 500;
  font-size: 1.125rem; }

.default-wrap {
  margin: 1em 0;
  padding: 15px;
  background-color: rgba(255, 255, 255, 0.8); }

.balance-list li {
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(49, 49, 49, 0.3); }
  .balance-list li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom-width: 0; }

.balance-list .open .content-inner-list {
  display: block; }

.content-list h5 {
  margin: 5px 0;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.0625rem; }

.content-list p {
  line-height: 26px;
  font-size: 1.0625rem;
  margin-bottom: 0;
  font-weight: 700; }

.content-list .loading {
  display: block;
  width: 20px;
  height: 28px;
  background: url(../images/common/loading.svg) no-repeat center center; }

.content-list .btn {
  padding: 0 0.5rem;
  width: 24%;
  min-width: 86px;
  height: 28px;
  line-height: 28px;
  font-size: 1rem; }

.content-list .icon-dropdown {
  position: relative;
  margin: 4px 8px 0 4px;
  width: 18px;
  height: 18px;
  display: block;
  background-color: #959595;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .content-list .icon-dropdown:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: #fff 2px solid;
    border-right: #fff 2px solid;
    position: absolute;
    top: 3px;
    right: 5px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg); }

.content-list .exOpened:after {
  top: 7px;
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg); }

.content-inner-list {
  display: none; }
  .content-inner-list li {
    margin-bottom: 0;
    padding: 8px 0 0 34px;
    border-bottom: none; }
  .content-inner-list .content-list h5 {
    font-weight: 200;
    text-transform: none;
    font-size: 1rem; }

.btn-trans {
  display: block;
  margin: 10px auto 0;
  width: 28px;
  height: 28px;
  border: none;
  background: transparent url(../images/common/transfer-arrow.png) no-repeat center center;
  background-size: 100%; }

.step-indicator {
  margin: 26px 0 40px 0;
  padding: 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .step-indicator .step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 1; }
    .step-indicator .step p {
      text-align: center;
      position: absolute;
      bottom: -22px;
      color: #969696;
      font-weight: 500;
      font-size: 0.875rem; }
  .step-indicator .active .step-icon {
    color: #fff;
    background-color: #222222;
    border-color: #00434f; }
  .step-indicator .active p {
    color: #484848; }
  .step-indicator .step-icon {
    display: block;
    height: 28px;
    width: 28px;
    line-height: 28px;
    border-radius: 50%;
    text-align: center;
    color: #969696;
    border: 1px solid #969696;
    font-size: 1rem; }
  .step-indicator .indicator-line {
    width: 100%;
    height: 2px;
    background-color: #b7b7b7;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .step-indicator .indicator-line.active {
      background-color: #00434f; }

.providerGroup a {
  margin: 0 8px 6px 8px;
  height: 48px;
  padding: 3px;
  display: block;
  background-color: #adadad;
  color: #9E9E9E;
  border-radius: 50%; }
  .providerGroup a.active {
    background-color: #222222; }
    .providerGroup a.active span {
      opacity: 1; }

.providerGroup span {
  display: block;
  width: 42px;
  height: 38px;
  line-height: 38px;
  /* background: url(../images/common/sub-menu-sprite.svg) no-repeat; */
  /* background: url(../images/common/icon_nav.png) no-repeat; */
  background-size: 100%;
  opacity: 0.74; }
.icon_games, .icon_sports, .icon_wallet {
    background: url(../images/common/sub-menu-sprite.svg) no-repeat;
}
.icon_casino, .icon_slot, .icon_tembak_ikan, .icon_lottery, .icon_poker {
    background: url(../images/common/icon_nav.png) no-repeat;
}

.providerGroup .icon_sports {
  background-position: center -71px; }
.providerGroup .icon_casino {
  background-position: center -147px; }
.providerGroup .icon_slot {
  background-position: 1px -42px; }
.providerGroup .icon_tembak_ikan {
  background-position: -2px -200px; }
.providerGroup .icon_lottery {
  background-position: center -258px; }
.providerGroup .icon_poker {
  background-position: center -317px; }
.providerGroup .icon_racing {
  background-position: center -177px; }
.providerGroup .icon_wallet {
	/* background: url(../images/common/sub-menu-sprite.svg) no-repeat;
	background-size: 100%; */
	background-position: center -258px;
}
.providerGroup .icon_games {
	background-position: center -298px;
}


.providerGroup .icon_More {
  font-size: 14px;
  text-indent: 0;
  background: none;
  color: #222; }

.providerGroup .btn-more {
  background-color: transparent;
  border: 1px dashed #222; }

.search-wrapper {
  margin: 6px /* auto */;
  position: relative;
  width: 100%; /* calc(100% - 90px); */ }
  .search-wrapper .search {
    width: calc(100% - 58px);
    display: block;
    padding: 0 38px 0 8px;
    height: 2.6rem;
    line-height: 2.6rem;
    border-radius: 3px;
    border: none;
    -webkit-appearance: none;
    font-size: 1rem; }
  .search-wrapper a {
    width: 2.6rem;
    height: 2.6rem;
    line-height: 2.6rem;
    padding: 9px;
    display: block;
    position: absolute;
    top: 0;
    right: 11px;
    color: white;
    background-color: #101010;
    border-radius: 0 3px 3px 0; }
    .search-wrapper a i {
      font-size: 1.25rem; }

.game-item-tabs {
  overflow-x: auto;
  overflow-y: hidden;
  height: 44px;
  width: 100%;
  margin: 0 auto 30px;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff; }
  .game-item-tabs li {
    display: inline-block;
    line-height: 44px;
    height: 44px;
    text-transform: uppercase;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    position:relative; }
    .game-item-tabs li a {
      display: block;
      width: 100%;
      height: 100%;
      padding: 0 24px;
      font-size: 14px;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      overflow: hidden;
      color: rgba(0, 0, 0, 0.58);
      -webkit-transition: color .28s ease;
      -o-transition: color .28s ease;
      transition: color .28s ease; }
      @media only screen and (max-width: 992px) {
        .game-item-tabs li a {
          padding: 0 12px; } }
      .game-item-tabs li a.active {
        position: relative;
        color: #222222; }
        .game-item-tabs li a.active:after {
          content: "";
          width: 100%;
          height: 2px;
          display: block;
          position: absolute;
          bottom: 0;
          left: 0;
          background-color: #222222;
          will-change: left, right; }
.game-item-tabs .icon-new{z-index:1;top:3px;right:1px;font-size:1.2rem}

.game-item-list {
  max-width: 998px;
  margin: 0 auto;
  padding: 0 10px; }
  .game-item-list ul {
    width: 100%; }
    .game-item-list ul li {
      width: 16.66667%;
      padding: 0 0.5rem; }
      @media only screen and (max-width: 600px) {
        .game-item-list ul li {
          width: 33.33%; } }
      @media only screen and (max-width: 320px) {
        .game-item-list ul li {
          width: 50%; } }
	  .tab-content>.tab-pane {
	  	display: none; }
	  .tab-content>.active {
	  	display: block; }
		.fade:not(.show) {
		    opacity: 0; }
		.fade {
		    transition: opacity .15s linear; }


.game-wrapper {
  position: relative;
  margin-bottom: 16px;
  padding: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2); }

.game-list-core {
  position: relative;
  padding-bottom: 105.88%;
  width: 100%;
  height: 0px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .game-list-core:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center; }

.modal-1 {
  padding-bottom: 129.45%; }

.modal-2 {
  padding-bottom: 93.79%; }

.modal-3 {
  padding-bottom: 46.15%; }

.modal-4 {
  padding-bottom: 161.11%; }

.game-list-content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  overflow: hidden; }
  .game-list-content a {
    display: block; }
  .game-list-content img {
    display: block;
    z-index: 1;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    object-fit: cover;
    -moz-object-fit: cover;
    -webkit-object-fit: cover;
    -o-object-fit: cover; }
.game-list-content .game-icon-frame {
	z-index: 2;
}
.game-favorite{
	position:absolute;width:30px;height:30px;text-align:center;outline:0;left:4px;bottom:4px;
	font-size:1rem;color:#929294;cursor:pointer;transition:ease .2s;z-index:3;
	background-color:white;border-radius:50%;border:1px solid rgba(0,0,0,0.1);
}
.game-favorite>i{line-height:28px;font-size:inherit;text-indent:unset}
.game-favorite.favorited{color:#f6c202}

.figure-text {
  text-align: center;
  padding: 6px 5px 1px 5px; }
  .figure-text p {
    font-weight: 500;
    min-height: 20px;
    font-size: 0.9375rem;
    color: #000; }
    @media only screen and (max-width: 600px) {
      .figure-text p {
        font-size: 0.875rem; } }

.masking {
  overflow: hidden; }
  .masking:after {
    content: "";
    width: 100%;
    height: 100%;
    margin: auto;
    background-color: rgba(0, 0, 0, 0.65);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 6; }

.spinner {
  margin: auto;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 8;
  background: #cecece;
  -webkit-mask: -webkit-radial-gradient(center, ellipse cover, black 68%, rgba(0, 0, 0, 0) 69.5%);
  mask: radial-gradient(center, ellipse cover, black 68%, rgba(0, 0, 0, 0) 69.5%); }

.spinner-inner {
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  background: transparent;
  border: 15px solid transparent;
  border-top-color: #fff;
  -webkit-transform: rotate(-45deg);
  -webkit-animation: inner 1s linear;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  animation: inner 1s linear; }

.spinner-mask {
  width: 0;
  height: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  background: transparent;
  border: 15px solid transparent;
  border-top-color: #cecece;
  -webkit-transform: rotate(-45deg);
  -webkit-animation: mask 1s linear;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  animation: mask 1s linear; }

.spinner-mask:after, .spinner-mask-two {
  display: block;
  width: 0;
  height: 0;
  content: '';
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  background: transparent;
  border: 15px solid transparent;
  border-top-color: white;
  -webkit-transform: rotate(45deg);
  -webkit-animation: mask-two 1s linear;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  animation: mask-two 1s linear; }

@-webkit-keyframes inner {
  0% {
    -webkit-transform: rotate(-45deg); }
  25% {
    border-left-color: transparent; }
  26% {
    border-left-color: white; }
  50% {
    border-bottom-color: transparent; }
  51% {
    border-bottom-color: white; }
  75% {
    border-right-color: transparent; }
  76% {
    border-right-color: white; }
  100% {
    -webkit-transform: rotate(315deg);
    border-left-color: white;
    border-bottom-color: white;
    border-right-color: white; } }

@keyframes inner {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  25% {
    border-left-color: transparent; }
  26% {
    border-left-color: white; }
  50% {
    border-bottom-color: transparent; }
  51% {
    border-bottom-color: white; }
  75% {
    border-right-color: transparent; }
  76% {
    border-right-color: white; }
  100% {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    border-left-color: white;
    border-bottom-color: white;
    border-right-color: white; } }

@-webkit-keyframes mask {
  0% {
    -webkit-transform: rotate(-45deg); }
  75% {
    -webkit-transform: rotate(-45deg); }
  100% {
    -webkit-transform: rotate(45deg); } }

@keyframes mask {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  75% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); } }

@-webkit-keyframes mask-two {
  0% {
    opacity: 0; }
  25% {
    opacity: 0; }
  26% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes mask-two {
  0% {
    opacity: 0; }
  25% {
    opacity: 0; }
  26% {
    opacity: 1; }
  100% {
    opacity: 1; } }

.body-container {
  width: 100%;
  padding: 2rem 1rem;
  min-height: calc(100vh - 56px); }

.retrict_bg {
  background: url(../images/common/bg1.png) no-repeat top center;
  background-size: 100%; }

.maintenance_bg {
  background: url(../images/common/bg2.jpg) no-repeat top center;
  background-size: cover; }

.pvd_maintenance_bg {
  background: #242424 url(../images/common/bg3.jpg) no-repeat top center;
  background-size: 100%; }

.layout-container {
  max-width: 540px;
  min-width: 240px;
  margin: 0 auto; }
  @media only screen and (max-width: 600px) {
    .layout-container {
      max-width: 470px; } }
  @media only screen and (max-width: 480px) {
    .layout-container {
      max-width: 290px; } }
  @media only screen and (max-width: 320px) {
    .layout-container {
      max-width: 242px; } }

.flag-nav {
  position: absolute;
  top: 3px;
  right: -48px; }
  @media only screen and (max-width: 600px) {
    .flag-nav {
      right: -36px; } }
  .flag-nav ul li {
    margin-bottom: 6px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }
    .flag-nav ul li:last-child {
      margin-bottom: 0; }
  .flag-nav ul a {
    display: block;
    width: 40px;
    height: 40px;
    background-size: cover;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 15px 15px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 0 15px 15px rgba(0, 0, 0, 0.6); }
    .flag-nav ul a.active {
      -webkit-box-shadow: inset 0 0 15px 15px rgba(0, 0, 0, 0.1);
      box-shadow: inset 0 0 15px 15px rgba(0, 0, 0, 0.1); }
    @media only screen and (max-width: 600px) {
      .flag-nav ul a {
        width: 30px;
        height: 30px; } }
  .flag-nav ul .en {
    background-image: url(../images/common/flag/en.png); }
  .flag-nav ul .cn {
    background-image: url(../images/common/flag/cn.png); }
  .flag-nav ul .th {
    background-image: url(../images/common/flag/th.png); }
  .flag-nav ul .vi {
    background-image: url(../images/common/flag/vi.png); }
  .flag-nav ul .ph {
    background-image: url(../images/common/flag/ph.png); }
  .flag-nav ul .in {
    background-image: url(../images/common/flag/in.png); }
  .flag-nav ul .ko {
    background-image: url(../images/common/flag/ko.png); }

.box-item {
  padding: 1rem;
  font-size: 1rem; }
  .box-item p {
    color: #616161; }
    .box-item p span {
      display: block;
      font-weight: 500;
      color: #D32F2F; }
  .box-item a {
    display: block; }
  .box-item dl {
    margin-top: 30px;
    text-align: center;
    border: 1px solid #585858;
    border-radius: 3px;
    font-size: 1rem; }
    .box-item dl dt {
      padding: 3px 5px;
      color: #fff;
      background-color: #585858; }
    .box-item dl dd {
      padding: 10px;
      background-color: rgba(255, 255, 255, 0.8); }
    .box-item dl i {
      display: inline-block;
      margin-right: 10px;
      vertical-align: middle; }
    .box-item dl a {
      margin: 5px 0; }
  @media only screen and (max-width: 480px) {
    .box-item {
      padding: 0;
      font-size: 0.875rem; }
      .box-item dl {
        margin-top: 15px; } }

.box-item-title {
  margin-bottom: 20px; }
  .box-item-title img {
    width: 54px;
    margin: 10px 0;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.36);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.36); }
  .box-item-title h4 {
    position: relative;
    font-weight: 600;
    color: #424242;
    font-size: 1.5rem; }
  @media only screen and (max-width: 480px) {
    .box-item-title {
      margin-bottom: 15px; }
      .box-item-title img {
        width: 42px;
        margin: 5px 0; }
      .box-item-title h4 {
        font-size: 1.1875rem; } }
  @media only screen and (max-width: 320px) {
    .box-item-title img {
      width: 36px; }
    .box-item-title h4 {
      font-size: 1.125rem; } }

.contact-item {
  margin-top: 36px; }
  @media only screen and (max-width: 480px) {
    .contact-item {
      margin-top: 15px; } }
  .contact-item li {
    width: calc(100% / 2 - 5px); }
    .contact-item li:first-child {
      margin-right: 10px; }
  .contact-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: block \9;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #AFAFAF;
    height: 2.6rem;
    line-height: 1rem;
    vertical-align: middle;
    color: #616161;
    border-radius: 20px;
    font-size: 1.125rem; }
  .contact-item i {
    display: inline-block;
    margin-right: 8px; }
    @media only screen and (max-width: 480px) {
      .contact-item i {
        margin-right: 0; } }
  .contact-item span {
    display: inline-block; }
    @media only screen and (max-width: 480px) {
      .contact-item span {
        font-size: 0;
        text-indent: -99999px; } }

.dark_bg {
  background-color: #181818; }
  .dark_bg .box-item {
    padding: 30px 0 0 15px; }
    .dark_bg .box-item ul li {
      margin-bottom: 20px; }
    .dark_bg .box-item span {
      margin: 0 15px 0 10px;
      display: block;
      width: 30px;
      height: 30px;
      background-size: 100%; }
    .dark_bg .box-item p {
      color: #ececec;
      line-height: 28px;
      text-transform: uppercase;
      font-size: 1.125rem; }
    @media only screen and (max-width: 320px) {
      .dark_bg .box-item p {
        font-size: 0.9375rem; } }
  .dark_bg .en {
    background-image: url(../images/common/flag/en.png); }
  .dark_bg .cn {
    background-image: url(../images/common/flag/cn.png); }
  .dark_bg .th {
    background-image: url(../images/common/flag/th.png); }
  .dark_bg .vi {
    background-image: url(../images/common/flag/vi.png); }
  .dark_bg .ph {
    background-image: url(../images/common/flag/ph.png); }
  .dark_bg .in {
    background-image: url(../images/common/flag/in.png); }
  .dark_bg .ko {
    background-image: url(../images/common/flag/ko.png); }

@-webkit-keyframes bounce {
  0% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    opacity: 1; }
  100% {
    transform: scale(1.46);
    -webkit-transform: scale(1.46);
    opacity: 0; } }

@keyframes bounce {
  0% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    opacity: 1; }
  100% {
    transform: scale(1.46);
    -webkit-transform: scale(1.46);
    opacity: 0; } }

@-webkit-keyframes circle1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes circle1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes opacity {
  0%, 100% {
    opacity: 0; }
  50% {
    opacity: 1; } }

@-moz-keyframes opacity {
  0%, 100% {
    opacity: 0; }
  50% {
    opacity: 1; } }

@keyframes opacity {
  0%, 100% {
    opacity: 0; }
  50% {
    opacity: 1; } }

/*-----Common color style-----*/
:root {
    --main-color: #222222;
}

.default-color {
  background-color: #222222 !important;
}

.default-color-text {
  color: #222222 !important; }

.default-color.lighten-3 {
  background-color: #00bedd !important;
}

.default-color-text.text-lighten-3 {
  color: #00bedd !important;
}

.default-color.lighten-2 {
  background-color: #dedede !important;
}

.default-color-text.text-lighten-2 {
  color: #dedede !important;
}

.default-color.lighten-1 {
  background-color: #ececec !important;
}

.default-color-text.text-lighten-1 {
  color: #ececec !important;
}

.default-color.darken-1 {
  background-color: #101010 !important;
}

.default-color-text.text-darken-1 {
  color: #101010 !important;
}

.default-color.darken-2 {
  background-color: #313131 !important;
}

.default-color-text.text-darken-2 {
  color: #313131 !important;
}

.default-color.darken-3 {
  background-color: #171717 !important;
}

.default-color-text.text-darken-3 {
  color: #171717 !important;
}

.red {
  background-color: #F44336 !important;
}

.red-text {
  color: #F44336 !important;
}

.red.darken-1 {
  background-color: #E53935 !important;
}

.red-text.text-darken-1 {
  color: #E53935 !important;
}

.red.darken-2 {
  background-color: #D32F2F !important;
}

.red-text.text-darken-2 {
  color: #D32F2F !important;
}

.light-blue {
  background-color: #03a9f4 !important;
}

.light-blue-text {
  color: #03a9f4 !important;
}

.teal {
  background-color: #009688 !important;
}

.teal-text {
  color: #009688 !important;
}

.teal.darken-1 {
  background-color: #00897B !important;
}

.teal-text.text-darken-1 {
  color: #00897B !important;
}

.teal.darken-2 {
  background-color: #00796b !important;
}

.teal-text.text-darken-2 {
  color: #00796b !important;
}

.green {
  background-color: #4CAF50 !important;
}

.green-text {
  color: #4CAF50 !important;
}

.green.darken-1 {
  background-color: #43A047 !important;
}

.green-text.text-darken-1 {
  color: #43A047 !important;
}

.green.darken-2 {
  background-color: #388E3C !important;
}

.green-text.text-darken-2 {
  color: #388E3C !important;
}

.green.darken-3 {
  background-color: #0fd700 !important;
}

.green-text.text-darken-3 {
  color: #0fd700 !important;
}

.grey {
  background-color: #9e9e9e !important;
}

.grey-text {
  color: #9e9e9e !important;
}

.grey.lighten-5 {
  background-color: #fafafa !important;
}

.grey-text.text-lighten-5 {
  color: #fafafa !important;
}

.grey.lighten-4 {
  background-color: #f5f5f5 !important;
}

.grey-text.text-lighten-4 {
  color: #f5f5f5 !important;
}

.grey.lighten-3 {
  background-color: #eeeeee !important;
}

.grey-text.text-lighten-3 {
  color: #eeeeee !important;
}

.grey.lighten-2 {
  background-color: #e0e0e0 !important;
}

.grey-text.text-lighten-2 {
  color: #e0e0e0 !important;
}

.grey.lighten-1 {
  background-color: #bdbdbd !important;
}

.grey-text.text-lighten-1 {
  color: #bdbdbd !important;
}

.grey.darken-1 {
  background-color: #757575 !important;
}

.grey-text.text-darken-1 {
  color: #757575 !important;
}

.grey.darken-2 {
  background-color: #616161 !important;
}

.grey-text.text-darken-2 {
  color: #616161 !important;
}

.grey.darken-3 {
  background-color: #424242 !important;
}

.grey-text.text-darken-3 {
  color: #424242 !important;
}

.grey.darken-4 {
  background-color: #212121 !important;
}

.grey-text.text-darken-4 {
  color: #212121 !important;
}

.black {
  background-color: #000000 !important;
}

.black-text {
  color: #000000 !important;
}

.white {
  background-color: #FFFFFF !important;
}

.white-text, .user-view {
  color: #FFFFFF !important;
}

/*-----Html color style-----*/
a{
  color: #fff;
}

select {
  background-color: rgba(255, 255, 255, 0.9);
  border-color: #ADADAD;
  color: #424242;
}

.select-type:after {
  border-color: #424242 transparent transparent transparent;
}

[type="checkbox"] + label:before,
[type="checkbox"]:not(.filled-in) + label:after {
  border-color: #ddd;
}

[type="checkbox"].filled-in:not(:checked) + label:after {
  border-color: #424242;
}

[type="checkbox"].filled-in:checked + label:before {
  border-right-color: #fff;
  border-bottom-color: #fff;
}

[type="checkbox"].filled-in:checked + label:after {
  border-color: #222222;
  background-color: #222222;
}

/*-----box shadow color style-----*/
.z-depth-1, .navbar-fixed, .side-nav, .info-page-content .notice, .promotions-list, .mailbox-wrap, .account-structure, .default-wrap, .game-item-tabs {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.z-depth-1-half {
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}

.z-depth-2, .modal, .page-loader-body, .popup-defaul, .body-container-header {
  -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
}

.z-depth-3, .prospect-banner {
  -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
}

.divider{
  background-color: #9e9e9e;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.disabled{
  background-color: #DFDFDF !important;
  color: #9F9F9F !important;
}

/*-----btn color style-----*/
.btn-default, .btn-primary {
  color: #424242;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7eff1+0,bfbfbf+99 */
  background: #e7eff1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e7eff1 0%, #bfbfbf 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e7eff1 0%, #bfbfbf 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#e7eff1), color-stop(99%, #bfbfbf));
  background: -o-linear-gradient(top, #e7eff1 0%, #bfbfbf 99%);
  background: linear-gradient(to bottom, #e7eff1 0%, #bfbfbf 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7eff1', endColorstr='#bfbfbf',GradientType=0 );
  /* IE6-9 */
  border-bottom-color: #313131;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}

.btn-amount {
  color: #313131;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b1b1b1+1,eaeaea+100 */
  background: #b1b1b1;
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(177, 177, 177, 0.8) 0%, #eaeaea 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(177, 177, 177, 0.8) 0%, #eaeaea 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(177, 177, 177, 0.8)), color-stop(99%, #eaeaea));
  background: -o-linear-gradient(top, rgba(177, 177, 177, 0.8) 0%, #eaeaea 99%);
  background: linear-gradient(to bottom, rgba(177, 177, 177, 0.8) 0%, #eaeaea 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1b1b1', endColorstr='#eaeaea',GradientType=0 );
  /* IE6-9 */
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 2px 0px 0 #a1a1a1;
  box-shadow: 0 2px 0px 0 #a1a1a1;
}

/*-----input type color style-----*/
.input-field{border-color:#a3a5a8;background-color:#fff}
.input-field .checkCode{border-left-color:#a3a5a8}
.sidenav-overlay{background-color:rgba(0,0,0,.5)}

/*----- NewsInformation style-----*/
.modal{background-color:#fafafa}
.modal .modal-title {
  background-color: #dedede;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.modal .modal-content ul li{border-bottom-color:#aaa}
.modal .modal-footer{background-color:#fafafa;border-top-color:#dedede}
.modal-overlay{background-color:rgba(0,0,0,.76)}

/*----- Loading style-----*/
.preLoadOuter:before{background-color:#222}
.preLoadSpinner{border-color:rgba(255,255,255,.3);border-left-color:#fff}
.page-loader:before{background-color:rgba(0,0,0,.76)}
.page-loader-body{background-color:rgba(0,0,0,.8)}

/*Scroll Bar Set*/
.scroll{background-color:#dedede}
.scroll .bar{background-color:#484848}
.scroll span{border-top-color:#aaa;border-bottom-color:#aaa}

/*-----Popup style-----*/
.popup-defaul{background-color:#fff}
.popup-defaul span{background-color:#fff}
.popup-defaul span .icon-check_circle{color:#388e3c}
.popup-defaul span .icon-cancel{color:#d32f2f}
.popup-defaul span .icon-info-icon{color:#222}
.popup-defaul span .icon-help{color:#616161}

/*Navbar Bar Style*/
.navbar-fixed{background-color:#181818;text-align:center}
.navbar-fixed .back-button{background-color:transparent;border-right-color:rgba(0,0,0,.4);color:#fff}
.navbar-fixed ul a.icon-btn{color:#424242}
/* .navbar-fixed .button-collapse{background-color:#101010} */

/*-----Right side-nav style-----*/
.side-nav{background-color:#dedede}
/* .side-nav a.btn{color:#fff} */
.user-view {
  background: #101010;
  /* Old browsers */
  background: -moz-linear-gradient(top, #101010 0%, #222222 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #101010 0%, #222222 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#101010), to(#222222));
  background: -o-linear-gradient(top, #101010 0%, #222222 100%);
  background: linear-gradient(to bottom, #101010 0%, #222222 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101010', endColorstr='#222222',GradientType=0 );
  /* IE6-9 */
}
.user-view ol a{color:#ececec}
.user-view ol i{color:#101010}
.user-view ol .close-btn{background-color:#ececec}
.user-view ol .deposit-btn{color:#0fd700;border-color:#0fd700;margin-right:5px}
.user-view ol .withdraw-btn{color:#d70000;border-color:#d70000}
.user-view .member-info{background-color:#ececec}
.user-view .balance,.user-view .balance i{color:#212121}

.user-view .icon-user-wrap{background-color:rgba(229,229,229,.3)}
.menu-body{padding-bottom:48px}
.menu-body li{border-bottom-color:#9e9e9e}
.menu-body a,.menu-body i,.menu-body .lang-select select{color:#424242}
.menu-body a:hover{background-color:rgba(0,0,0,.05)}
#sidenav-overlay{background-color:rgba(0,0,0,.5)}

/*-----Bottom Nav Bar style-----*/
.bottom-nav-bar ul li{border-right-color:rgba(255,255,255,.2)}
.bottom-nav-bar a{color:#ececec}
.bottom-nav-bar a.active{color:#53c6ff}

/*-----Body style-----*/

.prospect-banner {
  border-color: #fff;
  background-color: #000;
}

.login-container ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #616161;
}

.login-container ::-moz-placeholder {
  /* Firefox 19+ */
  color: #616161;
}

.login-container :-ms-input-placeholder {
  /* IE 10+ */
  color: #616161;
}

.login-container :-moz-placeholder {
  /* Firefox 18- */
  color: #616161;
}

.login-container i {
  color: #757575;
}

.textfield-error {
  color: #D32F2F;
}

.info-page-content .notice {
  color: #424242;
  background-color: #ddd;
}

.info-page-content .notice span {
  border-color: rgba(255, 252, 255, 0.36);
}

.toggle-button {
  border-color: #101010;
  background-color: #f0f1f5;
}

.toggle-button .toggle-button-option {
  color: #525252;
}

.toggle-button .toggle-button-option.active {
  background-color: #343434;
}

.main-header-title {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#101010+0,222222+100 */
  background: #101010;
  /* Old browsers */
  background: -moz-linear-gradient(top, #101010 0%, #222222 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #101010 0%, #222222 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#101010), to(#222222));
  background: -o-linear-gradient(top, #101010 0%, #222222 100%);
  background: linear-gradient(to bottom, #101010 0%, #222222 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101010', endColorstr='#222222',GradientType=0 );
  /* IE6-9 */
  color: #ececec;
}

/* .page-header-title a{background-color:rgba(255,255,255,.2);color:#fff} */
.textfield-wrap label span{color:#d32f2f}
.textfield-wrap .toggle i{color:#424242}
.textfield-wrap textarea{width:100%;margin-bottom:10px;padding:8px;border:none;resize:none}
.secondary-notice{color:#4e3a00;border-color:#bfae73;background-color:#fff3cd}
.msg-notice{color:#4e3a00;border-color:#bfae73;background-color:#fff3cd}
.browser-default{color:#dfdfdf;border-color:#dfdfdf;background-color:#dfdfdf}
.browser-default input{color:#4e4e4e;background-color:#dfdfdf}
.validation-pass i{color:#388e3c}
.validation-error i{color:#d32f2f}
.validation-close i{color:#424242}
.validation-error .input-field{border-color:#d32f2f}
.validation-error .tooltip{color:#d32f2f}
/* .tooltip{color:#616161} */
.list-bulleted{border-top-color:#9e9e9e}
.navigation-ribbon .navigation-ribbon-container{background-color:#101010}
.navigation-ribbon .navigation-ribbon-item a{color:#ececec}
.navigation-ribbon .navigation-ribbon-item .active{color:#00bedd}
.navigation-ribbon .navigation-ribbon-item .active:after{color:#101010}
.game-list a{color:#fff}
.pageTop-element{color:#fff;background-color:rgba(187,187,187,.5)}

/*Footer Style*/
footer{background-color:#313131;color:#757575}
.footer-copyright {
  border-top-color: rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
}

/*Promotion Style*/
.promotions-category a{/* color:#171717; */border-bottom-color:#757575}
.promotions-list{background-color:#fff}
.promotion-title p{color:#585858}
.promotions-info:before{background-color:#222}
.promotions-info .btn-close{color:#313131}

/* Promotion Detail */
.p-4{padding:1.5rem !important}
.mb-3{margin-bottom:1.5rem !important}
.promotion article{background-color:#fff;filter:drop-shadow(0px 2px 6px black)}
.gx-4{--bs-gutter-x:1.5rem}
.gx-lg-5{--bs-gutter-x:3rem}
.row-cols-2 > * {flex:0 0 auto;width:50%}
.row-cols-md-3 > * {flex:0 0 auto;width:33.3333333333%}
.row-cols-xl-4 > * {flex:0 0 auto;width:25%}
.fw-bolder{font-weight:bolder !important}
.promotion-name{color:black}
.promotion_group .card-img-top{max-width:1100px}

/*Contact Us Style*/
.contactus-category .title{color:#fff}
.contactus-category .default{background-color:#fff;color:#212121}
.nav-chat{border-color:#0fa3bb;background-color:#0fa3bb}
.nav-phone{border-color:#54aa00;background-color:#54aa00}
.nav-email{border-color:#e0861a;background-color:#e0861a}
.nav-qq{border-color:#616161;background-color:#616161}
.nav-whatsapp{border-color:#00ab18;background-color:#00ab18}
.nav-twitter{border-color:#0fb3e6;background-color:#0fb3e6}
.nav-skype{border-color:#0083ca;background-color:#0083ca}
.nav-wechat{border-color:#09b83e;background-color:#09b83e}
.nav-line{border-color:#00b900;background-color:#00b900}
.nav-bbm{border-color:#2c2c2c;background-color:#2c2c2c}
.nav-yahoo{border-color:#430297;background-color:#430297}
.nav-kakaotalk{border-color:#3b1f1e;background-color:#3b1f1e}
.nav-telegram{border-color:#1d94d3;background-color:#1d94d3}
.nav-facebook{border-color:#3b5998;background-color:#3b5998}

/*Mail Box Style*/
.buttons-option-wrap a{background-color:#cecece;color:#424242}
.buttons-option-wrap a.active{background-color:#0097a7;color:#fff}
.buttons-option-wrap span{color:#ececec;background-color:#101010}
.mailbox-wrap{background-color:#f9f9f9}
.mailbox-wrap:before{background-color:#525252}
.mailbox-wrap .date{background-color:#525252;color:#ececec}
.mailbox-wrap .delete a{color:#656565}
.mailbox-wrap p{color:#5d5d5d}
.mailbox-content{color:#5d5d5d}
.message-card{border-color:#e7d394;background-color:#fff3cd;color:#af8302}
.page-area .button{border-color:#adadad;background-color:#fff;color:#333}

/*-----Account Style-----*/
.account-content /* .textfield-wrap label */ {
	color: #222222;
}
.account-structure {
  background: #ececec;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ececec 0%, #d4d4d4 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ececec 0%, #d4d4d4 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#d4d4d4));
  background: -o-linear-gradient(top, #ececec 0%, #d4d4d4 100%);
  background: linear-gradient(to bottom, #ececec 0%, #d4d4d4 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#d4d4d4',GradientType=0 );
  /* IE6-9 */
}
.account-wrap i{color:#424242}
.account-amount span{color:#424242}
.account-menu{border-color:#101010;background-color:rgba(245,246,247,.6)}
.account-menu li{border-right-color:#101010}
.account-menu a{color:#383838}
.account-menu a.active{color:#fff;background-color:#33406f}
.default-wrap{background-color:rgba(255,255,255,.8)}
.balance-list{color:#222}
.balance-list li{border-bottom-color:rgba(49,49,49,.3)}
.game-wrapper{background-color:#fff;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2);box-shadow:0 3px 1px -2px rgba(0,0,0,.2)}

/*-----Maintenance Style-----*/
.pvd_maintenance_bg{background-color:#242424}
.body-container-header{background-color:rgba(0,0,0,.65);color:#fff}

.body-container-header .activation-time {
  color: #9e9e9e;
  background-color: #171717;
  background: #222;
  background-image: -webkit-linear-gradient(top, #222, #333, #333, #222);
  background-image: -moz-linear-gradient(top, #222, #333, #333, #222);
  background-image: -ms-linear-gradient(top, #222, #333, #333, #222);
  background-image: -o-linear-gradient(top, #222, #333, #333, #222);
  border-color: #111;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
}

.body-container-header .activation-time:before {
  background: #444;
  background-image: -webkit-linear-gradient(top, #555, #444, #444, #555);
  background-image: -moz-linear-gradient(top, #555, #444, #444, #555);
  background-image: -ms-linear-gradient(top, #555, #444, #444, #555);
  background-image: -o-linear-gradient(top, #555, #444, #444, #555);
  border-color: #111;
}

.body-container-header .activation-time:after {
  background: #444;
  background-image: -webkit-linear-gradient(top, #555, #444, #444, #555);
  background-image: -moz-linear-gradient(top, #555, #444, #444, #555);
  background-image: -ms-linear-gradient(top, #555, #444, #444, #555);
  background-image: -o-linear-gradient(top, #555, #444, #444, #555);
  border-color: #111;
}

.body-container-header .circles-wrap .circle1 {
  border-color: rgba(255, 255, 255, 0.46);
}

.body-container-header .header-icon i {
  background-color: #000;
  color: #fff;
}

.body-container-header .lock-icon:before, .body-container-header .lock-icon:after {
  background: rgba(233, 0, 0, 0.8);
}

.body-container-header .lock-icon i {
  border-color: rgba(233, 0, 0, 0.8);
}

.servicefix-time .timeline-content {
  border-color: #5C5C5C;
  background-color: #141414;
}

.servicefix-time .timeline-content:before {
  background-color: #5C5C5C;
}

.servicefix-time .timeline-content:after {
  background-color: #5C5C5C;
}

.servicefix-time .timeline-content p {
  color: #fff;
}

.servicefix-time .number span {
  color: #5C5C5C;
}

.flag-nav ul a {
  -webkit-box-shadow: inset 0 0 15px 15px rgba(0, 0, 0, 0.6);
  box-shadow: inset 0 0 15px 15px rgba(0, 0, 0, 0.6);
}

.flag-nav ul a.active {
  -webkit-box-shadow: inset 0 0 15px 15px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 15px 15px rgba(0, 0, 0, 0.1);
}

.box-item p {
  color: #616161;
}

.box-item p span {
  color: #D32F2F;
}

.box-item dl {
  border-color: #585858;
}

.box-item dl dt {
  color: #fff;
  background-color: #585858;
}

.box-item dl dd {
  background-color: rgba(255, 255, 255, 0.8);
}

.box-item-title img {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.36);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.36);
}

.box-item-title h4 {
  color: #424242;
}

.contact-item a {
  border-color: #AFAFAF;
  color: #616161;
}

/*-----wait loading color-----*/
.masking:after {
  background-color: rgba(0, 0, 0, 0.65);
}

.spinner {
  background: #cecece;
}

.spinner-inner {
  border-top-color: #fff;
}

.spinner-mask {
  border-top-color: #cecece;
}

.spinner-mask:after, .spinner-mask-two {
  border-top-color: white;
}

.wallet_type_wrap{
  background-color: #dedede;
  color: #212121;
}

.withdraw-money > label { margin-top: 5px;}
.withdraw-money [type="checkbox"] {
	position: relative;
	opacity: 1;
	top: 2px;
}

/* custom icon */
.game-list ul > li > a {
    padding:84px 0 0 0;
    background:url(../images/common/icon_menu.png) no-repeat;
	background-position: -110px 0px;
}
.game-list ul .pgr{background-position:-110px -114px}
.game-list ul .hb{background-position:-110px -228px}
.game-list ul .gpi{background-position:-110px -342px}
.game-list ul .gpk,.game-list ul .gpoker{background-position:-110px -456px}
.game-list ul .plt,.game-list ul .pt{background-position:-110px -570px}
.game-list ul .skw{background-position:-110px -684px}
.game-list ul .wm{background-position:-110px -798px}
.game-list ul .isin4d{background-position:-110px -912px}
.game-list ul .spd{background-position:-110px -1026px}
.game-list ul .sbo{background-position:-110px -1140px}
.game-list ul .agl{background-position:-110px -1254px}
.game-list ul .jkr{background-position:-110px -1368px}
.game-list ul .cmd{background-position:-110px -1482px}
.game-list ul .awc{background-position:-110px -1596px}

/*----- bootstrap components -----*/
.col-12, .col-sm-6, .col-4, .col-md-3, .col-sm-2 {
	position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px; }
.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
.col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
.col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
@media only screen and (max-width: 575px) {
	.col-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}
@media only screen and (min-width: 576px) {
	.col-sm-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16.666666%;
		flex: 0 0 16.666666%;
		max-width: 16.666666%;
	}
}
.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}
.alert{position:relative;padding:.75rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}
.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem;color:inherit}
.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}
.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}
.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}
.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}
.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}
.text-primary{color:#007bff !important}
.text-danger{color:#dc3545 !important}
.text-center{text-align:center !important}
.text-justify{text-align:justify !important}
.text-warning{color:#ffc107 !important}
.text-info{color:#17a2b8 !important}
.text-ellipsis{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}

.bd-callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid #eee;
  border-left-width: 0.25rem;
  border-radius: 0.25rem;
  background-color: #fff;
}
.bd-callout-danger{border-left-color:#d9534f}
.bd-callout-info{border-left-color:#5bc0de}
.bd-callout-warning{border-left-color:#f0ad4e}

.form-control-file {
  display:block;
  width:100%;
}
/*----- bootstrap components -----*/

/* for announcement */
#announcement{color:#000}

/* for livechat */
#chat-widget-container{bottom:48px!important;height:calc(100% - 105px)!important}

/* for download page */
#list-app-download li{position:relative;margin-bottom:10px}#list-app-download p{background-color:#fff;color:#000;padding:10px}

/* system */
.align-center { text-align: center; }
.container::after{content:"";clear:both;display:table}
.container{padding-right:10px;padding-left:10px;margin-right:auto;margin-left:auto}
.index-card{padding:0;float:left;display:block;width:100%;margin:0 auto} /* new */
.responsive-image{width:100%;height:100%}
.mt-0{margin-top:0}
.mb-0{margin-bottom:0}
.mt-2rem{margin-top:2rem}
.mb-2rem{margin-bottom:2rem}
.mt-10{margin-top:10px}
.mb-10{margin-bottom:10px}
.game-one-half{width:48%;float:left;margin-right:4%}
.last-column{margin-right:0!important}
.game-box{background-color:#333}
.game-title{margin:0;padding:5px;color:#fff;font-size:12px;text-align:center;line-height:20px}

/** Supported Bank List **/
.supported-bank{text-align:center;margin-bottom:20px;padding:0 10px}
.supported-bank .bank {
  margin: 5px 3px;
  border: 1px solid #4c4c4c;
  background-color: #080d10;
  border-radius: 8px;
  padding: 5px 0;
  max-width: 90px;
  display: inline-block;
  height: 40px;
}
.supported-bank .bank > div {
	width: 70px;
	height: 20px;
	margin-left: 15px;
	margin-top: 3px;
	background: url(../images/common/bank.png) no-repeat;
	background-size: 200%;
	background-position:right 0;
}
.supported-bank .bank .permata{background-position:right -22px}
.supported-bank .bank .mandiri{background-position:right -45px}
.supported-bank .bank .bni{background-position:right -71px}
.supported-bank .bank .danamon{background-position:right -96px}
.supported-bank .bank .cimb{background-position:right -118px}
.supported-bank .bank .bri{background-position:right -138px}
.supported-bank .bank .ovo{background-position:right -162px}
.supported-bank .bank .gopay{background-position:right -186px}
.supported-bank .bank .xl{background-position:right -207px}
.supported-bank .bank .simpati{background-position:right -229px}
.supported-bank .bank .dana{background-position:right -249px}
.supported-bank .bank .linkaja{background-position:right -273px}
.supported-bank .bank .panin{background-position:right -293px}
.supported-bank .bank .sakuku{background-position:right -314px}
.supported-bank .bank .bsi{background-position:right -338px}
.supported-bank .bank .tri{background-position:right -363px}
.supported-bank .bank .neo{background-position:right -387px}
.supported-bank .bank .jenius{background-position:right -413px}
.supported-bank .bank .btn{background-position:right -441px}
.supported-bank .bank .qris,.supported-bank .bank .qris-nagari{background-position:right -472px;margin-left:9px}
.supported-bank .bank .maybank{background-position:right -498px}
.supported-bank .bank .sinarmas{background-position:right -524px}
.supported-bank .bank .jago{background-position:right -547px}
.supported-bank .bank .allo{background-position:right -573px}
.supported-bank .bank .indosat{background-position:right -594px}
.supported-bank .bank .blu{background-position:right -615px}
.supported-bank .bank .seabank{background-position:right -640px}
.supported-bank .bank .ocbc{background-position:right -662px}
.supported-bank .bank .vabca{background-position:right -687px}
.supported-bank .bank .vapermata{background-position:right -714px}
.supported-bank .bank .vamandiri{background-position:right -737px}
.supported-bank .bank .vabni{background-position:right -764px}
.supported-bank .bank .vabri{background-position:right -789px}

.supported-bank .indicator{position:absolute;top:14px;left:4px;width:10px;height:10px;border-radius:2px}
.supported-bank .indicator.on{background:url(../images/common/indic-on.png) no-repeat}
.supported-bank .indicator.off{background:url(../images/common/indic-off.png) no-repeat}
.supported-bank .indicator.on,.supported-bank .indicator.off{background-position:center center}

/** Footer Content **/
.seo-footer{padding:25px 10px;text-align:center} /* new */
.seo-footer>.infini-logo{margin-bottom:1rem}
.seo-footer>.infini-logo>img{max-height:45px}

/****** Home Slider with Owl Carousel thirdparty ******/
.home-slider .owl-dots,.home-slider .owl-nav{position:absolute;width:100%}
.home-slider .owl-nav{top:0;margin-top:0 !important;height:100%;font-size:3rem;font-weight:bold;visibility:hidden}
.home-slider .owl-nav button{margin:0 !important;width:50px;visibility:visible}
.home-slider .owl-nav button.owl-prev{float:left;height:100%}
.home-slider .owl-nav button.owl-next{float:right;height:100%}
.home-slider .owl-nav [class*='owl-']:hover{background:transparent}
.home-slider .owl-dots{bottom:0}
.home-slider .owl-dots .owl-dot span{height:5px;width:30px;margin:5px 2px;border-radius:20px;background:#adadad}
.home-slider .owl-dots .owl-dot.active span{background:#545454}

/****** Slider Carousel with Bootstrap component style ******/
.carousel { position: relative; }
.slider-container { border-bottom: 2px solid #060606; }
.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}
.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}
[class^="carousel-control-"] {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease;
}
[class^="carousel-control-"] .fas {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
    font-size: 1.5rem;
}
.carousel-control-prev{left:0}
.carousel-control-next{right:0}
.carousel-indicators .active{opacity:1}
.carousel-inner{position:relative;width:100%;overflow:hidden}
.carousel-item {
	position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display:flex;
}
.carousel-item img{display:inherit;height:unset}
.carousel-item.active .item {
	/* height: 130px; */
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/****** Button Login and Register on index page ******/
.btn-account{
	padding:0;
	min-height:40px /* new */
}
.btn-account > a {
	border-radius:inherit;
	width:calc(100% / 2);
	float:left;
	display:block;
	line-height:40px;
	height:inherit;
	text-transform:uppercase;	
}
.btn-account ul {
	display: table;
	margin: 0 auto;
	padding: 10px 0;
}
.btn-account ul li { 
	float: left;
	margin-right: 10px;}
.btn-account ul li:last-child { margin-right: 0;}
.btn-account ul a.icon-btn {
	padding: 10px;
	width: 80px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ececec+0,acacac+100 */
	background: #767676;
	/* Old browsers */
	background: -moz-linear-gradient(top, #767676 0%, #565656 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #767676 0%, #565656 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, left bottom, from(#767676), to(#565656));
	background: -o-linear-gradient(top, #767676 0%, #565656 100%);
	background: linear-gradient(to bottom, #767676 0%, #565656 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#767676', endColorstr='#565656',GradientType=0 );
	/* IE6-9 */
	border-radius: 3px;
	text-align: center;
	vertical-align: middle;
	font-size: 1em;
	font-family: inherit !important; }

/****** Reset History ******/
.datepicker td, .datepicker th{padding:4px 8px}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}
.filter-contents-wrapper--date{background-color:#fff;position:relative;padding:16px 16px 0}
.filter-contents-wrapper .header-wrapper{display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center}
.filter-contents-wrapper .header-wrapper h3{display:inline-block;color:#40454c;font-size:1.1rem;font-weight:bold;margin:0}
.filter-container--date{margin-top:10px;display:flex;-webkit-box-pack:justify;justify-content:space-between}
.filter-container--date i{height:24px;margin-right:16px;margin-top:26px;color:grey;font-size:1.2rem}
.filter-container--date__first-date{margin-right:8px}
.filter-container--date__second-date{margin-left:8px}
.toggle-switch{padding-bottom:10px}
.toggle-switch .switch label .lever{margin-right:2px}
.more-filter{margin-top:0}
.more-filter .select-type:after{right:8px}
.input-date{margin-bottom:16px}
.input-select{width:100%}
.date-area {
    color: rgb(49, 53, 59);
    border-bottom-width: 1px;
    border-bottom-color: rgb(229, 231, 233);
    border-bottom-style: solid;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    padding-top: 18px;
    transition: border-bottom-style 280ms ease 0s;
}
.date-area::before {
    content: "";
    width: 0px;
    height: 1px;
    background-color: rgb(79, 209, 90);
    position: absolute;
    bottom: -1px;
    left: 0px;
    z-index: 2;
    transition: width 280ms ease 0s;
}
.date-area .input-wrapper{display:flex;position:relative;flex:1 1 0%}
.date-area .form-control {
    width: 100%;
    height: 26px;
    color: rgba(49, 53, 59, 0.96);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    background-color: transparent;
    position: relative;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    border-radius: 0px;
    outline: none;
    padding: 3px 0px;
    margin: 0px;
    transition: color 280ms ease 0s;
    text-align:left;
}
.label-date,.label-date.hasValue{font-size:12px;transform:none;top:-18px;color:rgba(49,53,59,.68)}
.label-date {
    width: 100%;
    color: rgba(49, 53, 59, 0.54);
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none;
    position: absolute;
    top: 4px;
    will-change: transform, font-size;
    overflow: hidden;
    transition: top 280ms ease 0s, transform 280ms ease 0s, font-size 280ms ease 0s;
}
.history-button-wrapper {
    position: relative;
    bottom: 0px;
    left: 0px;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.15) 0px -1px 7px 0px;
    background-color: rgba(255, 255, 255, 0.96);
    padding: 8px 16px;
}
.history-button {
    color: rgb(255, 255, 255);
    font-size: 14px;
    height: 48px;
    line-height: 18px;
    width: 100%;
    font-weight: 800;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    text-indent: initial;
    border-radius: 8px;
    outline: none;
    overflow: hidden;
    padding: 0px 16px;
    transition: background 0.8s ease 0s;
    background: radial-gradient(circle, transparent 1%, rgb(3, 172, 14) 1%) center center / 15000% rgb(3, 172, 14);
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}
.history-button span{opacity:1;position:relative;bottom:0;transition:opacity .3s linear 0s,bottom .3s linear 0s}
.history-empty{height:100%;text-align:center;flex:initial;padding:24px}
.history-empty-text{margin:24px 0;flex:1 1 0%}

/****** Menu Game on index page ******/
.game-front-wrapper{background-color:#181818;padding:0 40px}
.game-group-front{height:100%;margin-bottom:0}
.game-group-front .owl-stage-outer{padding:10px 0}
.game-group-front .owl-item.active:first-child{margin-left:-9px}
.game-group-front .owl-nav{position:absolute;width:100%;top:0;margin-top:0 !important;height:100%;font-size:3rem;font-weight:bold;z-index:-1}
.game-group-front .owl-nav button{margin:0 !important;width:40px;background:transparent !important}
.game-group-front .owl-nav button.owl-prev{float:left;height:100%;margin-left:-40px !important}
.game-group-front .owl-nav button.owl-next{float:right;height:100%;margin-right:-40px !important}
.game-group-front .owl-nav [class*='owl-']:hover{background:transparent}

.game-group-front .nav-link {
	padding:0;
	line-height:19px;
	font-size:12px;
	height:auto;
	margin:0 auto;
	width:90px;
	transition:color .3s ease;
	color:#fff;
	display:block;
	position:relative;
}
.game-group-front .nav-link.active{border-radius:10px;font-weight:bold;opacity:0.5}
.game-group-front .nav-link.active:after{height:unset}
.game-group-front .nav-link>span{display:block;text-align:center}
.game-group-front .nav-link>i {
	width:90px;
	height:56px;
	margin:0 auto;
	display:block;
	background:url(../images/common/icon_nav.png) no-repeat;
	background-size:60%;
	background-position:center -182px;
}
.game-group-front .icon-new{top:0;right:5px;font-size:1.2rem}

.game-group-front .nav-link>i.slot{background-position:center -47px}
.game-group-front .nav-link>i.tembak_ikan{background-position:center -255px}
.game-group-front .nav-link>i.lottery{background-position:center -325px}
.game-group-front .nav-link>i.poker{background-position:center -402px}
.game-group-front .nav-link>i.sports{background-position:center -608px}
.game-group-front .nav-link>i.cock_fighting{background-position:center -746px}
.game-group-front .nav-link>i.games{background-position:center -679px}

.game-front-menu .provider-item-list{text-align:center}
.game-front-menu .provider-item-list li{
	position:relative;
	float:none;border-radius:10px;
	border:2px solid #3e3a3a;
	background-color:#736d6d;
	padding:0;
	width:115px;
}
.game-front-menu .provider-item-list li>.icon-new{right:-5px;top:-6px;font-size:1.3rem}
.game-front-menu .game-front-type{
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.game-front-menu .casino .game-front-type{
  background:url(../images/provider/casino.png) no-repeat;
}
.game-front-menu .slot .game-front-type{
  background:url(../images/provider/slots.png) no-repeat;
}
.game-front-menu .tembak_ikan .game-front-type{
  background:url(../images/provider/fishing.png) no-repeat;
}
.game-front-menu .sports .game-front-type,
.game-front-menu .lottery .game-front-type,
.game-front-menu .poker .game-front-type{
  background:url(../images/provider/sports-lottery-poker.png) no-repeat;
}

.game-front-menu .casino .game-front-type,
.game-front-menu .slot .game-front-type,
.game-front-menu .tembak_ikan .game-front-type{
  background-size: auto;
  background-position-x: -16px;
}
.game-front-menu .sports .game-front-type,
.game-front-menu .lottery .game-front-type,
.game-front-menu .poker .game-front-type{
  background-size: auto;
  background-position-x: -13px;
}

/* Casino */
/* .game-front-menu .casino .pgr .game-front-type{background-position-y:0px} */
.game-front-menu .casino .prt .game-front-type{background-position-y:-91px}
.game-front-menu .casino .bbn .game-front-type{background-position-y:-182px}
.game-front-menu .casino .mcg .game-front-type{background-position-y:-273px}
.game-front-menu .casino .sbc .game-front-type{background-position-y:-364px}
.game-front-menu .casino .wm .game-front-type{background-position-y:-455px}
.game-front-menu .casino .gpi .game-front-type{background-position-y:-546px}
.game-front-menu .casino .ori .game-front-type{background-position-y:-637px}
.game-front-menu .casino .bgg .game-front-type{background-position-y:-728px}
.game-front-menu .casino .ttg .game-front-type{background-position-y:-819px}
.game-front-menu .casino .cqn .game-front-type{background-position-y:-910px}
.game-front-menu .casino .blk .game-front-type{background-position-y:-1001px}
.game-front-menu .casino .png .game-front-type{background-position-y:-1092px}
.game-front-menu .casino .sbo .game-front-type{background-position-y:-1183px}
.game-front-menu .casino .jli .game-front-type {
	background: url(../images/provider/jli-casino.png) no-repeat;
	background-position: top center;
}
.game-front-menu .casino .bpt .game-front-type {
	background: url(../images/provider/bpt-casino.png) no-repeat;
	background-position: top center;
}
/* .game-front-menu .casino .skw .game-front-type{background-position-y:-91px} */

/* Slots */
.game-front-menu .slot .pgr .game-front-type {
	background: url(../images/provider/pgr-slot.gif) no-repeat;
	background-position: top center;
}
.game-front-menu .slot .mcg .game-front-type{background-position-y:-91px}
.game-front-menu .slot .pgs .game-front-type{background-position-y:-182px}
.game-front-menu .slot .ttg .game-front-type{background-position-y:-273px}
.game-front-menu .slot .hb .game-front-type{background-position-y:-364px}
.game-front-menu .slot .bbn .game-front-type{background-position-y:-455px}
/*.game-front-menu .slot .bbn .game-front-type{
  background:url(../images/provider/bbn-slot.gif) no-repeat;
  background-position:top center;
}*/
.game-front-menu .slot .bbp .game-front-type{background-position-y:-546px}
/*.game-front-menu .slot .bbp .game-front-type{
  background:url(../images/provider/bbp-slot.gif) no-repeat;
  background-position:top center;
}*/
.game-front-menu .slot .spd .game-front-type{background-position-y:-637px}
.game-front-menu .slot .jkr .game-front-type{background-position-y:-728px}
.game-front-menu .slot .pst .game-front-type{background-position-y:-819px}
.game-front-menu .slot .cqn .game-front-type{background-position-y:-910px}
.game-front-menu .slot .bng .game-front-type{background-position-y:-1001px}
/*.game-front-menu .slot .bng .game-front-type{
  background:url(../images/provider/bng-slot.gif) no-repeat;
  background-position:top center;
}*/
.game-front-menu .slot .sll .game-front-type{background-position-y:-1092px}
.game-front-menu .slot .plt .game-front-type{background-position-y:-1183px}
.game-front-menu .slot .mmg .game-front-type{background-position-y:-1274px}
.game-front-menu .slot .ygg .game-front-type{
  background:url(../images/provider/ygg-slot.png) no-repeat;
  background-position: center top;
  background-size: auto;
}
.game-front-menu .slot .fch .game-front-type{
  background:url(../images/provider/fch-slot.png) no-repeat;
  background-position: center top;
  background-size: auto;
}
.game-front-menu .slot .prk .game-front-type{
  background:url(../images/provider/prk-slot.png) no-repeat;
  background-position: center top;
  background-size: auto;
}
/*.game-front-menu .slot .adv .game-front-type{background-position-y:-1365px}*/
.game-front-menu .slot .adv .game-front-type{
  background:url(../images/provider/adv-slot.webp) no-repeat;
  background-position: center 0px;
}
/*.game-front-menu .slot .jli .game-front-type{background-position-y:-1456px}*/
.game-front-menu .slot .jli .game-front-type{
  background:url(../images/provider/jli-slot.gif) no-repeat;
  background-position: -5px top;
}
.game-front-menu .slot .evo .game-front-type{background-position-y:-1547px}
.game-front-menu .slot .bpt .game-front-type{
  background:url(../images/provider/bpt-slot.png) no-repeat;
  background-position: -20px top;
}
.game-front-menu .slot .dgs .game-front-type{
  background:url(../images/provider/dgs-slot.png) no-repeat;
  background-position: 15px top;
}
.game-front-menu .slot .ddo .game-front-type{
  background:url(../images/provider/ddo-slot.png) no-repeat;
  background-position: center top;
}
.game-front-menu .slot .ptg .game-front-type{
  background:url(../images/provider/ptg-slot.gif) no-repeat;
  background-position: center top;
}
.game-front-menu .slot .hsg .game-front-type{
  background:url(../images/provider/hsg-slot.png) no-repeat;
  background-position: center top;
}

/* .game-front-menu .slot .skw .game-front-type{background-position-y:-546px} */

/* Fishing */
.game-front-menu .tembak_ikan .pgr .game-front-type,
.game-front-menu .tembak_ikan .bbn .game-front-type{background-size:225%}
.game-front-menu .tembak_ikan .bbp .game-front-type{background-size:220%;background-position-y:-104px}
.game-front-menu .tembak_ikan .cqn .game-front-type{background-position-y:-182px}
.game-front-menu .tembak_ikan .bgg .game-front-type{background-position-y:-273px}
.game-front-menu .tembak_ikan .spd .game-front-type{background-position-y:-364px}
.game-front-menu .tembak_ikan .jkr .game-front-type{background-position-y:-455px}
.game-front-menu .tembak_ikan .skw .game-front-type{background-position-y:-910px}
.game-front-menu .tembak_ikan .pst .game-front-type{background-position-y:-637px}
.game-front-menu .tembak_ikan .mcg .game-front-type{background-position-y:-728px}
.game-front-menu .tembak_ikan .jli .game-front-type{background-position-y:-819px}
.game-front-menu .tembak_ikan .dgs .game-front-type{
  background:url(../images/provider/dgs-fishing.png) no-repeat;
  background-position: 10px top;
}
.game-front-menu .tembak_ikan .hsg .game-front-type{
  background:url(../images/provider/hsg-fishing.png) no-repeat;
  background-position: center top;
}

/* Sports - Lottery - Poker */
.game-front-menu .lottery .pgb .game-front-type{
  background:url(../images/provider/pgb-lottery.png) no-repeat;
  background-position: center top;
  background-size: auto;
}
.game-front-menu .lottery .ddo .game-front-type{
  background:url(../images/provider/ddo-lottery.png) no-repeat;
  background-position: center top;
}
/* .game-front-menu .sports .sbo .game-front-type,*/
.game-front-menu .sports .cmd .game-front-type{background-size:205%;background-position:-17px -639px}
.game-front-menu .sports .sba .game-front-type{background-size:215%;background-position:-20px -576px}
.game-front-menu .sports .sng .game-front-type{
  background:url(../images/provider/sng-sports.png) no-repeat;
  background-position: -3px top;
}
.game-front-menu .sports .afb .game-front-type{
  background:url(../images/provider/afb-sports.png) no-repeat;
  background-position: center top;
}
/* .game-front-menu .sports .nbb .game-front-type{background-position-y:-455px} */
.game-front-menu .lottery .pgr .game-front-type{
  background:url(../images/provider/pgr-scratch.png) no-repeat;
  background-position: center top;
  background-size: auto;
}

.game-front-menu .lottery .isin4d .game-front-type{background-position:-15px -182px}
.game-front-menu .lottery .ifd .game-front-type{background-position:-15px -455px}
.game-front-menu .poker .idn .game-front-type{background-position:-20px -273px}
.game-front-menu .poker .pgr .game-front-type,
.game-front-menu .poker .blk .game-front-type{background-position-y:-364px}

/* Cock Fighting - Games */
.game-front-menu .cock_fighting .game-front-type,
.game-front-menu .games .game-front-type{
  background:url(../images/provider/cockfighting-games.png) no-repeat;
  background-position: -14px -91px;
}
.game-front-menu .games .bng .game-front-type{background:url(../images/provider/bng-games.png) no-repeat;background-position:center top}
.game-front-menu .games .fch .game-front-type{background:url(../images/provider/fch-games.png) no-repeat;background-position:center top}
.game-front-menu .cock_fighting .awc .game-front-type{background-position-y:0px}
.game-front-menu .cock_fighting .wsl .game-front-type{
  background:url(../images/provider/wsl-cock-fight.png) no-repeat;
  background-position: center top;
}
/* .game-front-menu .games .pgr .game-front-type{background-position-y:-91px} */
.game-front-menu .games .bbp .game-front-type{background-position-y:-273px}
.game-front-menu .games .ttg .game-front-type{background-position-y:-364px}
.game-front-menu .games .sbo .game-front-type{background-position-y:-455px}
.game-front-menu .games .jkr .game-front-type{background-position-y:-728px}
.game-front-menu .games .pst .game-front-type{background-position-y:-546px}
.game-front-menu .games .cqn .game-front-type{background-position-y:-637px}
/* .game-front-menu .games .bng .game-front-type{background-position-y:-1547px} */
.game-front-menu .games .spd .game-front-type{background-position-y:-819px}
.game-front-menu .games .mmg .game-front-type{background-position-y:-1001px}
.game-front-menu .games .jli .game-front-type{background-position-y:-1092px}
.game-front-menu .games .dgs .game-front-type{
  background:url(../images/provider/dgs-games.png) no-repeat;
  background-position: 12px top;
}
.game-front-menu .games .ddo .game-front-type{
  background:url(../images/provider/ddo-games.png) no-repeat;
  background-position: center top;
}
.game-front-menu .games .ptg .game-front-type{
  background:url(../images/provider/ptg-games.png) no-repeat;
  background-position: center top;
}
.game-front-menu .games .hsg .game-front-type{
  background:url(../images/provider/hsg-games.png) no-repeat;
  background-position: center top;
}

/* @keyframes zoominoutsinglefeatured {
  0% {
      transform: scale(0.8,0.8);
  }
  50% {
      transform: scale(1,1);
  }
  100% {
      transform: scale(0.8,0.8);
  }
} */
.game-front-menu .game-front-icon{
	height:39px;width:100%;display:block;
	background:url(../images/common/game-front-provider.png) no-repeat, #1d1b1b;
	background-position:center -3px;
	background-size:80%;
	border-bottom-right-radius:8px;
	border-bottom-left-radius:8px;
}
.game-front-menu .hb .game-front-icon{background-position:center -64px}
/*.game-front-menu .isin4d .game-front-icon{background-position:center -187px}*/
/*.game-front-menu .skw .game-front-icon{background-position:center -497px}*/
/*.game-front-menu .gpk .game-front-icon,.game-front-menu .gpoker .game-front-icon{background-position:center -619px}*/
/*.game-front-menu .agl .game-front-icon{background-position:center -683px}*/
/*.game-front-menu .tk1 .game-front-icon{background-position:center -745px}*/
/*.game-front-menu .idn .game-front-icon{background-position:center -902px}*/
/*.game-front-menu .pgs .game-front-icon{background-position:center -1142px}*/
.game-front-menu .pgr .game-front-icon,
.game-front-menu .pgb .game-front-icon,
.game-front-menu .bbn .game-front-icon,
.game-front-menu .bbp .game-front-icon {
    background-position: center 0px;
}
.game-front-menu .casino .pgr .game-front-icon,
.game-front-menu .slot .pgr .game-front-icon {
    background: url(../images/provider/pgr-game-front-lobby.gif) no-repeat, #1d1b1b;
    background-position: center;
    background-size: 85%;
}
.game-front-menu .spd .game-front-icon{background-position:center -118px}
.game-front-menu .tembak_ikan .spd .game-front-icon {
	background: url(../images/provider/spd-game-front.gif) no-repeat, #1d1b1b;
	background-size: 95%;
	background-position: center 3px;
}
.game-front-menu .plt .game-front-icon{background-position:center -186px}
.game-front-menu .jkr .game-front-icon{background-position:center -245px}
.game-front-menu .tembak_ikan .jkr .game-front-icon {
	background: url(../images/provider/jkr-game-front.gif) no-repeat, #1d1b1b;
	background-size: 100%;
	background-position: center 3px;
}
/*.game-front-menu .gpi .game-front-icon{background-position:center -304px}*/
.game-front-menu .gpi .game-front-icon {
	background: url(../images/provider/gpi-game-front.gif) no-repeat, #1d1b1b;
	background-size: 110%;
	background-position: center 0px;
}
.game-front-menu .sbo .game-front-icon{background-position:center -363px}
.game-front-menu .wm .game-front-icon{background-position:center -482px}
.game-front-menu .cmd .game-front-icon{background-position:center -553px}
.game-front-menu .awc .game-front-icon{background-position:center -632px}
.game-front-menu .pgs .game-front-icon{
    background: url(../images/provider/pgs-game-front.gif) no-repeat, #1d1b1b;
    background-position: center;
    background-size: 80%;
}
/*.game-front-menu .sbc .game-front-icon{background-position:center -1021px}*/
.game-front-menu .sbc .game-front-icon {
	background: url(../images/provider/sbc-game-front.gif) no-repeat, #1d1b1b;
	background-size: 110%;
	background-position: center 0px;
}
.game-front-menu .bbn .game-front-icon{background-position:center -825px}
/*.game-front-menu .bbn .game-front-icon {
    background: url(../images/provider/bbn-game-front.gif) no-repeat, #1d1b1b;
    background-position: center;
    background-size: 80%;
}*/
.game-front-menu .ori .game-front-icon{background-position:center -754px}
.game-front-menu .pst .game-front-icon{background-position:center -957px}
.game-front-menu .ttg .game-front-icon{background-position:center -1092px}
.game-front-menu .cqn .game-front-icon{background-position:center -1155px}
.game-front-menu .bbp .game-front-icon{background-position:center -1226px}
/*.game-front-menu .bbp .game-front-icon {
    background: url(../images/provider/bbp-game-front.gif) no-repeat, #1d1b1b;
    background-position: center;
    background-size: 75%;
}*/
.game-front-menu .bgg .game-front-icon{background-position:center -1299px}
.game-front-menu .sll .game-front-icon{background-position:center -1378px}
.game-front-menu .blk .game-front-icon{background-position:center -1448px}
.game-front-menu .bng .game-front-icon{background-position:center -1516px}
/*.game-front-menu .bng .game-front-icon{
  background: url(../images/provider/bng-game-front.gif) no-repeat, #1d1b1b;
  background-position:center;
  background-size:80%;
}*/
.game-front-menu  .mcg .game-front-icon{background-position:center -1985px}
.game-front-menu .prt .game-front-icon{background-position:center -2073px}
/*.game-front-menu .prt .game-front-icon{
    background: url(../images/provider/prt-game-front.gif) no-repeat, #1d1b1b;
    background-position: center;
}*/
.game-front-menu .sba .game-front-icon{background-position:center -1726px}
.game-front-menu .mmg .game-front-icon{background-position:center -1800px}
.game-front-menu .nbb .game-front-icon{background-position:center -825px}
.game-front-menu .mcg .game-front-icon,
.game-front-menu .prt .game-front-icon,
.game-front-menu .ifd .game-front-icon,
.game-front-menu .ygg .game-front-icon,
.game-front-menu .fch .game-front-icon{
    background-size: 100%;
}
.game-front-menu .ifd .game-front-icon{background-position:center -2350px}
.game-front-menu .ygg .game-front-icon{background-position:center -2511px}
.game-front-menu .fch .game-front-icon{background-position:center -2594px}
/*.game-front-menu .prk .game-front-icon{background-position:center -2429px}*/
.game-front-menu .prk .game-front-icon {
    background: url(../images/provider/prk-game-front.png) no-repeat, #1d1b1b;
    background-position: center -8px;
    background-size: 77%;
}
.game-front-menu .adv .game-front-icon{background-position:center -2144px}
.game-front-menu .adv .game-front-icon {
    background: url(../images/provider/adv-game-front.webp) no-repeat, #1d1b1b;
    background-position: center 0px;
    background-size: 60%;
}
.game-front-menu .jli .game-front-icon{
    background: url(../images/provider/jli-game-front.gif) no-repeat, #1d1b1b;
    background-position: center 7px;
    background-size: 60%;
}
/*.game-front-menu .evo .game-front-icon{background-position:center -2312px}*/
.game-front-menu .evo .game-front-icon{
  background: url(../images/provider/evo-game-front.png) no-repeat, #1d1b1b;
  background-position: center;
  background-size: 80%;
}
.game-front-menu .bpt .game-front-icon{background-position:center -2386px}
.game-front-menu .dgs .game-front-icon{background-position:center -2469px}
.game-front-menu .sng .game-front-icon{
  background: url(../images/provider/sng-game-front.png) no-repeat, #1d1b1b;
  background-position: center;
  background-size: 70%;
}
.game-front-menu .ddo .game-front-icon{
  background-position: center -1912px;
  background-size: 60%;
}
/*.game-front-menu .ptg .game-front-icon{
  background-position: center -2308px;
  background-size:70%;
}*/
.game-front-menu .ptg .game-front-icon {
    background: url(../images/provider/ptg-game-front.gif) no-repeat, #1d1b1b;
    background-position: center -8px;
    background-size: 96%;
}
.game-front-menu .afb .game-front-icon{
  background-position: center -2385px;
  background-size: 70%;
}
.game-front-menu .wsl .game-front-icon{
  background-position: center -2814px;
}
/*.game-front-menu .hsg .game-front-icon{
  background-position: center -2540px;
  background-size: 70%;
  filter: brightness(200%);
}*/
.game-front-menu .hsg .game-front-icon {
  /*background: url(../images/provider/hsg-game-front-black.png) no-repeat, #1d1b1b;*/
  background: url(../images/provider/hsg-game-front-white.png) no-repeat, #1d1b1b;
  background-position: center;
  background-size: 70%;
}

/* .game-front-menu .png .game-front-icon{background-position:center -9999px} */
/* .game-front-menu .csg .game-front-icon{background-position:center -9999px} */

.game-front-tag{position:absolute;left:-5px;top:-5px;max-width:35px}
.bbn .game-front-tag,.bbp .game-front-tag,.pgs .game-front-tag,
.mcg .game-front-tag,.prt .game-front-tag,.hb .game-front-tag{top:-5px}

.provider-group>.active{padding-top:10px}
.provider-group>.active>ul{margin-bottom:15px}

/****** Mini Banner on index page ******/
.mini-banner{padding:10px}
.mini-banner .box{width:calc(100% / 2);float:left;display:block;margin-bottom:10px}
.mini-banner .box:nth-child(odd){padding-right:5px}
.mini-banner .box:nth-child(even){padding-left:5px}
.game-box img,.game-box h5{display:block}
.mini-banner .game-box h5{margin:0;color:#fff;font-size:12px;text-align:center;line-height:30px;width:100%;display:block}

/****** Jackpot on index page ******/
.progressive-jackpot{
	position:relative;
	text-align:center;
	margin:0 auto;
	margin-bottom:20px;
	width:100%;
	/* padding:0 10px; */
	filter: contrast(100%) hue-rotate(-22deg) grayscale(49%) saturate(1.4);
}
.progressive-jackpot > h2 {
    display: inline-block;
    outline: none;
    box-sizing: border-box;
    border-radius: .3em;
    text-transform: uppercase;
    box-shadow: inset 0 -2px 5px 1px rgb(0 0 0), inset 0 -1px 1px 3px rgb(151 151 151);
    background-image: linear-gradient(160deg, #424242, #595959, #787878, #4f4f4f, #000000);
    border: 1px solid #000000;
    color: #f5f5f5;
    text-shadow: 0 2px 2px rgb(0 0 0);
    transition: all .2s ease-in-out;
    background-size: 100% 100%;
    background-position: center;
    top: -2px;
    max-width: 240px;
    z-index: 5;
    letter-spacing: 0;
    font-size: 2.5vw;
    font-weight: bold;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    line-height: inherit;
}
@media screen and (min-width: 500px) {
  .progressive-jackpot > h2 {
    max-width: 360px;
  }
}
.jackpot-wrapper{display:flex;vertical-align:middle;align-items:center}
.jackpot-wrapper>img{width:100%}
.jackpot-wrapper>span{position:absolute;width:100%;font-size:8.5vw;z-index:1}

/****** Contact Us on index page ******/
#ContactUs{position:relative;display:block}
#ContactUs div {
	width: 50px;
	height: 50px;
    background: url(../images/common/contact-us.png) no-repeat;
    background-size: 95%;
    margin-bottom: 10px;
}
#ContactUs span{display:block;margin-left:60px;position:relative;top:10px}
#ContactUs .bb{background-position:center 0}
#ContactUs .sms{background-position:center -55px}
#ContactUs .wa{background-position:center -109px}
#ContactUs .facebook{background-position:center -164px}
#ContactUs .line{background-position:center -219px}
#ContactUs .instagram{background-position:center -273px}
#ContactUs .twitter{background-position:center -328px}

/* Custom Page List */
.custom-page {
	padding: 10px 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
    text-align: center;
    font-size: 12px;
    margin-bottom:20px
}
.custom-page .page-item{margin-bottom:0;padding-left:0}
.custom-page .page-item li{display:inline;border-right:1px solid #fff}
.custom-page .page-item li:last-child{border-right:none}
.custom-page .page-item a{padding:0 10px;line-height:22px}
.custom-page .page-item a:hover{text-decoration:underline}

/* New Footer Provider List */
.wrap-provider-list {
	margin: 0 auto;
	width: 100%;
	text-align: center;
	padding: 25px 0 5px 0;
}
#ProviderList {
	width: 100%;
	display: inline-block;
	padding-left: 0;
	list-style: none;
	margin-bottom: 0;
}
#ProviderList a {
	display: block;
	padding: 84px 0 0 0;
	background: url(../images/common/icon_menu.png) no-repeat;
	background-size: 200%;
	background-position: -101px 4px;
}
#ProviderList li{display:inline-block;max-width:131px}
#ProviderList .tk1{background-position:-101px 4px}
#ProviderList .pgr{background-position:-101px -102px}
#ProviderList .hb{background-position:-101px -206px}
#ProviderList .gpi{background-position:-101px -313px}
#ProviderList .gpk,#ProviderList .gpoker{background-position:-101px -416px}
#ProviderList .plt{background-position:-101px -519px}
#ProviderList .skw{background-position:-101px -625px}
#ProviderList .wm{background-position:-101px -729px}
#ProviderList .isin4d{background-position:-101px -835px}
#ProviderList .spd{background-position:-101px -941px}
#ProviderList .sbo{background-position:-104px -1043px}
#ProviderList .agl{background-position:-101px -1150px}
#ProviderList .jkr{background-position:-101px -1254px}
#ProviderList .cmd{background-position:-101px -1360px}
#ProviderList .awc{background-position:-101px -1465px}
#ProviderList {
	width: 100%;
	display: inline-block;
	padding-left: 0;
	list-style: none;
	margin-bottom: 0;
}
.provider-item-list .unsupported img {
	position: absolute;
	z-index: 1;
	left: 0;
	border-radius: 8px;
	border-bottom-left-radius: unset;
	border-bottom-right-radius: unset;
}
.provider-item-list a, .provider-item-list span {
	display: block;
	padding: 91px 0 0 0;
	background: url(../images/common/icon_menu.png) no-repeat;
	background-size: 200%;
	background-position: -101px 4px;
}
.provider-item-list li{display:inline-block;max-width:120px}
.provider-item-list .tk1{background-position:-101px 4px}
.provider-item-list .pgr{background-position:-101px -102px}
.provider-item-list .hb{background-position:-101px -206px}
.provider-item-list .gpi{background-position:-101px -313px}
.provider-item-list .gpk,.provider-item-list .gpoker{background-position:-101px -416px}
.provider-item-list .plt{background-position:-101px -519px}
.provider-item-list .skw{background-position:-101px -625px}
.provider-item-list .wm{background-position:-101px -729px}
.provider-item-list .isin4d{background-position:-101px -835px}
.provider-item-list .spd{background-position:-101px -941px}
.provider-item-list .sbo{background-position:-104px -1043px}
.provider-item-list .agl{background-position:-101px -1150px}
.provider-item-list .jkr{background-position:-101px -1254px}
.provider-item-list .cmd{background-position:-101px -1360px}
.provider-item-list .awc{background-position:-101px -1465px}

/* Referral page */
.referral-share-wrapper{margin:20px 0;text-align:center}
.referral-share{width:100%;margin-bottom:10px}
.referral-link {
	width: 100%;
	max-width: 500px;
    position: relative;
    border: 1px dashed #fff;
    border-radius: 6px;
    margin: 0 auto;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
}
.referral-link .copyText{float:right;margin-top:3px}
.copied{display:block;margin-top:5px}
.refcounter-wrap{text-align:center;width:100%}
.refcounter-wrap h1{font-weight:300;font-size:1rem;color:#fff;margin:0}
.refcounter-number{font-weight:700;color:#fff;font-size:54px}

/* Bonus Section */
.bonus-item-tabs{margin-bottom:1px}
.bonus-provider-list {
    opacity: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.bonus-provider.wrapper-provider-list{text-align:justify;padding-top:0;max-width:393px}
.bonus-provider span{display:block;text-align:center;font-size:14px}
.bonus-provider #ProviderList li{float:left;display:inline;margin-bottom:16px}
.bonus-provider #ProviderList a{padding-top:76px}

.wrapper-provider-list{width:100%;position:relative}
.wrapper-provider-list .bonus-provider-list {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    background-color:#f2e6994d;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}
.wrapper-provider-list > .modal.show {
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  z-index: 1003;
}
.bonus-provider-list img {
  width: 40px;
  margin: 0 auto;
  padding-top: 14px;
}
.item-provider {
    display: inline-block;
    width: 90px;
    text-align: center;
    border-bottom: 2px solid transparent;
    vertical-align: top;
    -webkit-transition: background-color .1s;
    -o-transition: background-color .1s;
    transition: background-color .1s;
    position:relative;
}
.item-provider:last-child {
  background: #fff;
  border-radius: 10px;
}
.item-provider .bonus-pvicon {
  height: 60px;
}
@media only screen and (min-width: 414px) {
	.item-provider{
		width: 103.5px
	}
}

.item-provider .provider-name {
  display: block;
  line-height: 22px;
  height: 22px;
  font-size: 0.875rem;
  color: #fff;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-transform: uppercase;
  padding: 0 5px;
}
.item-provider.selected{
	border-bottom: 3px solid #396fc3;
    background-color: rgb(141 170 216);
}
.item-provider.selected span {
  color: #000;
}
.item-provider .bonus-pvicon {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 70px;
  height: 60px;
  background: url(../images/common/icon_menu.png) no-repeat;
  /*background-size: 140px 2893.5px;*/
  background-size: 200%;
  background-position: right -5px;
}
.item-provider .other > span {
  color: #000;
}
.item-provider .bonus-pvicon.pgr,
.item-provider .bonus-pvicon.pgb {
  background-position-y: -70px;
}
.item-provider .bonus-pvicon.prk {
  background-position-y: -94px;
}
.item-provider .bonus-pvicon.hb {
  background-position-y: -140px;
}
.item-provider .bonus-pvicon.gpi {
  background-position-y: -210px;
}
.item-provider .bonus-pvicon.plt {
  background-position-y: -283px;
}
.item-provider .bonus-pvicon.wm {
  background-position-y: -422px;
}
.item-provider .bonus-pvicon.spd {
  background-position-y: -492px;
}
.item-provider .bonus-pvicon.sbo {
  background-position-y: -560px;
}
.item-provider .bonus-pvicon.jkr {
  background-position-y: -634px;
}
.item-provider .bonus-pvicon.cmd {
  background-position-y: -702px;
}
.item-provider .bonus-pvicon.awc {
  background-position-y: -772px;
}
.item-provider .bonus-pvicon.pgs {
  background-position-y: -910px;
}
.item-provider .bonus-pvicon.sbc {
  background-position-y: -984px;
}
.item-provider .bonus-pvicon.bbn,
.item-provider .bonus-pvicon.nbb {
  background-position-y: -1050px;
}
.item-provider .bonus-pvicon.pst {
  background-position-y: -1126px;
}
.item-provider .bonus-pvicon.ori {
  background-position-y: -1192px;
}
.item-provider .bonus-pvicon.bbp {
  background-position-y: -1260px;
}
.item-provider .bonus-pvicon.cqn {
  background-position-y: -1332px;
}
.item-provider .bonus-pvicon.ttg {
  background-position-y: -1404px;
}
.item-provider .bonus-pvicon.bgg {
  background-position-y: -1472px;
}
.item-provider .bonus-pvicon.sll {
  background-position-y: -1544px;
}
.item-provider .bonus-pvicon.mcg {
  background-position-y: -1610px;
}
.item-provider .bonus-pvicon.bng {
  background-position-y: -1683px;
}
.item-provider .bonus-pvicon.blk {
  background-position-y: -1750px;
}
.item-provider .bonus-pvicon.prt {
  background-position-y: -1820px;
}
.item-provider .bonus-pvicon.sba {
  background-position-y: -1894px;
}
.item-provider .bonus-pvicon.mmg {
  background-position-y: -1962px;
}
.item-provider .bonus-pvicon.ifd {
  background-position-y: -2028px;
}
.item-provider .bonus-pvicon.ygg {
  background-position-y: -2101px;
}
.item-provider .bonus-pvicon.fch {
  background-position-y: -2172px;
}
.item-provider .bonus-pvicon.adv {
  background-position-y: -2242px;
}
.item-provider .bonus-pvicon.jli {
  background-position-y: -2314px;
}
.item-provider .bonus-pvicon.evo {
  background-position-y: -2382px;
}
.item-provider .bonus-pvicon.bpt {
  background-position-y: -2442px;
}
.item-provider .bonus-pvicon.dgs {
  background-position-y: -2513px;
}
.item-provider .bonus-pvicon.sng {
  background-position-y: -2588px;
}
.item-provider .bonus-pvicon.ddo {
  background-position-y: -2664px;
}
.item-provider .bonus-pvicon.ptg {
  background-position-y: -2748px;
}
.item-provider .bonus-pvicon.afb {
  background-position-y: -2834px;
}
.item-provider .bonus-pvicon.wsl {
  background-position-y: -2906px;
}
.item-provider .bonus-pvicon.hsg {
  background-position-y: -2972px;
}

/*.item-provider .gpk{background-position:117% -352px}*/
/*.item-provider .skw{background-position:117% -530px}*/
/*.item-provider .isin4d{background-position:117% -706px}*/
/*.item-provider .agl{background-position:117% -972px}*/
/*.item-provider .idn{background-position:117% -1000px}*/
/*
.item-provider .pgr,.item-provider .pgb{background-position:117% -90px}
.item-provider .prk{background-position:117% -94px}
.item-provider .hb{background-position:117% -175px}
.item-provider .gpi{background-position:117% -255px}
.item-provider .plt{background-position:117% -340px}
.item-provider .wm{background-position:117% -505px}
.item-provider .spd{background-position:117% -585px}
.item-provider .sbo{background-size:180%;background-position:109% -757px}
.item-provider .jkr{background-size:180%;background-position:108% -850px}
.item-provider .cmd{background-size:180%;background-position:107% -943px}
.item-provider .awc{background-size:180%;background-position:109% -1034px}
.item-provider .pgs{background-position:117% -1080px}
.item-provider .sbc{background-position:117% -1165px}
.item-provider .bbn,.item-provider .nbb{background-position:117% -1245px}
.item-provider .pst{background-position:117% -1330px}
.item-provider .ori{background-size:170%;background-position:112% -1500px}
.item-provider .bbp{background-position:117% -1492px}
.item-provider .cqn{background-size:170%;background-position:112% -1676px}
.item-provider .ttg{background-size:170%;background-position:112% -1764px}
.item-provider .bgg{background-size:170%;background-position:112% -1855px}
.item-provider .sll{background-size:180%;background-position:107% -2055px}
.item-provider .mcg{background-position:117% -1905px}
.item-provider .bng{background-position:117% -1988px}
.item-provider .blk{background-position:117% -2075px}
.item-provider .prt{background-position:117% -2150px}
.item-provider .sba{background-position:117% -2235px}
.item-provider .mmg{background-size:170%;background-position:112% -2464px}
.item-provider .ifd{background-position:117% -2396px}
.item-provider .ygg{background-position:117% -2482px}
.item-provider .fch{background-position:117% -2565px}
.item-provider .adv{background-position:117% -2647px}
.item-provider .jli{background-position:117% -2730px}
.item-provider .evo{background-size:200%;background-position:100% -3520px}
.item-provider .bpt{background-position:115% -2882px}
.item-provider .dgs{background-position:115% -2964px}
*/

.wrapper-provider-list .bonus-provider-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}

/* Bonus List*/
.alert-bonus{margin:16px}
.isNewPlayer{position:absolute;z-index:4;line-height:12px;background:#52c4ff;color:#fff}
.bonus-list{display:block;padding:0}
.bonus-list .list-title{font-weight:600;line-height:28px;margin:16px}
.bonus-card{display:block;position:relative;margin:16px;padding:16px;border-radius:8px;background-color:#fff;box-shadow:0 1px 6px 0 rgba(49,53,59,.12);overflow:hidden}
.bonus-item{text-align:center;cursor:pointer;-ms-flex-preferred-size:100%;flex-basis:100%;min-width:9rem}
.bonus-item.selected{background-color:rgba(242,230,153,0.7);border:1px solid #f2e699}
.bonus-item .isNewPlayer {
    top: 0px;
    right: 0px;
    padding: 2px 6px;
    line-height: 20px;
    font-size: .9rem;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
.bonus-grid-template {
    grid-template-rows: minmax(20px,auto) auto 20px;
    grid-template-areas:
        "title"
        "description"
        "detail";
    grid-row-gap: 4px;
    display: grid;
    grid-template-columns: auto;
    text-align: left;
}
.heading{font-weight:700;color:#453308}
.content-wrapper{text-align:left;color:#838994;font-size:12px;grid-area:description}
.content-desc{max-height:2.7em;overflow:hidden;line-height:1.35em}
.bonus-link-detail{color:#d19736;display:block;font-weight:700}
.bonus-item.selected .content-wrapper{color:#fff}
.bonus-item.selected .bonus-link-detail{color:#f2e699}

/* Detail Bonus */
.bonus-desc-wrapper {
    position: fixed;
    left: 0px;
    bottom: 48px;
    width: 100%;
    height: auto;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.15) 0px -1px 7px 0px;
    z-index: 101;
    will-change: transform;
    transform: none;
    transition: transform 0.3s ease-out 0s, z-index 0.3s ease-out 0s;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.bonus-desc-wrapper>div:first-child {
    border-bottom: 0;
}
.bonus-desc-card {
    max-height: calc(100% - 49px);
    overflow-y: auto;
    padding: 16px;
}
._title {
    font-weight: 700;
    color: #31353b;
    margin-bottom:10px;
}
._content {
    text-align: left;
    color: #838994;
    font-size: 1rem;
    grid-area: description;
    margin-bottom:10px;
}
.bonus-desc-button {
    color: rgb(255, 255, 255);
    font-size: 1rem;
    height: 40px;
    line-height: 18px;
    width: calc(50% - 4px - 4px);
    font-weight: 600;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    text-indent: initial;
    border-radius: 8px;
    outline: none;
    overflow: hidden;
    padding: 0px 16px;
    transition: background 0.8s ease 0s;
    background: radial-gradient(circle, transparent 1%, rgb(250, 89, 29) 1%) center center / 15000% rgb(250, 89, 29);
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}
.bonus-desc-button span {
    opacity: 1;
    position: relative;
    bottom: 0px;
    transition: opacity 0.3s linear 0s, bottom 0.3s linear 0s;
}
.btn-activate{float:right}
.btn-cancel{float:left;background:#bdbdbd}
.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}
.btn-info{color:#fff;background-color:#007bff;border-color:#007bff}
.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}
.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}

/* Modal Bonus */
.bonus-modal{border-radius:0}
.bonus-modal .modal-content{padding:0;height:100%}
.bonus-modal .modal-header{position:fixed;padding:10px;border-bottom:0;background-color:#181818;width:100%;z-index:10;left:0;right:0}
.bonus-modal .modal-body{height:100%}
.bonus-modal .modal-title{background-color:transparent;color:#FFF;font-size:1.2rem;font-weight:600;margin:0;padding:0;line-height:36px}
.bonus-modal button.close{position:absolute;top:0;right:10px;bottom:0;font-size:30px;color:#FFF}
.bonus-modal .bonus-provider-list{background-color:transparent;margin:0 auto;max-height:calc(100vh - 0px);overflow:auto;position:relative;top:56px;padding-bottom:56px}
.bonus-modal .item-provider{float:left;margin-bottom:16px}
.bonus-modal .item-provider span{color:#000;display: block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:95%;text-transform:uppercase;padding:0 5px}
.bonus-modal .item-provider a{filter:drop-shadow(0 0px 0.01em #121212)}
/* Bonus Running tabs */
.bonus-running-wrapper {
    display: inline-block;
    box-shadow: rgba(49, 53, 59, 0.25) 0px 1px 6px;
    position: relative;
    vertical-align: top;
    width: calc(100% - 32px);
    color: rgb(255, 255, 255);
    background: no-repeat rgb(103 103 103);
    border-radius: 8px;
    margin: 16px;
    padding: 10px;
    background-repeat: no-repeat;
    transition: all 0ms cubic-bezier(0.22, 1, 0.36, 1) 0s;
}
.bonus-running-wrapper:first-child{margin-bottom:0}
.bonus-running-content{display:block}
.bonus-name{font-style:normal;font-weight:800;font-size:20px;line-height:24px;width:calc(100% - 100px)}
.bonus-meter-inner{margin-top:2.33%}
.bonus-card-info{white-space:normal;font-size:.9rem}
.progress{height:20px;margin-top:1.2%;background:#fff;border-radius:4px;overflow:hidden}
.progress-value {
    box-shadow: rgba(49, 53, 59, 0.12) 0px 1px 6px;
    height: 20px;
    width: 100%;
	background: linear-gradient(180deg, rgba(82, 196, 255, .2) 0%, rgb(82, 196, 255) 100%);
    border-radius: .25rem;
	text-align: center;
	line-height: 20px;
	font-weight: bold;
}
.progress-value>span{padding:0 8px;position:absolute;left:0;width:100%;font-size:1rem;color:#000}
.bonus-meter-outer{margin-bottom:16px}
.bonus-meter-info{display:flex;-webkit-box-pack:justify;justify-content:space-between;margin-top:4px}
.bonus-meter-info span{font-weight:700;font-size:14px;line-height:20px;color:#fff}
.bonus-pv-icon {
    width: 110px;
    padding: 84px 0 0 0;
    background: url(../images/common/icon_menu.png) no-repeat;
    background-position: -110px 0px;
    position: absolute;
    top:0;right:10px;
}
/*.bonus-pv-icon.gpk{background-position:right -456px}*/
/*.bonus-pv-icon.skw{background-position:right -684px}*/
/*.bonus-pv-icon.isin4d{background-position:right -912px}*/
/*.bonus-pv-icon.agl{background-position:right -1254px}*/
/*.bonus-pv-icon.idn{background-position:right -1710px}*/
.bonus-pv-icon.pgr,.bonus-pv-icon.pgb,.bonus-pv-icon.prk{background-position:right -114px}
.bonus-pv-icon.hb{background-position:right -225px}
.bonus-pv-icon.gpi{background-position:right -334px}
.bonus-pv-icon.plt{background-position:right -450px}
.bonus-pv-icon.wm{background-position:right -662px}
.bonus-pv-icon.spd{background-position:right -772px}
.bonus-pv-icon.sbo{background-position:right -885px}
.bonus-pv-icon.jkr{background-position:right -998px}
.bonus-pv-icon.cmd{background-position:right -1104px}
.bonus-pv-icon.awc{background-position:right -1212px}
.bonus-pv-icon.pgs{background-position:right -1436px}
.bonus-pv-icon.sbc{background-position:right -1542px}
.bonus-pv-icon.bbn,.bonus-pv-icon.nbb{background-position:right -1656px}
.bonus-pv-icon.pst{background-position:right -1763px}
.bonus-pv-icon.ori{background-position:right -1875px}
.bonus-pv-icon.bbp{background-position:right -1984px}
.bonus-pv-icon.cqn{background-position:right -2096px}
.bonus-pv-icon.ttg{background-position:right -2203px}
.bonus-pv-icon.bgg{background-position:right -2312px}
.bonus-pv-icon.sll{background-position:right -2425px}
.bonus-pv-icon.mcg{background-position:right -2532px}
.bonus-pv-icon.bng{background-position:right -2642px}
.bonus-pv-icon.blk{background-position:right -2752px}
.bonus-pv-icon.prt{background-position:right -2865px}
.bonus-pv-icon.sba{background-position:right -2972px}
.bonus-pv-icon.mmg{background-position:right -3082px}
.bonus-pv-icon.ifd{background-position:right -3192px}
.bonus-pv-icon.ygg{background-position:right -3306px}
.bonus-pv-icon.fch{background-position:right -3415px}
.bonus-pv-icon.adv{background-position:right -3522px}
.bonus-pv-icon.jli{background-position:right -3645px}
.bonus-pv-icon.evo{background-position:right -3755px}
.bonus-pv-icon.bpt{background-position:right -3848px}
.bonus-pv-icon.dgs{background-position:right -3939px}
.bonus-pv-icon.sng{background-position:right -4070px}
.bonus-pv-icon.ddo{background-position:right -4184px}
.bonus-pv-icon.ptg{background-position:right -4320px}
.bonus-pv-icon.afb{background-position:right -4448px}
.bonus-pv-icon.wsl{background-position:right -4575px}
.bonus-pv-icon.hsg{background-position:right -4675px}
/*.bonus-pv-icon.png{background-position:right -9999px}
.bonus-pv-icon.csg{background-position:right -9999px}*/
/*.bonus-pv-icon.ifd{
  background:url(../images/provider/ifd-lottery.png) no-repeat;
  background-size: 55%;
  background-position:center;
}*/

/* Bonus Button */
.bonus-button {
    float:right;
    height: 36px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: calc(100% / 2);
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 800;
    text-align: center;
    border: none;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.bonus-button.active{background-color:#105473;color:#fff;border-color:rgb(255,87,34)}
.bonus-button.active:hover{background-color:#105473;cursor:pointer}
.bonus-button.btn-await-approval{background-color: #00b8f5;color: #004e69;cursor:default; font-size:12px;}
.bonus-button.disabled{background-color:#e5e7e9;color:rgb(49,53,59,.3);border-color:transparent;cursor:not-allowed}
.bonus-button.disabled:hover{background-color:#e5e7e9;cursor:not-allowed}
@media screen and (min-width:992px){
	.bonus-button{font-size:14px;line-height:18px;letter-spacing:normal}
}
@media screen and (min-width:768px){
	.bonus-button{float:right;max-width:180px}
}
.bonus-button-wrapper{position:relative;display:block}
.bonus-button-wrapper>p{text-align:center;display:block;margin:0 auto;opacity:1;visibility:visible}

/* Reset History Result */
.history-wrapper{padding-bottom:70px}
.history-card {
    display: block;
    position: relative;
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(0, 0, 0) 0px 0px 5px 0px;
    overflow: hidden;
    border-radius: 8px;
    padding: 16px;
    margin: 16px;
}
.history-status {
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    color: rgba(49, 53, 59, 0.68);
    margin: -16px -16px 0px;
    padding: 4px;
}
.history-content{padding-top:12px}
.history-title{color:rgba(49,53,59,.96);font-weight:700;font-size:16px;width:100%}
.history-summary .provider {
    width: 80px;
    height: 60px;
    float:left;
    filter:drop-shadow(0px 1px 1px black);
	background: url(../images/common/icon_menu.png) no-repeat;
	background-position: right 9px;
	background-size:200%;
}
.history-summary .provider.pgr{background-position:right -90px}
.history-summary .provider.hb{background-position:right -170px}
.history-summary .provider.gpi{background-position:right -250px}
.history-summary .provider.pt{background-position:right -330px}
.history-summary .provider.wm{background-position:right -490px}
.history-summary .provider.spd{background-position:right -570px}
.history-summary .provider.sbo{background-position:right -650px}
.history-summary .provider.jkr{background-position:right -730px}
.history-summary .provider.cmd{background-position:right -810px}
.history-summary .provider.awc{background-position:right -890px}
.history-summary .provider.pgs{background-position:right -1050px}
.history-summary .provider.sbc{background-position:right -1130px}
.history-summary .provider.pst{background-position:right -1290px}
.history-summary .provider.og{background-position:right -1370px}
.history-summary .provider.cqn{background-position:right -1530px}
.history-summary .provider.ttg{background-position:right -1610px}
.history-summary .provider.bgg{background-position:right -1690px}
.history-summary .provider.sll{background-position:right -1770px}
.history-summary .provider.mcg{background-position:right -1850px}
.history-summary .provider.bng{background-position:right -1930px}
.history-summary .provider.blk{background-position:right -2010px}
.history-summary .provider.prt{background-position:right -2090px}
.history-summary .provider.sba{background-position:right -2170px}
.history-summary .provider.mmg{background-position:right -2250px}
.history-summary .provider.ifd{background-position:right -2330px}
.history-summary .provider.ygg{background-position:right -2410px}
.history-summary .provider.fch{background-position:right -2490px}
.history-summary .provider.adv{background-position:right -2570px}
.history-summary .provider.jli{background-position:right -2650px}
.history-summary .provider.evo{background-position:right -2730px}
.history-summary .provider.bpt{background-position:right -2800px}
.history-summary .provider.dgs{background-position:right -2880px}
.history-summary .provider.sng{background-position:right -2960px}
.history-summary .provider.ddo{background-position:right -3050px}
.history-summary .provider.ptg{background-position:right -3146px}
.history-summary .provider.afb{background-position:right -3243px}
.history-summary .provider.wsl{background-position:right -3328px}
.history-summary .provider.hsg{background-position:right -3402px}
.history-summary-info{margin-left:8px;margin-right:auto;float:left;width:calc(100% - 100px)}
.history-summary-row{position:relative;line-height:1.5;font-size:.9rem;color:rgba(49,53,59,.96)}
.history-summary-row>.copied {display:block;margin-top:0;color:#4CAF50 !important}
.trx-refno{font-size:120%;font-weight:bold}

/****** Bank History ******/
.bank-history .history-summary-info{position:relative;width:100%;margin:0}
.bank-history.history-wrapper{padding-bottom:0}
.history-summary-info .amount{position:absolute;bottom:2px;font-size:1.1rem;line-height:normal;right:0}
.history-summary-info.provider-history .amount{top:0}
.history-summary-info [class^=bank-]{float:right;width:100px;height:26px;background:url(../images/common/bank.png) no-repeat;background-size:200%}
.history-summary-info .bank-bca{background-position:3px -1px}
.history-summary-info .bank-permata{background-position:3px -35px}
.history-summary-info .bank-mandiri{background-position:3px -65px}
.history-summary-info .bank-bni{background-position:3px -104px}
.history-summary-info .bank-danamon{background-position:3px -139px}
.history-summary-info .bank-cimb-niaga{background-position:3px -170px}
.history-summary-info .bank-bri{background-position:3px -199px}
.history-summary-info .bank-ovo{background-position:3px -233px}
.history-summary-info .bank-gopay{background-position:3px -267px;filter:drop-shadow(1px 1px 1px black)}
.history-summary-info .bank-xl{background-position:3px -298px}
.history-summary-info .bank-simpati{background-position:3px -329px;filter:drop-shadow(1px 1px 1px black)}
.history-summary-info .bank-dana{background-position:3px -358px}
.history-summary-info .bank-linkaja{background-position:3px -392px}
.history-summary-info .bank-panin{background-position:3px -420px}
.history-summary-info .bank-sakuku{background-position:3px -451px}
.history-summary-info .bank-bsi{background-position:3px -485px}
.history-summary-info .bank-tri{background-position:3px -520px;filter:drop-shadow(1px 1px 1px black)}
.history-summary-info .bank-bnc{background-position:3px -555px}
.history-summary-info .bank-jenius{background-position:3px -593px}
.history-summary-info .bank-btn{background-position:3px -633px}
.history-summary-info .bank-qris,.history-summary-info [class^=bank-qris-*]{background-position:3px -677px}
.history-summary-info .bank-maybank{background-position:3px -713px}
.history-summary-info .bank-sinarmas{background-position:15px -750px}
.history-summary-info .bank-jago{background-position:26px -785px}
.history-summary-info .bank-allo{background-position:18px -820px}

.history-summary-info.v2 .history-title{position:relative;text-align:right;top:-4px;}
.history-summary-info.v2 [class^=bank-]{position:absolute;z-index:1}
.history-summary-info.v2 [class^=bank-] + .history-title{margin-bottom:3px}
.history-summary-info.v2 .bank-bca{background-position:-9px 0}
.history-summary-info.v2 .bank-bni{background-position:15px -92px}
.history-summary-info.v2 .bank-bri{background-position:11px -194px}
.history-summary-info.v2 .bank-mandiri{background-position:14px -60px}
.history-summary-info.v2 .bank-cimb-niaga{background-position:6px -163px}
.history-summary-info.v2 .bank-danamon{background-position:13px -127px}
.history-summary-info.v2 .bank-permata{background-position:6px -29px}

/****** Provider Transfer History ******/
.breadcrumb>span+span:before{content:'>';padding:0 6px}

/* Maintenance Provider Style */
.provider_wrap{background-color:rgba(128,128,128,0.5);display:block;border-radius:4px;margin:10px}
.provider_content{padding:20px 0;text-align:center}
.provider_content .title{line-height:1;border-bottom:none;display:block;}
.provider_content .desc{margin:20px auto;max-width:75%;font-size:.875rem}
@media screen and (max-width:575px){
	.provider_content .desc{max-width:90%}
}
.font-white{color:#fff}
#normal-countdown .time-sec {
    position: relative;
    display: inline-block;
    margin: 12px;
    height: 70px;
    width: 70px;
    border-radius: 100px;
    box-shadow: 0px 0px 0px 5px rgba(255,255,255,.5);
    background: #fff;
    color: #333;
}
#normal-countdown .time-sec .main-time {
    font-weight: 500;
    line-height: 50px;
    font-size: 2rem;
    color: #F84982;
    margin:0;
    padding:0;
    text-align: center;
}
#normal-countdown .time-sec span {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.875em;
    font-weight: 600;
    display: inline-block;
    margin:0;
    padding:0;
}

/* Switches from MaterializeCss Style */
.switch,.switch *{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.switch>span{padding:8px;color:#40454c}
.switch>span>i{font-size:1.5rem;height:20px;transition:all 0.3s ease-out 0s}
.switch>span.open>i{transform:rotate(180deg)}

/* Favorite Game */
.filter-wrapper{background:white;padding:16px;border-radius:8px;box-shadow:rgb(202,211,225) 0px 1px 4px 0px;margin-top:10px;margin-bottom:20px}
.filter-tools>div{margin-bottom:6px}
.filter-tools>div:last-child{margin-bottom:0}
.filter-tools a{
    -webkit-box-align: center;
    align-items: center;
    background-color:white;
    color: rgba(49, 53, 59, 0.68);
    display: inline-flex;
    font-size: .875rem;
    height: 30px;
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 10px;
    border: 1px solid #e5e7e9;
    overflow: hidden;
    padding: 0px 12px;
    transition: all 0.2s ease-in-out 0s;
}
.filter-tools a:hover,.filter-tools a.selected{background-color:rgb(235,255,239);color:rgb(3,172,14);border-color:rgb(79,209,90)}
.filter-tools a:hover{text-decoration:none}
.filter-tools .owl-nav{display:none;position:absolute;z-index:-1;margin-top:0;top:0;left:0;height:100%;width:100%}
.filter-tools .owl-carousel .owl-nav button {
	width: 30px;
    height: 100%;
    font-size: 1.6rem;
    background: #fff;
    opacity: 1;
    border-radius: 50%;
    color: rgba(49, 53, 59, 0.68);
    margin:0;
    cursor:pointer;
    border: 1px solid #e5e7e9;
}
.filter-tools .owl-nav button.owl-prev,
.filter-tools .owl-nav button.owl-next,
.filter-tools .owl-nav span{position:relative}
.filter-tools .owl-nav button.owl-prev{float:left}
.filter-tools .owl-nav button.owl-next{float:right}
.filter-tools .owl-nav button[class^=owl-]:not(.disabled){background:#869791;color:#FFF;text-decoration:none}

.filter-tools .owl-nav span{top:-5px}
.filter-tools .scroll-active>.owl-carousel{position:relative;padding:0 40px}
.filter-tools .scroll-active .owl-nav{display:block}
.filter-tools .owl-item:last-child,
.filter-tools .owl-item.active:last-child{margin-right:0 !important}
.filter-title{margin-bottom:10px;color:#000;font-weight:800;font-size:1rem}
.filter-label{font-size:.875rem;color:#000;margin-bottom:5px;line-height:2.2}
.list-empty{font-size:1rem}

.favorite-provider-outer{position:relative}
.provider-area{margin:30px 0 0 0;padding:0;cursor:default;position:relative;display:block}
.provider-area .tab-content{margin-left:-7px;margin-right:-7px}
.favorite-heading {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-flow: row;
    -webkit-box-align: baseline;
    align-items: baseline;
    margin-bottom:10px;
}
.favorite-heading .title {
  width: 120px;
  height: 50px;
  border-bottom: none;
  margin-bottom: 0;
  background: url(../images/common/game-front-provider.png) no-repeat;
  background-position: center -3px;
  background-size: 100%;
}
/*.favorite-heading .title.isin4d{background-position:center -243px}
/*.favorite-heading .title.skw{background-position:center -643px}
.favorite-heading .title.gpk,.favorite-heading .title.gpoker{background-position:center -803px}
.favorite-heading .title.agl{background-position:center -883px}
.favorite-heading .title.tk1{background-position:center -963px}*/
.favorite-heading .title:before{content:unset;padding-left:0}
.favorite-heading .title.hb{background-position:center -82px}
.favorite-heading .title.spd{background-position:center -162px}
.favorite-heading .title.plt{background-position:center -242px}
.favorite-heading .title.jkr{background-position:center -322px}
.favorite-heading .title.gpi{background-position:center -402px}
.favorite-heading .title.sbo{background-position:center -482px}
.favorite-heading .title.wm{background-position:center -650px}
.favorite-heading .title.cmd{background-position:center -748px}
.favorite-heading .title.awc{background-position:center -855px}
.favorite-heading .title.ori{background-position:center -1022px}
.favorite-heading .title.bbn,.favorite-heading .title.nbb{background-position:center -1114px}
.favorite-heading .title.pgs{background-position:center -1202px}
.favorite-heading .title.pst{background-position:center -1288px}
.favorite-heading .title.sbc{background-position:center -1380px}
.favorite-heading .title.ttg{background-position:center -1472px}
.favorite-heading .title.cqn{background-position:center -1558px}
.favorite-heading .title.bbp{background-position:center -1660px}
.favorite-heading .title.bgg{background-position:center -1758px}
.favorite-heading .title.sll{background-position:center -1862px}
.favorite-heading .title.blk{background-position:center -1950px}
.favorite-heading .title.bng{background-position:center -2048px}
.favorite-heading .title.mcg{background-position:center -2136px}
.favorite-heading .title.prt{background-position:center -2234px}
.favorite-heading .title.sba{background-position:center -2332px}
.favorite-heading .title.mmg{background-position:center -2434px}
.favorite-heading .title.ifd{background-position:center -2530px}
.favorite-heading .title.prk,
.favorite-heading .title.ygg,
.favorite-heading .title.fch{
    background-size: 110%;
}
.favorite-heading .title.prk{background-position:center -2880px}
.favorite-heading .title.ygg{background-position:center -2978px}
.favorite-heading .title.fch{background-position:center -3076px}
.favorite-heading .title.adv{background-position:center -2898px}
.favorite-heading .title.jli{background-position:center -3015px}
.favorite-heading .title.evo{
    background: url(../images/provider/evo-game-front.png) no-repeat;
    background-position: center bottom;
}
.favorite-heading .title.bpt{background-position:center -3223px}
.favorite-heading .title.dgs{background-position:center -3334px}
.favorite-heading .title.sng{
    background: url(../images/provider/sng-game-front.png) no-repeat;
    background-position: -17px;
}
.favorite-heading .title.ddo{background-position:left -2758px;background-size:80%}
.favorite-heading .title.ptg{background-position:left -2850px;background-size:80%}
.favorite-heading .title.afb{background-position:left -2944px;background-size:80%}
.favorite-heading .title.wsl{background-position:center -3800px}
.favorite-heading .title.hsg{background-position:center -3918px}
/*.favorite-heading .title.png{background-position:center -9999px}
.favorite-heading .title.csg{background-position:center -9999px}*/
/*.favorite-heading .title.mmg{
    background: url(../images/provider/mmg-game-front-provider.png) no-repeat;
    background-position: center bottom;
    background-size: 80%;
    filter: drop-shadow(0px 2px 6px grey);
}
.favorite-heading .title.ifd{
    background: url(../images/provider/ifd-lottery.png) no-repeat;
    background-position: left;
    background-size: 40%;
}
.favorite-heading .title.ygg{
    background-position:center -3189px;
    background-size: 110%;
}
.favorite-heading .title.fch{
    background-position:center -3288px;
    background-size: 110%;
}*/

.hidden{display:none}

#PopupBanner{z-index:61;max-width:540px;min-height:10%;top:50%;left:0;right:0;transform:translate(0,-50%)}
#PopupBanner .modal-dialog, #PopupBanner .modal-content, #PopupBanner .modal-body{height:100%}
#PopupBanner .modal-content{padding:15px}
#PopupBanner .modal-body{margin-top:30px;max-height:calc(100% - 40px)}
#PopupBanner button.close{font-size:2em}
.modal-backdrop{position:fixed;top:0;left:0;z-index:60;width:100vw;height:100vh;background-color:#000;opacity:.5}
.popup-image-wrapper{margin:0 auto;width:100%;height:100%;text-align:center;position:relative;display:flex;justify-content:center;align-items:center}
/*.popup-image-wrapper,.popup-image-wrapper>img{height:100%}*/

/* QRIS and Virtual Account */
.mb-16{margin-bottom:16px}
.p-16{padding:16px}
.payment-wrapper{position:relative;display:block;width:100%}
.payment-cardbox{display:block;position:relative;margin:0;padding:0;border-radius:8px;box-shadow:rgb(49 53 59 / 12%) 0 1px 6px 0;overflow:hidden;background-color:white}
.payment-card-header{display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;padding:12px 16px;min-height:48px;border-bottom:1px solid rgb(237,237,237)}
.payment-title{color:rgba(49,53,59,.96);font-size:14px;font-weight:600}
.payment-title:not(div){font-size:inherit}
.payment-instruction-list{margin:0;list-style:none;padding-left:0}
.payment-instruction-list li::before{content:"\2022";color:black;font-weight:bold;display:inline-block;width:1.6em;margin-left:-1.6em}
.payment-instruction-list li{padding-left:20px;position:relative;line-height:18px;font-size:12px;color:rgba(49,53,59,.68);margin-bottom:8px;text-transform:unset !important}
.payment-instruction-list li:last-child{margin-bottom:15px}
.payment-instruction-list .bold{color:black;font-weight:bolder}
.payment-bank-logo{
    white-space:nowrap;
    display:flex;
    -webkit-box-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    align-items:center;
}
.payment-bank-logo>div{
    background:url(../images/common/bank.png) no-repeat;
    background-size:160%;
    width:100px;
    height:18px;
}
.payment-bank-logo>.bca,.payment-bank-logo>.vabca{background-position:40px -2px}
.payment-bank-logo>.permata,.payment-bank-logo>.vapermata{background-position:30px -28px}
.payment-bank-logo>.mandiri,.payment-bank-logo>.vamandiri{background-position:36px -53px}
.payment-bank-logo>.bni,.payment-bank-logo>.vabni{background-position:42px -84px}
.payment-bank-logo>.bri,.payment-bank-logo>.vabri{background-position:36px -160px}
.payment-bank-logo>.qris{background-size:150%;background-position:38px -508px}
.payment-bank-logo>.dana{background-size:170%;background-position:35px -306px}
.payment-bank-logo>.gopay{background-size:170%;background-position:35px -229px;filter:drop-shadow(1px 1px 1px black)}
.payment-bank-logo>.ovo{background-size:170%;background-position:35px -199px}
.qris-dp-note{color:red;font-weight:700}

.accordionItem {
	float: left;
	display: block;
	width: 100%;
    font-size: 0.875rem;
}
.accordionItemHeading {
	cursor: pointer;
	color: #000;
	width: 100%;
    padding:12px 10px;
    border-bottom:1px solid #ccc;
    font-weight:700;
}
.w-accordion-menu:last-child .accordionItemHeading{border-bottom:0}
.close .accordionItemContent {
	height: 0px;
	-webkit-transform: scaleY(0);
	-o-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	float: left;
	display: block;
}
.open .accordionItemContent {
	padding: 10px 0 0 0;
	width: 100%;
	margin: 0px 0px 20px 0px;
	display: block;
}
.accordionItemContent li::before{display:inline-block;width:1.6em;margin-left:-1.6em}
.accordionItemContent li{padding-left:0;position:relative;line-height:1.8;font-size:0.875rem;color:rgba(49,53,59,.68)}
.accordionItemContent li:last-child{margin-bottom:20px}

/* Outstanding Payment for VQ and QRIS */
.finish-payment-wrapper {
    width: 100%;
    max-width:600px;
    padding: 20px;
    background-color:white;
    border-radius:20px;
    display:table;
    margin: 0 auto;
}
.finish-payment-wrapper img,
.finish-payment-wrapper .qr-img{width:250px;height:250px;margin:0 auto;margin-top:15px}
.outstanding-date {
    padding: 16px;
    text-align: center;
    font-size: 0.875rem;
}
.please-pay-to {
    font-weight: 800;
    color: rgba(49, 53, 59, 0.96);
}
.countdown-timer {
    display: block;
    position: relative;
    line-height: 20px;
    text-decoration: initial;
    color: var(--Y500,#FA591D);
    font-weight: 800;
    margin: 4px 0px;
    font-size:1.14725rem;
}
.due-date-payment {
    display: block;
    position: relative;
    font-weight: 400;
    line-height: 20px;
    color: var(--color-text-low,rgba(49,53,59,0.68));
    text-decoration: initial;
    margin: 0px 0px 4px;
    
}
.due-date {
    display: block;
    position: relative;
    line-height: 20px;
    color: var(--color-text-high,rgba(49,53,59,0.96));
    text-decoration: initial;
    margin: 0px;
    
    font-weight: 800;
}
.otd-acc-detail {
    border: 1px solid var(--N75,#E5E7E9);
    border-radius: 8px;
}
.otd-acc-detail .payment-bank-logo>div{background-size:260%}
.otd-acc-detail .payment-bank-logo>.bca,.otd-acc-detail .payment-bank-logo>.vabca{background-position:1px -2px}
.otd-acc-detail .payment-bank-logo>.bni,.otd-acc-detail .payment-bank-logo>.vabni{background-position:3px -87px}
.otd-acc-detail .payment-bank-logo>.bri,.otd-acc-detail .payment-bank-logo>.vabri{background-size:300%;background-position:-13px -194px}
.otd-acc-detail .payment-bank-logo>.mandiri,.otd-acc-detail .payment-bank-logo>.vamandiri{background-position:-3px -55px}
.otd-acc-detail .payment-bank-logo>.permata,.otd-acc-detail .payment-bank-logo>.vapermata{background-position:-8px -30px}
.otd-acc-detail .payment-bank-logo>.qris{background-size:200%;background-position:12px -432px}
.otd-acc-detail .payment-bank-logo>.dana{background-size:300%;background-position:-10px -348px}
.otd-acc-detail .payment-bank-logo>.gopay{background-position:3px -87px;filter:drop-shadow(1px 1px 1px black)}
.otd-acc-detail .payment-bank-logo>.ovo{background-position:0px -196px}
.bank-name-row {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    border-bottom: 0.5px solid rgb(232, 232, 232);
    padding: 16px;
}
.bank-name {
    font-weight: bold;
    color: rgba(49, 53, 59, 0.96);
    text-transform:uppercase;
}
.css-vhe8zj {
    max-width: 64px;
    max-height: 40px;
    vertical-align: middle;
}
.detail-amount{padding:8px 16px}
.row-amount{padding:8px 0;border-bottom:1px solid #ccc}
.row-amount:last-child{border-bottom:none}
.row-title{font-size:0.8rem;color:#777;display:inline}
.row-content {
    display: inline;
    -webkit-box-pack: justify;
    justify-content: end;
    -webkit-box-align: center;
    align-items: center;
}
.css-1h9cifw {
    font-weight: 800;
    color: rgba(49, 53, 59, 0.96);
    display: inline;
}
.copy-code {
    color: var(--G500,#EB6A48);
    cursor: pointer;
    font-weight: 800;
    display:inline;
    margin-right:10px;
}
.has-amt:before{content:"Rp. "}
.css-158s7cq{display:inline;float:right;font-weight:800;color:rgba(49,53,59,0.96);}
.action-btn-wrapper {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 32px 0px 40px;
}
.action-btn-wrapper button:first-child {
    margin-right: 16px;
}
.finish-payment-wrapper>.action-btn-wrapper button:first-child {
    margin-right: 0;
}
.action-btn-wrapper button:hover{background-color:unset}
.action-btn-wrapper button:not(.otd-confirm-btn):hover{background-color:#EB6A48}
.otd-confirm-btn {
    width: 100%;
    height: 40px;
    color: var(--G500,#EB6A48);
    font-weight: 700;
    font-size: 1rem;
    line-height: 20px;
    text-indent: initial;
    background-color: transparent;
    border: 1px solid var(--G500,#EB6A48);
    border-radius: 8px;
    display: block;
    outline: none;
    cursor: pointer;
    position: relative;
    padding: 0px 16px;
    transition: background-color 300ms ease 0s;
}
.otd-confirm-btn span {
    font-size: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 1;
    display: block;
    overflow: hidden;
    position: relative;
    top: 0px;
    transition: opacity 300ms linear 0s, top 300ms linear 0s;
}
.otd-confirm-btn::after {
    content: "";
    background-color: rgb(49, 53, 59);
    opacity: 0;
    inset: 0px;
    border-radius: inherit;
    position: absolute;
    transition: opacity 300ms ease 0s;
    pointer-events: none;
}
.otd-reject-btn {
    width: 100%;
    height: 40px;
    color: rgb(255, 255, 255);
    
    font-weight: 700;
    font-size: 1rem;
    line-height: 20px;
    text-indent: initial;
    background-color: var(--G500,#EB6A48);
    border: none;
    border-radius: 8px;
    display: block;
    outline: none;
    cursor: pointer;
    position: relative;
    padding: 0px 16px;
    transition: background-color 300ms ease 0s;
}
.otd-reject-btn span {
    font-size: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 1;
    display: block;
    overflow: hidden;
    position: relative;
    top: 0px;
    transition: opacity 300ms linear 0s, top 300ms linear 0s;
}
.otd-reject-btn::after {
    content: "";
    background-color: rgb(49, 53, 59);
    opacity: 0;
    inset: 0px;
    border-radius: inherit;
    position: absolute;
    transition: opacity 300ms ease 0s;
    pointer-events: none;
}
.how-to-pay {
    font-weight: 800;
    margin: 16px 0 0 0;
    color: #777;
    text-align: center;
}
.payment-steps .w-accordion-menu {
    border: none;
}
.w-accordion-menu {
    padding: 10px;
    color: #777;
    border: 1px solid #ddd;
}
.pull-right {
    float: right;
}
.payment-steps .w-accordion-content {
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-bottom: 1px solid var(--N75,#E5E7E9);
    padding-bottom: 16px;
    margin-bottom: 16px;
}
.w-accordion-content li{color:#777}

/* Pool Number Styling */
@font-face {
    font-family: BebasNeue;
    src: url("../fonts/bebas-neue/BebasNeue-Regular.ttf") format("truetype");
}
.py-3{padding:1rem !important}
.collapse:not(.show){display:none}
.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}
.result-text{font-size:20px;color:#fff5b8}
.w-pasaran{width:40%;text-transform:capitalize;float:left}
.w-tanggal{width:45%;float:left}
.w-result{width:15%;float:left}
.pool-container{font-family:'BebasNeue';letter-spacing:1px;display:flex;flex-direction:row;height:auto;align-items:center}
.pool-result-heading{color:#fff5b8;text-align:center;font-size:1.2em;line-height:2}
.box-pool{padding:8px 0;border-top:1px solid}
.pool-header{padding:4px 0}
.pool-result-wrapper{background-color:#3e3e3e;padding:12px}

/* Affiliate System */
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}
.h5, h5 {
    font-size: 1.25rem;
}

.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}
.form-check-input.is-invalid~.form-check-label {
    color: #dc3545;
}
.form-check-input.is-invalid~.invalid-feedback {
  display: block;
}
.affiliate .card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: 0.25rem;
}
.affiliate .card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  color: inherit;
  background-color: rgba(0,0,0,.03);
  border-bottom: 1px solid rgba(0,0,0,.125);
}
.affiliate .card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}
.affiliate .card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0,0,0,.03);
  border-top: 1px solid rgba(0,0,0,.125);
}
.affiliate .btn-agreement > .btn {
  max-width: 40%;
}
@media only screen and (max-width: 539px) {
  .affiliate .btn-agreement > .btn {
	max-width: unset;
  }
  .affiliate .btn-agreement > .btn:first-child {
	margin-bottom: 10px;
  }
}

.affiliate .input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.affiliate .input-group>.form-control {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}
.affiliate .input-group>.form-control:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.affiliate .input-group-prepend {
    margin-right: -1px;
    display: flex;
}
.affiliate .input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}
.affiliate .form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.affiliate p.card-text {
  margin-bottom: 16px;
}

.kyc-migration-notification {
  padding: 1.5rem;
}
.kyc-migration-notification > p {
  line-height: 1.5;
}
.affiliate-modal {
  font-size: 0.875rem;
}
/*.affiliate-modal .modal .modal-content {
  height: 100%;
  padding: unset;
}
.affiliate-modal .modal-dialog {
  position: relative;
  width: auto;
  margin: 1rem;
  pointer-events: none;
}
.affiliate-modal .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.affiliate-modal .modal.show .modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2));
}*/

.affiliate-modal .close,
.affiliate-modal .close:hover,
.affiliate-modal .modal-header h5 {
  color: #000;
}
.affiliate .modal .modal-content,
.affiliate-modal .modal .modal-content,
#WithdrawForm .affiliate-modal .modal-content {
  padding: 0;
  height: auto;
}
.affiliate-modal .modal-header .close {
  padding: 1.6rem;
  position: absolute;
  top: 0;
  right: 0;
}
.affiliate-modal .modal-title {
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1.5;
}
.affiliate-modal .modal-content [class^="modal-"] {
  background-color: white;
}

#tncModal .form-check-label {
  line-height: unset;
  font-weight: normal;
}
.img-requirement-list,
.tnc-list {
  padding-left: 15px;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
.affiliate .form-control.phone-number {
  margin-bottom: unset !important;
  font-size: 1rem !important;
  line-height: unset !important;
  height: auto !important;
  background-color: #f5f5f5;
}
.affiliate .card-footer > .btn {
  border: unset;
  color: #fff;
}
.affiliate .form-control > .btn:disabled,
.affiliate .card-footer > .btn:disabled,
.affiliate-modal .card-footer > .btn:disabled,
.affiliate-modal .modal-footer > .btn:disabled {
  cursor: not-allowed;
  opacity: .65;
}

.btn-wa {
  background-color: #2ab318;
}
.btn-telegram {
  background: linear-gradient(180deg, #28a8e9, #23a0dd);
}
.btn-sms {
  color: black;
}

/* ASF Logo */
.asf-logo {
  background: url(../images/common/asf-main.png) no-repeat;
  width: 155px;
  height: 60px;
  margin: 0 auto;
  background-size: 155px;
  margin-bottom: 1rem;
}

/* OTP Code */
.text-muted {
  color: #6c757d !important;
}
.form-text {
  display: block;
  margin-top: 0.25rem;
}
.affiliate-modal small {
  font-size: 100%;
}
.affiliate,
.affiliate-modal a,
.affiliate-modal .modal-title {
  color: #000;
}
.affiliate,
.affiliate-modal .modal-body {
  font-size: 1rem;
}
.affiliate-modal .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
  background-size: 100% 100%;
}
.affiliate-modal .modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.affiliate-modal .card-title {
  margin-bottom: 0;
}
.affiliate-modal .form-group .otp-code {
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 5px;
  height: calc(2.875rem + 2px);
  padding: 0.5rem 1rem;
  line-height: 1.5;
  border-radius: 0.3rem;
  color: #000;
  position: relative;
  margin-bottom: 10px;
  background-color: #f5f5f5;
  border-color: #C0C0C0;
  vertical-align: top;
  border: 1px #ccc solid;
  width: 100%;
}
.affiliate-modal .form-control.is-invalid {
  border-color: #dc3545;
}

.affiliate-modal .modal-footer>:not(:last-child) {
    margin-right: 0.25rem;
}

/* Homepage Widget */
.game-widgets {padding:1rem}
.widget-tab .nav-tabs {
	margin-bottom: 20px;
	border-bottom: 0;
}
.widget-tab .nav-tabs>li {
	float: none;
	display: inline;
}
.widget-tab .nav-tabs li {
	margin-right: 15px;
}
.widget-tab .nav-tabs li:last-child {
	margin-right: 0;
}
.widget-tab .nav-tabs {
	position: relative;
	z-index: 1;
	display: inline-block;
}
.widget-tab .nav-tabs:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #fff;
	z-index: -1;
}
.widget-tab .nav-tabs>li a {
	display: inline-block;
	background-color: #fff;
	border: none;
	border-radius: 30px;
	font-size: 14px;
	color: #000;
	padding: 5px 30px;
}

.widget-tab .nav-tabs>li>a.active, 
.widget-tab .nav-tabs>li a.active>:focus, 
.widget-tab .nav-tabs>li>a.active:hover,
.widget-tab .nav-tabs>li>a:hover {
	border: none;
	background-color: #d7d7d7;
	background-image: linear-gradient(147deg, #d7d7d7 0%, #353535 74%);
	color: #fff;
}

.widget-carousel .owl-stage {
  margin: 0 auto;
}
.widget-carousel .card {
  border: none;
  border-radius: 0.5rem;
}

.widget-carousel .card .figure-text > p {
  color: #fff;
}
.widget-carousel .card-body {
  padding: 0;
}

.myback-img {
  display: flex;
  justify-content: center;
  height: 180px;
  overflow: hidden;
  object-fit: cover;
  border-radius: 0.25rem;
  background-size: cover;
  background-position: center;
  border-radius: 0.5rem;
}

.game-overlay {
  border-radius: 0.5rem;
  position: absolute;
  background: -webkit-linear-gradient(top, transparent 80%, rgba(0, 0, 0, 0.6) 75%);
  height: 100%;
  width: 100%;
  top: 0;
}

.avatar-provider > .icon {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-image: url(../images/common/toto/simplified-logo.png);
  background-size: 360px;
  background-position: -80px 0;
}

.avatar-provider > .icon.pgr {
  background-position: -200px 0;
}
.avatar-provider > .icon.hb {
  background-position: -320px 0;
}
.avatar-provider > .icon.plt {
  background-position: -80px -40px;
}
.avatar-provider > .icon.gpi {
  background-position: -200px -40px;
}
.avatar-provider > .icon.wm {
  background-position: -320px -40px;
}
.avatar-provider > .icon.spd {
  background-position: -80px -80px;
}
.avatar-provider > .icon.sbo {
  background-position: -200px -80px;
}
.avatar-provider > .icon.jkr {
  background-position: -320px -80px;
}
.avatar-provider > .icon.cmd {
  background-position: -80px -120px;
}
.avatar-provider > .icon.awc {
  background-position: -200px -120px;
}
.avatar-provider > .icon.pgs {
  background-position: -320px -120px;
}
.avatar-provider > .icon.sbc {
  background-position: -80px -160px;
}
.avatar-provider > .icon.nbb,
.avatar-provider > .icon.bbn {
  background-position: -200px -160px;
}
.avatar-provider > .icon.pst {
  background-position: -320px -160px;
}
.avatar-provider > .icon.ori {
  background-position: -80px -200px;
}
.avatar-provider > .icon.cqn {
  background-position: -200px -200px;
}
.avatar-provider > .icon.ttg {
  background-position: -320px -200px;
}
.avatar-provider > .icon.bgg {
  background-position: -80px -240px;
}
.avatar-provider > .icon.sll {
  background-position: -200px -240px;
}
.avatar-provider > .icon.mcg {
  background-position: -320px -240px;
}
.avatar-provider > .icon.bng {
  background-position: -80px -280px;
}
.avatar-provider > .icon.blk {
  background-position: -200px -280px;
}
.avatar-provider > .icon.prt {
  background-position: -320px -280px;
}
.avatar-provider > .icon.sba {
  background-position: -80px -320px;
}
.avatar-provider > .icon.mmg {
  background-position: -200px -320px;
}
.avatar-provider > .icon.ifd {
  background-position: -320px -320px;
}
.avatar-provider > .icon.ygg {
  background-position: -80px -360px;
}
.avatar-provider > .icon.fch {
  background-position: -200px -360px;
}
.avatar-provider > .icon.adv {
  background-position: -320px -360px;
}
.avatar-provider > .icon.jli {
  background-position: -80px -400px;
}
.avatar-provider > .icon.evo {
  background-position: -200px -400px;
}
.avatar-provider > .icon.bpt {
  background-position: -320px -400px;
}
.avatar-provider > .icon.dgs {
  background-position: -80px -480px;
}
.avatar-provider > .icon.prk {
  background-position: -200px -480px;
}
.avatar-provider > .icon.sng {
  background-position: -320px -480px;
}
.avatar-provider > .icon.ddo {
  background-position: -80px -520px;
}
.avatar-provider > .icon.ptg {
  background-position: -200px -520px;
}
.avatar-provider > .icon.afb {
  background-position: -320px -520px;
}
.avatar-provider > .icon.wsl {
  background-position: -80px -560px;
}
.avatar-provider > .icon.hsg {
  background-position: -200px -560px;
}

.borders {
  position: relative;
  border: 1px solid #fff;
  border-radius: 100%;
  width: 42px;
  height: 42px;
  background-color: rgb(0 0 0 / 60%);
}

.borders:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 100%;
}

.game-img {
  position: absolute;
  top: 64%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.game-title {
  text-align: center;
  position: relative;
  top: -39px;
  margin-bottom: -37px;
}

