/* 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"; .default-color{background-color:#222!important} .default-color-text{color:#222!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:#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:#000!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;hlbr:expression(this.onFocus=this.blur());color:#222;text-decoration:none;-webkit-tap-highlight-color:transparent} img{max-width:100%;height:auto;border:0; margin: auto} 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, .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 { 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, .body-container-header, .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: #FF8C00 no-repeat no-repeat; background-size:105% 105%; color:#fff;width:112px; font-weight : bolder } .btn-join { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f00018+1,B20000+100 */ background: #E3EAFF no-repeat; background-position:center; background-size:105% 105%; color:#000000; font-weight : bolder} .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; } .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; } .game-front-menu .label-new{margin-top:6px;margin-left:6px} /* .menu-body [class*="icon_"] { background: url(../images/common/sub-menu-sprite.svg) no-repeat; background-size: 100%; } .menu-body .icon_slot {background-position: 10px -69px;} .menu-body .icon_casino {background-position: center -229px;} .menu-body .icon_sports {background-position: center -90px;} .menu-body .icon_lottery {background-position: center -399px;} .menu-body .icon_poker {background-position: center -489px;} .menu-body .icon_racing {background-position: center -226px;} .menu-body .icon_tembak_ikan {background-position: center -311px;} */ /******* 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 .back-button { position: relative; display: inline-block; margin-right: 8px; width: 28px; height: 56px; line-height: 56px; border: none; background-color: transparent; vertical-align: middle; border-right: 1px solid rgba(0, 0, 0, 0.4); color: white; -webkit-transition: width .4s ease-in-out; -o-transition: width .4s ease-in-out; transition: width .4s ease-in-out; overflow: hidden; font-size: 1.5625rem; } .navbar-fixed .back-button:before { content: "\e90d"; display: inline-block; font-family: 'icomoon'; position: absolute; top: 1px; left: -3px; } @media only screen and (max-width: 320px) { .navbar-fixed .back-button { width: 24px; margin-right: 5px; } } .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: #eed813; } .menu-body a:hover { background-color: rgba(249, 176, 19, 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 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 { color: #222222; } .bottom-nav-bar i { display: block; margin: 6px auto 0; width: 24px; height: 24px; font-size: 1.625rem; } 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%;} */ #DepositForm .select-type:not(.hasBonusList):after{right:36px} .copyText{cursor:pointer} .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 { 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; } .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 { color: #00bedd; opacity: 1; } .navigation-ribbon .navigation-ribbon-item i { opacity: 1; } .navigation-ribbon .navigation-ribbon-item span { opacity: 1; } .navigation-ribbon .navigation-ribbon-item .liveTag { color: #fff; } .navigation-ribbon .navigation-ribbon-item :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 { 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 .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; } .col-6 { position: relative; width: 100%; padding-right: 22.5px; padding-left: 22.5px; flex: 0 0 50%; max-width: 50%; } .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 { 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 { 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 .step-icon { color: #fff; background-color: #222222; border-color: #00434f; } .step-indicator 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 { 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 { background-color: #222222; } .providerGroup a 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 { position: relative; color: #222222; } .game-item-tabs li a: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> { 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; } } .body-container-header { position: relative; margin: 50px auto 30px; width: 100%; padding: 1rem; background-color: rgba(0, 0, 0, 0.65); border-radius: 10px; color: white; min-height: 240px; } @media only screen and (max-width: 600px) { .body-container-header { min-height: 180px; } } @media only screen and (max-width: 480px) { .body-container-header { margin: 32px auto 18px; min-height: 146px; } } @media only screen and (max-width: 320px) { .body-container-header { margin: 24px auto 10px; min-height: 120px; } } .body-container-header h3 { font-weight: 600; } .body-container-header span { display: block; font-weight: 300; } .body-container-header .activation-time { position: relative; max-width: 58px; margin: 5px auto 0; padding: 3px 0; color: #9e9e9e; font-family: sans-serif; background-color: #171717; border-radius: 3px; font-size: 0.8125rem; 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: 1px solid #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 { content: ""; width: 4px; height: 16px; 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: 1px solid #111; border-top-left-radius: 5px; border-bottom-left-radius: 5px; display: block; position: absolute; top: 3px; left: -4px; } .body-container-header .activation-time:after { content: ""; width: 4px; height: 16px; 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: 1px solid #111; border-top-right-radius: 5px; border-bottom-right-radius: 5px; display: block; position: absolute; top: 3px; right: -4px; } .body-container-header .circles-wrap { position: relative; top: -5px; left: -5px; width: 90px; height: 90px; } .body-container-header .circles-wrap .center { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; border-radius: 50%; } .body-container-header .circles-wrap .circle1 { width: 100%; height: 100%; border: 5px solid rgba(255, 255, 255, 0.46); border-top-color: transparent; -webkit-animation: circle1 1s cubic-bezier(0.47, -0.66, 0.83, 0.67) infinite; animation: circle1 1s cubic-bezier(0.92, 0.04, 1, 0.64 0.47, -0.66, 0.83, 0.67) infinite; -o-transition: .3s ease-out; transition: .3s ease-out; -moz-transition: .3s ease-out; -webkit-transition: .3s ease-out; } @media only screen and (max-width: 480px) { .body-container-header .circles-wrap { width: 70px; height: 70px; } } .body-container-header .header-title-defaul { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; font-size: 2.375rem; } @media only screen and (max-width: 600px) { .body-container-header .header-title-defaul { font-size: 1.875rem; } } @media only screen and (max-width: 480px) { .body-container-header .header-title-defaul { font-size: 1.5rem; } } .body-container-header .header-title-defaul span { font-size: 1.5rem; } @media only screen and (max-width: 480px) { .body-container-header .header-title-defaul span { font-size: 1rem; } } .body-container-header .header-title-sec { margin-top: 46px; font-size: 1.5rem; } @media only screen and (max-width: 480px) { .body-container-header .header-title-sec { margin-top: 30px; font-size: 1.25rem; } } @media only screen and (max-width: 320px) { .body-container-header .header-title-sec { font-size: 1.125rem; } } .body-container-header .header-title-sec span { font-size: 1rem; } @media only screen and (max-width: 480px) { .body-container-header .header-title-sec span { margin-top: 5px; font-size: 0.875rem; line-height: 15px; } } @media only screen and (max-width: 320px) { .body-container-header .header-title-sec span { font-size: 0.8125rem; } } .body-container-header .text-C { margin-top: 0; position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .body-container-header .header-icon { position: absolute; left: 0; right: 0; top: -36px; margin: auto; vertical-align: middle; width: 80px; height: 80px; border-radius: 50%; z-index: 1; } @media only screen and (max-width: 480px) { .body-container-header .header-icon { width: 60px; height: 60px; } } .body-container-header .header-icon i { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; line-height: 70px; border-radius: 50%; background-color: #000; z-index: 5; color: #fff; font-size: 2.625rem; } @media only screen and (max-width: 480px) { .body-container-header .header-icon i { line-height: 50px; font-size: 1.875rem; } } .body-container-header .header-icon img { width: 60px; vertical-align: middle; } @media only screen and (max-width: 480px) { .body-container-header .header-icon img { width: 42px; } } .body-container-header .lock-icon:before, .body-container-header .lock-icon:after { position: absolute; left: 0; right: 0; top: 0; margin: auto; vertical-align: middle; background: rgba(233, 0, 0, 0.8); width: 80px; height: 80px; border-radius: 50%; } @media only screen and (max-width: 480px) { .body-container-header .lock-icon:before, .body-container-header .lock-icon:after { width: 60px; height: 60px; } } .body-container-header .lock-icon:before { content: ""; -webkit-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite; } .body-container-header .lock-icon:after { content: ""; -webkit-animation: bounce 1.5s -0.4s infinite; animation: bounce 1.5s -0.4s infinite; } .body-container-header .lock-icon i { border: 5px solid rgba(233, 0, 0, 0.8); } .body-container-header .fix-icon i { line-height: 80px; -webkit-animation: circle1 2s infinite linear; animation: circle1 2s infinite linear; } @media only screen and (max-width: 480px) { .body-container-header .fix-icon i { line-height: 60px; } } .body-container-main { position: relative; margin: 0 auto; width: 100%; padding: 1rem; border-radius: 10px; background-color: rgba(255, 255, 255, 0.86); min-height: 40vh; -webkit-box-shadow: 0 5px 0 #bdbdbd; box-shadow: 0 5px 0 #bdbdbd; } @media only screen and (max-width: 320px) { .body-container-main { min-height: 48vh; } } .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 { -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: #000; } .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{ color: #fff; background-color: #222222; } */ .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:#000;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{background-color:#171717} .bottom-nav-bar ul li{border-right-color:rgba(255,255,255,.2)} .bottom-nav-bar a{color:#ececec} .bottom-nav-bar a{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 { 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 {color:#00bedd} .navigation-ribbon .navigation-ribbon-item :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-category a { color: white; 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; } */ .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{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{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; } .body-container-main { background-color: rgba(255, 255, 255, 0.86); -webkit-box-shadow: 0 5px 0 #bdbdbd; box-shadow: 0 5px 0 #bdbdbd; } .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 { -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 .playtech,.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-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%; } @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-warning{color:#ffc107 !important} .text-info{color:#17a2b8 !important} .text-ellipsis{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap} /*----- 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} .responsive-image{width:100%;height:100%} .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/270122-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 .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:20px} .seo-footer>.infini-logo>img{max-height:45px} /****** Slider Carousel with Bootstrap component style ******/ .carousel-item .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:#000;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: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{border-radius:10px;font-weight:bold;opacity:0.5} .game-group-front .nav-link: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; margin:3px 5px; width:120px; } .game-front-menu .provider-item-list li>.icon-new{right:-5px;top:-6px;font-size:1.3rem} /* .game-front-menu .game-front-type{ background:url(../images/common/140122-game-front-type.png) no-repeat; background-position:-11px 0; border-radius:10px; } */ /* Casino */ .game-front-menu .casino .game-front-type{ background:url(../images/provider/casino.png) no-repeat; background-position: -14px 0px; } /* .game-front-menu .casino .pgr .game-front-type{background-position:-14px 0px} */ .game-front-menu .casino .prt .game-front-type{background-position:-14px -91px} .game-front-menu .casino .bbn .game-front-type{background-position:-14px -182px} .game-front-menu .casino .mcg .game-front-type{background-position:-14px -273px} .game-front-menu .casino .sbc .game-front-type{background-position:-14px -364px} .game-front-menu .casino .wm .game-front-type{background-position:-14px -455px} .game-front-menu .casino .gpi .game-front-type{background-position:-14px -546px} .game-front-menu .casino .ori .game-front-type{background-position:-14px -637px} .game-front-menu .casino .bgg .game-front-type{background-position:-14px -728px} .game-front-menu .casino .ttg .game-front-type{background-position:-14px -819px} .game-front-menu .casino .cqn .game-front-type{background-position:-14px -910px} .game-front-menu .casino .blk .game-front-type{background-position:-14px -1001px} .game-front-menu .casino .png .game-front-type{background-position:-14px -1092px} .game-front-menu .casino .sbo .game-front-type{background-position:-14px -1183px} /* .game-front-menu .casino .skw .game-front-type{background-position:-14px -91px} */ /* Slots */ .game-front-menu .slot .game-front-type{ background:url(../images/provider/slots.png) no-repeat; background-position:-14px -0px; } .game-front-menu .slot .pgr .game-front-type { background: url(../images/provider/pgr-slot.gif) no-repeat; background-size: 100%; background-position: -5px -14px; } /* .game-front-menu .slot .pgr .game-front-type{background-position:-14px -0px} */ .game-front-menu .slot .mcg .game-front-type{background-position:-14px -91px} .game-front-menu .slot .pgs .game-front-type{background-position:-14px -182px} .game-front-menu .slot .ttg .game-front-type{background-position:-14px -273px} .game-front-menu .slot .hb .game-front-type{background-position:-14px -364px} .game-front-menu .slot .bbn .game-front-type{background-position:-14px -455px} .game-front-menu .slot .bbp .game-front-type{background-position:-14px -546px} .game-front-menu .slot .spd .game-front-type{background-position:-14px -637px} .game-front-menu .slot .jkr .game-front-type{background-position:-14px -728px} .game-front-menu .slot .pst .game-front-type{background-position:-14px -819px} .game-front-menu .slot .cqn .game-front-type{background-position:-14px -910px} .game-front-menu .slot .bng .game-front-type{background-position:-14px -1001px} .game-front-menu .slot .sll .game-front-type{background-position:-14px -1092px} .game-front-menu .slot .mmg .game-front-type{background-position:-14px -1274px} /* .game-front-menu .slot .skw .game-front-type{background-position:-14px -546px} */ /* Fishing */ .game-front-menu .tembak_ikan .game-front-type{ background:url(../images/provider/fishing.png) no-repeat; background-position:-14px -0px; } /* .game-front-menu .tembak_ikan .pgr .game-front-type{background-position:-14px 0px} */ .game-front-menu .tembak_ikan .bbp .game-front-type{background-size:220%;background-position:-18px -110px} .game-front-menu .tembak_ikan .cqn .game-front-type{background-position:-14px -182px} .game-front-menu .tembak_ikan .bgg .game-front-type{background-position:-14px -273px} .game-front-menu .tembak_ikan .spd .game-front-type{background-position:-14px -364px} .game-front-menu .tembak_ikan .jkr .game-front-type{background-position:-14px -455px} /* .game-front-menu .tembak_ikan .bbp .game-front-type{ position:relative;top:0; background: url(../images/provider/bbp-fishing.png) no-repeat; background-position: center -20px; background-size: 113%; } */ .game-front-menu .tembak_ikan .skw .game-front-type{background-position:-14px -910px} .game-front-menu .tembak_ikan .pst .game-front-type{background-position:-14px -637px} .game-front-menu .tembak_ikan .mcg .game-front-type{background-position:-14px -728px} /* Sports - Lottery - Poker */ .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; background-position:-11px 0px; } /* .game-front-menu .sports .sbo .game-front-type, .game-front-menu .sports .cmd .game-front-type, .game-front-menu .sports .sba .game-front-type,*/ .game-front-menu .sports .nbb .game-front-type{background-position:-14px -455px} .game-front-menu .lottery .pgr .game-front-type{background-position:-11px -91px} .game-front-menu .lottery .isin4d .game-front-type{background-position:-15px -182px} .game-front-menu .poker .idn .game-front-type{background-position:-20px -273px} .game-front-menu .poker .pgr .game-front-type{background-position:-14px -364px} /* .game-front-menu .poker .agl .game-front-type{background-position:-14px -1456px} */ /* 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 .cock_fighting .awc .game-front-type{background-position:-14px 0px} /* .game-front-menu .games .pgr .game-front-type{background-position:-14px -91px} */ .game-front-menu .games .bbp .game-front-type{background-position:-14px -273px} .game-front-menu .games .ttg .game-front-type{background-position:-14px -364px} .game-front-menu .games .sbo .game-front-type{background-position:-14px -455px} .game-front-menu .games .jkr .game-front-type{background-position:-14px -728px} .game-front-menu .games .pst .game-front-type{background-position:-14px -546px} .game-front-menu .games .cqn .game-front-type{background-position:-14px -637px} /* .game-front-menu .games .bng .game-front-type{background-position:-14px -1547px} */ .game-front-menu .games .spd .game-front-type{background-position:-14px -819px} .game-front-menu .games .mmg .game-front-type{background-position:-14px -1001px} /* .game-front-menu .games .idn .game-front-type{background-position:-14px -1547px} .game-front-menu .games .skw .game-front-type{background-position:-14px -1547px} .game-front-menu .games .tk1 .game-front-type{background-position:-14px -1729px} */ /* .game-front-menu .games .bbp .game-front-type{ position:relative;top:0; background: url(../images/provider/bbp-games.png) no-repeat; background-position: center top; background-size: 83%; } */ /* .game-front-menu .games .bng .game-front-type{ position:relative;top:0; background: url(../images/provider/bng-games.png) no-repeat; background-position: center top; background-size: 83%; } */ .game-front-menu .game-front-icon{ height:39px;width:100%;display:block; background:url(../images/common/231221-game-front-provider.png) #1d1b1b no-repeat; background-position:center -3px; background-size:80%; border-bottom-right-radius:8px; border-bottom-left-radius:8px; } .game-front-menu .pgr .game-front-icon, .game-front-menu .bbn .game-front-icon, .game-front-menu .bbp .game-front-icon { background-position: center 0px; } .game-front-menu .pgr .game-front-icon { background: url(../images/provider/pgr-game-front-lobby.gif) #1d1b1b no-repeat; background-position: center; background-size: 85%; } .game-front-menu .hb .game-front-icon{background-position:center -64px} .game-front-menu .spd .game-front-icon{background-position:center -125px} .game-front-menu .isin4d .game-front-icon{background-position:center -187px} .game-front-menu .playtech .game-front-icon, .game-front-menu .pt .game-front-icon{background-position:center -249px} .game-front-menu .jkr .game-front-icon{background-position:center -311px} .game-front-menu .gpi .game-front-icon{background-position:center -373px} .game-front-menu .sbo .game-front-icon{background-position:center -434px} .game-front-menu .skw .game-front-icon{background-position:center -497px} .game-front-menu .wm .game-front-icon{background-position:center -559px} .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 .cmd .game-front-icon{background-position:center -810px} .game-front-menu .awc .game-front-icon{background-position:center -877px} .game-front-menu .idn .game-front-icon{background-position:center -944px} /*.game-front-menu .pgs .game-front-icon{background-position:center -1142px}*/ .game-front-menu .pgs .game-front-icon{ background: url(../images/provider/pgs-game-front.gif) #1d1b1b no-repeat; background-position: center -33px; background-size: 110%; } .game-front-menu .sbc .game-front-icon{background-position:center -1279px} .game-front-menu .bbn .game-front-icon{background-position:center -1076px} /*.game-front-menu .bbn .game-front-icon { background: url(../images/provider/bbn-game-front.gif) #1d1b1b no-repeat; background-position: center -1px; background-size: 87%; }*/ .game-front-menu .ori .game-front-icon{background-position:center -1004px} .game-front-menu .pst .game-front-icon{background-position:center -1210px} .game-front-menu .ttg .game-front-icon{background-position:center -1353px} .game-front-menu .cqn .game-front-icon{background-position:center -1418px} .game-front-menu .bbp .game-front-icon{background-position:center -1492px} /*.game-front-menu .bbp .game-front-icon { background: url(../images/provider/bbp-game-front.gif) #1d1b1b no-repeat; background-position: center -1px; background-size: 75%; }*/ .game-front-menu .bgg .game-front-icon{background-position:center -1569px} .game-front-menu .sll .game-front-icon{background-position:center -1652px} .game-front-menu .blk .game-front-icon{background-position:center -1724px} .game-front-menu .bng .game-front-icon{background-position:center -1796px} /*.game-front-menu .mcg .game-front-icon{background-position:center -1872px}*/ .game-front-menu .mcg .game-front-icon{ background: url(../images/provider/mcg-game-front.gif) #1d1b1b no-repeat; background-position: center -33px; background-size: 110%; } /*.game-front-menu .prt .game-front-icon{background-position:center -1949px}*/ .game-front-menu .prt .game-front-icon{ background: url(../images/provider/prt-game-front.gif) #1d1b1b no-repeat; background-position: center -33px; background-size: 110%; } .game-front-menu .sba .game-front-icon{background-position:center -2026px} .game-front-menu .mmg .game-front-icon{ background: url(../images/provider/mmg-game-front-provider.png) #1d1b1b no-repeat; background-position: center; background-size: 60%; } .game-front-menu .png .game-front-icon{background-position:center -9999px} .game-front-menu .csg .game-front-icon{background-position:center -9999px} .game-front-menu .nbb .game-front-icon{background-position:center -1076px} .game-front-tag{position:absolute;left:-5px;top:-15px;max-width:35px} .bbn .game-front-tag,.bbp .game-front-tag,.pgs .game-front-tag,.mcg .game-front-tag,.prt .game-front-tag{top:-5px} .provider-group>{padding-top:10px} .provider-group>>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:70px;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 .playtech,#ProviderList .pt{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:131px} .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 .playtech,.provider-item-list .pt{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{position:absolute;width:40px;transform:translateY(-117%);margin:0 auto;left:0;right:0} .item-provider { display: inline-block; width: 8.33333%; 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 span{display:block;line-height:22px;font-size:.875rem;color:#fff} .item-provider.selected{ border-bottom: 3px solid #396fc3; background-color: rgb(141 170 216); } .item-provider.selected span{color:#000} .item-provider a{ display: block; padding: 60px 0 0 0; background: url(../images/common/icon_menu.png) no-repeat; background-size: 165%; background-position: -76px 2px; } .item-provider .other{background:0 0;border-radius:3px;background-color:#fff;box-shadow:rgba(0,0,0,0.05) -1px -1px 4px 0;border:1px solid #ededed;vertical-align:bottom} .item-provider .other>span{color:#000} .item-provider .pgr{background-position:-76px -87px} .item-provider .hb{background-position:-76px -176px} .item-provider .gpi{background-position:-76px -263px} .item-provider .gpk{background-position:-76px -352px} .item-provider .pt{background-position:-76px -526px} .item-provider .skw{background-position:-76px -530px} .item-provider .wm {background-position:-76px -618px} .item-provider .isin4d{background-position:-76px -706px} .item-provider .sbo{background-size:170%;background-position:-84px -911px} .item-provider .spd {background-position:-76px -796px} .item-provider .agl{background-position:-76px -972px} .item-provider .jkr{background-size:170%;background-position:-83px -1093px} .item-provider .cmd{background-position:-76px -1150px} .item-provider .awc{background-position:-78px -1239px} .item-provider .idn{background-position:-76px -1328px} .item-provider .pgs{background-position:-76px -1417px} .item-provider .sbc{background-position:-76px -1506px} .item-provider .bbn{background-position:-76px -1591px} .item-provider .ori{background-position:-78px -1677px} .item-provider .pst{background-position:-76px -1773px} .item-provider .bbp{background-position:-76px -1853px} .item-provider .cqn{background-position:-79px -1944px} .item-provider .ttg{background-position:-76px -2032px} .item-provider .bgg{background-position:-76px -2121px} .item-provider .sll{background-position:-86px -2374px;background-size:177%} .item-provider .mcg{background-position:-76px -2297px} .item-provider .bng{background-position:-76px -2386px} .item-provider .blk{background-position:-76px -2474px} .item-provider .prt{background-position:-76px -2566px} .item-provider .sba{background-position:-78px -2655px} .item-provider .mmg{background-position:-80px -2740px} .item-provider .png{background-position:-76px -9999px} .item-provider .csg{background-position:-76px -9999px} .item-provider .nbb{background-position:-76px -1591px} @media only screen and (max-width: 767px) { .wrapper-provider-list .bonus-provider-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center} .item-provider{width:25%;max-width:103.5px} } /* 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} /* 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:#000;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%} .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.pgr{background-position:right -114px} .bonus-pv-icon.hb{background-position:right -228px} .bonus-pv-icon.gpi{background-position:right -342px} .bonus-pv-icon.gpk{background-position:right -456px} .bonus-pv-icon.pt{background-position:right -570px} .bonus-pv-icon.skw{background-position:right -684px} .bonus-pv-icon.wm{background-position:right -798px} .bonus-pv-icon.isin4d{background-position:right -912px} .bonus-pv-icon.spd{background-position:right -1026px} .bonus-pv-icon.sbo{background-position:right -1140px} .bonus-pv-icon.agl{background-position:right -1254px} .bonus-pv-icon.jkr{background-position:right -1368px} .bonus-pv-icon.cmd{background-position:right -1482px} .bonus-pv-icon.awc{background-position:right -1596px} .bonus-pv-icon.idn{background-position:right -1710px} .bonus-pv-icon.pgs{background-position:right -1825px} .bonus-pv-icon.sbc{background-position:right -1940px} .bonus-pv-icon.bbn{background-position:right -2050px} .bonus-pv-icon.ori{background-position:right -2165px} .bonus-pv-icon.pst{background-position:right -2280px} .bonus-pv-icon.bbp{background-position:right -2394px} .bonus-pv-icon.cqn{background-position:right -2508px} .bonus-pv-icon.ttg{background-position:right -2622px} .bonus-pv-icon.bgg{background-position:right -2734px} .bonus-pv-icon.sll{background-position:right -2854px} .bonus-pv-icon.mcg{background-position:right -2964px} .bonus-pv-icon.bng{background-position:right -3078px} .bonus-pv-icon.blk{background-position:right -3192px} .bonus-pv-icon.prt{background-position:right -3306px} .bonus-pv-icon.sba{background-position:right -3420px} .bonus-pv-icon.mmg{background-position:right -3420px} .bonus-pv-icon.png{background-position:right -9999px} .bonus-pv-icon.csg{background-position:right -9999px} .bonus-pv-icon.nbb{background-position:right -2050px} /* 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{background-color:#105473;color:#fff;border-color:rgb(255,87,34)} .bonus-button: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 -83px} .history-summary .provider.hb{background-position:right -165px} .history-summary .provider.gpi{background-position:right -248px} .history-summary .provider.gpoker{background-position:right -333px} .history-summary .provider.pt{background-position:right -414px} .history-summary .provider.skw{background-position:right -498px} .history-summary .provider.wm{background-position:right -580px} .history-summary .provider.isin4d{background-position:right -664px} .history-summary .provider.spd{background-position:right -748px} .history-summary .provider.sbo{background-position:right -830px} .history-summary .provider.agl{background-position:right -914px} .history-summary .provider.jkr{background-position:right -996px} .history-summary .provider.cmd{background-position:right -996px} .history-summary .provider.awc{background-position:right -996px} .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)} /****** 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/270122-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.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: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/231221-game-front-provider.png) no-repeat; background-position: center -3px; background-size: 100%; } .favorite-heading .title:before{content:unset;padding-left:0} .favorite-heading .title.hb{background-position:center -83px} .favorite-heading .title.spd{background-position:center -163px} .favorite-heading .title.isin4d{background-position:center -243px} .favorite-heading .title.pt,.favorite-heading .title.playtech{background-position:center -323px} .favorite-heading .title.jkr{background-position:center -403px} .favorite-heading .title.gpi{background-position:center -483px} .favorite-heading .title.sbo{background-position:center -563px} .favorite-heading .title.skw{background-position:center -643px} .favorite-heading .title.wm{background-position:center -723px} .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.cmd{background-position:center -1048px} .favorite-heading .title.awc{background-position:center -1135px} .favorite-heading .title.pgs{background-position:center -1472px} .favorite-heading .title.bbn{background-position:center -1390px} .favorite-heading .title.sbc{background-position:center -1655px} .favorite-heading .title.pst{background-position:center -1564px} .favorite-heading .title.ori{background-position:center -1298px} .favorite-heading .title.ttg{background-position:center -1744px} .favorite-heading .title.cqn{background-position:center -1833px} .favorite-heading .title.bbp{background-position:center -1928px} .favorite-heading .title.bgg{background-position:center -2028px} .favorite-heading .title.sll{background-position:center -2136px} .favorite-heading .title.blk{background-position:center -2226px} .favorite-heading .title.bng{background-position:center -2322px} .favorite-heading .title.mcg{background-position:center -2411px} .favorite-heading .title.prt{background-position:center -2512px} .favorite-heading .title.sba{background-position:center -2620px} .favorite-heading .title.mmg{ background: url(../images/provider/mmg-game-front-provider.png) no-repeat; background-position:center bottom; background-size: 60%; } .favorite-heading .title.png{background-position:center -9999px} .favorite-heading .title.csg{background-position:center -9999px} .favorite-heading .title.nbb{background-position:center -1390px} .hidden{display:none} #PopupBanner{z-index:61;max-width:400px;min-height:10%;display:flex;top:50%;left:50%;transform:translate(-50%,-50%);align-items:center} #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>.vabca{background-position:40px -2px} .payment-bank-logo>.vapermata{background-position:30px -28px} .payment-bank-logo>.vamandiri{background-position:36px -53px} .payment-bank-logo>.vabni{background-position:42px -84px} .payment-bank-logo>.vabri{background-position:36px -160px} .payment-bank-logo>.qris{background-size:150%;background-position:38px -508px} .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{width:250px;height:250px;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>.vabca{background-position:1px -2px} .otd-acc-detail .payment-bank-logo>.vabni{background-position:3px -87px} .otd-acc-detail .payment-bank-logo>.vabri{background-size:300%;background-position:-13px -194px} .otd-acc-detail .payment-bank-logo>.vamandiri{background-position:-3px -55px} .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} .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; } .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; 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}